My Woof App

PPB B 2024

Nama: Muhammad Yunus
NRP: 5025021171
Kelas: PPB B

Link Repository: https://github.com/snymnd/mobile_programming/tree/main/app-my-woof

Deskripsi

Pada tugas kali ini akan dibuat sebuah aplikasi bernama "My Woof App". Aplikasi ini bertujuan untuk menampilkan list anjing peliharaan beserta datanya. Pada tampilan utamanya akan ditampilkan sebuah Card yang menampilkan foto, nama, dan umur dari anjing peliharaan. Terdapat tombol panah yang jika ditekan dapat membuka card yang akan menampilkan data hobi dari anjing peliharaan tersebut.

Berikut tampilan akhir beserta demo dari aplikasi yang telah dibuat:

Implementasi

• Menyiapkan tema (warna) pada file Color.kt. Pada file ini dibuat list warna-warna yang akan digunakan dalam aplikas termasuk tema warna untuk pada mode light ataupun dark
  
  
  
  
  
• Membuat shape (bentuk), pada file Shape.kt dibuat bentuk-bentuk yang akan digukan seperti kotak, kotak yang memiliki sudut yang tumpul (rounded).
  
  
  

  
  

• Membuat component DogItem

• Membuat tombol untuk membuat dan menutup card
  
  
  
  
  

        

• Membuat component WoofTopBar yang menampilkan nama aplikasi dan logo dari My Woof App
  
  
  
  
  
• Memanggil Component ke fungsi WoofApp 

 Komponen dan fungsi lainnya:

•  DogIcon yang menampilkan gambar anjing peliharaan
• DogInformation menampilkan nama dan umur anjing peliharaan
• DogHobby menampilkan hobi dari anjing peliharaan

Refrensi:

Penerapan Tema Material dengan Jetpack Compose - Woof App