Dokumentasi dan Presentasi Aplikasi (Konteks: Proyek Mobile Apps dengan Flutter/Android)

Alur Pembelajaran & Materi Lengkap

Tema: Dokumentasi dan Presentasi Aplikasi

(Konteks: Proyek Mobile Apps dengan Flutter/Android)

---

1. Pendahuluan

• Tujuan Pembelajaran:

  1. Peserta didik mampu membuat dokumentasi teknis aplikasi (ReadMe, diagram alur, skema basis data).

  2. Peserta didik memahami struktur folder proyek Flutter/Android.

  3. Peserta didik dapat membuat presentasi aplikasi (PowerPoint, Canva, atau Pitch Deck).

  4. Peserta didik mampu melakukan simulasi presentasi aplikasi kepada guru/tim.

• Kegiatan Awal:

  • Apersepsi: "Mengapa dokumentasi penting dalam pengembangan aplikasi?"

  • Diskusi singkat: contoh dokumentasi aplikasi populer (misalnya dokumentasi di GitHub).

  • Menyampaikan peta pembelajaran hari ini.

---

2. Materi & Tahapan Pembelajaran

A. Penulisan Dokumentasi Teknis

1. ReadMe Project

   • Isi yang umum ada di README.md:

     • Judul aplikasi

     • Deskripsi singkat

     • Fitur utama

     • Cara instalasi & menjalankan

     • Teknologi yang digunakan

     • Screenshot aplikasi

     • Kontak/kontributor

   Contoh format README sederhana:

   # Aplikasi Absensi Siswa
   Aplikasi mobile untuk absensi siswa berbasis Flutter & SQLite.
   
   ## Fitur
   - Input data siswa
   - Absensi harian (Hadir, Izin, Sakit, Alpha)
   - Rekap bulanan
   - Export ke Excel/PDF
   
   ## Instalasi
   1. Clone repositori
   2. Jalankan `flutter pub get`
   3. Run dengan `flutter run`
   
   ## Teknologi
   - Flutter
   - SQLite
   - Dart
   
   ## Screenshot
   ![Tampilan Login](screenshot/login.png)
   

2. Diagram Alur (Flowchart)

   • Tools: Draw.io, Lucidchart, Figma.

   • Buat flow aplikasi, misalnya:

     • User Login → Menu Utama → Input Data → Simpan ke Database → Tampil Rekap.

3. Skema Basis Data

   • Jika SQLite/Firebase, tunjukkan tabel/collection:

     • Tabel Siswa: id, nama, kelas

     • Tabel Absensi: id, siswa_id, tanggal, status

   • Tools: dbdiagram.io, MySQL Workbench, atau draw manual.

---

B. Struktur Folder Proyek

1. Flutter

   • Struktur umum:

     lib/
       main.dart
       screens/
       widgets/
       models/
       services/
     assets/
       images/
       fonts/
     pubspec.yaml
     

   • Penjelasan singkat tiap folder.

     • lib/ → kode utama

     • screens/ → tampilan halaman

     • models/ → struktur data

     • services/ → API/database

     • assets/ → gambar/font

2. Android (Java/Kotlin)

   app/src/main/
     java/com/example/app/   -> kode sumber
     res/                    -> resource (layout, drawable, values)
     AndroidManifest.xml
   

   • Penjelasan fungsi folder res/layout (UI XML), res/drawable (gambar), res/values (warna/string).

---

C. Pembuatan Presentasi Aplikasi

1. Media Presentasi

   • PowerPoint / Canva / Google Slide.

   • Format Pitch Deck sederhana:

     1. Judul & Logo Aplikasi

     2. Latar Belakang Masalah

     3. Solusi (Aplikasi yang dibuat)

     4. Fitur Utama

     5. Demo/Tampilan Aplikasi

     6. Arsitektur & Database

     7. Tim Pengembang

     8. Penutup & Kontak

2. Tips Desain

   • Gunakan warna konsisten

   • Jangan terlalu banyak teks

   • Perbanyak gambar/screenshot aplikasi

---

D. Simulasi Presentasi Hasil Aplikasi

1. Kegiatan

   • Siswa dibagi per kelompok/proyek.

   • Setiap kelompok membuat slide sesuai template pitch deck.

   • Mempresentasikan 10 menit (7 menit presentasi + 3 menit tanya jawab).

2. Peran Guru/Tim

   • Menjadi evaluator & audiens.

   • Memberikan feedback (isi, desain, cara penyampaian).

3. Rubrik Penilaian

   • Dokumentasi Teknis (30%)

   • Struktur Folder Jelas (20%)

   • Desain Presentasi (20%)

   • Kemampuan Presentasi (30%)

---

3. Penutup

• Refleksi: Apa tantangan menulis dokumentasi? Apa pengalaman saat presentasi aplikasi?

• Tugas Lanjutan:

  • Upload proyek ke GitHub lengkap dengan README.md.

  • Kirim file presentasi (PPT/Canva).

---

4. LKPD / Praktikum

• Langkah Praktikum

  1. Buat file README.md pada project masing-masing.

  2. Gambarkan flowchart aplikasi.

  3. Buat skema basis data.

  4. Jelaskan struktur folder proyek.

  5. Buat slide presentasi sesuai template pitch deck.

  6. Lakukan simulasi presentasi di kelas.

---

Berminat saya buatkan versi dokumen Word (LKPD + Materi Teori) yang siap dibagikan ke siswa, atau versi PPT template pitch deck juga sekalian?