Pertemuan 4-5 PPB (B) - 11/03/2026

 

 TUGAS 4
Membuat Aplikasi Dice Roller


Nama : Tarisha Falah Basuki
NRP : 5025231043
Kelas : PPB (B)

Berikut langkah-langkah membuat aplikasi “Selamat Ulang Tahun” menggunakan Android Studio:

1. Membuat Project Baru
- Buka Android Studio.
- Klik New Project.
- Pilih template Empty Activity.


2.  Mengisi Konfigurasi Project
- Isi data project seperti berikut:
    Name : Dice Roller
    Package name : com.example.diceroller
    Save location : pilih folder penyimpanan
    Language : Java atau Kotlin
    Minimum SDK : pilih API 24 (Android 7.0) 
- Klik Finish.
- Android Studio akan membuat project dan melakukan Gradle build (tunggu sampai selesai).

3. Membersihkan Kode Default
Hapus fungsi Greeting() bawaan dan panggil fungsi utama di dalam setContent().


4. Membuat Struktur Dasar UI
Buat fungsi @Composable bernama DiceRollerApp() dan DiceRollerWithImageAndButton(). Gunakan komponen Column untuk menyusun gambar dan tombol secara vertikal.



5. Menambahkan Komponen Image dan Button
Tambahkan gambar dadu menggunakan Image dan tombol menggunakan Button pada fungsi DiceRollerWithImageAndButton(). Tombol ini akan memiliki teks "Roll".


6. Mengelola State dan Logika Acak
Agar UI berubah saat tombol ditekan, kita harus menggunakan State. Gunakan mutableStateOf agar variabel result dapat memicu recomposition (pembaruan UI) saat nilainya berubah.
Logika yang ditambahkan: 
- Gunakan variabel result untuk menyimpan angka dadu (1-6). 
- Gunakan when untuk menentukan gambar mana yang muncul berdasarkan nilai result.
- Update nilai result di dalam blok onClick tombol. 

7. Menambahkan Gambar
- Download gambar dadu dari zip file yang dicantumkan di Membuat aplikasi Dice Roller interaktif. Extract zip gile sampai mendapatkan folder dice_images.
- Di Android Studio, klik View > Tool Windows > Resource Manager.
- Klik + > Import Drawables untuk membuka file browser.


- Temukan dan pilih enam folder gambar dadu, lalu lanjutkan untuk menguploadnya. Gambar yang diupload akan muncul seperti berikut.


- Klik next -> Import. Kemudian Gambar akan muncul di panel Resource Manager.



Lakukan run app dan berikut adalah hasilnya.












Comments

Popular posts from this blog

Pertemuan 1 PPB (B) - 25/02/2026

Evaluasi Tengah Semester (ETS) PPB (B)