Material - Studi Kasus Marketplace Siswa

https://drive.google.com/file/d/1-Qv943ejqHl6c4A1eYnXL_y-LMoTqxuQ/view?usp=drive_link

Material Design adalah sistem desain yang dikembangkan oleh Google untuk membantu developer dan designer menciptakan UI yang:

• Konsisten
• Responsif
• Menarik secara visual
• Mudah digunakan (user-friendly)

Versi terbaru dikenal sebagai Material You (Material Design 3) yang lebih personal dan dinamis.

Prinsip Material Design

1. Material is the metaphor

• UI dianalogikan seperti benda nyata (kertas, bayangan, layer)
• Memberikan kesan depth (elevation)

Contoh:

• Card memiliki bayangan
• Floating Action Button (FAB) terlihat “mengambang”

2. Bold, graphic, intentional

• Gunakan warna kontras
• Tipografi jelas
• Layout tidak berantakan

 Fokus:

• Hierarki visual
• Penekanan pada konten penting

3. Motion provides meaning

• Animasi bukan sekadar estetika
• Membantu user memahami perubahan UI

Contoh:

• Transition antar halaman
• Ripple effect saat tombol ditekan

Referensi

https://m1.material.io/components/text-fields.html

https://m1.material.io/

https://m2.material.io/

https://medium.com/%40jurajkunier/how-to-show-snackbar-in-jetpack-compose-3f2d81891f87

https://composables.com/jetpack-compose/androidx.compose.material3/material3/components/AppBarColumn/api

https://www.dicoding.com/blog/mengenal-komponen-material-design-pada-aplikasi-android/

https://developer.android.com/courses/fundamentals-training/overview-v2?hl=id&utm_source=chatgpt.com

https://m3.material.io/

https://ercin.medium.com/software-design-criteria-to-ensure-a-long-lasting-business-f091bcec8383

https://medium.com/design-bootcamp/good-design-is-invisible-why-bad-design-gets-noticed-more-2fd3c032c1cf

Latihan

Membuat Marketplace Siswa

https://drive.google.com/file/d/10OHSlACMjyyy-XQuVz_VHKgjAXiinHDU/view?usp=drive_link

Link Pengumpulan Tugas

Form Tugas

Monitoring Pengumpulan

Absensi

Video

https://youtu.be/qJVJISm8vQc