होटल बुकिंग की सुविधा देने वाली एक स्टार्टअप कंपनी ने वेब कॉन्टेंट का इस्तेमाल करके, उपयोगकर्ताओं के जुड़ाव को बढ़ाने और फ़ाइल का साइज़ कम रखने के लिए, Android ऐप्लिकेशन कैसे बनाया
OYO Rooms की स्थापना 2013 में हुई थी. अब यह भारत की सबसे बड़ी होटल कंपनियों में से एक बन गई है. इसकी सेवाएं 80 से ज़्यादा देशों के सैकड़ों शहरों में उपलब्ध हैं. इस सफलता का एक हिस्सा यह था कि उन्होंने ऑनलाइन बुकिंग की सुविधा को जितना हो सके उतना आसान और तेज़ बनाया.
हाल ही तक, OYO की टीम इस लक्ष्य को हासिल करने के लिए, प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) और Android ऐप्लिकेशन, दोनों ऑफ़र कर रही थी. Android ऐप्लिकेशन में काफ़ी ज़्यादा यूज़र ऐक्टिविटी थी: PWA का इस्तेमाल करने वाले उपयोगकर्ताओं की तुलना में, उपयोगकर्ताओं के ग्राहक में बदलने की दर तीन गुना ज़्यादा थी. हालांकि, समय के साथ उपयोगकर्ता स्टोरेज की जगह की समस्या की वजह से, Android ऐप्लिकेशन को अनइंस्टॉल भी कर देते थे.
Android ऐप्लिकेशन के फ़ायदे देते हुए, उपयोगकर्ताओं के डिवाइसों पर इसके फ़ुटप्रिंट को कम करने के लिए, टीम ने भरोसेमंद वेब गतिविधियों (टीडब्ल्यूए) का इस्तेमाल करने का फ़ैसला लिया.
TWA क्या है?
Chrome 72 से पहले, Android डेवलपर को अपने प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन में वेब कॉन्टेंट दिखाने के लिए, WebView का इस्तेमाल करना पड़ता था. इसमें कुछ सीमाएं थीं: यह Chrome की तरह तेज़ नहीं है और इसमें Chrome के सभी एपीआई और सुविधाएं शामिल नहीं हैं. इसलिए, अगर आपको वेबव्यू के रेंडरिंग इंजन के साथ काम न करने वाला कोई व्यवहार चाहिए था, तो आपको इसके लिए अपना ब्राउज़र बनाना पड़ता था. यह काम आसान नहीं है!
भरोसेमंद वेब गतिविधियां (टीडब्ल्यूए), वेब कॉन्टेंट को सीधे Chrome में दिखाकर इन सीमाओं को दूर करती हैं. TWA के नाम को अलग-अलग हिस्सों में बांटकर, इसकी सुविधाओं के बारे में बताया जा सकता है: - ऐक्टिविटी, Android ऐप्लिकेशन के यूज़र इंटरफ़ेस में मौजूद एक स्क्रीन या व्यू होती है. - TWA, ऐप्लिकेशन की गतिविधियों के लिए वेब कॉन्टेंट दिखाने के लिए Chrome का इस्तेमाल करते हैं. - टीडब्ल्यूए का कॉन्टेंट भरोसेमंद होता है, क्योंकि इसमें डिजिटल ऐसेट लिंक का इस्तेमाल करके, इस बात की पुष्टि की जाती है कि Android ऐप्लिकेशन और उसमें दिखाया जा रहा वेब कॉन्टेंट, एक ही व्यक्ति ने बनाया है.
किसी प्लैटफ़ॉर्म के लिए खास तौर पर बनाए गए ऐप्लिकेशन के बजाय, TWA क्यों बनाएं?
ज़्यादा से ज़्यादा Android ऐप्लिकेशन, डेवलपर की वेबसाइटों से कॉन्टेंट डिलीवर कर रहे हैं. टीडब्ल्यूए, प्लैटफ़ॉर्म और वेब ऐप्लिकेशन के लिए सबसे बेहतर सुविधाएं उपलब्ध कराकर, इस बात को स्वीकार करते हैं:
- इनमें Android ऐप्लिकेशन की सभी सुविधाएं होती हैं. जैसे, लॉन्चर आइकॉन, पुश नोटिफ़िकेशन, और फ़ुलस्क्रीन डिसप्ले.
- ये Chrome की परफ़ॉर्मेंस और सुविधाएं देते हैं.
- वे डिवाइस पर इंस्टॉल किए गए Chrome के वर्शन का इस्तेमाल करते हैं, ताकि उनके पास हमेशा नए एपीआई और सुविधाएं उपलब्ध हों.
- ये ऐप्लिकेशन, किसी प्लैटफ़ॉर्म के लिए बनाए गए ऐप्लिकेशन के मुकाबले काफ़ी कम स्टोरेज का इस्तेमाल करते हैं. यह कई उपयोगकर्ताओं के लिए एक समस्या है, खास तौर पर उन लोगों के लिए जिनके पास लो-एंड डिवाइस हैं.
Chrome में चलाने पर भी कई फ़ायदे मिलते हैं. उदाहरण के लिए, टीडब्ल्यूए, Chrome का स्टोरेज शेयर करते हैं. इसमें कुकी, पासवर्ड, और Web Storage API का इस्तेमाल करके सेव की गई कोई भी चीज़ शामिल है. इस सेटअप का एक फ़ायदा यह है कि उपयोगकर्ता ब्राउज़र और TWA ऐप्लिकेशन में लॉग इन रहते हैं.
OYO Lite बनाना
OYO की टीम चाहती थी कि उसके उपयोगकर्ताओं को डिवाइस के स्टोरेज पर समझौता किए बिना, ऐप्लिकेशन का पूरा अनुभव मिले. इसलिए, उन्होंने अपने मौजूदा PWA पर आधारित TWA, OYO Lite बनाने का फ़ैसला लिया.
PWA से शुरुआत करना ज़रूरी है. उपयोगकर्ता, Android लॉन्चर से चलाए जाने वाले ऐप्लिकेशन में सभी सुविधाओं का अनुभव चाहते हैं. इसलिए, टीडब्ल्यूए में दिखाया जाने वाला वेब कॉन्टेंट ऐसा अनुभव देना चाहिए. इसमें ये सुविधाएं शामिल हैं:
- तेज़ी से लोड होना और रिस्पॉन्स मिलने में कम समय लगना
- जब उपयोगकर्ता के पास सीमित या कोई इंटरनेट कनेक्शन नहीं है, तब भी काम करना
- एक जैसा लुक और स्टाइल (उदाहरण के लिए, स्प्लैश स्क्रीन और ऐप्लिकेशन का रंग)
अगर आपके पास पहले से ही कोई PWA है, तो बुनियादी TWA बनाने के लिए, कम से कम प्रयास करने की ज़रूरत होती है. भले ही, आपने पहले कभी Android के लिए डेवलप न किया हो. OYO की टीम ने ये काम किए:
- oyorooms.com से कॉन्टेंट दिखाने के लिए, ऐप्लिकेशन में
DEFAULT_URLऔर इंटेंट फ़िल्टर वाली Android मेनिफ़ेस्ट फ़ाइल बनाई गई. - डिजिटल एसेट लिंक की पुष्टि करने के लिए, ब्राउज़र के यूआरएल बार को हटा दिया गया.
- लॉन्चर आइकॉन बनाया.
- कस्टम स्प्लैश स्क्रीन बनाई गई.
और नतीजा यह रहा:
बुनियादी TWA बनाने के बारे में ज़्यादा जानकारी के लिए, पीटर मैक्लेचलन और आंद्रे बंदरा की Google I/O 2019 में TWA के बारे में बातचीत देखें.
OYO की टीम ने OYO Lite को कैसे बनाया, इस बारे में ज़्यादा जानने के लिए, Medium पर अंकित जैन की पोस्ट पढ़ें. इसमें, Android के सभी उपयोगकर्ताओं के लिए स्प्लैश स्क्रीन बनाने के उनके तरीके के बारे में भी बताया गया है.
TWA की मदद से, OYO ने अपने उपयोगकर्ताओं की ज़रूरतों को कैसे पूरा किया
OYO की टीम ने अपने ऐप्लिकेशन की ज़्यादातर ऐसेट को Chrome के कैश मेमोरी में सेव किया. इससे, OYO Lite के शुरुआती डाउनलोड साइज़ को 850 केबी तक कम किया जा सका. यह उनके Android ऐप्लिकेशन के साइज़ का सिर्फ़ 7% है!
Google Play Store से डाउनलोड किए जा सकने वाले Android ऐप्लिकेशन की सुविधाओं के साथ-साथ, ऐप्लिकेशन के छोटे साइज़ की वजह से, उपयोगकर्ता जुड़ाव में काफ़ी बढ़ोतरी हुई:
- कन्वर्ज़न रेट, PWA के रेट से तीन गुना ज़्यादा हो
- PWA की तुलना में, औसतन तीन गुना ज़्यादा लॉग इन किए हुए उपयोगकर्ता
- Google Play Store पर 4.1 रेटिंग
उपयोगकर्ताओं को मिलने वाले फ़ायदों के अलावा, TWA का इस्तेमाल करने से टीम के पास सिर्फ़ एक कोडबेस होता है. इसे आसानी से अपडेट किया जा सकता है. इसके लिए, उपयोगकर्ताओं को ऐप्लिकेशन का नया वर्शन डाउनलोड करने का इंतज़ार नहीं करना पड़ता.
अपना TWA बनाना
OYO का ऑनलाइन रिज़र्वेशन प्लैटफ़ॉर्म, टीडब्ल्यूए के लिए इस्तेमाल के उदाहरणों में से सिर्फ़ एक है. ये टेंप्लेट, प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन या वेब पेजों के तौर पर मौजूद कई प्रोजेक्ट के लिए बेहतरीन हो सकते हैं. जैसे, शॉपिंग कार्ट और चेकआउट फ़्लो से लेकर, अक्सर पूछे जाने वाले सवाल और संपर्क फ़ॉर्म तक.
टीडब्ल्यूए का इस्तेमाल शुरू करने के लिए, ये लिंक देखें: