Posts

Tugas 7 - Viewmodel

Image
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 Ga

ETS-PPB F

 Nama: Muhammad Ismail NRP : 5025201223 Kelas : PPB F / 2024 Link Project: https://github.com/mail2418/ETS-PPB Link Jawaban: https://docs.google.com/document/d/1mPQl3dBXyp47PxYr6w7HuaeOHFmcZd8scm5QZPp3yZg/edit?usp=sharing

Tugas 6 - Image Scroll

Image
Nama : Muhammad Ismail NRP : 5025201223 Kelas : PPB - F  Tahun: 2024 Pada Pertemuan kali ini, kita ditugaskan dalam membuat image scroll dengan mengimplementasikan LazyColumn pada Jetpack Compose Android Studio. Berikut merupakan tahapan dalam membuat halaman Image Scroll 1. Download resource pada github berikut ini  https://github.com/google-developer-training/basic-android-kotlin-compose-training-affirmations 2. Buatlah model pada package affirmation 3.  Buatlah File kotlin untuk menampung Data Class Affirmation yang memuat item-item seperti gambar dan deskripsi 4. Setelah membuat model, pada file Datasource.kt yang sudah kita download sebelumnya lakukan uncomment pada beberapa line code 5. Setelah itu buatlah kode yang memuat resource yang ada seperti berikut ini 6. Berikut adalah hasil dari kode Berikut merupakan link github : github

Tugas 5 - Login Page

Image
Nama : Muhammad Ismail NRP : 5025201223 Kelas : PPB F/2024 Tugas 5 Pada tugas 5 kali ini, kita ditugaskan untuk membuat login page sederhana pada perangkat mobile. Berikut merupakan source code dari program Berikut untuk LoginScreen Dan berikut untk MainActivity

Tugas 4 - Button Interaction with Dice Application

Image
Nama : Muhammad Ismail NRP : 5025201223  Kelas : PPB F - 2024 Pada tugas ini, kita ditugaskan untuk membuat aplikasi yang memiliki interaksi dengan button lewat dice application. Apabila button diklik, maka akan menghasilkan jumlah angka dadu yang berbeda. 1. Membuat Infrastruktur tata letak 2. Membuat tata letak vertikal dan button     Untuk membuat tata letak vertikal, pada fungsi Column tambahkan argumen horizontalAlignment dan passing nilainya dengan Alignment.CenterHorizontally   3. Menambahkan Image     Untuk mendapatkan gambar dadu, kalian bisa mengikuti halaman berikut ini . Pada fungsi Column  tambahkan fungsi Image . 4. Membuat logika pelemparan dadu Pada fungsi Button  terdapat argumen onClick  yang bertujuan untuk mempassing fungsi lambda di mana nanti digunakan untuk mengatur logika dari pelemparan dadu. karena Composable  bersifat stateless, maka variabel yang sifatnya state harus dibarengi dengan remember  dan mutableStateof .  Pada variabel imageResource berisikan log

Tugas 3 - Happy Birthday App

Image
Nama : Muhammad Ismail NRP : 5025201223 Kelas : PPB F Pada kesempatan kali ini, kita diberikan tugas untuk membuat sebuah aplikasi sederhana berupa ucapan ulang tahun kepada seseorang menggunakan mobile app. Berikut merupakan langkah-langkah untuk membuatnya. 1. Set up project Buka Android Studio dan pada laman Project  klik New Project  untuk membuat project android baru Setelah itu, Pilih Empty Activity untuk set up environtment projectnya. 2. Source Code 3. App Interface 

Tugas 2 - Membuat Aplikasi Sederhana Menggunakan Jetpack Compose

Image
Nama : Muhammad Ismail Kelas : PPB F Tahun : 2024 Aplikasi Portofolio Mael Pada tugas-2 ini, saya membuat aplikasi sederhana mengenai profil saya menggunakan jetpack compose pada android studio. Terdapat beberapa struktur package dalam perancangannya di antaranya yaitu presentation, yang terdiri dari page biodata,skill,dan project . Selanjutnya pada MainActivity terdapat implementasi navigation bar pada bagian bawah page. Berikut merupakan tampilannya. Berikut merupakan gambar dari page yang terdapat pada aplikasi Biodata Skill Project Untuk Source Code pada Aplikasi bisa di klik di Link Berikut ini Github