SoundCloud sử dụng Jetpack Glance để tạo tiện ích Liked Tracks (Bản nhạc đã thích) chỉ trong 2 tuần

Để giúp người dùng nghe nhạc trên Android dễ dàng hơn, các nhà phát triển tại SoundCloud (một nền tảng âm nhạc ưu tiên nghệ sĩ) đã sử dụng Jetpack Glance để tạo tiện ích Bài hát đã thích cho ứng dụng được đánh giá cao của họ (đạt 4, 6 sao và hơn 100 triệu lượt tải xuống). Với danh mục hơn 400 triệu bản nhạc của hơn 40 triệu nhà sáng tạo, SoundCloud luôn nỗ lực kết nối nghệ sĩ và người hâm mộ thông qua âm nhạc. Bản cập nhật mới nhất cho ứng dụng Android của SoundCloud mang đến cho người nghe một cách thuận tiện hơn để thưởng thức các bản nhạc yêu thích. Nhờ Glance, nhóm đã có thể hoàn thành dự án chỉ trong hai tuần, tiết kiệm thời gian phát triển quý giá và tăng mức độ tương tác.

Tối đa hoá khả năng hiển thị bằng các điểm tiếp xúc thân thiện với người dùng

Bằng cách giới thiệu ảnh bìa của các bản nhạc mà người dùng thích gần đây, tiện ích Bài hát đã thích mới cho phép người dùng chuyển thẳng đến một bài hát cụ thể hoặc truy cập vào danh sách bài hát đầy đủ ngay trên màn hình chính. Điều này giúp SoundCloud luôn nổi bật trong mắt người nghe, đóng vai trò là lối tắt đến thư viện cá nhân của họ và khuyến khích họ quay lại nghe.

Liked Tracks không phải là tiện ích đầu tiên của SoundCloud. Hơn một thập kỷ trước, các nhà phát triển SoundCloud đã sử dụng RemoteViews để tạo một tiện ích Trình phát giúp người dùng dễ dàng điều khiển việc phát và thích các bản nhạc. Sau khi cập nhật tiện ích Trình phát dựa trên ý kiến phản hồi về thiết kế, các nhà phát triển đã ưu tiên giao diện được cá nhân hoá cho phần Bài hát đã thích. Tiện ích mới có cả chế độ sáng và chế độ tối, có thể đổi kích thước tuỳ ý để phù hợp với lựa chọn ưu tiên của người dùng và tự động điều chỉnh giao diện cho phù hợp với hình nền của người dùng. Nhờ có Glance, những lựa chọn thiết kế này đảm bảo tiện ích không chỉ dễ sử dụng mà còn đóng vai trò là một cổng truy cập hấp dẫn và phù hợp vào ứng dụng SoundCloud.

Đẩy nhanh chu kỳ phát triển bằng Glance

Glance cũng đóng vai trò quan trọng trong việc đơn giản hoá quá trình phát triển tính năng Bài hát đã thích. Đối với những nhà phát triển đã thành thạo Compose, thiết kế trực quan của Glance mang lại cảm giác quen thuộc, giúp giảm thiểu thời gian tìm hiểu và đẩy nhanh quá trình làm quen của nhóm. Bộ sưu tập mã mẫu của nền tảng này cũng là một điểm khởi đầu hữu ích, giúp nhà phát triển nhanh chóng nắm bắt các tính năng và phương pháp hay nhất. "Sử dụng kho lưu trữ ứng dụng mẫu là một cách tuyệt vời để học hỏi. Tôi có thể kiểm tra toàn bộ kho lưu trữ và xem cách mã hoạt động", Sigute Kateivaite, kỹ sư trưởng của SoundCloud trong nhóm Android cho biết. "Công cụ này giúp đẩy nhanh quá trình phát triển tiện ích của chúng tôi."

Bản chất khai báo của giao diện người dùng Glance đặc biệt có lợi cho nhà phát triển. Vì không phải sử dụng thêm tệp XML khi xây dựng, nên nhà phát triển có thể tạo mã rõ ràng hơn, dễ đọc hơn và ít mã nguyên mẫu hơn. Glance cũng cho phép họ làm việc với các mô-đun riêng biệt, tức là các thành phần có thể được viết và tích hợp từng thành phần một, đồng thời được sử dụng lại cho các lần lặp lại sau này. Bằng cách tách biệt các thành phần, nhà phát triển có thể nhanh chóng thử nghiệm các mô-đun, xác định và giải quyết vấn đề, đồng thời xây dựng cho nhiều trạng thái mà không bị trùng lặp, nhờ đó giúp quy trình làm việc hiệu quả hơn.

Thiết kế của Glance cũng cải thiện chất lượng tổng thể của mã. Khả năng thực hiện thay đổi bằng cách sử dụng tính năng hỗ trợ của Android Studio cho bản xem trước theo thời gian thực của Glance cho phép nhà phát triển xây dựng các thành phần riêng biệt mà không cần tích hợp thành phần giao diện người dùng vào tiện ích hoặc triển khai toàn bộ tiện ích trên điện thoại. Họ có thể biểu thị nhiều trạng thái, xem tất cả các trường hợp liên quan và xem xét các thay đổi đối với thành phần mà không cần biên dịch toàn bộ ứng dụng. Nói một cách đơn giản, Glance giúp nhà phát triển làm việc hiệu quả hơn vì cho phép họ lặp lại nhanh hơn, tinh chỉnh tiện ích để có sản phẩm hoàn thiện hơn.

Nâng tầm tiện ích ứng dụng bằng sức mạnh của Glance

Nhờ quy trình làm việc mới hiệu quả và không gặp vấn đề lớn nào trong quá trình phát triển, nhóm SoundCloud đánh giá cao Glance vì đã giúp họ tinh giản quy trình sản xuất thành công. Sigute cho biết: "Với tiện ích Bài hát đã thích mới, quá trình ra mắt diễn ra rất ổn định". "Quá trình phát triển và thử nghiệm diễn ra rất suôn sẻ". Dữ liệu ban đầu cũng cho thấy kết quả đầy hứa hẹn – người dùng đang hoạt động hiện tương tác với tiện ích để truy cập vào ứng dụng trung bình nhiều lần mỗi ngày.

Trong tương lai, nhóm SoundCloud rất mong muốn sử dụng Glance nhiều hơn để cải thiện các tiện ích hiện có, chẳng hạn như áp dụng bố cục chuẩn và thậm chí là phát triển các tiện ích mới. Mặc dù tiện ích Bài hát đã thích hiện tại chủ yếu tập trung vào việc hiển thị hình ảnh, nhưng nhóm phát triển muốn thêm các loại nội dung khác để làm phong phú thêm trải nghiệm người dùng. Các nhà phát triển cũng hy vọng di chuyển tiện ích Trình phát sang Glance để sử dụng các tuỳ chọn giao diện mạnh mẽ của khung, đơn giản hoá quy trình đổi kích thước và giải quyết một số lỗi lâu năm.

Ngoài các tính năng Bài hát đã thích và Trình phát, nhóm còn rất hào hứng với tiềm năng sử dụng Glance để xây dựng nhiều tiện ích hơn. Kiến trúc mô-đun, dựa trên thành phần của tiện ích Bài hát đã thích, với các thành phần có thể sử dụng lại như UserAvatar và Logo, mang đến nền tảng vững chắc cho quá trình phát triển trong tương lai, hứa hẹn sẽ đơn giản hoá các quy trình ngay từ đầu.

Bắt đầu tạo tiện ích ứng dụng tuỳ chỉnh bằng Jetpack Glance

Nhanh chóng phát triển và triển khai các tiện ích giúp ứng dụng của bạn luôn hiển thị và thu hút người dùng bằng Glance.

Bài đăng này trên blog nằm trong loạt bài: Tuần lễ tiêu điểm về tiện ích, trong đó chúng tôi cung cấp các tài nguyên (bài đăng trên blog, video, mã mẫu, v.v.) được thiết kế để giúp bạn thiết kế và tạo tiện ích. Bạn có thể đọc thêm trong bài viết tổng quan về Spotlight Week: Tiện ích. Bài viết này sẽ được cập nhật trong suốt tuần.