SoundCloud tworzy widżet Polubione utwory za pomocą Jetpack Glance w zaledwie 2 tygodnie

Aby jeszcze bardziej ułatwić użytkownikom słuchanie muzyki na Androidzie, programiści z SoundCloud – platformy muzycznej, która stawia na pierwszym miejscu artystów – postanowili użyć Jetpack Glance do stworzenia widżetu Polubione utwory w swojej wysoko ocenianej aplikacji, która ma 4,6 gwiazdki i ponad 100 milionów pobrań. SoundCloud ma w swojej ofercie ponad 400 milionów utworów od ponad 40 milionów twórców. Platforma ta łączy artystów i fanów za pomocą muzyki. Najnowsza aktualizacja aplikacji na Androida zapewnia słuchaczom jeszcze wygodniejszy sposób na słuchanie ulubionych utworów. Dzięki Glance zespół był w stanie ukończyć projekt w zaledwie 2 tygodnie, co pozwoliło zaoszczędzić cenny czas programistów i zwiększyć zaangażowanie.

Maksymalizuj widoczność dzięki przyjaznym dla użytkownika punktom kontaktu

Nowy widżet Polubione utwory wyświetla okładki ostatnio polubionych utworów, dzięki czemu użytkownicy mogą przejść bezpośrednio do konkretnej piosenki lub uzyskać dostęp do pełnej listy utworów bezpośrednio z ekranu głównego. Dzięki temu SoundCloud jest zawsze na pierwszym planie, co zachęca słuchaczy do powrotu do aplikacji.

Polubione utwory to nie pierwszy widżet SoundCloud. Ponad 10 lat temu programiści SoundCloud używali RemoteViews do stworzenia widżetu odtwarzacza, który umożliwiał użytkownikom łatwe sterowanie odtwarzaniem i polubienie utworów. Po niedawnej aktualizacji widżetu odtwarzacza na podstawie opinii użytkowników programiści zadbali o to, aby interfejs Polubionych utworów był spersonalizowany. Nowy widżet ma tryb jasny i ciemny, można go dowolnie zmieniać, aby dostosować go do preferencji użytkownika, a jego motyw dynamicznie dopasowuje się do tapety użytkownika. Dzięki Glance te decyzje projektowe sprawiły, że widżet jest nie tylko łatwy w użyciu, ale także stanowi atrakcyjną i spersonalizowaną bramę do aplikacji SoundCloud.

Przyspiesz cykle rozwoju dzięki Glance

Glance odegrał też kluczową rolę w usprawnieniu tworzenia Polubionych utworów. Programiści, którzy dobrze znają Compose, szybko się odnaleźli w intuicyjnym interfejsie Glance, co pozwoliło im zminimalizować czas potrzebny na naukę i przyspieszyć wdrażanie zespołu. Przydatnym punktem początkowym była też kolekcja przykładowego kodu na platformie, która pomogła programistom szybko zrozumieć jej możliwości i sprawdzone metody. „Korzystanie z repozytoriów przykładowych aplikacji to świetny sposób na naukę. Mogę sprawdzić całe repozytorium i zobaczyć, jak działa kod” – mówi Sigute Kateivaite, główna inżynierka SoundCloud w zespole Androida. „Znacznie przyspieszyło to tworzenie widżetów”.

Deklaratywny charakter interfejsu Glance był szczególnie korzystny dla programistów. Dzięki temu, że podczas tworzenia nie musieli używać dodatkowych plików XML, mogli tworzyć czystszy i bardziej czytelny kod z mniejszą ilością kodu standardowego. Glance umożliwił im też pracę z modułami oddzielnie, co oznacza, że komponenty można było pisać i integrować pojedynczo oraz ponownie wykorzystywać w kolejnych iteracjach. Dzięki izolowaniu komponentów programiści mogli szybko testować moduły, identyfikować i rozwiązywać problemy oraz tworzyć różne stany bez powielania kodu, co przekładało się na bardziej wydajne procesy.

Projekt Glance poprawił też ogólną jakość kodu. Możliwość wprowadzania zmian za pomocą obsługi podglądu w czasie rzeczywistym w Android Studio umożliwiła programistom tworzenie komponentów w izolacji bez konieczności integrowania komponentu interfejsu z widżetem ani wdrażania pełnego widżetu na telefonie. Mogli oni przedstawiać różne stany, wyświetlać wszystkie istotne przypadki i sprawdzać zmiany w komponentach bez konieczności kompilowania całej aplikacji. Krótko mówiąc, Glance zwiększył produktywność programistów, ponieważ umożliwił im szybsze iteracje i dopracowanie widżetu, co przełożyło się na lepszy produkt końcowy.

Ulepsz widżety aplikacji dzięki Glance

Dzięki nowym, skutecznym procesom i braku poważnych problemów z tworzeniem zespół SoundCloud chwali Glance za usprawnienie procesu produkcji. „Wdrożenie nowego widżetu Polubione utwory było bardzo stabilne” – mówi Sigute. „Proces tworzenia i testowania przebiegł bardzo sprawnie”. Wczesne dane też wskazują na obiecujące wyniki – aktywni użytkownicy korzystają teraz z widżetu, aby uzyskać dostęp do aplikacji średnio kilka razy dziennie.

W przyszłości zespół SoundCloud chce wykorzystać więcej funkcji Glance, aby ulepszyć istniejące widżety, np. wprowadzić standardowe układy, a nawet opracować nowe. Obecny widżet Polubione utwory skupia się głównie na wyświetlaniu obrazów, ale zespół chce uwzględnić też inne typy treści, aby jeszcze bardziej wzbogacić wrażenia użytkowników. Programiści mają też nadzieję, że uda im się przenieść widżet odtwarzacza do Glance, aby uzyskać dostęp do zaawansowanych opcji motywów, uprościć procesy zmiany rozmiaru i rozwiązać niektóre długotrwałe błędy.

Oprócz funkcji Polubione utwory i Odtwarzacz zespół jest podekscytowany możliwością użycia Glance do tworzenia szerszej gamy widżetów. Modułowa architektura widżetu Polubione utwory oparta na komponentach z elementami wielokrotnego użytku, takimi jak UserAvatar i Logo, stanowi solidną podstawę do dalszego rozwoju i upraszcza procesy od samego początku.

Zacznij tworzyć niestandardowe widżety aplikacji za pomocą Jetpack Glance

Szybko twórz i wdrażaj widżety, które zapewniają widoczność i zaangażowanie aplikacji dzięki Glance.

Ten post na blogu jest częścią serii: Spotlight Week on Widgets, w której udostępniamy materiały – posty na blogu, filmy, przykłady kodu i inne – które pomogą Ci projektować i tworzyć widżety. Więcej informacji znajdziesz w omówieniu Spotlight Week: Widgets, które będzie aktualizowane przez cały tydzień.