[PPB-4] Happy Birthday App

Maret 25, 2024

[PPB-4] Happy Birthday App

Pada pertemuan kali ini, kami mendapat tugas untuk membuat aplikasi android sederhana menggunakan Jetpack Compose. Jetpack Compose merupakan toolkit modern untuk membangun antarmuka pengguna (UI) Android. Compose menyederhanakan dan mempercepat pengembangan UI di Android dengan kode yang lebih sedikit, alat canggih, dan kemampuan Kotlin yang intuitif.

Aplikasi yang akan saya buat adalah aplikasi ucapan selamat ulang tahun sederhan. Berikut langkah-langkah yang saya lakukan:

1. Menyiapkan project

Dalam pembuatan aplikasi ini kita akan menggunakan Android Studio.

Pilih New project pada tab Welcome to Android Studio
Pilih template Empty Acrivity lalu klik Next
Isi Name dengan Happy Birthday, pilih API 24("Nougat"; Android 7.0) pada Minimum SDK, dan Kotlin sebagai build configuration language
Klik Finish dan tunggu Android Studio menyiapakan project.

2. Dalam file MainActivity.kt, ubah nama fungsi GreetingPreview() menjadi BirthdayCardPreview().

3. Hapus fungsi Greeting beserta pemanggilannya pada fungsi onCreate() dan BirthdayCardPreview()

4. Buat fungsi baru bernama GreetingText() dengan parameter message bertipe string. Di dalam fungsi tersebut, tambahkan composable Text yang menerima message sebagai argumennya.

5. Untuk mengubah ukuran font dan mengatur ketinggian baris kita dapat menggunakan SP (Scalable Pixels), dengan mengimport android.compose.ui.unit.sp terlebih dahulu

6. Selanjutnay, pada fungsi GreetingText() tambahkan parameter from bertipe String untuk menyertakan nama pengirim ucapan. Dan pada fungsi BirthdayCardPreview(), tambahkan String from berisi nama pengirip.