Pengumpulan Tugas Pemrograman Perangkat Bergerak G - Pertemuan 1

🐶 Membangun Aplikasi Woof dengan Jetpack Compose & Material Design

📱 Tentang Aplikasi Woof

Woof adalah aplikasi Android yang menampilkan daftar anjing lengkap dengan foto, nama, usia, dan aktivitas favorit mereka. Proyek ini menggunakan Jetpack Compose dan mengikuti prinsip Material Design 3 (Material You) untuk menciptakan antarmuka pengguna yang bersih, responsif, dan menyenangkan.

Aplikasi ini dikembangkan sebagai bagian dari latihan pembelajaran di mata kuliah Pemrograman Perangkat Bergerak (PPB)

🎯 Tujuan Pembelajaran

Dengan membuat aplikasi ini, kamu akan mempelajari:

• Penggunaan layout di Jetpack Compose seperti Column, Row, dan LazyColumn
• Penerapan Material Design components: Card, Surface, Button, dll.
• Pembuatan UI deklaratif menggunakan @Composable
• Pengelolaan tema warna dan tipografi dengan MaterialTheme
• Pemisahan struktur kode dan arsitektur sederhana

💻 Kode Sumber

Kamu bisa melihat dan mengunduh kode sumber proyek Woof di GitHub melalui tautan berikut:
🔗 https://github.com/RayyanFv/ppb-9-woff

📂 Struktur Proyek

Folder/File	Keterangan
MainActivity.kt	Entry point aplikasi
Dog.kt	Model data anjing
components/	Kumpulan file UI komponen
Theme.kt	Pengaturan warna dan tipografi
res/drawable/	Gambar anjing
res/values/	Konfigurasi XML untuk tema, warna, dsb.

🧪 Fitur Aplikasi

• Daftar anjing yang ditampilkan dalam format scrollable
• Setiap item menggunakan Material Card untuk visual yang menarik
• Menggunakan gambar lokal
• Desain responsif dan ramah pengguna

Hasil Screenshot

:

Contoh kode tampilan daftar anjing:

@Composable
fun WoofApp() {
    LazyColumn {
        items(dogList) { dog ->
            DogItem(dog)
        }
    }
}