Tugas 9 - Penerapan Tema Material - Membuat Aplikasi Woof

Tugas 9 - Penerapan Tema Material - Membuat Aplikasi Woof


Nama    : Abiyu Ramadhan Kiesly

NRP      : 5025221123

Kelas    : Pemrograman Perangkat Bergerak G


Link Github: Link Repositori Github

Aplikasi "Woof" dirancang untuk menampilkan daftar anjing beserta foto dan informasinya. Tampilan aplikasi ini mengadopsi Material Design untuk memberikan pengalaman pengguna yang menarik secara visual.

Tampilan Utama

Tampilan utama aplikasi terdiri dari beberapa elemen kunci:

  • App Bar: Terdapat sebuah app bar di bagian atas yang menampilkan logo aplikasi "Woof" dan nama aplikasi.

  • Daftar Anjing: Di bawah app bar, terdapat daftar anjing yang dapat di-scroll secara vertikal.

Komponen UI Utama

Komponen-komponen yang membangun antarmuka pengguna aplikasi ini antara lain:

  • Card: Setiap anjing dalam daftar ditampilkan dalam sebuah Card, yang merupakan komponen UI untuk menampung informasi.

  • LazyColumn: Daftar anjing yang dapat di-scroll dibuat menggunakan LazyColumn, yang efisien untuk menampilkan item dalam jumlah besar.

  • Row dan Column: Tata letak elemen-elemen seperti gambar dan teks diatur menggunakan Row untuk penyusunan horizontal dan Column untuk penyusunan vertikal.

  • Image: Foto setiap anjing ditampilkan menggunakan komponen Image. Gambar yang digunakan berbentuk bulat.

  • Text: Informasi mengenai nama dan umur anjing ditampilkan menggunakan komponen Text.

  • Scaffold: Struktur dasar layar aplikasi, termasuk app bar di bagian atas, diimplementasikan menggunakan Scaffold.

Aplikasi ini juga mendukung tema terang (light theme) dan gelap (dark theme) yang dapat dilihat pratinjaunya pada design tab di Android Studio. Tipografi aplikasi menggunakan jenis huruf "Abril Fatface" untuk judul besar dan "Montserrat" untuk teks lainnya.

Demo Video :



Komentar

Posting Komentar

Postingan populer dari blog ini

Pengumpulan EAS - PPB G - PerpustakaanKu

Gambar
  📚 PerpustakaanKu Aplikasi Manajemen Perpustakaan Modern dengan Android & Jetpack Compose 👥 Tim Pengembang 👨‍💻 Muhammad Rayyaan Fatikhahur Rakhim NRP: 5025221047 👨‍💻 Moch. Avin NRP: 5025221061 👨‍💻 Abiyu Ramadhan Kiesly NRP: 5025221123 🎓 Final Project PPB - Pemrograman Perangkat Bergerak Institut Teknologi Sepuluh Nopember (ITS) - 2025 📎 Resource Links Akses dokumentasi lengkap, presentasi, dan demo aplikasi melalui link berikut: 📊 Presentasi PPT 🎥 Demo Video ...
Baca selengkapnya

Tugas Pertemuan 4 - Membuat Aplikasi Roller

Gambar
Tugas 4 - Aplikasi Dice Roller Nama      : Abiyu Ramadhan Kiesly NRP        : 5025221123 Kelas      : Pemrograman Perangkat Bergerak G Link Github:  Link Repository Github Source Code package com.example.diceroller import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.wrapContentSize import androidx.compose.material3.Button import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose....
Baca selengkapnya