Santoso, Lintang Bima Sakti and Muhammad Aminul Akbar, S.Kom., M.T. and Aryo Pinandito, S.T., M.MT., Ph.D (2024) Analisis Implementasi XML dan Jetpack Compose dalam Penerapan Animasi Shimmer Effect pada Aplikasi Android. Sarjana thesis, Universitas Brawijaya.
Abstract
Animasi merupakan komponen penyusun sebuah aplikasi Android. Penggunaan animasi dapat memberitahu pengguna bahwa akan terjadi perubahan ketika bernavigasi di dalam aplikasi tersebut. Salah satu animasi yang populer digunakan pada aplikasi Android adalah shimmer effect. Shimmer effect merupakan salah satu bentuk animasi yang mentranslasikan suatu titik A ke B sehingga tercipta efek bersinar atau shimmering. Animasi tersebut dapat digunakan pada dua buah framework penyusun UI aplikasi Android yaitu XML dan Jetpack Compose. Keduanya menghasilkan performa penggunaan resource yang berbeda. Penelitian ini berfokus pada perbedaan performa yang dihasilkan ketika animasi diimplementasikan pada XML yang memanggil kelas RecyclerView dan Jetpack Compose yang memanggil LazyColumn. Keduanya diuji dengan skenario yang sama untuk dapat menerapkan animasi shimmer effect dengan parameter CPU utilization, rendering time, dan FPS yang diambil hingga terkumpul tiga puluh sampel. Penelitian ini memperoleh hasil bahwa aplikasi yang mengimplementasikan shimmer effect pada RecyclerView unggul dari CPU utilization sebesar 38,93% dan FPS sebesar 25,09% lebih baik dibandingkan dengan aplikasi yang mengimplementasikan shimmer effect menggunakan LazyColumn. Sedangkan LazyColumn unggul 1.5% lebih baik dibandingkan dengan RecyclerView yang keduanya menerapkan animasi shimmer effect.
English Abstract
Animation is a component of an Android application. The use of animation can notify users that changes will occur when navigating in the application. One of the popular animations used in Android applications is the shimmer effect. Shimmer effect is a form of animation that translates a point A to B so as to create a shining or shimmering effect. The animation can be used in two frameworks that make up the UI of Android applications, namely XML and Jetpack Compose. Both produce different resource usage performance. This research focuses on the difference in performance when animations are implemented on XML using RecyclerView and Jetpack Compose using LazyColumn. Both are tested with the same scenario to be able to implement shimmer effect animation with CPU utilization, rendering time, and FPS parameters taken until thirty samples are collected. This research obtained the results that the application that implements the shimmer effect on RecyclerView is superior to CPU utilization by 38.93% and FPS by 25.09% better than the application that implements the shimmer effect using LazyColumn. Meanwhile, LazyColumn is 1.5% better than RecyclerView which both implement shimmer effect animation.
| Item Type: | Thesis (Sarjana) |
|---|---|
| Identification Number: | 052415 |
| Uncontrolled Keywords: | Jetpack Compose, XML, Shimmer Effect, performa, Recyclerview, Lazycolumn. |
| Divisions: | Fakultas Ilmu Komputer > Sistem Informasi |
| Depositing User: | S Sucipto |
| Date Deposited: | 20 Jan 2025 02:41 |
| Last Modified: | 20 Jan 2025 02:41 |
| URI: | http://repository.ub.ac.id/id/eprint/235146 |
![[thumbnail of DALAM MASA EMBARGO]](http://repository.ub.ac.id/style/images/fileicons/text.png) |
Text (DALAM MASA EMBARGO)
Lintang Bima Sakti Santoso.pdf Restricted to Registered users only Download (3MB) |
Actions (login required)
 |
View Item |