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