WordCamp PWA पूर्वावलोकन


WordCampWordCamp WordCamp, WordPress से संबंधित सभी विषयों को शामिल करने वाले अनौपचारिक, स्थानीय रूप से आयोजित सम्मेलन होते हैं। ये उन स्थानों में से एक हैं जहाँ WordPress समुदाय एक साथ आकर पूरे वर्ष सीखी गई बातों को एक-दूसरे को सिखाता है और आनंद साझा करता है। अधिक जानें Europe तक, आयोजन टीम WordCamp.org को बेहतर बनाने और उसे एक प्रोग्रेसिव वेब एप्लिकेशन (PWA) बनाने के लिए कड़ी मेहनत कर रही थी।

यह कैंप से कुछ दिन पहले तैनातDeploy स्थानीय विकास वातावरण से कोड को प्रोडक्शन वेब सर्वर पर लॉन्च करना, ताकि वह आगंतुकों के लिए उपलब्ध हो सके। किया गया था और कार्यक्रम के दौरान इसमें बदलाव किए जाते रहे। इस परियोजना का लक्ष्य WordCamp Europe 2019 के लिए एक MVPन्यूनतम व्यवहार्य उत्पाद “न्यूनतम व्यवहार्य उत्पाद (MVP) ऐसा उत्पाद है जिसमें शुरुआती ग्राहकों को संतुष्ट करने और भविष्य के उत्पाद विकास के लिए प्रतिक्रिया देने हेतु पर्याप्त सुविधाएँ होती हैं।” – विकिपीडिया उपलब्ध कराना और फिर उस काम को लगातार बेहतर बनाना था, ताकि PWA सुविधाएँ सभी WordCamp के लिए उपयोगी हो सकें।

वर्तमान स्थिति

PWA सुविधाओं का काम शुरुआत में एक स्वतंत्र प्लगइन के रूप में किया गया था और अब इसे WordCamp.org कोड रिपॉज़िटरी में शामिल कर दिया गया है। यह आधारभूत ढाँचे के रूप में PWA फीचर प्लगइन का उपयोग करता है और उसके ऊपर कुछ अतिरिक्त कस्टम कोड जोड़ता है। फिलहाल यह केवल WordCamp Europe 2019 वेबसाइट पर सक्रिय है, क्योंकि यह अभी व्यापक रूप से उपयोग किए जाने के लिए तैयार नहीं है।

साइट को बेहतर बनाने वाली PWA सुविधाएँ हैं:

  • ऑफ़लाइन सामग्री:
    • एक बार जब आप ऑनलाइन रहते हुए किसी पृष्ठ पर जाते हैं, तो वह आपके डिवाइस पर सहेज लिया जाएगा, ताकि आप ऑफ़लाइन रहते हुए भी उस तक पहुँच सकें; उदाहरण के लिए, यदि कार्यक्रम के दौरान स्थल का WiFi काम करना बंद कर दे। (सावधानी 1, 2)
    • जब आप ऑफ़लाइन हों और ऐसे पृष्ठ पर जाएँ जो सहेजा नहीं गया है, तो आपको एक विशेष पृष्ठ टेम्पलेट दिखाया जाता है जिसमें शेड्यूल शामिल होता है। भविष्य में इसमें कार्यक्रम की तारीख और स्थान जैसी अन्य महत्वपूर्ण जानकारी भी होगी।
  • स्थिर एसेट कैशिंग। ऐसी फ़ाइलें और REST APIREST API REST API, RESTful Application Program Interface (API) का संक्षिप्त रूप है, जो डेटा प्राप्त करने, बदलने, जोड़ने और हटाने के लिए HTTP अनुरोधों का उपयोग करता है। इसी के माध्यम से किसी एप्लिकेशन का फ्रंट एंड (जैसे “फ़ोन ऐप” या “वेबसाइट”) डेटा स्टोर (जैसे “डेटाबेस” या “फ़ाइल सिस्टम”) के साथ संचार कर सकता है।
    https://developer.wordpress.org/rest-api/
    एंडपॉइंट जो अक्सर नहीं बदलते (जैसे CSSCSS CSS, कैस्केडिंग स्टाइल शीट्स का संक्षिप्त रूप है। यह साइट के डिज़ाइन या रूप-रंग को नियंत्रित करता है।, JavaScriptJavaScript JavaScript या JS एक ऑब्जेक्ट-ओरिएंटेड कंप्यूटर प्रोग्रामिंग भाषा है, जिसका उपयोग आमतौर पर वेब ब्राउज़र में इंटरैक्टिव प्रभाव बनाने के लिए किया जाता है। बेहतर उपयोगकर्ता अनुभव के लिए WordPress में JS का व्यापक उपयोग होता है। PHP सर्वर पर चलता है, जबकि JS उपयोगकर्ता के ब्राउज़र में चलता है।
    https://www.javascript.com
    , इमेज फ़ाइलें) अधिक आक्रामक ढंग से कैश की जाती हैं, ताकि बाद में पृष्ठ तेज़ी से लोड हों।
  • होम स्क्रीन पर जोड़ें। आप WordCamp.org को अपने मोबाइल डिवाइस पर उसी तरह “इंस्टॉल” कर सकते हैं जैसे कोई नेटिव ऐप इंस्टॉल करते हैं, ताकि आप उस तक जल्दी पहुँच सकें। भविष्य में इसे इंस्टॉल करने वाले आगंतुक पूरी सामग्री को ऑफ़लाइन सहेज सकेंगे या अन्य सुधारों का लाभ उठा सकेंगे।
    • iOSiOS iPhone और iPad पर उपयोग किया जाने वाला ऑपरेटिंग सिस्टम। के पुराने संस्करण इस सुविधा का समर्थन नहीं करते।

इन पारंपरिक PWA सुविधाओं के अलावा, टीम ने एक कस्टम “कार्यक्रम का दिन” पृष्ठ टेम्पलेट भी बनाया। इसका उपयोग कार्यक्रम के दौरान किया जा सकता है, ताकि वर्तमान में चल रहे सत्रों, आगे होने वाले सत्रों और WordCamp के ब्लॉग की नवीनतम पोस्ट का रीयल-टाइम शेड्यूल दिखाया जा सके। यह सभी आगंतुकों के लिए उपलब्ध है, भले ही उनके ब्राउज़र PWA सुविधाओं का समर्थन करने के लिए बहुत पुराने हों।

साइट को अपनी होम स्क्रीन पर जोड़ने के अलावा, ऊपर दी गई सभी सुविधाएँ आगंतुकों के डिवाइस की परवाह किए बिना उपलब्ध हैं और डेस्कटॉप व लैपटॉप पर उसी तरह काम करती हैं जैसे मोबाइल डिवाइस पर।

कुछ अतिरिक्त सुविधाओं पर चर्चा हुई थी, लेकिन समय पर उनका निर्माण नहीं किया जा सका:

  • सत्र की जानकारी और वक्ताओं की जानकारी के लिए डिफ़ॉल्ट रूप से ऑफ़लाइन कैशिंग (अर्थात संबंधित पृष्ठों पर पहले जाए बिना)
  • मोबाइल के लिए अनुकूलित साइट का हेडरHeader आपकी साइट का हेडर आमतौर पर वह पहली चीज़ होता है जिसे लोग देखते हैं। आपके पृष्ठ के ऊपरी भाग में स्थित मास्टहेड या हेडर आर्ट आपकी वेबसाइट के रूप-रंग का हिस्सा होता है। यह आपकी सामग्री और आपके/आपके संगठन के ब्रांड के बारे में आगंतुक की राय को प्रभावित कर सकता है। अलग-अलग स्क्रीन आकारों पर इसका रूप भी अलग हो सकता है। और फ़ूटर
  • उपयोगकर्ता द्वारा पसंदीदा चिह्नित आगामी सत्रों के लिए पुश सूचनाएँ
  • महत्वपूर्ण घोषणाओं के लिए पुश सूचनाएँ

PWA परियोजना में शामिल सभी लोगों को धन्यवाद, चाहे उन्होंने डिज़ाइन बनाए हों, वायरफ़्रेम पर प्रतिक्रिया दी हो, मार्गदर्शन प्रदान किया हो, विचार दिए हों या कोड लिखा हो:

@mburridge, @ziontrooper, @avillegasn, @Iceable, @tfrommen, @macloune, @marcusjwilson, @vdwijngaert, @westonruter, @hlashbrooke, @iandunn, @tjnowell, @jb510, @coreymckrill, @andreamiddleton, @sippis, @melchoyce, @karmatosed, @garyj, @webcommsat

प्रक्रिया पर विचार

अब जबकि WordCamp Europe समाप्त हो चुका है, विकास प्रक्रिया और उसके पूरे परिणाम पर नज़र डालना उपयोगी होगा। इसलिए, यदि आप किसी भी रूप में इस परियोजना में शामिल थे, तो यहाँ आपकी प्रतिक्रिया मूल्यवान होगी। कृपया नीचे दिए गए प्रश्नों के उत्तर देते हुए टिप्पणी करें:

  1. PWA विकास परियोजना में क्या अच्छा रहा? (क्या जारी रखना चाहिए?)
  2. आपके विचार से क्या अच्छा नहीं रहा? (क्या बंद करना चाहिए?)
  3. आपके विचार से WordCamp.org के लिए नई सुविधाएँ या टूल विकसित करते समय हम अलग तरीके से क्या कर सकते हैं? (कौन-सी नई चीज़ें/प्रथाएँ शुरू करनी चाहिए?)

#pwa