Viewmodel & State: My Unscramble App

PPB B 2024

Nama: Muhammad Yunus
NRP: 5025021171
Kelas: PPB B

Link Repository: https://github.com/snymnd/mobile_programming/tree/main/my-unscramble-app

Pada tugas kali ini diplelajari mengenai viewmodel dan state dalam compose.

ViewModel adalah sebuah "tempat penyimpanan" untuk data yang dibutuhkan oleh tampilan aplikasi (UI). Data ini tetap ada walaupun kita memutar layar atau berpindah antar halaman. ViewModel membantu memisahkan antara logika aplikasi (misalnya, cara mengambil data dari internet) dengan tampilan. Jadi, tampilan tidak perlu tahu bagaimana data diambil, hanya perlu menampilkan data tersebut.

State adalah data yang bisa berubah-ubah dan langsung mempengaruhi tampilan aplikasi. Saat data ini berubah, tampilan akan otomatis diperbarui. tate memastikan tampilan aplikasi selalu up-to-date dengan data terbaru. Misalnya, saat kita mengetik di kotak teks, teks yang ditampilkan akan selalu sesuai dengan apa yang kita ketik.

Pada tugas ini akan dibuat sebuah aplikasi scramble word app. Aplikasi scramble app akan menampilkan sebuah kata yang sudah diacak urutan hurufnya. Pengguna akan bersuha untuk menyusun kembali acakan huruf tersebut menjadi kata yang sebenarnnya.
Berikut contoh implementasinya beserta penggunaan viewmodel dan state:

GameScreen

GameViewModel

GameUiState

Sesuai fungsinya, GameViewModel digunakan untuk memisahkan segala login yang diperlukan dari UI. Sehingga GameScreen hanya perlu memanggil fungsi yang diperlukan dari viewmodel. Disisi lain GameUiState menyimpan semua kondisi, keadaan yang sedang berjalan pada aplikasi seperti kata yang dimasukkan, skor terkini, jumlah kata yang telah ditebak dll.

 Source: https://developer.android.com/codelabs/basic-android-kotlin-compose-viewmodel-and-state