Repository pembelajaran dan praktikum Pemrograman Mobile menggunakan Flutter dan Dart.
Repository ini berisi dokumentasi materi, langkah-langkah praktikum, latihan mandiri, source code, dan tugas dari setiap pertemuan.
Project ini dibuat sebagai dokumentasi proses pembelajaran selama mengikuti mata kuliah Pemrograman Mobile.
| Keterangan | Data |
|---|---|
| Nama | Ilham Firmansyah |
| NIM | 20240801102 |
| Jurusan | Teknik Informatika |
| Mata Kuliah | Pemrograman Mobile |
| Framework | Flutter |
| Bahasa | Dart |
Repository ini disusun berdasarkan pertemuan pada mata kuliah Pemrograman Mobile.
Setiap folder pertemuan memiliki struktur:
pertemuan-x/
├── README.md
├── doc-tugas/
├── praktikum/
└── tugas/
| Folder | Isi |
|---|---|
README.md |
Catatan materi pembelajaran berdasarkan modul |
doc-tugas/ |
Modul/dokumen asli yang diberikan |
praktikum/ |
Langkah praktikum, source code, dan latihan mandiri |
tugas/ |
Tugas utama pada pertemuan tersebut |
Pengenalan Flutter, Instalasi, dan Aplikasi Pertama
Materi yang dipelajari:
- Pengenalan Flutter dan Dart
- Instalasi dan verifikasi Flutter
flutter doctor- Membuat project Flutter
- Struktur project Flutter
MaterialAppScaffoldAppBarCenterColumnTextIconSizedBoxStatelessWidgetStatefulWidgetsetState()- Hot reload
- Aplikasi Counter
- Mengubah warna AppBar dan teks
- Menambahkan tombol decrement
- Menambahkan tombol reset
- Mencegah nilai counter menjadi negatif
Membuat aplikasi Kartu Perkenalan yang menampilkan:
- Foto atau ikon
- Nama
- NIM
- Jurusan
- Hobi
Layout, ListView, dan Navigasi Antar Halaman
Materi yang dipelajari:
ContainerPaddingRowColumnExpandedListView.builderCardListTile- Model data menggunakan class Dart
Navigator.pushNavigator.pop- Pengiriman data antar halaman
- Halaman detail
Membangun dan mengembangkan aplikasi daftar menu:
- Menambahkan menu
- Menambahkan deskripsi
- Mengganti
CarddenganContainer - Membuat sudut membulat
- Memformat harga dengan pemisah ribuan
Membuat aplikasi Daftar Kontak dengan:
- Minimal 6 kontak
- Nama
- Nomor telepon
ListView.builderListTile- Avatar berdasarkan huruf pertama nama
- Halaman detail kontak
- Navigasi kembali
Form Input dan State Management
Materi yang dipelajari:
TextFieldTextEditingControllerdispose()FormTextFormField- Validasi input
- Dropdown
- Checkbox
SnackBar- State lokal dengan
setState ChangeNotifier- Provider
ChangeNotifierProvidercontext.watchcontext.readnotifyListeners()- State management antar halaman
Membangun aplikasi Daftar Tugas menggunakan Provider.
Fitur yang dipelajari:
- Menambahkan tugas
- Menandai tugas sebagai selesai
- Menghapus tugas
- Menghitung tugas selesai
- Berbagi state antar halaman
- Validasi judul minimal 3 karakter
- Menghapus semua tugas selesai
- Menampilkan SnackBar setelah tugas ditambahkan
- Menampilkan pesan ketika daftar tugas kosong
Membuat aplikasi Daftar Belanja dengan:
- Form tambah barang
- Validasi nama barang
- Validasi jumlah
- Validasi jumlah lebih dari 0
- Dropdown kategori
- Daftar barang
- Checkbox status sudah dibeli
- Fitur hapus
ChangeNotifier- Provider
- Jumlah barang belum dibeli pada AppBar
Repository ini akan terus dikembangkan seiring bertambahnya materi praktikum.
Rencana struktur:
pertemuan-1/
pertemuan-2/
pertemuan-3/
pertemuan-4/
pertemuan-5/
...
Setiap pertemuan akan menggunakan struktur dokumentasi yang sama agar isi repository tetap konsisten dan mudah dipelajari kembali.
Teknologi yang digunakan dalam repository ini:
- Flutter
- Dart
- Visual Studio Code
- Android SDK
- Provider
pemrograman-mobile/
│
├── README.md
│
├── pertemuan-1/
│ ├── README.md
│ ├── doc-tugas/
│ ├── praktikum/
│ └── tugas/
│
├── pertemuan-2/
│ ├── README.md
│ ├── doc-tugas/
│ ├── praktikum/
│ └── tugas/
│
└── pertemuan-3/
├── README.md
├── doc-tugas/
├── praktikum/
└── tugas/
Repository ini digunakan sebagai:
- Dokumentasi perjalanan belajar Pemrograman Mobile.
- Tempat menyimpan source code praktikum.
- Catatan materi setiap pertemuan.
- Dokumentasi latihan mandiri.
- Tempat pengumpulan tugas.
- Arsip project Flutter yang dapat dipelajari kembali.
Untuk melihat materi suatu pertemuan, buka folder pertemuan yang ingin dipelajari.
Contoh:
pertemuan-1/
kemudian:
README.md
untuk membaca catatan materi.
Folder:
praktikum/
berisi source code dan dokumentasi praktik.
Folder:
tugas/
berisi project dan dokumentasi tugas.
| Pertemuan | Materi | Praktikum | Latihan | Tugas |
|---|---|---|---|---|
| Pertemuan 1 | ✅ | ✅ | ✅ | ✅ |
| Pertemuan 2 | ✅ | ✅ | ✅ | ✅ |
| Pertemuan 3 | ✅ | ✅ | ✅ | ✅ |
| Pertemuan 4 | ⏳ | ⏳ | ⏳ | ⏳ |
| Pertemuan berikutnya | ⏳ | ⏳ | ⏳ | ⏳ |
Repository ini merupakan dokumentasi pembelajaran pribadi untuk mata kuliah Pemrograman Mobile.
Materi dan struktur project disusun berdasarkan modul praktikum dan tugas yang diberikan selama perkuliahan.