Alya Hanun - Body Weight Monitoring - 32602200040 - Kelas Reguler

[alyahanunn]

lib/ ├── core/ │ ├── components/ │ │ ├── Typography.dart │ │ ├── ButtonComponent.dart │ │ ├── ProgressBarComponent.dart │ │ ├── AvatarComponent.dart │ │ └── NetworkImageLoader.dart │ ├── config/ │ │ └── main_app.dart │ ├── utils/ │ │ └── route_utils.dart │ └── constants/ │ ├── strings.dart │ ├── colors.dart │ └── images.dart ├── data/ │ ├── profile/ │ │ ├── ProfileResponse.dart │ │ └── DummyProfile.dart │ ├── activity/ │ │ ├── ActivityResponse.dart │ │ └── DummyActivity.dart │ └── health/ │ ├── HealthDataResponse.dart │ └── DummyHealthData.dart ├── features/ │ ├── home/ │ │ ├── HomeScreen.dart │ │ ├── HomeController.dart │ │ └── ActivitySummaryWidget.dart │ ├── history/ │ │ ├── HistoryScreen.dart │ │ ├── HistoryController.dart │ │ └── ActivityLogWidget.dart │ ├── tracking/ │ │ ├── TrackingScreen.dart │ │ ├── TrackingController.dart │ │ └── StepHeartRateWidget.dart │ └── planning/ │ ├── PlanningScreen.dart │ ├── PlanningController.dart │ └── PlanningActivityWidget.dart └── main.dart

1. Models

a. ProfileResponse.dart

• Tujuan: Mendefinisikan model untuk data profil pengguna.
• Langkah-langkah:
  1. Buat file ProfileResponse.dart.
  2. Definisikan class ProfileResponse dengan properti seperti name, avatar, weight, dll.
  3. Implementasikan metode fromJson untuk mengonversi data JSON menjadi objek ProfileResponse.
  4. Implementasikan metode toJson untuk mengonversi objek ProfileResponse menjadi data JSON.

b. DummyProfile.dart

• Tujuan: Menyediakan data dummy untuk profil pengguna selama pengembangan.
• Langkah-langkah:
  1. Buat file DummyProfile.dart.
  2. Buat daftar dummy List<ProfileResponse> dengan data contoh untuk profil pengguna.
  3. Sertakan beberapa entri dengan nama, avatar, dan berat yang berbeda.

c. ActivityResponse.dart

• Tujuan: Mendefinisikan model untuk data aktivitas pengguna.
• Langkah-langkah:
  1. Buat file ActivityResponse.dart.
  2. Definisikan class ActivityResponse dengan properti seperti activityType, caloriesBurned, duration, dll.
  3. Implementasikan metode fromJson untuk mengonversi data JSON menjadi objek ActivityResponse.
  4. Implementasikan metode toJson untuk mengonversi objek ActivityResponse menjadi data JSON.

d. DummyActivity.dart

• Tujuan: Menyediakan data dummy untuk aktivitas selama pengembangan.
• Langkah-langkah:
  1. Buat file DummyActivity.dart.
  2. Buat daftar dummy List<ActivityResponse> dengan data contoh untuk aktivitas pengguna.
  3. Sertakan berbagai jenis aktivitas dengan informasi tentang kalori yang dibakar dan durasi.

2. Components

a. ButtonComponent.dart

• Tujuan: Mengimplementasikan tombol yang dapat digunakan ulang.
• Langkah-langkah:
  1. Buat file ButtonComponent.dart.
  2. Definisikan widget ButtonComponent dengan parameter seperti text, onPressed, color, dan width.
  3. Gunakan ElevatedButton atau OutlinedButton sesuai desain.

b. Typography.dart

• Tujuan: Menyediakan komponen teks dengan gaya konsisten.
• Langkah-langkah:
  1. Buat file Typography.dart.
  2. Definisikan widget TextComponent yang menerima parameter untuk teks, ukuran, warna, dan ketebalan font.
  3. Terapkan gaya teks yang berbeda untuk judul, subjudul, dan teks utama sesuai dengan tema aplikasi.

c. ProgressBarComponent.dart

• Tujuan: Menampilkan progress bar untuk melacak pencapaian pengguna.
• Langkah-langkah:
  1. Buat file ProgressBarComponent.dart.
  2. Definisikan widget ProgressBarComponent yang menerima parameter untuk persentase kemajuan.
  3. Gunakan LinearProgressIndicator untuk menampilkan kemajuan dengan warna dan lebar yang sesuai.

d. AvatarComponent.dart

• Tujuan: Menampilkan avatar pengguna.
• Langkah-langkah:
  1. Buat file AvatarComponent.dart.
  2. Definisikan widget AvatarComponent yang menerima parameter seperti imageUrl, size, dan onTap.
  3. Gunakan CircleAvatar untuk menampilkan gambar avatar pengguna.

e. NetworkImageLoader.dart

• Tujuan: Menangani pemuatan gambar dari jaringan.
• Langkah-langkah:
  1. Buat file NetworkImageLoader.dart.
  2. Implementasikan fungsi untuk memuat gambar dari URL dengan penanganan untuk keadaan loading dan error.

3. Config

a. main_app.dart

• Tujuan: Mengatur titik masuk utama aplikasi.
• Langkah-langkah:
  1. Buat file main_app.dart.
  2. Atur MaterialApp atau CupertinoApp untuk pengaturan utama aplikasi.
  3. Definisikan rute awal dan atur navigasi menggunakan onGenerateRoute.

4. Utils

a. route_utils.dart

• Tujuan: Menyediakan fungsi utilitas untuk navigasi aplikasi.
• Langkah-langkah:
  1. Buat file route_utils.dart.
  2. Definisikan fungsi utilitas untuk navigasi seperti push, pop, dan pushReplacement.
  3. Buat enum untuk rute kunci seperti HomeScreen, ProfileScreen, dll.

5. Constants

a. strings.dart

• Tujuan: Menyimpan semua konstanta string yang digunakan di seluruh aplikasi.
• Langkah-langkah:
  1. Buat file strings.dart.
  2. Definisikan semua konstanta string yang digunakan, seperti label tombol dan pesan error.

b. colors.dart

• Tujuan: Menentukan palet warna untuk aplikasi.
• Langkah-langkah:
  1. Buat file colors.dart.
  2. Tentukan konstanta untuk warna seperti primaryColor, secondaryColor, dan warna latar belakang.

c. images.dart

• Tujuan: Menyimpan path gambar dan ikon.
• Langkah-langkah:
  1. Buat file images.dart.
  2. Simpan path gambar dan ikon yang digunakan di seluruh aplikasi, seperti gambar profil dan ilustrasi.

6. Features

a. HomeScreen.dart

• Tujuan: Menampilkan layar beranda dengan informasi dan statistik pengguna.
• Langkah-langkah:
  1. Buat file HomeScreen.dart.
  2. Definisikan antarmuka pengguna untuk menampilkan informasi profil dan ringkasan aktivitas.

b. HistoryScreen.dart

• Tujuan: Menampilkan riwayat aktivitas pengguna.
• Langkah-langkah:
  1. Buat file HistoryScreen.dart.
  2. Definisikan antarmuka untuk menampilkan log aktivitas pengguna dan kalori yang dibakar.

c. TrackingScreen.dart

• Tujuan: Menampilkan data pelacakan kesehatan.
• Langkah-langkah:
  1. Buat file TrackingScreen.dart.
  2. Definisikan antarmuka untuk menampilkan langkah kaki dan detak jantung.

d. PlanningScreen.dart

• Tujuan: Menampilkan perencanaan aktivitas pengguna.
• Langkah-langkah:
  1. Buat file PlanningScreen.dart.
  2. Definisikan antarmuka untuk membuat perencanaan kegiatan.