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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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