• PEMROGRAMAN WEB DINAMIS

    Pengertian web dinamis adalah suatu web yang konten atau isinya dapat berubah-ubah setiap saat. Sebab dalam teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi pemakai atau user yang menggunakan web tersebut..

  • SIMULASI DAN KOMUNIKASI DIGITAL

    Suatu proses peniruan dalam bentuk visual yang dideskripsikan menyerupai kata, gambar dan grafis..

  • SISTEM KOMPUTER

    Sistem komputer adalah suatu jaringan elektronik yang terdiri dari perangkat lunak dan perangkat keras yang melakukan tugas tertentu (menerima input, memproses input, menyimpan perintah-perintah, dan menyediakan output dalam bentuk informasi). Selain itu dapat pula diartikan sebagai elemen-elemen yang terkait untuk menjalankan suatu aktivitas dengan menggunakan komputer..

  • DASAR DESAIN GRAPIS

    Banyak yang berpikiran kalau desain yang baik adalah yang membutuhkan jam kerja yang banyak, membutuhkan skill tinggi dan aplikasi yang mahal. Ya, memang, tapi sebenarnya desain yang baik adalah desain yang sederhana, yang membuat setiap orang yang melihatnya mudah menangkap maksud dari sebuah bentuk visual tersebut..

  • BASIS DATA

    Pangkalan data atau basis data (bahasa Inggris: database) adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi.

Peran setiap widget utama Flutter

 Kita Belajar seharian (7.15–14.00) dengan Project Based Learning + deep understanding, fleksibel tapi tetap jalan.


🕢 GAMBARAN UMUM HARI PEMBELAJARAN

Proyek hari ini:
📱 UI Dasar Aplikasi Flutter – Catatan / To-Do App

Output hari ini (realistis):

  • Aplikasi sudah tampil halaman utama

  • Ada AppBar, input, tombol, dan list (belum sempurna)

  • Siswa paham alur widget, bukan sekadar copy-paste


⏰ ALUR PEMBELAJARAN REAL DI KELAS

🕢 07.15 – 07.30 | PEMBUKAAN & SETTING KELAS

Aktivitas Guru

  • Absensi singkat

  • Cek perangkat (laptop, charger, emulator)

  • Briefing santai:

    “Hari ini kita nggak ngejar banyak kode, tapi bikin aplikasi yang ngerti isinya.”

Aktivitas Siswa

  • Menyiapkan laptop

  • Membuka project Flutter

🎯 Tujuan: kelas siap, mood naik, tidak langsung koding berat


🕢 07.30 – 08.00 | PEMANTIK & KONTEKS NYATA

Aktivitas

  • Tanya jawab cepat:

    • “Aplikasi apa yang sering kalian buka pagi hari?”

    • “Kalau aplikasi catatan, bagian utamanya apa?”

  • Guru gambar sketsa UI sederhana di papan

📌 Belum koding, fokus berpikir struktur aplikasi


🕗 08.00 – 09.00 | KONSEP INTI + DEMO LANGSUNG

Materi:

  • MaterialApp

  • Scaffold

  • AppBar

Metode

  • Guru live coding pelan

  • Setiap widget dijelaskan:

    • fungsi

    • posisi

    • kalau tidak ada, apa yang terjadi

Checkpoint

  • Siswa bisa menjawab:

    “Kenapa Scaffold wajib ada?”


🕘 09.00 – 09.30 | PRAKTIK TERBIMBING (AMAN DARI KETINGGALAN)

Aktivitas

  • Siswa meniru kode dasar

  • Guru keliling

  • Yang cepat → diminta menjelaskan ke temannya

🎯 Anti kelas timpang


🍽️ 09.30 – 10.00 | MAKAN BERGIZI GRATIS (FLEKSIBEL)

👉 Ini waktu rawan, jadi jangan target berat

Strategi Guru

  • Stop koding

  • Sambil makan:

    • Diskusi ringan

    • Tanya konsep:

      • “Column itu vertikal atau horizontal?”

      • “Kalau mau ke samping pakai apa?”

📌 Belajar tetap jalan tanpa laptop


☕ 10.00 – 10.15 | ISTIRAHAT RESMI


🕥 10.15 – 11.15 | LAYOUT & INTERAKSI

Materi:

  • Column & Row

  • Container

  • Text

  • TextField

Aktivitas

  • Menyusun UI:

    • Judul

    • Input

    • Area konten

Pendekatan

  • Guru kasih tantangan kecil:

    “Bikin input dan teks, tapi tampilan rapi.”

🎯 Fokus logika layout, bukan estetika dulu


🕌 11.15 – 12.30 | JEDA SHOLAT JUMAT

Catatan Strategis

  • Untuk siswi:

    • Refleksi tertulis ringan:

      • Fungsi widget hari ini

      • Screenshot tampilan terakhir

  • Tidak ada target teknis berat


🕧 12.30 – 13.15 | LIST & AKSI

Materi:

  • ListView

  • FloatingActionButton

  • Padding, SizedBox, Expanded

Aktivitas

  • Menambahkan:

    • Daftar tampilan

    • Tombol tambah

  • Guru tekankan:

    “FAB itu bukan hiasan, tapi aksi utama.”


🕐 13.15 – 13.45 | MINI PROYEK (MANDIRI TERARAH)

Tugas

  • Siswa:

    • Merapikan UI

    • Mengatur jarak

    • Mengubah teks sesuai ide masing-masing

📌 Belum pakai database — UI dulu matang


🕝 13.45 – 14.00 | REFLEKSI & PENUTUP

Refleksi Lisan

  • “Widget apa paling penting hari ini?”

  • “Bagian mana yang bikin bingung?”

Output

  • Screenshot aplikasi

  • Commit / simpan project


🧠 KUNCI SUPAYA PEMBELAJARAN HIDUP

✔ Jangan kejar semua fitur
✔ Biarkan siswa paham pelan tapi nempel
✔ Banyak tanya “kenapa”, bukan “ikutin”
✔ Pakai analogi dunia nyata


🔁 OPSI LANJUTAN (PERTEMUAN BERIKUTNYA)

  • State & setState

  • CRUD sederhana

  • Local database

  • UX improvement


Salam, Flutter Pemula


Share:

Categories

Blogger Tricks

Blogger Themes