SoundCloud menggunakan Jetpack Glance untuk membuat widget Lagu yang Disukai hanya dalam 2 minggu

Untuk memudahkan pengguna mendengarkan musik di Android, developer di SoundCloud — platform musik yang mengutamakan artis — beralih ke Jetpack Glance untuk membuat widget Lagu yang Disukai untuk aplikasi mereka yang berperingkat tinggi, yang memiliki 4,6 bintang dan lebih dari 100 juta download. Dengan katalog berisi lebih dari 400 juta lagu dari lebih dari 40 juta kreator, SoundCloud berdedikasi untuk menghubungkan artis dan penggemar melalui musik, dan update terbaru pada aplikasi Android-nya menawarkan cara yang lebih praktis bagi pendengar untuk menikmati lagu favorit mereka. Dengan Glance, tim dapat menyelesaikan project hanya dalam dua minggu, sehingga menghemat waktu pengembangan yang berharga dan meningkatkan engagement.

Maksimalkan visibilitas dengan poin kontak yang mudah digunakan

Dengan menampilkan poster album dari lagu yang baru-baru ini disukai, widget Lagu yang Disukai baru memungkinkan pengguna langsung beralih ke lagu tertentu atau mengakses daftar lagu lengkap langsung dari layar utama. Hal ini membuat SoundCloud tetap menjadi pusat perhatian pendengar, bertindak sebagai pintasan ke koleksi pribadi mereka dan mendorong mereka untuk mendengarkan kembali.

Liked Tracks bukanlah widget pertama SoundCloud. Lebih dari satu dekade lalu, developer SoundCloud menggunakan RemoteViews untuk membuat widget Pemutar yang memungkinkan pengguna mengontrol pemutaran dan menyukai lagu dengan mudah. Setelah baru-baru ini memperbarui widget Pemutar berdasarkan masukan desain, developer memastikan untuk memprioritaskan antarmuka yang dipersonalisasi untuk Lagu yang Disukai. Widget baru ini memiliki mode terang dan gelap, dapat diubah ukurannya secara bebas untuk mengakomodasi preferensi pengguna, dan menyesuaikan temanya secara dinamis untuk melengkapi wallpaper pengguna. Didukung oleh Glance, pilihan desain ini memastikan widget tidak hanya lancar digunakan, tetapi juga berfungsi sebagai gateway yang menarik dan disesuaikan ke aplikasi SoundCloud.

Mempercepat siklus pengembangan dengan Glance

Glance juga memainkan peran penting dalam menyederhanakan pengembangan Lagu yang Disukai. Bagi developer yang sudah mahir dalam Compose, desain Glance yang intuitif terasa familier, sehingga meminimalkan proses belajar dan mempercepat orientasi tim. Kumpulan contoh kode platform ini juga memberikan titik awal yang berguna, sehingga membantu developer memahami kemampuan dan praktik terbaiknya dengan cepat. “Menggunakan repositori aplikasi contoh adalah cara yang bagus untuk belajar. Saya dapat memeriksa seluruh repositori dan memeriksa cara kerja kode,” kata Sigute Kateivaite, lead engineer SoundCloud di tim Android. “Hal ini sangat mempercepat pengembangan widget kami.”

Sifat deklaratif UI Glance sangat bermanfaat bagi developer. Karena tidak perlu menggunakan file XML tambahan saat membangun, developer dapat membuat kode yang lebih rapi dan mudah dibaca dengan lebih sedikit boilerplate. Glance juga memungkinkan mereka bekerja dengan modul secara terpisah, yang berarti komponen dapat ditulis dan diintegrasikan satu per satu dan digunakan kembali untuk iterasi berikutnya. Dengan mengisolasi komponen, developer dapat dengan cepat menguji modul, mengidentifikasi dan menyelesaikan masalah, serta membangun berbagai status tanpa duplikasi, sehingga menghasilkan alur kerja yang lebih efisien.

Desain Glance juga meningkatkan kualitas kode secara keseluruhan. Kemampuan untuk melakukan perubahan menggunakan dukungan Android Studio untuk pratinjau real-time Glance memungkinkan developer membangun komponen secara terpisah tanpa perlu mengintegrasikan komponen UI ke dalam widget atau men-deploy widget lengkap di ponsel. Mereka dapat merepresentasikan berbagai status, melihat semua kasus yang relevan, dan meninjau perubahan pada komponen tanpa harus mengompilasi aplikasi lengkap. Singkatnya, Glance membuat developer lebih produktif karena memungkinkan mereka melakukan iterasi lebih cepat, sehingga menyempurnakan widget untuk produk akhir yang lebih baik.

Meningkatkan kualitas widget aplikasi dengan kecanggihan Glance

Dengan alur kerja baru yang efektif dan tanpa masalah pengembangan yang signifikan, tim SoundCloud memuji Glance karena telah menyederhanakan produksi yang sukses. “Dengan widget Lagu yang Disukai yang baru, peluncurannya sangat stabil,” kata Sigute. “Proses pengembangan dan pengujian berjalan sangat lancar.” Data awal juga menunjukkan hasil yang menjanjikan — pengguna aktif kini berinteraksi dengan widget untuk mengakses aplikasi rata-rata beberapa kali sehari.

Ke depannya, tim SoundCloud ingin menggunakan lebih banyak Glance untuk meningkatkan widget yang ada, seperti mengadopsi tata letak kanonis, dan bahkan mengembangkan widget baru. Meskipun widget Lagu yang Disukai saat ini berfokus terutama pada tampilan gambar, tim tertarik untuk menyertakan jenis konten lain guna lebih memperkaya pengalaman pengguna. Developer juga berharap dapat memigrasikan widget Pemutar ke Glance untuk mengakses opsi tema framework yang andal, menyederhanakan proses pengubahan ukuran, dan mengatasi beberapa bug yang sudah lama ada.

Selain fitur Lagu yang Disukai dan Pemutar, tim ini sangat antusias dengan potensi penggunaan Glance untuk membuat widget yang lebih beragam. Arsitektur widget Liked Tracks yang modular dan berbasis komponen, dengan elemen yang dapat digunakan kembali seperti UserAvatar dan Logo, menawarkan fondasi yang kuat untuk pengembangan di masa mendatang, yang menjanjikan penyederhanaan proses sejak awal.

Mulai membuat widget aplikasi kustom dengan Jetpack Glance

Kembangkan dan deploy widget dengan cepat yang membuat aplikasi Anda tetap terlihat dan menarik dengan Glance.

Postingan blog ini adalah bagian dari seri kami: Spotlight Week on Widgets, tempat kami menyediakan referensi—postingan blog, video, kode contoh, dan lainnya—yang semuanya dirancang untuk membantu Anda mendesain dan membuat widget. Anda dapat membaca selengkapnya di ringkasan Spotlight Week: Widget, yang akan diperbarui sepanjang minggu.