MENGANALISIS DAN MEMODIFIKASI PROGRAM FLUTTER

CHALLENGE FLUTTER: MENGANALISIS DAN MEMODIFIKASI PROGRAM MAIN.DART

Mata Pelajaran: Pemrograman Mobile
Kelas: XI PPLG
Media Praktikum: DartPad Flutter

---

Tujuan Pembelajaran

Setelah menyelesaikan praktikum ini, peserta didik mampu:

1. Mengidentifikasi struktur dasar program Flutter.

2. Menjelaskan fungsi widget yang digunakan.

3. Menganalisis alur kerja aplikasi Flutter.

4. Melakukan modifikasi sederhana pada kode program.

5. Mendokumentasikan hasil pembelajaran dalam bentuk artikel blog.

---

Persiapan

1. Buka browser.

2. Kunjungi https://dartpad.dev/flutter

3. Pilih template Flutter.

4. Hapus kode bawaan.

5. Salin kode yang diberikan oleh guru.

6. Klik Run untuk menjalankan aplikasi.

---

TUGAS 1 - MENGAMATI PROGRAM

Jalankan aplikasi dan amati hasilnya.

Jawablah pertanyaan berikut:

1. Apa judul aplikasi yang tampil?

2. Berapa nilai awal yang ditampilkan?

3. Apa yang terjadi ketika tombol "+" ditekan?

4. Berapa kali nilai bertambah setiap tombol ditekan?

---

TUGAS 2 - ANALISIS KODE

Lengkapi tabel berikut.

Kode	Fungsi
main()	........
runApp()	........
MaterialApp	........
Scaffold	........
AppBar	........
Text	........
FloatingActionButton	........
setState()	........

---

TUGAS 3 - ANALISIS ALUR PROGRAM

Jelaskan urutan kerja program berikut.

1. Program dijalankan.

2. Widget pertama yang muncul.

3. Tombol ditekan.

4. Function yang dipanggil.

5. Data berubah.

6. Tampilan diperbarui.

Buat dalam bentuk diagram panah.

Contoh:

Program dijalankan
↓
runApp()
↓
MyApp
↓
HomePage
↓
Tombol "+"
↓
tambahData()
↓
setState()
↓
Tampilan berubah

---

TUGAS 4 - MODIFIKASI PROGRAM

Lakukan perubahan berikut.

Modifikasi 1

Ubah judul aplikasi menjadi:

"Absensi Siswa"

Screenshot hasilnya.

Modifikasi 2

Ubah ukuran teks menjadi 40.

Screenshot hasilnya.

Modifikasi 3

Ubah ikon tombol dari:

Icons.add

menjadi:

Icons.school

Screenshot hasilnya.

Modifikasi 4

Tambahkan nama kalian pada tampilan aplikasi.

Contoh:

Nama : Budi
Jumlah : 0

Screenshot hasilnya.

---

TUGAS 5 - CHALLENGE MANDIRI

Tambahkan tombol Reset.

Ketika tombol Reset ditekan, nilai kembali menjadi 0.

Petunjuk:

1. Buat function resetData().

2. Isi function dengan setState().

3. Ubah nilai jumlah menjadi 0.

4. Tambahkan tombol baru.

---

REFLEKSI

Jawablah pertanyaan berikut:

1. Apa fungsi StatefulWidget?

2. Mengapa program menggunakan setState()?

3. Apa yang terjadi jika setState() tidak digunakan?

4. Widget apa yang paling sering digunakan pada program ini?

5. Apa kesulitan yang Anda temukan selama praktikum?

---

PUBLIKASI HASIL PRAKTIKUM

Setelah praktikum selesai, setiap peserta didik WAJIB membuat artikel blog yang berisi:

Isi Artikel Blog

1. Judul Praktikum.

2. Nama lengkap.

3. Kelas.

4. Nomor Absen.

5. Hasil pengamatan Tugas 1.

6. Jawaban Analisis Kode (Tugas 2).

7. Diagram Alur Program (Tugas 3).

8. Screenshot hasil Modifikasi Program (Tugas 4).

9. Penjelasan Challenge Mandiri (Tugas 5).

10. Refleksi pembelajaran.

11. Kesimpulan.

Judul Artikel Blog

Challenge Flutter - Analisis Program main.dart

atau

Praktikum Flutter: Analisis dan Modifikasi Program Counter App

---

PENGUMPULAN TUGAS

Setelah artikel blog dipublikasikan:

1. Salin (Copy) link artikel blog.

2. Tempelkan link artikel pada kolom komentar postingan tugas ini.

Format Komentar

Nama : ..............
Kelas : XI PPLG ....
No Absen : .........
Link Blog : https://............

Contoh

Nama : Darsu
Kelas : XI PPLG 1
No Absen : 01
Link Blog : https://namablogku.blogspot.com/2026/06/challenge-flutter.html

---

KETENTUAN PENILAIAN

Aspek Penilaian	Bobot
Analisis Program	25%
Modifikasi Program	25%
Dokumentasi Blog	20%
Kelengkapan Tugas	20%
Kerapihan dan Kreativitas	10%

Skor Maksimal : 100
KKM : 75

Selamat belajar, bereksperimen, dan jadilah Flutter Developer yang kreatif!

Catatan: Hasil praktikum tidak dikumpulkan dalam bentuk file. Setiap siswa wajib membuat artikel blog pribadi dan mengirimkan tautan (link) artikel melalui kolom komentar postingan ini dengan mencantumkan nama lengkap, kelas, dan nomor absen.