Tugas Aplikasi Dice Roller (PPB) Rafie Zaidan Umara 5025231245

-
Nama : Rafie Zaidan Umara
NRP: 5025231245
Mata Kuliah: Pemrograman Perangkat Bergerak (PPB) C 

Aplikasi Dice Roller (Composable Button - Jetpack Compose)
Link Github: dice-roller

    Pada tugas mata kuliah Mobile Programming ini, dibuat sebuah aplikasi sederhana bernama Dice Roller menggunakan Android Studio dengan teknologi Jetpack Compose. Aplikasi ini memungkinkan pengguna untuk melempar dadu secara digital dengan menekan sebuah tombol, di mana hasilnya ditampilkan dalam bentuk visual dadu.
    
    Tujuan dari pembuatan aplikasi ini adalah untuk memahami konsep dasar Composable Function, pengelolaan state, serta pembuatan UI modern berbasis deklaratif.


Tools dan Teknologi
    Beberapa tools yang digunakan dalam project ini diantaranya adalah Android Studio, Kotliin, Jetpack Compose, Material 3 Design

Tahapan Pembuatan Aplikasi
    - Membuka Android Studio
    - Memilih template Empty Activity
    - Menentukan nama file project: Dice Roller

Membuat Tampilan User Interfcae dengan Compose
User Interface dibuat menggunakan fungsi @Composable dengan komponen:
    - Column sebagai layout utama
    - Text untuk judul
    - Button sebagai tombol interaksi
    - Canvas untuk menggambar dadu 3 dimensi


Implementasi Logika Dice Roller
Logika Utama:
    - Menggunakan "mutableStateof" untuk menyimpan nilai dadu
    - Menggunakan "Random.nextInt(1,7)" untuk menghasilkan angka acak


Pembuatan Dadu 3D Menggunakan Canvas
Dadu dibuat tanpa menggunakan gambar, melainkan dengan:
    - Canvas untuk menggambar
    - Path untuk membentuk sisi kubus
    - Perbedaan warna untuk efek pencahayaan (top, side, front)

Pendekatan ini menghasilkan ilusi kubus 3D yang lebih realistis dibandingkan dengan menggunakan gambar.


Menambahkan Animasi
Animasi ditambahkan menggunakan:
    - Animatable dan LaunchedEffect, berefek apda rotasi saat tombol ditekan dan memberikan kesan dadu sedang "rolling"

Hasil Akhir
    Aplikasi ini berhasil dibuat dengan beberapa fitur diatas, diantaranya adalah tombol untuk roll dadu, tampilan dadu berbentuk kubus 3D, perubahan angka secara acak, animasi saat dadu di-roll. Aplikasi ini berjalan 

Kesimpulan
    Aplikasi Dice Roller ini menunjukkan penggunaan Jetpack Compose dalam membangun antarmuka modern serta pengolahan interaksi pengguna melalui Composable Button. Selain itu, penggunaan Canvas memungkinkan pembuatan visual dadu berbentuk kubus 3D tanpa bergantung pada gambar, sehingga meningkatkan fleksibilitas dan pemahaman terhadap rendering UI.








Comments

Post a Comment

Popular posts from this blog

Tugas Eksplorasi Perkembangan Teknologi Rafie Zaidan Umara 5025231245

-
Nama: Rafie Zaidan Umara NRP: 5025231245 Eksplorasi Perkembangan Teknologi 1. Device: Smartphone OS: iOS Dibuat oleh: Apple Inc. Negara: Amerika Serikat Tahun: 2007 Fungsi: Komunikasi, internet, aplikasi mobile Programming: Swift, Objective-C (Xcode) Link Gambar:  https://www.apple.com/id/iphone/ 2. Device: Smartphone OS: Android Dibuat oleh: Google Negara: Amerika Serikat Tahun: 2008 Fungsi: Sistem operasi mobile open-source Programming: Java, Kotlin (Android Studio) Link Gambar: https://www.samsung.com/id/smartphones/galaxy-s25-ultra/buy/ 3.  Device: Smartwatch OS: watchOS Dibuat oleh: Apple Inc. Negara: Amerika Serikat Tahun: 2015 Fungsi: Monitoring kesehatan & notifikasi Programming: Swift (WatchKit) Link Gambar: https://www.apple.com/id/watch/ 4.  Device: Smart Car OS: Tesla OS Dibuat oleh: Tesla, Inc. Negara: Amerika Serikat Tahun: 2012 Fungsi: Navigasi, autopilot, infotainment Programming: C++, Python Link Gambar: https://www.tesla.com/cybertruck 5. Device: Sma...
Read more

PPB - Pertemuan 10 dan 11 - Marketplace Siswa

-
Image
  5025231245 | Rafie Zaidan Umara | Pertemuan 10 dan 11 | PPB C Marketplace Siswa StudentMart adalah aplikasi marketplace sederhana khusus mahasiswa untuk menjual dan membeli barang kebutuhan kuliah seperti buku, headset, keyboard, mouse, dan perlengkapan belajar lainnya. Aplikasi ini dibuat menggunakan Jetpack Compose dan menerapkan konsep Material Design 3 agar tampilan lebih modern, responsif, dan user-friendly. 1. Membuat New Project Tahap pertama dalam pembuatan aplikasi marketplace siswa “Student Mart” adalah melakukan persiapan environment pengembangan menggunakan Android Studio. Setelah Android Studio berhasil diinstall dan dibuka, langkah berikutnya yaitu memilih menu “New Project” untuk membuat project aplikasi baru. Pada proses pembuatan project, digunakan template “Empty Activity” agar tampilan awal aplikasi lebih sederhana dan mudah dikembangkan menggunakan Jetpack Compose. Selanjutnya pengguna mengisi konfigurasi project seperti nama aplikasi yaitu “student_mart” sert...
Read more

Tugas 4 PBO - Clock Display

-
Image
Nama : Rafie Zaidan Umara NRP: 5025231245 Kelas: PBO (A) Studi Kasus Clock Display Clock Display                                                                                                                                                                              1. Class NumberDisplay Fungsi: Class ini bertanggung jawab untuk mengelola angka, seperti jam, menit, atau detik, dengan batasan tertentu. Anggota Class: Attributes: private int value: Menyimpan nilai saat ini (jam, menit, atau detik). private int limit: Batas maksimum untuk nilai yang dapat dis...
Read more