Landing Page - Kemendikbud Koding dan Artificial

 

https://pervekt1.my.canva.site/desain-landing-page-program-edukasi-koding-dan-kecerdasan-artifisial

https://kurikulum.kemdikbud.go.id/koding-ka

https://kodingka.kemendikdasmen.go.id/pembelajaran/

https://www.sevenpreneur.com/

Buatkan prompt untuk desain landing page seperti https://kurikulum.kemdikbud.go.id/koding-ka

Prompt Desain Landing Page ala Koding & Kecerdasan Artifisial (Kemendikbud)

Judul Prompt

Desain Landing Page Koding dan Kecerdasan Artifisial ala Kurikulum Kemendikbud

Instruksi Utama
Buat desain landing page untuk program edukasi nasional bertemakan Koding dan Kecerdasan Artifisial (KA), dengan gaya formal-nasional, informatif, dan mudah dipahami oleh pendidik serta orang tua.

---

Struktur Halaman (Dari Atas ke Bawah)

1. Hero Section / Opening

   • Judul besar dan tegas, misalnya: “Pembelajaran Koding dan Kecerdasan Artifisial, Fondasi Pendidikan untuk Masa Depan”
     Sistem Informasi Kurikulum Nasional+1

   • Subjudul pendek yang memberikan konteks (contoh: “Transformasi literasi digital yang menyiapkan siswa menghadapi era 4.0 & 5.0”)
     kodingka.kemendikdasmen.go.id

   • Tombol CTA mis. “Pelajari Lebih Lanjut”

2. Ilustrasi Visual / Gambar Pendukung

   • Sisipkan ilustrasi gaya flat atau vector yang menggambarkan pembelajaran, teknologi, atau AI, seperti di website aslinya

3. Strategi Pembelajaran

   • Blok visual dengan subjudul seperti: “Strategi Pembelajaran Koding dan KA”

   • Rincian via ikon atau box tentang tiga pendekatan:

     • Tanpa perangkat digital (simulasi, unplugged)

     • Dengan perangkat digital (komputer, tablet, ponsel)

     • Berbasis internet (akses materi daring, komunikasi)
       Sistem Informasi Kurikulum Nasional

4. Tujuan Mata Pelajaran

   • Section dengan header “Tujuan Mata Pelajaran Koding dan Kecerdasan Artifisial”

   • Tampilkan poin-poin untuk berbagai pendekatan:

     • Intrakurikuler (pilihan),

     • Terintegrasi dengan mata pelajaran lain,

     • Kokurikuler (teknologi/engineering),

     • Ekstrakurikuler (seperti robotika)
       Sistem Informasi Kurikulum Nasional

5. Kompetensi per Jenjang Pendidikan

   • Judul seperti: “Kompetensi Koding dan Kecerdasan Artifisial”

   • Tabel atau tab interaktif yang mengelompokkan kompetensi untuk SD/MI, SMP/MTs, hingga SMA/MA/SMK
     Sistem Informasi Kurikulum Nasional

6. Penutup / Informasi Tambahan

   • Footer atau prospek informasi: bisa berupa “Pelatihan Guru”, “Dokumen Akademik”, “Info Terkini” sebagai navigasi lanjutan
     kodingka.kemendikdasmen.go.id

---

Gaya Visual & UI/UX Guidelines

• Warna: Dominasi warna netral (putih, abu-abu) dengan aksen lembut (kuning, biru muda) layaknya visual pemerintah yang bersahaja dan informatif.

• Tipografi: Gunakan font sans-serif formal—besar untuk judul, lebih kecil dan jelas untuk body text.

• Ilustrasi: Flat, ringan, edukatif—mewakili konteks belajar, perangkat digital, dan AI.

• Tata Letak:

  • Section jelas dan terpisah rapi dengan spasi cukup.

  • Gunakan grid sederhana atau layout responsif (desktop → mobile friendly).

• Interaktivitas sederhana:

  • Mouseover atau tab switch untuk melihat kompetensi tiap jenjang.

  • CTA berfungsi mengarah ke dokumen, pelatihan, atau materi lanjut.

---

Contoh Prompt Final (Untuk Diberikan ke Designer atau Tool AI)

“Buat landing page edukasi bertema ‘Koding dan Kecerdasan Artifisial’ ala platform Kemendikbud. Mulai dari hero section dengan judul formal dan CTA, ilustrasi flat, strategi pembelajaran (unplugged, digital, internet), tujuan pembelajaran (intrakurikuler, integrasi, kokurikuler, ekstrakurikuler), hingga tabel kompetensi berbasis jenjang sekolah. Visual minimalis dan profesional (warna netral + soft accent), tipografi sans-serif jelas, layout responsif, dan interaktivitas sederhana (hover/tab). Sertakan struktur detail untuk tiap section yang disebutkan.”