Wireframe
Hign Fidelity Design
Prototype
Output
Studi Kasus:
“Student Task Management App”
Aplikasi digunakan untuk membantu mahasiswa mencatat tugas kuliah, deadline, status pengerjaan, dan prioritas tugas.
Fitur Utama Aplikasi
1. Splash Screen
Buat splash screen modern menggunakan:
- Logo aplikasi
- Nama aplikasi
- Animasi sederhana
2. Authentication UI (Dummy)
Buat tampilan:
- Login
- Register
Data login tidak perlu online, cukup validasi lokal.
Gunakan:
- TextField Material 3
- Elevated Button
- Card
- Snackbar validasi
3. Dashboard/Home Screen
Tampilkan:
- Jumlah tugas selesai
- Jumlah tugas pending
- Progress tugas
Gunakan komponen:
- Top App Bar
- Floating Action Button (FAB)
- Navigation Drawer / Bottom Navigation
- Cards Material Design
4. CRUD Task Management
Mahasiswa dapat:
- Menambah tugas
- Mengedit tugas
- Menghapus tugas
- Melihat detail tugas
Field data:
- id
- nama_tugas
- mata_kuliah
- deadline
- prioritas
- status
- catatan
5. SQLite Database
Gunakan:
- Room Database
Implementasikan:
- Entity
- DAO
- Repository
- Database Class
Operasi:
- Insert
- Update
- Delete
- Select All
- Search
6. Search & Filter
Tambahkan fitur:
- Pencarian tugas
-
Filter berdasarkan:
- Prioritas
- Status
- Mata kuliah
Gunakan:
- Search Bar
- Chip Filter
- Dropdown Menu
7. Statistik Tugas
Tampilkan:
- Pie chart tugas selesai/pending
- Statistik prioritas tugas
Gunakan:
- Progress Indicator
- Compose Chart Library
8. Notification Reminder
Tambahkan:
- Pengingat deadline tugas
Gunakan:
- WorkManager atau AlarmManager
Ketentuan UI/UX (Material Design 3)
Aplikasi wajib menggunakan prinsip Material Design:
Komponen yang wajib digunakan
- Scaffold
- TopAppBar
- NavigationBar
- FloatingActionButton
- Card
- Snackbar
- ModalBottomSheet
- Dialog
- LazyColumn
- Material Icons
Ketentuan Jetpack Compose
Gunakan:
- State Management
- remember
- mutableStateOf
- ViewModel
- StateFlow / LiveData
Navigasi:
- Navigation Compose
Ketentuan Arsitektur
Gunakan MVVM:
- Model
- ViewModel
- Repository
- UI Compose
Struktur Folder yang Disarankan
com.example.studenttaskapp
│
├── data
│ ├── local
│ ├── repository
│
├── model
│
├── ui
│ ├── screen
│ ├── component
│ ├── theme
│
├── viewmodel
│
├── navigation
│
└── MainActivity.kt
Fitur Tambahan (Opsional)
Mahasiswa dapat menambahkan:
- Dark Mode
- Export PDF
- Upload attachment
- Firebase Sync
- Multi-user
- Kalender akademik
Output yang Harus Dikumpulkan
Mahasiswa wajib mengumpulkan:
- Source code lengkap
- Desain UI Figma
- Diagram arsitektur aplikasi
- ERD database SQLite
- Screenshot aplikasi
- Video demo aplikasi
- Laporan implementasi





Tidak ada komentar:
Posting Komentar