Di era digitalisasi pendidikan, kecerdasan buatan (AI) telah menjadi asisten revolusioner bagi para pendidik. Salah satu pemanfaatan terbaiknya adalah menyusun perangkat pembelajaran yang terstruktur, komprehensif, dan selaras dengan Kurikulum Merdeka. Pada artikel ini, kita akan membahas cara menggunakan Prompt untuk Membuat Generator Perangkat Ajar Lengkap di Canvas Gemini.

Apa itu Perangkat Ajar?

Perangkat Ajar adalah kumpulan bahan, media, pedoman, dan petunjuk yang dirancang secara sistematis untuk digunakan oleh pendidik dalam melaksanakan proses pembelajaran di kelas. Ibarat kompas bagi seorang navigator, perangkat ajar memastikan arah pembelajaran tetap fokus, terukur, dan mencapai target kompetensi yang diharapkan sesuai dengan karakteristik peserta didik.

Komponen Lengkap Perangkat Ajar

Dalam Kurikulum Merdeka, perangkat ajar memiliki ekosistem dokumen yang saling berkaitan erat. Berikut adalah penjabaran dari masing-masing komponen penyusunnya:

  • Analisis CP Capaian Pembelajaran (CP): Kompetensi pembelajaran yang harus dicapai peserta didik pada setiap fase perkembangan. Analisis CP dilakukan untuk membedah dan memahami esensi kompetensi dasar yang ditargetkan pemerintah.
  • TP Tujuan Pembelajaran (TP): Deskripsi pencapaian tiga aspek kompetensi (pengetahuan, keterampilan, sikap) yang diperoleh peserta didik dalam satu atau lebih kegiatan pembelajaran.
  • ATP Alur Tujuan Pembelajaran (ATP): Rangkaian Tujuan Pembelajaran yang tersusun secara sistematis dan logis di dalam fase secara utuh dan menurut urutan pembelajaran sejak awal hingga akhir suatu fase.
  • Prota & Prosem Program Tahunan & Program Semester: Rencana penetapan alokasi waktu selama satu tahun maupun satu semester untuk mencapai Tujuan Pembelajaran yang telah ditetapkan.
  • KKTP Kriteria Ketercapaian Tujuan Pembelajaran: Serangkaian kriteria atau indikator yang menunjukkan sejauh mana peserta didik telah mencapai kompetensi pada Tujuan Pembelajaran.
  • Modul Ajar Modul Ajar Lengkap: Versi modern dari RPP (Rencana Pelaksanaan Pembelajaran). Modul Ajar jauh lebih komprehensif karena dilengkapi dengan langkah pembelajaran interaktif, Asesmen (formatif/sumatif), Rubrik Penilaian, serta LKPD (Lembar Kerja Peserta Didik).

Apa itu Canvas Gemini?

Canvas Gemini (atau sekadar *Canvas*) adalah fitur antarmuka revolusioner dari Google Gemini. Jika obrolan AI biasa hanya memberikan teks balasan di kolom chat yang terus bergeser ke bawah, Canvas memberikan ruang kerja terpisah (dokumen interaktif) di sebelah jendela obrolan.

Dengan Canvas, Anda dapat berkolaborasi dengan AI untuk menulis, mengedit, merevisi bagian tertentu (highlight & edit), mengubah panjang teks, hingga menyesuaikan tingkat keterbacaan dokumen secara langsung (real-time) tanpa harus menyalin-tempel teks berulang kali ke aplikasi pengolah kata seperti Microsoft Word. Ini sangat ideal untuk membuat dokumen panjang dan terstruktur seperti Perangkat Ajar!

Prompt Generator Perangkat Ajar (Canvas Gemini)

Berikut adalah Super Prompt yang telah dirancang khusus agar Gemini bertindak sebagai ahli kurikulum dan langsung menghasilkan dokumen Perangkat Ajar yang terintegrasi. Anda cukup menyalin prompt di bawah ini, menempelkannya di Gemini, dan menyesuaikan bagian mata pelajaran, kelas, dan materi sesuai kebutuhan Anda.

Prompt Generator Kurikulum Merdeka
Bertindaklah sebagai Senior Full-Stack Web Developer, UI/UX Architect, dan Ahli Sistem Integrasi LLM. Buat sebuah aplikasi Single Page Application (SPA) berbasis React yang berfungsi sebagai "Generator Perangkat Administrasi Ajar Kurikulum Merdeka Terintegrasi AI" dengan fitur Ekspor Microsoft Word (.doc) dan Cetak langsung yang presisi.

Aplikasi ini harus dibangun dengan spesifikasi teknis, arsitektur data, dan detail antarmuka berikut:

---

### 1. TEKNOLOGI & DEPENDENSI UTAMA
- UI Library: React (Functional Components dengan Hooks: useState, useEffect, useRef).
- Styling & Desain: Tailwind CSS untuk antarmuka modern, bersih, dan responsif.
- Icon Set: Lucide React (Gunakan icon relevan: BookOpen, FileText, Calendar, Layout, User, Lock, LogOut, Printer, Code, Loader2, AlertCircle, CheckCircle2, ChevronRight, Settings, Check, Download, AlertTriangle, Link).
- AI Engine: Integrasi langsung ke Google Gemini API menggunakan endpoint `v1beta` (`models/gemini-2.5-flash-preview-09-2025:generateContent`).

---

### 2. ARSITEKTUR SECURITY & SISTEM RETRY (ANTI-GAGAL API)
- Skema Login:
  * Username default terkunci: "www.yefriharyanto.id" (disabled input).
  * Password bypass: Biarkan kosong atau isi dengan token "KerinciBerbagi".
  * Tampilkan informasi penanda di bawah form login dengan aksen visual tegas: "Aplikasi Ini Tidak Diperjualbelikan" beserta tautan rujukan ke blog penyedia token.
- Mekanisme Fetch & Retry Engine:
  * Buat fungsi pembungkus fetch dengan skema 'Exponential Backoff Retry' sebanyak maksimal 5 kali percobaan jika API mengalami rate limit (HTTP 429) atau gangguan jaringan.
  * Interval jeda retry diatur berjenjang secara eksponensial: 1000ms, 2000ms, 4000ms, 8000ms, hingga 16000ms.

---

### 3. MANAGEMENT STATE & ALUR DATA OTOMATIS (CORE LOGIC)
Aplikasi harus menggunakan satu State Global (`appData`) sebagai Single Source of Truth yang menampung:
1. Data Identitas: Provinsi/Kota, Dinas Pendidikan, Satuan Pendidikan (Default: SMP Negeri 3 Kerinci), Alamat Sekolah (Default: Jl. Lempur Tengah, Kec. Gunung Raya, Kab. Kerinci), Mata Pelajaran, Singkatan, Fase/Kelas, Tahun Pelajaran, Alokasi Waktu, JP per Minggu, Durasi Pertemuan, Nama Guru, NIP Guru, Nama Kepala Sekolah, NIP Kepala Sekolah, Kota/Tanggal TTD dokumen.
2. Data Kurikulum dasar: Daftar Elemen & Kode, CP Umum, CP per Elemen, Kalender Pendidikan 1 Tahun, dan Rentang Nilai/Predikat KKTP.
3. Rantai Sinkronisasi Dokumen Sekaligus (1 s.d 6):
   - Dokumen 1 (Analisis CP) di-generate terlebih dahulu.
   - Output HTML Dokumen 1 dikirim sebagai referensi data untuk Dokumen 2 (TP).
   - Output HTML Dokumen 2 dikirim sebagai referensi data untuk Dokumen 3 (ATP).
   - Output HTML Dokumen 3 dikirim ke Dokumen 4 (Prota), lalu berlanjut secara sekuensial ke Dokumen 5a & 5b (Prosem Semester 1 & 2), dan terakhir Dokumen 6 (KKTP).

---

### 4. AUTOMATED HYDRATION ENGINE (ATP TO MODUL AJAR PARSER)
Ini adalah fitur krusial agar pengguna tidak perlu memasukkan TP secara manual untuk membuat modul ajar:
- Buat fungsi parser menggunakan `DOMParser` di dalam React.
- Fungsi ini bekerja otomatis setelah Dokumen 3 (ATP) selesai diproduksi oleh AI.
- Parser harus memindai string kode HTML ATP, mencari elemen `<table>`, menguji baris yang mengandung text "Kode TP", lalu mengekstrak kolom `Kode TP`, `Tujuan Pembelajaran`, `Materi Pokok`, dan `Alokasi JP`.
- Hitung jumlah estimasi pertemuan secara matematis: `Maksimal(1, Pembulatan Keatas(Alokasi JP / JP per Pertemuan))`.
- Hasil ekstraksi dimasukkan ke dalam state array `extractedTPs`, yang secara otomatis akan mengisi opsi `<select>` (Dropdown) pada Tab khusus Modul Ajar.

---

### 5. TEMPLATE & ATURAN PROMPT DOKUMEN (STRICT INSTRUCTIONS FOR AI)
Sistem harus menyuntikkan aturan umum (`COMMON_RULES`) pada setiap request prompt ke Gemini:
- HANYA hasilkan kode HTML murni tanpa membungkusnya dengan markdown ```html.
- JANGAN berikan teks pengantar atau penutup apa pun.
- Seluruh tabel harus menggunakan format tag HTML standar (`<table border="1" style="border-collapse: collapse; width: 100%;">`).
- Setiap Header Tabel (`<th>`) wajib menggunakan warna latar belakang Biru Tua (`#1a3a5c`) dengan teks putih tebal.
- Integrasikan istilah wajib "8 Dimensi Profil Lulusan" / "Dimensi Profil Lulusan" (bukan Profil Pelajar Pancasila lama).
- Penomoran kode dokumen harus taat struktur, contoh: `[Singkatan Mapel]-[Fase/Kelas]-[Kode Elemen]-[Nomor Urut]`.
- Untuk dokumen Modul Ajar, AI harus merancang modul super presisi berbasis Deep Learning (Mindful, Meaningful, Joyful) lengkap dengan Asesmen Diagnostik (Kognitif & Non-Kognitif), Kegiatan Inti yang dipecah per sintak model pembelajaran (PBL/PjBL/Discovery) lengkap dengan tag kognitif (Understanding/Applying/Reflecting), serta Lampiran LKPD utuh.

---

### 6. LAYOUT ENGINE & PREVIEW DOKUMEN DUA ORIENTASI
- Tampilan Utama: Layout dashboard dua kolom menggunakan flexbox/grid. Sidebar statis di bagian kiri untuk navigasi antar tab dokumen, dan area preview di bagian kanan.
- Skema Orientasi Cetak & Ekspor:
  * Atur orientasi secara dinamis berdasarkan jenis dokumen yang sedang aktif:
    - Kertas A4 Portrait (Tegak): Untuk Tab Analisis CP, TP, Prota, dan Modul Ajar.
    - Kertas A4 Landscape (Mendatar): Untuk Tab ATP, Prosem 1, Prosem 2, dan KKTP.
  * Preview Dokumen menggunakan kontainer dengan simulasi bayangan dokumen asli atas background abu-abu gelap (`#525659`), dengan batas lebar maksimal 210mm (Portrait) atau 297mm (Landscape).

---

### 7. FITUR EKSPOR DOKUMEN & ENGINE CETAK (PRINT ENGINE)
- Ekspor Microsoft Word (.doc):
  * Gunakan metode pembuatan Blob dengan tipe data `'application/msword'`.
  * Wajib menyuntikkan XML namespaces Microsoft Word (`xmlns:o='urn:schemas-microsoft-com:office:office'`, `xmlns:w='urn:schemas-microsoft-com:office:word'`) dan CSS khusus `@page WordSectionPortrait` atau `@page WordSectionLandscape` ke dalam struktur HTML sebelum diunduh agar layout dan margin 1 inci mendatar/tegak terbaca dengan sempurna di MS Word.
- Cetak / PDF Tanpa Error Layout:
  * Jangan gunakan fungsi `window.print()` langsung pada halaman utama karena akan merusak susunan dashboard.
  * Buat mekanisme pencetakan melalui hidden `<iframe>` yang dibuat secara dinamis lewat DOM.
  * Salin seluruh string HTML dokumen beserta CSS cetak khusus (`@media print { @page { size: A4 portrait/landscape; margin: 1.5cm; } }`) ke dalam dokumen iframe tersebut, berikan delay render selama 1000ms untuk memastikan style CSS termuat sempurna, lakukan `.focus()` dan `.print()`, kemudian hapus kembali elemen iframe dari DOM.

---

Tuliskan seluruh kode aplikasi ini ke dalam satu file komponen React utuh (`App.js`), bersih dari bug, siap pakai, dengan styling Tailwind CSS yang elegan, rapi, dan kokoh.

Setelah dokumen dihasilkan di Canvas Gemini, Anda bisa dengan mudah mengekspornya ke Google Docs, mengedit bagian-bagian tertentu secara spesifik, atau langsung menyimpannya untuk keperluan administrasi sekolah.

Selamat mencoba dan semoga administrasi kelas Anda menjadi lebih mudah, efisien, dan berkualitas dengan bantuan AI!