Aplikasi Woof 🐶

on

 Furstin Aprilavia Putri - 5025221234 - PPB D

Membuat Proyek Android: Aplikasi Woof 🐶

1. Pendahuluan 

Woof adalah aplikasi Android berbasis Jetpack Compose yang menampilkan daftar anjing beserta nama dan usia mereka. Proyek ini saya kerjakan berdasarkan codelab resmi Android yang membahas penerapan Material 3 theming, TopAppBar, dan penggunaan list dengan LazyColumn.

2. Kode

Kode lengkap dapat dilihat di GitHub : https://github.com/furstinvia/ppb-d-8-woof.git


Fitur Utama

  • Tampilan daftar anjing dengan gambar, nama, dan umur.

  • Penggunaan Material Design 3.

  • App bar dengan logo dan judul "Woof by Furstin".

  • Tampilan mendukung Light & Dark Theme.


1. Fungsi WoofApp()
Digunakan untuk mengatur struktur utama aplikasi:

Scaffold(
    topBar = {
        WoofTopAppBar()
    }
) { it ->
    LazyColumn(contentPadding = it) {
        items(dogs) {
            DogItem(dog = it, ...)
        }
    }
}

2. Fungsi WoofTopAppBar()
Menampilkan app bar di atas aplikasi dengan logo dan judul:

CenterAlignedTopAppBar(
    title = {
        Row(verticalAlignment = Alignment.CenterVertically) {
            Image(...) // Logo
            Text(text = stringResource(R.string.app_name)) // Judul "Woof"
        }
    }
)

3. Fungsi DogItem()
Menampilkan setiap anjing dalam bentuk kartu (card) dengan gambar dan informasi:

Card {
    Row {
        DogIcon(dog.imageResourceId)
        DogInformation(dog.name, dog.age)
    }
}

3. Video Presentasi




Comments

Post a Comment