Tugas Pertemuan 3 PPB - Membangun aplikasi sederhana dengan Composable Teks

-
Nama Akmal Sulthon Fathulloh
NRP 5025211047
Kelas PPB - D

Pada pertemuan kali ini, kita diminta untuk belajar menggunakan Jetpack Compose untuk membangun aplikasi Android sederhana yang menampilkan pesan ulang tahun di layar. Dalam mengerjakan ini, saya mengacu pada dokumentasi resmi mengenai Membangun aplikasi sederhana dengan composable teks. Berikut adalah dokumentasi dan hasil aplikasi yang telah dibuat.

Menyiapkan aplikasi Happy Birthday

Setelah mengikuti langkah-langkah dari dokumentasi codelab, kita akan mendapatkan aplikasi yang menampilkan pesan ulang tahun sederhana. Berikut adalah hasil aplikasi yang telah dibuat.

Berikut adalah hasil running aplikasi pada Android Virtual Device.

Modifikasi

Saya melakukan beberapa modifikasi dan penyesuaian pada kode sebelumnya. Berikut adalah perubahan yang saya lakukan.

  • Menambahkan beberapa komponen baru seperti Card dan gambar latar belakang
  • Menggunakan Box sebagai container utama
  • Melakukan beberapa penyesuaian pada ukuran dan gaya teks

Berikut adalah kode yang telah saya modifikasi.

Berikut adalah hasil running aplikasi dari kode yang telah saya modifikasi.

Video Presentasi

Berikut adalah video presentasi demonstrasi aplikasi yang telah saya buat.

Kode Sumber

Kode sumber dapat dilihat pada repositori GitHub berikut.

Referensi

https://kuliahppb.blogspot.com/2024/03/mengenal-composable.html
https://developer.android.com/codelabs/basic-android-kotlin-compose-text-composables

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Pertemuan 2 PPB - Membuat aplikasi sederhana dengan Jetpack Compose

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPB - D Pada pertemuan kali ini, kita diminta untuk belajar menggunakan Jetpack Compose dan membuat aplikasi pertama sederhana yang mencetak tulisan "Hello World". Dalam mengerjakan ini, saya mengikuti dokumentasi resmi mengenai Dasar-Dasar Jetpack Compose . Berikut adalah dokumentasi dan hasil aplikasi yang telah dibuat. Memulai Project Compose Baru Untuk memulai project Compose baru, buka Android Studio. Jika baru memulai di jendela Welcome to Android Studio , klik Start a new Android Studio project . Jika sudah membuka project Android Studio, pilih File > New > New Project dari panel menu. Untuk project baru, pilih Empty Activity dari template yang tersedia. Saat memilih template Empty Activity , kode berikut akan dibuat secara otomatis dalam project: Project sudah dikonfigurasi untuk menggunakan Com...
Read more »

Tugas Pertemuan 4 PPB - Membuat aplikasi Dice Roller interaktif

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPB - D Pada pertemuan kali ini, kita diminta untuk membuat aplikasi Dice Roller interaktif menggunakan Jetpack Compose. Dalam mengerjakan ini, saya mengacu pada dokumentasi Codelabs Membuat aplikasi Dice Roller interaktif . Berikut adalah dokumentasi dan hasil pekerjaan yang telah dibuat. Restrukturisasi sample code Kita perlu mengubah beberapa sintaks dari sample code untuk membuat tampilan gambar dadu dan tombol untuk melemparnya. Kita akan menyusun fungsi composable untuk mencerminkan arsitektur ini. Hapus fungsi GreetingPreview() dan buat fungsi DiceWithButtonAndImage() dengan anotasi @Composable . Fungsi composable ini mewakili komponen UI tata letak dan juga menampung logika klik tombol dan tampilan gambar. Kemudian, hapus fungsi Greeting(name: String, modifier: Modifier = Modifier) , dan buat fungsi DiceRollerApp() denga...
Read more »