केस स्टडी

SoundCloud ने Jetpack Glance का इस्तेमाल करके, सिर्फ़ दो हफ़्तों में 'पसंद किए गए ट्रैक' विजेट बनाया

पढ़ने में लगने वाला समय: 3 मिनट
समर्स पिटमैन की प्रोफ़ाइल देखें ट्रेसी एग्यमंग की प्रोफ़ाइल देखें
Summers Pittman और Tracy Agyemang

SoundCloud, कलाकारों को प्राथमिकता देने वाला एक म्यूज़िक प्लैटफ़ॉर्म है. इसके डेवलपर ने Android पर उपयोगकर्ताओं के लिए संगीत सुनना और भी आसान बनाने के लिए, Jetpack Glance का इस्तेमाल किया. इससे उन्होंने अपने सबसे लोकप्रिय ऐप्लिकेशन के लिए, 'पसंद किए गए ट्रैक' विजेट बनाया. इस ऐप्लिकेशन को 4.6 स्टार मिले हैं और इसे 10 करोड़ से ज़्यादा बार डाउनलोड किया गया है. SoundCloud पर 4 करोड़ से ज़्यादा क्रिएटर्स के 40 करोड़ से ज़्यादा ट्रैक उपलब्ध हैं. यह प्लैटफ़ॉर्म, संगीत के ज़रिए कलाकारों और प्रशंसकों को जोड़ने के लिए जाना जाता है. इसके Android ऐप्लिकेशन में किए गए इस नए अपडेट से, लोगों को अपने पसंदीदा ट्रैक का आनंद लेने का और भी आसान तरीका मिलता है. Glance की मदद से, टीम ने सिर्फ़ दो हफ़्तों में प्रोजेक्ट पूरा कर लिया. इससे डेवलपमेंट में लगने वाला कीमती समय बचा और यूज़र ऐक्टिविटी में बढ़ोतरी हुई.

उपयोगकर्ता के लिए आसान टचपॉइंट की मदद से, ज़्यादा से ज़्यादा लोगों तक पहुंचें

'पसंद किए गए ट्रैक' विजेट में, हाल ही में पसंद किए गए ट्रैक का आर्टवर्क दिखता है. इससे उपयोगकर्ता सीधे किसी गाने पर जा सकते हैं या अपनी होम स्क्रीन से ही ट्रैक की पूरी सूची ऐक्सेस कर सकते हैं. इससे SoundCloud, लोगों के लिए सबसे अहम प्लैटफ़ॉर्म बन जाता है. यह उनकी निजी लाइब्रेरी के लिए शॉर्टकट के तौर पर काम करता है और उन्हें फिर से सुनने के लिए बढ़ावा देता है.

Liked Tracks, SoundCloud का पहला विजेट नहीं है. एक दशक से भी पहले, SoundCloud के डेवलपर ने RemoteViews का इस्तेमाल करके एक प्लेयर विजेट बनाया था. इससे उपयोगकर्ताओं को प्लेबैक को आसानी से कंट्रोल करने और ट्रैक को पसंद करने की सुविधा मिली. डिज़ाइन से जुड़े सुझावों के आधार पर, प्लेयर विजेट को हाल ही में अपडेट किया गया. इसके बाद, डेवलपर ने यह पक्का किया कि 'पसंद किए गए ट्रैक' के लिए, इंटरफ़ेस को लोगों की पसंद के मुताबिक बनाया जाए. नए विजेट में गहरे और हल्के रंग वाले मोड, दोनों की सुविधा है. इसे उपयोगकर्ता की पसंद के हिसाब से आसानी से छोटा या बड़ा किया जा सकता है. साथ ही, यह उपयोगकर्ता के वॉलपेपर के हिसाब से अपनी थीम को डाइनैमिक तौर पर अडजस्ट करता है. Glance की मदद से, डिज़ाइन के ये विकल्प यह पक्का करते हैं कि विजेट का इस्तेमाल करना आसान हो. साथ ही, यह SoundCloud ऐप्लिकेशन में जाने के लिए एक आकर्षक और पसंद के मुताबिक बनाया गया गेटवे भी है.

souncloudJetPack2.png
SoundCloud के Liked Tracks विजेट की इमेज.

Glance की मदद से डेवलपमेंट साइकल को तेज़ करना

Glance ने 'पसंद किए गए ट्रैक' सुविधा को डेवलप करने में भी अहम भूमिका निभाई. Compose का इस्तेमाल करने वाले डेवलपर के लिए, Glance का आसान डिज़ाइन जाना-पहचाना लगा. इससे, उन्हें इसे सीखने में कम समय लगा और टीम को तेज़ी से शामिल किया जा सका. इस प्लैटफ़ॉर्म पर मौजूद कोड सैंपल के कलेक्शन से, डेवलपर को शुरुआत करने में मदद मिली. साथ ही, उन्हें इसकी क्षमताओं और सबसे सही तरीकों को तुरंत समझने में मदद मिली. “सैंपल के तौर पर मिले ऐप्लिकेशन की रिपॉज़िटरी का इस्तेमाल करना, सीखने का एक बेहतरीन तरीका है. Android टीम में SoundCloud की लीड इंजीनियर, सिगुटे केटेवाइट ने कहा, “मैं पूरी रिपॉज़िटरी को देख सकती हूं और यह जांच कर सकती हूं कि कोड कैसे काम करता है.” “इससे विजेट बनाने की हमारी प्रोसेस काफ़ी तेज़ हो गई.”

SoundCloudJetPack3.png

Glance के यूज़र इंटरफ़ेस (यूआई) का डिक्लेरेटिव नेचर, डेवलपर के लिए खास तौर पर फ़ायदेमंद था. ऐप्लिकेशन बनाते समय, डेवलपर को अतिरिक्त एक्सएमएल फ़ाइलों का इस्तेमाल नहीं करना पड़ता था. इसलिए, वे कम बॉयलरप्लेट के साथ साफ़ और आसानी से पढ़ा जा सकने वाला कोड बना सकते थे. Glance की मदद से, मॉड्यूल पर अलग-अलग काम किया जा सकता है. इसका मतलब है कि कॉम्पोनेंट को एक-एक करके लिखा और इंटिग्रेट किया जा सकता है. साथ ही, उन्हें बाद में फिर से इस्तेमाल किया जा सकता है. कॉम्पोनेंट को अलग-अलग करके, डेवलपर मॉड्यूल को तुरंत टेस्ट कर सकते हैं. साथ ही, समस्याओं की पहचान करके उन्हें हल कर सकते हैं. इसके अलावा, वे डुप्लीकेट किए बिना अलग-अलग स्थितियों के लिए कॉम्पोनेंट बना सकते हैं. इससे वर्कफ़्लो ज़्यादा बेहतर बनते हैं.

Glance के डिज़ाइन से, कोड की क्वालिटी भी बेहतर हुई. Android Studio में Glance की रीयल-टाइम झलक देखने की सुविधा की मदद से, डेवलपर अलग-अलग कॉम्पोनेंट बना सकते हैं. इसके लिए, उन्हें यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट को विजेट में इंटिग्रेट करने या फ़ोन पर पूरा विजेट डिप्लॉय करने की ज़रूरत नहीं होती. वे अलग-अलग स्थितियों को दिखा सकते थे, सभी काम के केस देख सकते थे, और कॉम्पोनेंट में हुए बदलावों की समीक्षा कर सकते थे. इसके लिए, उन्हें पूरा ऐप्लिकेशन कंपाइल करने की ज़रूरत नहीं पड़ती थी. आसान शब्दों में कहें, तो Glance ने डेवलपर की प्रॉडक्टिविटी को बढ़ाया, क्योंकि इससे वे तेज़ी से बदलाव कर पाते थे. इससे विजेट को बेहतर बनाकर, एक बेहतरीन फ़ाइनल प्रॉडक्ट तैयार किया जा सकता था.

Glance की मदद से, ऐप्लिकेशन विजेट को बेहतर बनाना

SoundCloud की टीम ने Glance की सराहना की है. इसकी वजह यह है कि Glance ने नए वर्कफ़्लो को असरदार तरीके से लागू किया और डेवलपमेंट से जुड़ी कोई बड़ी समस्या नहीं आई. इससे SoundCloud को एक सफल प्रोडक्शन बनाने में मदद मिली. सिगुते ने कहा, “पसंद किए गए गानों के नए विजेट की वजह से, रोल आउट काफ़ी स्टेबल रहा.” “डेवलपमेंट और टेस्टिंग की प्रोसेस बहुत आसान थी.” शुरुआती डेटा से भी अच्छे नतीजे मिले हैं. अब सक्रिय उपयोगकर्ता, ऐप्लिकेशन को ऐक्सेस करने के लिए विजेट के साथ इंटरैक्ट करते हैं. वे ऐसा दिन में औसतन कई बार करते हैं.

SoundCloud4.png
विजेट की सुविधा की मदद से, हर दिन के सक्रिय उपयोगकर्ताओं के इंटरैक्शन में दोगुनी बढ़ोतरी हुई.

आने वाले समय में, SoundCloud की टीम Glance का ज़्यादा से ज़्यादा इस्तेमाल करना चाहती है, ताकि मौजूदा विजेट को बेहतर बनाया जा सके. जैसे, कैननिकल लेआउट अपनाना और नए विजेट डेवलप करना. फ़िलहाल, 'पसंद किए गए गाने' विजेट में मुख्य रूप से इमेज दिखती हैं. हालांकि, टीम इसमें अन्य तरह का कॉन्टेंट भी शामिल करना चाहती है, ताकि उपयोगकर्ताओं को बेहतर अनुभव मिल सके. डेवलपर, प्लेयर विजेट को Glance पर माइग्रेट करना चाहते हैं, ताकि वे फ़्रेमवर्क के बेहतरीन थीमिंग विकल्पों को ऐक्सेस कर सकें, साइज़ बदलने की प्रोसेस को आसान बना सकें, और लंबे समय से चली आ रही कुछ गड़बड़ियों को ठीक कर सकें.

पसंद किए गए ट्रैक और प्लेयर की सुविधाओं के अलावा, टीम Glance का इस्तेमाल करके कई तरह के विजेट बनाने की संभावनाओं को लेकर भी उत्साहित है. पसंद किए गए ट्रैक के विजेट का मॉड्यूलर, कॉम्पोनेंट-आधारित आर्किटेक्चर, UserAvatar और Logo जैसे फिर से इस्तेमाल किए जा सकने वाले एलिमेंट के साथ, आने वाले समय में डेवलपमेंट के लिए एक मज़बूत आधार देता है. इससे प्रोसेस को शुरू से ही आसान बनाने का वादा किया जाता है.

Jetpack Glance की मदद से, कस्टम ऐप्लिकेशन विजेट बनाना शुरू करना

Glance की मदद से, ऐसे विजेट तेज़ी से बनाएं और डिप्लॉय करें जो आपके ऐप्लिकेशन को विज़िबल और दिलचस्प बनाए रखें.


यह ब्लॉग पोस्ट हमारी सीरीज़ का हिस्सा है: विजेट पर स्पॉटलाइट वीक. इसमें हम ब्लॉग पोस्ट, वीडियो, सैंपल कोड वगैरह जैसे संसाधन उपलब्ध कराते हैं. ये सभी संसाधन, विजेट डिज़ाइन करने और बनाने में आपकी मदद करने के लिए डिज़ाइन किए गए हैं. Spotlight Week: Widgets के बारे में ज़्यादा जानने के लिए, इसकी खास जानकारी पढ़ें. इसे पूरे हफ़्ते अपडेट किया जाएगा.

लेखक:
पढ़ना जारी रखें