Tugas 7 - Viewmodel

Nama: Muhammad Ismail

NRP: 5025201223

Kelas: PPB F - 2024

Pada pertemuan ini, Kita diberikan tugas untuk mengimplementasikan ViewModel pada aplikasi Android kita untuk menghandle state di UI. Berikut ini merupakan gambaran kerja dari ViewModel.

Gambar 1 Layer pada Aplikasi Android

Gambar 2 Workflow dari ViewModel

ViewModel menyimpan state yang digunakan UI dan tidak mengalami destroy ketika activity berada di fase destroy. Berbeda dengan Activity yang tidak menyimpan state ketika di-destroy.   

Berikut ini akan saya jelaskan mengenai bagaimana cara menerapkan ViewModel pada aplikasi android kita. 

1. Clone Github Berikut ini https://github.com/google-developer-training/basic-android-kotlin-compose-training-unscramble.git

2. Tambahkan Dependency pada build.gradle agar dapat menggunakan ViewModel

3.  Buatlah File GameViewModel dan GameUiState

4. Tambahkan variabel StateFlow pada GameViewModel untuk menyimpan variabel (state) pada ViewModel

5. Tambahkan Backing Property pada GameViewModel agar dapat mengenerate getter dan setter pada framework Kotlin

6. Tambahkan beberapa baris kode berikut pada file GameScreen.kt 

7. Sisipkan kode berikut pada Compose GameLayout

    Setelah Menyisipkan kode tersebut, jalankan preview seperti gambar berikut

    

Untuk lebih jelasnya Anda dapat mengikuti step-step pada link berikut ini

Berikut ini merupakan beberapa potongan kode dari aplikasi scramble.

1. GameUiState

2. GameViewModel

3. GameScreen

Hasil Dari Kode

Code ada di link berikut https://github.com/mail2418/tugas7ppb