Pertemuan 3 - Happy Birthday

 Nama             : Ahmad Fadhilah Mappisara

NRP                : 5025221195

Mata Kuliah    : Pemrograman Perangkat Bergerak (C)


Happy BirthDay App (Jetpack Compose)

Aplikasi Android sederhana untuk menampilkan ucapan ulang tahun menggunakan Jetpack Compose.


## Prasyarat

- Android Studio versi terbaru (disarankan yang kompatibel dengan AGP 8.x).

- JDK 11 (proyek ini mengatur target JVM ke 11).

- Android SDK yang sesuai dengan konfigurasi proyek (`compileSdk 36`, `minSdk 24`).


Langkah-Langkah Membuat App Happy Birthday

Berikut alur pembuatan aplikasi seperti implementasi di proyek ini.


1) Buat proyek Android Compose

1. Buka Android Studio.

2. Pilih **New Project**.

3. Pilih template **Empty Activity** (Compose).

4. Atur nama project, package name, dan minimum SDK.


2) Aktifkan dan siapkan Compose

Pastikan pada `app/build.gradle.kts`:

- `buildFeatures { compose = true }`

- Dependency Compose, Material 3, dan activity-compose sudah terpasang.


3) Buat tema aplikasi

Di `ui/theme/Theme.kt`, buat fungsi tema (contoh di proyek ini: `HappyBirthDayTheme`) yang membungkus `MaterialTheme`.


4) Buat composable teks ucapan

Di `MainActivity.kt`, buat fungsi:

- `GreetingText(message: String, from: String)`


Isi utamanya:

- `Column` dengan `Arrangement.Center` dan `Alignment.CenterHorizontally` agar konten berada di tengah.

- `Text` pertama untuk pesan utama (font besar).

- `Text` kedua untuk nama pengirim (lebih kecil).


5) Tampilkan UI dari `onCreate`

Di `setContent { ... }`:

1. Bungkus dengan `HappyBirthDayTheme`.

2. Tambahkan `Surface` full screen.

3. Panggil `GreetingText(...)` untuk menampilkan ucapan.


6) Tambahkan Preview Compose

Di file yang sama, tambahkan:

- `@Preview(showBackground = true, showSystemUi = true)`

- Fungsi preview yang memanggil `GreetingText(...)`


Ini memudahkan melihat hasil UI tanpa menjalankan emulator setiap saat.


7) Jalankan dan uji tampilan

- Cek tampilan di Preview.

- Jalankan ke emulator/device.

- Sesuaikan ukuran font, warna background, dan teks jika diperlukan.




Comments

Post a Comment

Trending This Week

EAS - CoffeeBliss

Image
Nama                     : Ahmad Fadhilah Mappisara NRP                        : 5025221195 Mata Kuliah         : Pemrograman Perangkat Bergerak (C) Aplikasi Coffee Bliss Digital Membership 1. Deskripsi Proyek Aplikasi Coffee Bliss Digital Membership adalah aplikasi Android modern yang dikembangkan untuk menggantikan sistem kartu member fisik (kertas/plastik) menjadi kartu member digital berbasis aplikasi. Aplikasi ini membantu pemilik toko kopi Coffee Bliss dalam mengelola loyalitas pelanggan, mencatat transaksi penjualan, melacak perolehan poin secara otomatis, serta menyediakan sistem penukaran poin hadiah (rewards) langsung dari genggaman pengguna. Melalui aplikasi ini, pelanggan dapat mendaftar dengan identitas unik mereka, memantau riwayat transaksi, menunjukkan kode QR keanggotaan mereka saat memesan kopi, serta ...
Read more

ETS - PPB

Image
Nama                     : Ahmad Fadhilah Mappisara NRP                        : 5025221195 Mata Kuliah         : Pemrograman Perangkat Bergerak (C) Mobile Front End — Artharum: Aplikasi Catatan Keuangan Pribadi Dalam artikel ini, saya ingin mendokumentasikan proses pengembangan aplikasi mobile sebagai bagian dari Evaluasi Tengah Semester (ETS). Kami memilih proyek aplikasi catatan keuangan pribadi dan mengembangkan sebuah aplikasi Android bernama Artharum . Nama Artharum berasal dari dua kata, yaitu Artha (bekal hidup yang bermartabat) dan Arum (harum yang berkesan). Filosofi ini menjadi dasar bahwa setiap rupiah yang dicatat bukan sekadar angka, tetapi memiliki makna. Deskripsi Aplikasi Artharum adalah aplikasi pencatatan keuangan pribadi berbasis Android yang mem...
Read more

Pertemuan 11 - Skoola Marketplace

Image
Nama                     : Ahmad Fadhilah Mappisara NRP                        : 5025221195 Mata Kuliah         : Pemrograman Perangkat Bergerak (C) Skoola Marketplace Aplikasi Marketplace Mahasiswa berbasis Android Native (Kotlin) dengan Clean Architecture & Jetpack Compose. 1. Deskripsi Proyek Skoola adalah platform marketplace digital mobile khusus untuk lingkungan sekolah dan kampus. Aplikasi ini memfasilitasi transaksi jual-beli barang bekas layak pakai (buku pelajaran, seragam, alat laboratorium, kalkulator scientific, alat tulis), penyewaan perlengkapan, serta penawaran jasa akademik/kreatif (les privat pemrograman, desain poster, jasa pembuatan PPT kelompok) antar siswa atau mahasiswa. Proyek ini dibangun menggunakan standar pengembangan Android modern terkini ( ...
Read more