Buat mockup dan aset UI/UX untuk sebuah **Aplikasi Pembelajaran Matematika Interaktif Kelas 5 SD** (SD Negeri 1 Srimenganten, Indonesia). Aplikasi ini harus edukatif, kontekstual, berwarna-warni, stylish, joyful, dan berbasis prinsip pembelajaran: bermakna (meaningful), berkesadaran (mindful), dan menggembirakan (joyful).
📌 Identitas Sekolah & Guru:
- Nama sekolah: SD Negeri 1 Srimenganten
- Guru: Novi Susanti, S.Pd.Gr. (NIP 1991112320xxxx)
- Kepala Sekolah: Saiful Jamil, S.Pd. (NIP 1985081xxxxxx)
🎯 Capaian Pembelajaran:
Peserta didik dapat menunjukkan pemahaman bilangan cacah sampai 1.000.000, meliputi: membaca, menulis, menentukan nilai tempat, membandingkan, mengurutkan, melakukan komposisi & dekomposisi, serta menyelesaikan masalah yang berkaitan dengan uang.
🎯 Tujuan Pembelajaran (TP):
- 5.1 Memahami bilangan cacah sampai 1.000.000
- 5.2 Membaca & menulis bilangan cacah
- 5.3 Membandingkan & mengurutkan bilangan cacah
- 5.4 Melakukan komposisi & dekomposisi bilangan cacah
- 5.5 Menyelesaikan masalah yang berkaitan dengan uang
📌 Profil Lulusan (tampilkan otomatis sesuai konteks di layar refleksi):
- Keimanan & Ketakwaan
- Kewargaan
- Penalaran Kritis
- Kreativitas
- Kolaborasi
- Kemandirian
- Kesehatan
- Komunikasi
Desain Visual:
- Palet warna ceria: biru muda, oranye hangat, hijau mint, ungu lembut, putih.
- Font: friendly rounded untuk judul, sans-serif jelas untuk isi.
- Layout: grid responsif, kartu (cards), tombol besar.
- Ikon & ilustrasi: vektor anak-anak, uang, papan tulis, blok angka.
- Aksesibilitas: kontras tinggi, navigasi sederhana, teks besar.
Screens (minimal 7 mockup):
1. Splash & Home
- Logo sekolah, nama guru & kelas.
- Menu cepat: Pelajaran, Latihan Interaktif, Simulasi Uang, Kuis, Refleksi & Portofolio, Laporan Guru.
- Banner motivasi dengan salah satu profil lulusan.
2. Pelajaran (Modul 5.1–5.5)
- Sub-topik dengan ringkasan singkat + contoh nyata.
- Tombol ke latihan interaktif & simulasi.
3. Latihan Interaktif
- Drag & drop digit → nilai tempat.
- Susun bilangan → urutan.
- Komposisi & dekomposisi blok angka.
- Feedback langsung (✔️ / ✖️ + penjelasan).
4. Simulasi Uang
- Mini-game: belanja di pasar, menghitung total & kembalian.
- Pilihan kombinasi uang.
5. Kuis / Asesmen
- Soal format campuran: pilihan ganda, isian numerik, drag-drop, soal cerita.
- Penilaian otomatis + rubrik singkat soal uraian.
6. Refleksi & Portofolio
- Ringkasan progres siswa + refleksi.
- Profil lulusan yang relevan tampil otomatis.
- Tombol unduh portofolio PDF.
7. Dashboard Guru & Kepala Sekolah
- Rekap nilai kelas, statistik tiap TP (5.1–5.5).
- Data siswa yang perlu bimbingan.
- Export laporan PDF (resmi, dengan kop sekolah & tanda tangan guru & kepala sekolah) dan CSV.
Contoh Konten Soal + Kunci Jawaban:
TP 5.1
Soal: Ubah kata “Empat ratus lima puluh dua ribu tiga ratus dua belas” menjadi angka.
Jawaban: 452.312 ✅
TP 5.2
Soal (drag-drop): Susun angka ini: `7 0 2 5 0 0` → ?
Jawaban: 702.500 ✅
TP 5.3
Soal: Urutkan bilangan dari terkecil ke terbesar: 234.567; 432.765; 123.456; 345.678
Jawaban: 123.456 < 234.567 < 345.678 < 432.765 ✅
TP 5.4
Soal: Dekomp. 685.427 → ?
Jawaban: 600.000 + 80.000 + 5.000 + 400 + 20 + 7 ✅
TP 5.5
Soal cerita: Novi punya Rp150.000. Membeli buku Rp85.500 & pensil Rp7.500. Berapa kembaliannya?
Jawaban: Rp57.000 ✅
Gamifikasi:
- Badge, poin, stiker, level (misal: “Ahli Nilai Tempat”, “Penjaga Warung Pintar”).
- Tantangan mingguan untuk kolaborasi.
Laporan Resmi (PDF Export):
Format laporan PDF A4 dengan:
- Kop SD Negeri 1 Srimenganten
- Identitas siswa (Nama, NIS/NISN, Kelas)
- Nilai per TP (5.1–5.5) + deskripsi singkat
- Komentar guru
- Tanda tangan digital:
- Guru: Novi Susanti, S.Pd.Gr. NIP 199111232022212003
- Kepala Sekolah: Saiful Jamil, S.Pd. NIP 198508102014061003
Nama file: `Laporan_Matematika_Kelas5_[NamaSiswa]_[Tanggal].pdf`
Juga tersedia ekspor CSV/Excel (rekap skor per siswa, per soal).
Deliverables dari Canva AI:
- Mockup UI (6+ layar: desktop, tablet, mobile).
- Ikon & ilustrasi vektor.
- Template laporan PDF resmi sekolah + template portofolio siswa.
- Presentasi singkat (3–5 slide) alur pembelajaran untuk guru & kepala sekolah.
Developer Notes (opsional untuk output):
- Framework: React + Tailwind.
- Backend: Firebase / Supabase.
- Export PDF via serverless function (Puppeteer/PDFKit).
- Data struktur: siswa{id, nama, nisn}, hasil{kompetensiId, skor, timestamp}.
- Logging audit untuk pertanggungjawaban.
berikut contoh hasilnya : KLIK DI SINI
Contoh Desain Pembelajaran Pelajaran PAI : KLIK DI SINI
👉 Versi Bahasa Inggris (optional untuk Canva AI jika lebih optimal):
Create mockups and UI/UX assets for an Interactive Math Learning Application for Grade 5 Elementary School (SD Negeri 1 Srimenganten, Indonesia). The app must be colorful, joyful, and contextual. Learning target: number sense up to 1,000,000 (reading, writing, place value, comparing, ordering, composing/decomposing, money problems). Show one Graduate Profile (Faith & Piety, Citizenship, Critical Thinking, Creativity, Collaboration, Independence, Health, Communication) automatically in reflection screens.
Include 7 screens: Home, Lessons (5.1–5.5), Interactive Practice, Money Simulation, Quiz, Reflection & Portfolio (downloadable PDF), Teacher Dashboard (with official PDF/CSV reports signed by Principal Saiful Jamil, S.Pd. and Teacher Novi Susanti, S.Pd.Gr.).
Add gamification, sample questions (see TP 5.1–5.5 above), and official PDF report template with school header & signatures.
Deliverables: 6+ mockups, icons, illustrations, PDF templates, short 3–5 slide presentation.
No comments:
Post a Comment
Terimakasih telah memberikan komentarnya