Tugas 9 - Penerapan Tema Material (Aplikasi Woof)

 

Membuat Aplikasi Woof


Nama: Made Daryl Adi Nugraha
NRP: 5025221008


Gambar Aplikasi:
1. Tanpa warna (default)


2. Dark Mode




🐶 Penerapan Tema Material (Aplikasi Woof)

Woof App adalah aplikasi Android sederhana yang menampilkan daftar foto anjing lengkap dengan nama, usia, dan aktivitas favorit mereka. Aplikasi ini dibangun menggunakan Jetpack Compose dan Material 3, yang menunjukkan praktik pengembangan UI modern di Android.

✨ Fitur Aplikasi

  • UI bersih dan responsif dengan Material 3
  • Menampilkan daftar anjing lengkap dengan gambar, nama, dan umur
  • Menggunakan komponen LazyColumn, Row, dan Card
  • Menggunakan tema warna kustom yang konsisten

🧠 Konsep yang Dipelajari

Project ini memperkuat konsep dasar berikut dari Jetpack Compose:

  • Layout: Row, Column, LazyColumn, Scaffold
  • Pemakaian Modifier dan padding
  • Penerapan tema dengan MaterialTheme
  • Composable functions yang dapat digunakan ulang
  • Struktur arsitektur aplikasi Compose
  • Memuat gambar dari resource
  • Pemakaian resource string dan drawable yang aman

✅ Prasyarat Sebelum Mencoba

  • Dasar-dasar sintaksis Kotlin
  • Komponen UI dasar Jetpack Compose
  • List dan class objek di Kotlin
  • Struktur dasar aplikasi Android

🚀 Cara Menjalankan Aplikasi

  1. Clone repositori ini atau download dalam format ZIP
  2. Buka project di Android Studio
  3. Hubungkan emulator atau perangkat fisik
  4. Klik tombol Run ▶ untuk membangun dan menjalankan aplikasi

🧩 Struktur Proyek

📁 com.example.woof
 ┣ 📄 MainActivity.kt      → UI utama dan logika aplikasi
 ┣ 📁 data
 ┃ ┗ 📄 Dog.kt             → Model data dan daftar contoh anjing
 ┣ 📁 ui.theme
 ┃ ┣ 📄 Color.kt           → Skema warna kustom
 ┃ ┣ 📄 Theme.kt           → Setup tema Material 3
 ┃ ┗ 📄 Type.kt            → Tipografi aplikasi

🎨 Kustomisasi

  • Warna tema → di Color.kt dan Theme.kt
  • Data anjing → di data/Dog.kt
  • Komponen UI → di MainActivity.kt

📚 Referensi Belajar

Woof woof :P

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 11 - Redesign Starbucks App

Gambar
  Redesign Starbucks App Nama: Made Daryl Adi Nugraha NRP: 5025221008 Link Github:  https://github.com/Lyradd/Tugas-11-PPB-G Fitur Utama: ⭐ Manajemen Rewards: Halaman khusus untuk melihat dan menukarkan poin (bintang) dengan hadiah, seperti minuman gratis. ❤️ Daftar Favorit: Simpan minuman kesukaan Anda untuk dipesan kembali dengan lebih cepat di kemudian hari. 📜 Riwayat Pesanan Lengkap: Semua transaksi masa lalu tercatat rapi, memudahkan pengguna untuk melacak pengeluaran atau memesan ulang. 📍 Pencari Toko: Menemukan lokasi Starbucks terdekat menjadi lebih mudah, lengkap dengan informasi status buka/tutup dan menu spesialnya. 👤 Profil Pengguna: Pusat kendali untuk mengakses semua fitur personal, mulai dari metode pembayaran hingga pengaturan aplikasi. 📷 Pemindai Kode QR: Menggunakan teknologi CameraX dan ML Kit untuk pembayaran di kasir dengan memindai kode QR. 🎨 Tema Ganda: Beralih dengan mudah antara Mode Gelap dan Mode Te...
Baca selengkapnya

Tugas EAS - DompetCerdas

Gambar
DompetCerdas Dibuat oleh: Made Daryl Adi Nugraha - 5025221008 Al Dhihya Gaza Halim Putra - 5025221288 Alendra Rafif Athaillah - 5025221297 Deskripsi Aplikasi DompetCerdas adalah aplikasi pintar untuk mengelola keuangan dengan mudah dan aman. Lakukan transfer, isi saldo, bayar dengan QR code, kelola kartu kredit, dan atur anggaran melalui fitur dompet-dompet terpisah. Dapatkan insight pengeluaran yang membantu mengambil keputusan finansial yang lebih cerdas. Tema Kecerdasan Finansial dalam Genggaman: Menekankan kemudahan dan kepintaran aplikasi dalam membantu pengguna mengelola uang mereka. Solusi Keuangan yang Terintegrasi dan Cerdas: Menyoroti berbagai fitur yang lengkap dan kemampuan aplikasi untuk memberikan wawasan. Kelola Uang Lebih Mudah: Fokus pada manfaat praktis aplikasi dalam menyederhanakan pengelolaan keuangan. Tujuan Memberikan kemudahan bagi pengguna dalam melakukan transaksi keuangan sehari-hari. Membantu pengguna mengatur dan mengelola keuangan secara lebi...
Baca selengkapnya

Tugas 10 - Activity dan Intent (Aplikasi Dessert Clicker)

Gambar
  Membuat Aplikasi Dessert Clicker Nama: Made Daryl Adi Nugraha NRP: 5025221008 Link Github:  https://github.com/Lyradd/Tugas-10-PPB-G Gambar Aplikasi:  Dokumentasi Logcat: 🧁 Dessert Clicker Repositori ini berisi kode sumber untuk aplikasi Dessert Clicker , yang dibuat sebagai bagian dari Android Basics with Compose Codelab . Dessert Clicker merupakan aplikasi latihan yang dirancang untuk membantu developer pemula memahami cara kerja siklus hidup ( lifecycle ) pada sebuah Activity di Android. Aplikasi ini dibangun menggunakan Jetpack Compose , framework modern dari Android yang memungkinkan kita membuat UI secara deklaratif. Dalam implementasinya, pengguna akan mengetuk gambar makanan penutup (dessert) untuk mensimulasikan aktivitas "memanggang", sekaligus melihat bagaimana aplikasi merespons perubahan state seperti rotasi layar atau berpindah antar aplikasi. Selain itu, aplikasi ini juga memperkenalkan penggunaan Logcat — alat debugging yang digunakan unt...
Baca selengkapnya