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

Untuk mempermudah pengguna mendengarkan di Android, developer di SoundCloud — platform musik yang mengutamakan artis — beralih ke Jetpack Glance untuk membuat widget Lagu yang Disukai untuk aplikasi mereka yang memiliki rating tinggi, yang memiliki 4,6 bintang dan lebih dari 100 juta download. Dengan katalog 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 nyaman bagi pendengar untuk menikmati lagu favorit mereka. Berkat 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 artwork lagu yang baru disukai, widget Lagu yang Disukai yang baru memungkinkan pengguna langsung membuka lagu tertentu atau mengakses daftar lengkap lagu mereka langsung dari layar utama. Hal ini membuat SoundCloud tetap menjadi pilihan utama bagi pendengar, bertindak sebagai pintasan ke koleksi pribadi mereka dan mendorong mereka untuk kembali mendengarkan.

Trek yang Disukai bukan 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 Trek yang Disukai. Widget baru ini memiliki mode terang dan gelap, dapat diubah ukurannya secara bebas untuk mengakomodasi preferensi pengguna, dan secara dinamis menyesuaikan tema untuk melengkapi wallpaper pengguna. Didukung oleh Glance, pilihan desain ini memastikan widget tidak hanya lancar digunakan, tetapi juga berfungsi sebagai pintu masuk yang menarik dan disesuaikan ke dalam aplikasi SoundCloud.

Mempercepat siklus pengembangan dengan Glance

Glance juga memainkan peran penting dalam menyederhanakan pengembangan Lagu yang Disukai. Bagi developer yang sudah mahir menggunakan Compose, desain Glance yang intuitif terasa familier, sehingga meminimalkan proses belajar dan mempercepat orientasi tim. Kumpulan contoh kode platform 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, engineer utama SoundCloud di tim Android. “Hal ini mempercepat pengembangan widget kami secara signifikan.”

Sifat deklaratif UI Glance sangat bermanfaat bagi developer. Karena tidak perlu menggunakan file XML tambahan saat membangun, developer dapat membuat kode yang lebih bersih 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 serta digunakan kembali untuk iterasi berikutnya. Dengan mengisolasi komponen, developer dapat dengan cepat menguji modul, mengidentifikasi dan menyelesaikan masalah, serta membangun untuk 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 membuat 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. Sederhananya, Glance membuat developer lebih produktif karena memungkinkan mereka melakukan iterasi lebih cepat, menyempurnakan widget untuk produk akhir yang lebih sempurna.

Tingkatkan kualitas widget aplikasi dengan kecanggihan fitur Sekilas

Dengan alur kerja baru yang efektif dan tanpa masalah pengembangan yang besar, tim SoundCloud memuji Glance karena telah menyederhanakan produksi yang sukses. “Dengan widget Trek 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 beberapa kali sehari rata-rata.

Ke depannya, tim SoundCloud ingin menggunakan lebih banyak Glance untuk meningkatkan kualitas widget yang ada, seperti mengadopsi tata letak kanonis, dan bahkan mengembangkan widget baru. Meskipun widget Trek yang Disukai saat ini berfokus terutama pada tampilan gambar, tim tertarik untuk menyertakan jenis konten lain guna lebih meningkatkan pengalaman pengguna. Developer juga berharap untuk memigrasikan widget Pemutar ke Glance guna 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 sangat antusias dengan potensi penggunaan Glance untuk membuat berbagai widget. Arsitektur modular berbasis komponen widget Lagu yang Disukai, dengan elemen yang dapat digunakan kembali seperti UserAvatar dan Logo, menawarkan fondasi yang kuat untuk pengembangan di masa mendatang, yang berjanji untuk menyederhanakan 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 Sekilas.

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