PPB (D) - 2 - Aplikasi Hello World

Nama : Richie Seputro

NRP : 5025211213

Kelas : Pemrograman Perangkat Bergerak D

Tahun Ajaran : 2024/2025 (Semester Genap)

Link Repository: https://github.com/faillock/PPB-D-2-Hello-World

Link Demo: https://youtu.be/qQAAj3wRCaA

 

TUGAS 2: APLIKASI HELLO WORLD

 

Pada tugas kedua, diberikan arahan untuk mengikuti materi dan membuat aplikasi mobile seperti yang tertera pada laman https://developer.android.com/codelabs/jetpack-compose-basics. Berikut adalah aplikasi yang saya hasilkan berdasarkan arahan tersebut. 

Gambar 1. OnboardingScreen

Pada Gambar 1 terdapat fungsi Composable bernama OnboardingScreen yang menampilkan layar penyambut ketika aplikasi pertama kali diluncurkan. Ketika tombol Continue ditekan, maka aplikasi tidak akan menampilkan layar penyambut tersebut lagi kecuali aplikasi dimulai ulang.

Gambar 2. Greetings dan Greeting

Pada Gambar 2 terdapat fungsi-fungsi Composable bernama Greetings dan Greeting yang mengatur tampilnya konten seperti daftar kartu bertuliskan "Hello" diikuti angka. Greetings mengatur berapa banyak kartu yang muncul dan data apa yang akan di-passing ke komponen di dalamnya. Greeting berisi komponen Card yang di dalamnya berisi CardContent.

Gambar 3. CardContent

Pada Gambar 3 terdapat fungsi Composable bernama CardContent yang mengatur isi dari kartu. Pada fungsi ini, dimuat elemen-elemen seperti elemen kontainer Row dan Column, lalu elemen Text bertuliskan "Hello" dan angka dinamis, serta hidden Text yang akan muncul ketika tombol Show More ditekan. Jika tombol Show Less ditekan, maka hidden Text akan menghilang kembali.

 

Gambar 4. Preview

 

Pada Gambar 4 terdapat beberapa Preview yang digunakan untuk melihat tampilan aplikasi tanpa perlu menyalakan Android Virtual Device. Selain itu, dimensi / ukuran dari Preview dapat disesuaikan dengan mudah. Preview yang dihasilkan dapat dilihat pada bilah di sebelah kanan.

 

Link repository dan link demo aplikasi tertera di header post ini. Pada video demo akan ditampilkan efek animasi yang sudah diterapkan pada kontainer Row pada CardContent.