अतुल्यकालिक यूआई: वेब इंटरफेस का भविष्य

जबकि अजाक्स मुख्यधारा बन गया है, उपयोगकर्ता इंटरफेस अभी भी उपयोगकर्ता कार्यों के लिए तत्काल जवाबदेही का दावा नहीं कर सकते हैं। कारण यह है कि कई डेवलपर्स शब्द "अनुरोध / प्रतिक्रिया" में सोचने के लिए उपयोग किए जाते हैं और सोचते हैं कि यूआई को सामने वाले के साथ समानांतर में काम करना चाहिए, प्रत्येक अनुरोध के लिए सर्वर से प्रतिक्रिया का इंतजार करना चाहिए। लेकिन जवाब आने से पहले इंटरफ़ेस को अपडेट क्यों नहीं किया जाता?

समस्या काफी तीव्र है, क्योंकि प्रदर्शन UI की एक महत्वपूर्ण विशेषता है। उदाहरण के लिए, अमेज़ॅन का अनुमान है कि एक पृष्ठ लोड में केवल 0.1 सेकंड की देरी से स्टोर टर्नओवर में 1% की कमी होती है। Google के अनुसार, 0.5 सेकंड की देरी से खोज प्रश्नों की संख्या 20% कम हो जाती है।

ट्विटर से रूबी / जावास्क्रिप्ट डेवलपर एलेक्स मैकका समस्या का एक तार्किक समाधान प्रदान करता है: अजाक्स सिद्धांतों को न केवल फ्रंट-एंड तक, बल्कि उपयोगकर्ता इंटरफ़ेस तक भी विस्तारित करें। उन्होंने AUI (अतुल्यकालिक उपयोगकर्ता इंटरफ़ेस) के लिए उपयुक्त ढांचा विकसित किया।

मैकको के अनुसार, इंटरफ़ेस को प्रतिक्रिया देने के लिए सर्वर का इंतजार नहीं करना पड़ता है, क्योंकि इससे पूरी तरह से अनावश्यक देरी होती है। उदाहरण के लिए, इस स्क्रीनशॉट में इंटरफ़ेस क्या उम्मीद करता है, यह उपयोगकर्ता कार्यों को क्यों रोकता है?



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

एक तरह से या किसी अन्य, जीमेल इंटरफ़ेस विलंबित उदाहरण सैकड़ों और हजारों अन्य वेब अनुप्रयोगों पर लागू होता है जिसमें उपयोगकर्ता इंटरफ़ेस किसी भी कार्रवाई करने की अनुमति देने से पहले सर्वर से प्रतिक्रिया की अपेक्षा करता है।

एलेक्स मैककॉ ने स्पाइन जावास्क्रिप्ट फ्रेमवर्क विकसित किया है। यह एक वैचारिक रूप से नए दृष्टिकोण को लागू करता है जिसमें यूआई अनुप्रयोग के सर्वर पक्ष की परवाह किए बिना काम करता है, अर्थात्, अतुल्यकालिक रूप से।

नतीजतन, आप UI के प्रदर्शन को महत्वपूर्ण रूप से बढ़ा सकते हैं। एलेक्स एक साधारण वेब एप्लिकेशन का उदाहरण देता है जिसमें आप स्पाइन की गति (रूबी पर बैकेंड) का मूल्यांकन कर सकते हैं। कृपया ध्यान दें कि सभी क्रियाएं तात्कालिक हैं, जबकि बैकग्राउंड में Ajax REST कॉल भेजे जाते हैं।

अतुल्यकालिक यूआई को लागू करने के लिए, तीन बुनियादी सिद्धांतों का पालन किया जाना चाहिए:

• राज्य को स्थानांतरित करना और ग्राहक पक्ष को प्रस्तुत करना
• बुद्धिमान डेटा प्रीलोड
• अतुल्यकालिक सर्वर संचार

पहले दो बिंदुओं पर, एलेक्स मैककॉ ने सभी को अपनी जावास्क्रिप्ट वेब एप्लिकेशन बुक के लिए संदर्भित किया, और तीसरे बिंदु पर वे निम्नलिखित उदाहरण का उपयोग करके अधिक विस्तार से बताते हैं। मान लीजिए कि कोई उपयोगकर्ता CMS के साथ काम करते हुए किसी पृष्ठ का नाम बदलना चाहता है। एक अतुल्यकालिक यूआई में काम करते समय, वह यह तुरंत कर सकता है और सर्वर से प्रतिक्रिया की प्रतीक्षा किए बिना आवेदन के साथ काम करना जारी रख सकता है। स्पाइन शब्दावली में, हम Page नामक एक मॉडल के साथ काम कर रहे हैं। नियंत्रक में मॉडल का नाम बदलते समय, निम्नलिखित होता है:

 page = Page.find(1) page.name = "Hello World" page.save() 

जैसे ही save() कहा जाता है, स्पाइन निम्न कार्य करता है:

• कॉलबैक की जाँच करें और मेमोरी में परिवर्तन सहेजें
• ईवेंट सूचनाएँ और उपयोगकर्ता इंटरफ़ेस अद्यतन बदलें
• परिवर्तन संदेश के साथ सर्वर पर Ajax PUT अनुरोध भेजना

ध्यान दें कि उपयोगकर्ता इंटरफ़ेस को अपडेट करने के बाद सर्वर पर Ajax अनुरोध भेजा जाता है।

चूंकि एलेक्स मैकको लंबे समय से इस तरह की तकनीकों के साथ काम कर रहा है, इसलिए उसने त्रुटियों से बचने के लिए सर्वर के साथ विभिन्न सिंक्रोनाइज़ेशन पर काम किया। उदाहरण के लिए, उन्होंने क्लाइंट-साइड डेटा सत्यापन लागू किया। बेशक, यह हमेशा संभव नहीं होता है (उदाहरण के लिए, किसी विशेषता की विशिष्टता की जांच करने के लिए डेटाबेस तक पहुंच की आवश्यकता होती है)। कोई आसान समाधान नहीं है, इसलिए चर्चा जारी है। नेटवर्क त्रुटियों से निपटना आसान है: सर्वर पर अनुरोध भेजने से पहले ब्राउज़र को बंद करने से बचने के लिए, यह window.onbeforeunload घटना की घटना पर नज़र रखने और उपयोगकर्ता को सूचित करने के लिए पर्याप्त है यदि कोई असंगत अनुरोध रहता है।

 window.onbeforeunload = -> if Spine.Ajax.pending '''Data is still being sent to the server; you may lose unsaved changes if you close the page.''' 

इसी तरह, यदि सर्वर कोई त्रुटि देता है, तो यह उपयोगकर्ता को दिया जा सकता है। ऐसी त्रुटियां अपेक्षाकृत कम ही होती हैं, इसलिए आपको विशेष रूप से उन पर ध्यान केंद्रित नहीं करना चाहिए। यह उपयोगकर्ता को सूचित करने, लॉग में घटना को रिकॉर्ड करने और फिर से सिंक्रनाइज़ करने के लिए पर्याप्त है।

सर्वर में किए गए अनुरोधों को पृष्ठभूमि में सख्ती से भेजा जाता है ताकि किसी भी त्रुटि से बचने के लिए (जब एक नया तत्व बनाने के अनुरोध के बजाय डेटा को अपडेट करने का अनुरोध पहले आए)।

बैकबोन उदाहरण के बाद एलेक्स मैककॉव ने एक और तकनीक प्रदान की है जो क्लाइंट साइड पर अस्थायी सीआईडी ​​की पीढ़ी है, जो सर्वर साइड पर उत्पन्न अद्वितीय आईडी के लिए एक प्रतिस्थापन है। यह दृष्टिकोण देरी को समाप्त करता है और किसी भी जावास्क्रिप्ट कार्यों के लिए तत्काल प्रतिक्रिया बनाए रखता है जिन्हें आईडी बनाने की आवश्यकता होती है।

बैकबोन विभिन्न प्रकार के पहचानकर्ताओं के लिए अलग-अलग एपीआई का उपयोग करता है।

 Users.getByCid(internalID) Users.get(serverID) 

इस "द्वैधता" से छुटकारा पाने के लिए, स्पाइन थोड़ा अलग दृष्टिकोण लेता है। यहां, अस्थायी पहचानकर्ता (छद्म GUID) का उपयोग तब तक किया जाता है जब तक कि असली आईडी वाले सर्वर से प्रतिक्रिया नहीं मिल जाती है, और उसके बाद स्पाइन उस पर स्विच कर जाता है, लेकिन दोनों पहचानकर्ता एक ही एपीआई के माध्यम से सुलभ रहते हैं।

यह स्पष्ट है कि कुछ मामलों में एयूआई का उपयोग अनुचित है। उदाहरण के लिए, वित्तीय अनुप्रयोगों या इंटरनेट बैंकिंग में, इंटरफ़ेस को सर्वर से प्रतिक्रिया प्राप्त करते हुए, फंडों की गति को सटीक रूप से प्रतिबिंबित करना चाहिए। लेकिन ज्यादातर मामलों में, एयूआई के पारंपरिक अजाक्स एप्लिकेशन इंटरफेस पर स्पष्ट लाभ हैं।