📚 Panduan Lengkap Web Aplikasi GuruFlow

Kurikulum Merdeka - Panduan Komprehensif untuk Pengguna Baru

🎯 Target: Guru & Tenaga Pendidikan

📅 Versi: 1.0 | 30 Maret 2026

✅ Status: Dokumentasi Lengkap

1 Persiapan Awal & Login

📋 1.1 Sistem Persyaratan

Browser Modern: Chrome 90+, Firefox 88+, Edge 90+, Safari 14+
Resolusi Minimum: 1024x768px (rekomendasi 1366x768px)
Koneksi Internet: Stabil untuk fitur cloud
Storage: 500MB available space

Email aktif untuk registrasi
Kredensial login dari admin sistem
Data profil guru lengkap

🔐 1.2 Akses Aplikasi

A. Proses Login

Buka browser (Chrome/Firefox/Edge)
Ketik URL aplikasi atau klik shortcut
Masukkan Email/Username
- Input: email@example.com
- Validasi: Format email valid
Masukkan Password
- Input: ••••••••
- Security: Masked password
Klik "Login"
- Proses: Validasi kredensial
- Loading: 2-3 detik
Redirect ke Dashboard
- Success: Menuju halaman utama
- Error: Pesan notifikasi

💡 Tip: Simpan kredensial Anda dengan aman. Jangan bagikan password kepada siapa pun.

⚠️ 1.3 Troubleshooting Login

Masalah	Solusi
Email tidak terdaftar	Hubungi admin sistem
Password salah	Klik "Lupa Password"
Loading lama	Cek koneksi internet
Error 404	Refresh halaman

2 Dashboard Utama

🖥️ 2.1 Interface Dashboard

Setelah login, Anda akan melihat dashboard dengan layout berikut:

┌─────────────────────────────────────────────────────────┐ │ HEADER APP │ │ [🏠 Dashboard] [👤 Profile] [🎨 Theme] [🚪 Logout] │ ├─────────────────────────────────────────────────────────┤ │ SIDEBAR MENU │ │ 📊 Dashboard (Anda di sini) │ │ 📝 Analisis CP │ │ 📚 Tujuan Pembelajaran │ │ 🔄 ATP │ │ 📅 Prota │ │ 📋 KKTP │ │ 📊 Prosem │ │ 📘 Modul Ajar │ │ 📝 LKPD │ │ 📄 Rubrik Penilaian │ ├─────────────────────────────────────────────────────────┤ │ CONTENT AREA │ │ ┌─────────────────────────────────────────────────┐ │ │ │ QUICK START GUIDE │ │ │ │ 🎯 Langkah 1: Lengkapi Profil Guru │ │ │ │ 📝 Langkah 2: Buat Analisis CP │ │ │ │ 📚 Langkah 3: Kembangkan Tujuan Pembelajaran │ │ │ └─────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘

👋 Welcome Screen: Anda akan melihat salam selamat datang dengan nama Anda, sekolah, dan mata pelajaran.

👤 2.2 Lengkapi Profil Guru

A. Cara Lengkapi Profil

Klik foto profil di pojok kanan atas
Pilih "Edit Profil" dari dropdown menu
Isi data wajib:

✅ Nama Lengkap: I Wayan Suarnata, S.Pd
✅ Email: wayan.suarnata@smn7komba.sch.id
✅ Sekolah: SMAN 7 KOTA KOMBA
✅ Mata Pelajaran: Seni Rupa
✅ Fase: F
✅ Kelas: X
✅ Tahun Pelajaran: 2025/2026
✅ NIP/NUPTK: 199003012019031005

B. Cara Mengubah Tema

Klik icon 🎨 di header
Pilih tema:
- 🌞 Light Mode (Default)
- 🌙 Dark Mode (Nyaman mata)
- 🎨 Modern Blue/Green/Purple (Custom)

✅ Profile Status: 100% Lengkap
Ready untuk mulai membuat dokumen dan bisa akses semua modul pembelajaran.

🧭 2.3 Menu Navigasi

A. Urutan Menu Sesuai Alur Kerja

📊 Dashboard → 📝 Analisis CP → 📚 Tujuan Pembelajaran → 🔄 ATP
→ 📅 Prota → 📋 KKTP → 📊 Prosem → 📘 Modul Ajar → 📝 LKPD → 📄 Rubrik

B. Menu Utama (Wajib Dipakai)

📝 Analisis CP: Langkah 2 setelah profil lengkap
📚 Tujuan Pembelajaran: Breakdown CP menjadi spesifik
🔄 ATP: Alur Tujuan Pembelajaran
📅 Prota: Program Tahunan
📋 KKTP: Kriteria ketuntasan Tujuan Pembelajaran
📊 Prosem: Program Semester
📘 Modul Ajar: Materi pembelajaran lengkap
📝 LKPD: Lembar kerja siswa
📄 Rubrik Penilaian: Kriteria penilaian

4 Tujuan Pembelajaran

📚 4.1 Mengapa Tujuan Pembelajaran Penting?

A. Bridge dari Analisis CP ke Implementasi

📊 Analisis CP (Foundation) ↓ 📚 Tujuan Pembelajaran (Breakdown CP menjadi spesifik) ↓ 🔄 ATP (Sequencing tujuan pembelajaran) ↓ 📘 Modul Ajar (Implementasi pembelajaran)

B. Output yang Dihasilkan

📄 Dokumen Tujuan Pembelajaran lengkap per elemen CP
🎯 TP (Tujuan Pembelajaran) spesifik dan terukur
📊 ATP (Alur Tujuan Pembelajaran) terstruktur
☁️ Cloud sync untuk integrasi modul lain

C. Hubungan dengan Analisis CP

Input: Data JSON dari Analisis CP
Process: Breakdown CP menjadi TP spesifik
Output: Tujuan pembelajaran per elemen CP

📋 4.2 Persiapan Sebelum Mulai Tujuan Pembelajaran

A. Prasyarat dari BAB 3

✅ Analisis CP sudah selesai
✅ JSON Analisis CP tersimpan di cloud
✅ Data identitas guru lengkap
✅ Elemen CP sudah teridentifikasi

B. Data yang Dibutuhkan

JSON Analisis CP dari modul sebelumnya
Elemen CP yang sudah dianalisis (5-7 elemen)
KKO (Kata Kerja Operasional) untuk setiap TP
Indikator pencapaian untuk setiap TP

C. Checklist Siap Mulai

✅ Analisis CP selesai dan valid
✅ Koneksi internet stabil
✅ Waktu minimal 45 menit
✅ Pemahaman KKO dan indikator
✅ Akses ke JSON Analisis CP

📋 4.3 Interface Modul Tujuan Pembelajaran

A. Layout Lengkap

┌─────────────────────────────────────────────────────────┐ │ HEADER MODUL │ │ [🏠 Dashboard] [🎨 Theme] [🖨️ Print] [☁️ Save] │ ├─────────────────────────────────────────────────────────┤ │ TAB NAVIGATION │ │ [👤 Identitas] [📝 Data & Elemen] [🖨️ Render] [☁️ Tersimpan] │ ├─────────────────────────────────────────────────────────┤ │ PANEL KIRI │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ FORM INPUT AREA │ │ │ │ [Identitas guru] │ │ │ │ [Data dokumen] │ │ │ │ [Elemen CP & TP] │ │ │ │ [ATP generation] │ │ │ │ └─────────────────────────────────────────────────────┘ │ ├─────────────────────────────────────────────────────────┤ │ PANEL KANAN │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ PREVIEW DOKUMEN │ │ │ │ [Real-time preview TP dan ATP] │ │ │ │ [Format dokumen resmi] │ │ │ │ └─────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘

B. Tab Navigation (4 Tab)

👤 Identitas: Data guru & sekolah (auto-fill)
📝 Data & Elemen: Input dokumen dan elemen CP
🖨️ Render: Generate TP dan ATP
☁️ Tersimpan: Dokumen di cloud

C. Komponen Header

🏠 Dashboard: Kembali ke beranda
🎨 Theme: Ganti tema aplikasi
🖨️ Print: Cetak dokumen
☁️ Save: Simpan ke cloud

📝 4.4 Step-by-Step Tujuan Pembelajaran

A. Auto-Fill dari Profil

✅ Nama Sekolah: [Auto dari profil]
✅ Mata Pelajaran: [Auto dari profil]  
✅ Nama Guru: [Auto dari profil]
✅ NIP/NUPTK: [Auto dari profil]

B. Validasi Data

Cek auto-fill dari profil BAB 2
Koreksi jika ada data yang salah
Pastikan semua field bertanda * terisi
Data akan tersimpan otomatis

C. Lanjut ke Tab 2

Klik "Lanjut ke Data Dokumen →"
Atau langsung klik tab "📝 Data & Elemen"

A. Fase A: Data Dokumen

1. Data Dokumen Utama

✅ Singkatan Mapel: SR (Seni Rupa)
✅ Fase: F
✅ Kelas: X
✅ Semester: 1/2
✅ Tahun Pelajaran: 2025/2026

2. Cara Input Data Dokumen

Singkatan Mapel: Max 5 karakter
- Contoh: SR (Seni Rupa)
- Contoh: MT (Matematika)
- Contoh: BI (Bahasa Indonesia)
Pilih Fase: Dropdown A-F
- Sesuai dengan fase di Analisis CP
Kelas: Input manual
- Contoh: X, XI, XII

3. Import dari Analisis CP

Klik "Import dari Analisis CP"
Pilih JSON yang tersimpan
Data elemen CP auto-terisi
Validasi data yang diimport

B. Fase B: Elemen CP & Tujuan Pembelajaran

1. Struktur Elemen CP

🔹 Elemen 1: Mengalami (Experiencing) └── TP 1.1: [Tujuan Pembelajaran spesifik] └── TP 1.2: [Tujuan Pembelajaran spesifik] 🔹 Elemen 2: Menciptakan (Making/Creating) └── TP 2.1: [Tujuan Pembelajaran spesifik] └── TP 2.2: [Tujuan Pembelajaran spesifik] [... lanjut untuk semua elemen]

2. Cara Buat Tujuan Pembelajaran (TP)

Step 1: Pilih Elemen CP

Select elemen CP dari dropdown
Elemen akan muncul dengan detail deskripsi

Step 2: Input Tujuan Pembelajaran

Isi field "Tujuan Pembelajaran"
- Format: "Peserta didik mampu..."
- Contoh: "Peserta didik mampu mengamati objek visual..."
Pilih KKO (Kata Kerja Operasional)
- Mengamati, Mengidentifikasi, Menganalisis
- Menciptakan, Mengembangkan, Menerapkan
- Mengevaluasi, Merefleksikan, dll
Input Indikator Pencapaian
- Format: "Dapat mengamati..."
- Contoh: "Dapat mengamati objek visual dengan detail..."

Step 3: Tambah TP

Klik "+ Tambah TP"
TP muncul di daftar bawah elemen
Ulangi untuk minimal 2 TP per elemen

3. Best Practices TP

✅ SMART: Specific, Measurable, Achievable, Relevant, Time-bound
✅ KKO sesuai level kognitif
✅ Indikator terukur dan observable
✅ Bahasa jelas dan sederhana
✅ Sesuai dengan elemen CP

C. Fase C: Generate ATP

1. Review Semua TP

Cek jumlah TP per elemen (minimal 2)
Validasi format TP dan indikator
Pastikan KKO sesuai level

2. Generate ATP

Klik "Generate ATP"
Sistem akan:
- Mengorganisir TP per elemen
- Membuat alur pembelajaran
- Menstrukturkan ATP

3. Preview ATP

📚 ATP (Alur Tujuan Pembelajaran) ├── Elemen 1: Mengalami │ ├── TP 1.1: Mengamati objek visual │ └── TP 1.2: Merekam pengalaman visual ├── Elemen 2: Menciptakan │ ├── TP 2.1: Merancang karya seni │ └── TP 2.2: Menerapkan teknik seni └── [lanjut semua elemen]

A. Generate Dokumen Lengkap

Klik "Generate Dokumen"
Tunggu proses 5-10 detik
Dokumen muncul di panel kanan

B. Struktur Dokumen Output

📄 TUJUAN PEMBELAJARAN - KURIKULUM MERDEKA ├── IDENTITAS SEKOLAH & GURU ├── DATA DOKUMEN ├── ELEMEN CP & TUJUAN PEMBELAJARAN │ ├── Elemen 1: Mengalami │ │ ├── TP 1.1 + Indikator │ │ └── TP 1.2 + Indikator │ └── [semua elemen] ├── ATP (ALUR TUJUAN PEMBELAJARAN) └── TTD DIGITAL (jika aktif)

C. Validasi Dokumen

Cek di Panel Kanan:
✅ Header dan identitas lengkap
✅ Semua elemen CP tercover
✅ TP dan indikator lengkap
✅ ATP terstruktur dengan benar
✅ Format sesuai standar

A. Simpan ke Cloud

Klik "☁️ Simpan ke Cloud"
Tunggu notifikasi "Berhasil disimpan"
Dokumen tersimpan di database

B. Dokumen Tersimpan

List dokumen yang pernah dibuat
Timestamp pembuatan
Quick edit untuk perubahan
Delete untuk hapus dokumen

C. Export Options

🖨️ Print: Cetak langsung
📄 Save as PDF: Download PDF
📋 Copy to Word: Copy-paste ke MS Word

⚠️ 4.5 Troubleshooting Tujuan Pembelajaran

A. Common Issues & Solutions

Issue	Cause	Solution
Data tidak import dari CP	JSON error	Validasi format JSON, import ulang
TP tidak valid	KKO tidak sesuai	Pilih KKO yang tepat, cek level
Indikator tidak terukur	Format salah	Gunakan format "Dapat + KKO"
ATP tidak tergenerate	TP belum lengkap	Pastikan semua elemen punya TP
Preview kosong	Data tidak valid	Cek semua field, generate ulang

B. Performance Tips

Save frequently setiap selesai elemen
Use Chrome untuk performance terbaik
Break into sessions jika banyak elemen
Validate data sebelum generate

C. Data Management

Auto-save ke localStorage
Cloud backup setiap selesai
Version control untuk perubahan
Export backup sebagai PDF

✨ 4.6 Best Practices Tujuan Pembelajaran

A. Quality Checklist

Sebelum klik "Generate", pastikan:

✅ Semua elemen CP dari Analisis CP tercover
✅ Minimal 2 TP per elemen CP
✅ KKO sesuai level kognitif
✅ Indikator terukur dan observable
✅ Format TP konsisten
✅ ATP terstruktur logis
✅ Data identitas valid

B. Tips dari Pengalaman

Import dari CP untuk konsistensi
Gunakan KKO baku dari Kemdikbud
Buat indikator spesifik dan terukur
Review ATP sebelum final
Save ke cloud setiap milestone

C. Time Management

First time: 45-60 menit
Experienced user: 20-30 menit
Update existing: 10-15 menit

D. Integration dengan Modul Lain

TP output menjadi input untuk ATP
ATP output digunakan di Prota dan Prosem
Data identitas sync ke semua modul
Cloud storage untuk cross-access

🎯 4.7 Success Criteria

A. Dokumen Selesai Ditandai Dengan:

✅ Tujuan Pembelajaran lengkap per elemen CP
✅ TP spesifik dan terukur
✅ Indikator pencapaian jelas
✅ ATP terstruktur logis
✅ Format sesuai standar Kemdikbud
✅ Tersimpan di cloud
✅ Siap untuk modul ATP

B. Ready for Next Step

Setelah Tujuan Pembelajaran selesai, Anda siap untuk:

🔄 BAB 5: ATP (Alur Tujuan Pembelajaran)
📅 BAB 6: Prota (Program Tahunan)
📋 BAB 7: KKTP (Kartu Kendali Perpustakaan)

5 ATP

🔄 5.1 Mengapa ATP Penting?

A. Sequencing Tujuan Pembelajaran

📚 Tujuan Pembelajaran (TP spesifik) ↓ 🔄 ATP (Alur Tujuan Pembelajaran - Sequencing) ↓ 📅 Prota (Program Tahunan - Planning) ↓ 📊 Prosem (Program Semester - Implementation)

B. Output yang Dihasilkan

📄 Dokumen ATP lengkap dengan sequencing
🤖 Prompt AI untuk generate ATP otomatis
📊 JSON Data terstruktur untuk Prota/Prosem
☁️ Cloud sync untuk integrasi planning

C. Hubungan dengan Tujuan Pembelajaran

Input: Data TP dari BAB 4
Process: Sequencing TP menjadi alur logis
Output: ATP terstruktur per minggu/bulan

📋 5.2 Persiapan Sebelum Mulai ATP

A. Prasyarat dari BAB 4

✅ Tujuan Pembelajaran selesai
✅ TP dan ATP dari BAB 4 tersimpan
✅ Data elemen CP lengkap
✅ KKO dan indikator valid

B. Data yang Dibutuhkan

JSON Tujuan Pembelajaran dari modul sebelumnya
TP (Tujuan Pembelajaran) yang sudah dibuat
Struktur waktu (mingguan/bulanan)
Akses AI untuk optimal sequencing

C. Checklist Siap Mulai

✅ Tujuan Pembelajaran selesai dan valid
✅ TP minimal 2 per elemen CP
✅ Koneksi internet stabil
✅ Waktu minimal 30 menit
✅ Akses ke AI (ChatGPT/Gemini/ClauDE)
✅ Pemahaman struktur waktu pembelajaran

📋 5.3 Interface Modul ATP

A. Layout Lengkap

┌─────────────────────────────────────────────────────────┐ │ HEADER MODUL │ │ [🏠 Dashboard] [🎨 Theme] [🗃️ Orientation] [🖨️ Print] [☁️ Save] │ ├─────────────────────────────────────────────────────────┤ │ TAB NAVIGATION │ │ [👤 Identitas] [📝 Data ATP] [💬 Prompt AI] [🖨️ Render] [☁️ Tersimpan] │ ├─────────────────────────────────────────────────────────┤ │ PANEL KIRI │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ FORM INPUT AREA │ │ │ │ [Identitas guru] │ │ │ │ [Import TP dari BAB 4] │ │ │ │ [Struktur waktu] │ │ │ │ [Generate prompt AI] │ │ │ │ └─────────────────────────────────────────────────────┘ │ ├─────────────────────────────────────────────────────────┤ │ PANEL KANAN │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ PREVIEW DOKUMEN │ │ │ │ [Real-time preview ATP] │ │ │ │ [Format dokumen resmi] │ │ │ │ └─────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘

B. Tab Navigation (5 Tab)

👤 Identitas: Data guru & sekolah (auto-fill)
📝 Data ATP: Import TP dan struktur waktu
💬 Prompt AI: Generate dan copy ke AI
🖨️ Render: Paste JSON dari AI dan render
☁️ Tersimpan: Dokumen di cloud

C. Komponen Header

🏠 Dashboard: Kembali ke beranda
🎨 Theme: Ganti tema aplikasi
🗃️ Orientation: Landscape/Portrait
🖨️ Print: Cetak dokumen
☁️ Save: Simpan ke cloud

📝 5.4 Step-by-Step ATP

A. Auto-Fill dari Profil

✅ Nama Sekolah: [Auto dari profil]
✅ Mata Pelajaran: [Auto dari profil]  
✅ Nama Guru: [Auto dari profil]
✅ NIP/NUPTK: [Auto dari profil]

B. Validasi Data

Cek auto-fill dari profil BAB 2
Koreksi jika ada data yang salah
Pastikan semua field bertanda * terisi
Data akan tersimpan otomatis

C. Lanjut ke Tab 2

Klik "Lanjut ke Data ATP →"
Atau langsung klik tab "📝 Data ATP"

A. Import TP dari BAB 4

Klik "Import dari Tujuan Pembelajaran"
Pilih JSON yang tersimpan
Data TP auto-terisi dengan semua elemen
Validasi data yang diimport

B. Setup Struktur Waktu

Pilih Struktur:
- Mingguan (16 minggu/semester)
- Bulanan (6 bulan/semester)
Jumlah JP per minggu: Input manual
- Contoh: 2 JP/minggu untuk Seni Rupa
- Sesuai dengan alokasi jam pelajaran
Total JP per semester: Auto-calculate

C. Review Data TP

Cek Data yang Diimport:
✅ Semua elemen CP tercover
✅ Minimal 2 TP per elemen
✅ KKO dan indikator lengkap
✅ Format TP konsisten

D. Generate Prompt AI

Klik "Generate Prompt ATP"
Tunggu 2-3 detik proses generate
Prompt muncul otomatis di tab berikutnya

A. Review Generated Prompt

💡 Tip: Prompt ATP berisi instruksi sequencing TP menjadi alur pembelajaran yang logis dan efektif.

B. Copy Prompt ke AI

Klik tombol "Copy Prompt"
Buka AI Chat (ChatGPT/Gemini/ClauDE)
Paste prompt (Ctrl+V)
Kirim dan tunggu hasil

C. Hasil yang Diharapkan dari AI

AI akan menghasilkan format JSON dengan struktur:

{
  "dokumen": "ATP",
  "identitas": { ... },
  "struktur_waktu": "mingguan/bulanan",
  "alur_pembelajaran": [
    {
      "minggu_ke": 1,
      "tema": "Pengenalan Seni Rupa",
      "elemen_cp": "Mengalami",
      "tujuan_pembelajaran": [
        {
          "tp": "Peserta didik mampu mengamati...",
          "kkp": "Mengamati objek visual",
          "alokasi_waktu": "2 JP"
        }
      ]
    }
  ]
}

D. Troubleshooting AI

Masalah	Solusi
AI tidak mengerti sequencing	Re-paste dengan format yang rapi
JSON error	Minta AI generate ulang dengan format JSON valid
Alur tidak logis	Request AI untuk pertimbangkan perkembangan peserta didik

A. Paste JSON dari AI

Copy hasil JSON dari AI (dari Tab 3)
Paste di field "Paste JSON dari AI"
Validasi format JSON otomatis

B. Render Dokumen

Klik tombol "Render ATP"
Tunggu proses 3-5 detik
Dokumen muncul di panel kanan

C. Preview & Validasi

Cek di Panel Kanan:
✅ Header dokumen lengkap
✅ Identitas benar
✅ Alur pembelajaran terstruktur
✅ Alokasi waktu sesuai
✅ Format sesuai standar

D. Simpan ke Cloud

Klik "☁️ Simpan ke Cloud"
Tunggu notifikasi "Berhasil disimpan"
Dokumen tersimpan di database

A. Dokumen Tersimpan

List dokumen ATP yang pernah dibuat
Timestamp pembuatan
Quick edit untuk perubahan
Delete untuk hapus dokumen

B. Export Options

🖨️ Print: Cetak langsung
📄 Save as PDF: Download PDF
📋 Copy to Word: Copy-paste ke MS Word

C. Integration Info

✅ ATP Siap untuk:
📅 BAB 6: Prota (Program Tahunan)
📊 BAB 8: Prosem (Program Semester)
📘 BAB 9: Modul Ajar

⚠️ 5.5 Troubleshooting ATP

A. Common Issues & Solutions

Issue	Cause	Solution
TP tidak import dari BAB 4	JSON error	Validasi format JSON, import ulang
Alur tidak logis	Prompt kurang spesifik	Tambahkan konteks perkembangan peserta didik
Alokasi waktu salah	Input data tidak valid	Cek JP per minggu, recalculate
Preview kosong	JSON format error	Validasi JSON, paste ulang

B. Best Practices

Use Chrome untuk performance terbaik
Save frequently setiap milestone
Validate data sebelum generate prompt
Review alur sebelum final render

🎯 5.6 Success Criteria

A. Dokumen Selesai Ditandai Dengan:

✅ ATP lengkap dengan sequencing logis
✅ Alokasi waktu per minggu/bulan
✅ Alur pembelajaran terstruktur
✅ Format sesuai standar Kemdikbud
✅ Tersimpan di cloud
✅ Siap untuk Prota dan Prosem

B. Ready for Next Step

Setelah ATP selesai, Anda siap untuk:

📅 BAB 6: Prota (Program Tahunan)
📊 BAB 8: Prosem (Program Semester)
📘 BAB 9: Modul Ajar

6 Prota

📅 6.1 Mengapa Prota Penting?

A. Planning Tahunan yang Komprehensif

🔄 ATP (Alur Tujuan Pembelajaran - Sequencing) ↓ 📅 Prota (Program Tahunan - Annual Planning) ↓ 📋 KKTP (Kartu Kendali Perpustakaan - Resource Management) ↓ 📊 Prosem (Program Semester - Semester Breakdown)

B. Output yang Dihasilkan

📄 Dokumen Prota lengkap per tahun ajaran
🤖 Prompt AI untuk generate Prota otomatis
📊 JSON Data terstruktur untuk KKTP/Prosem
☁️ Cloud sync untuk integrasi perencanaan

C. Hubungan dengan ATP

Input: Data ATP dari BAB 5
Process: Annual planning dan resource allocation
Output: Prota terstruktur per semester

📋 6.2 Persiapan Sebelum Mulai Prota

A. Prasyarat dari BAB 5

✅ ATP selesai dan valid
✅ JSON ATP tersimpan di cloud
✅ Sequencing TP sudah terstruktur
✅ Data kalender akademik siap

B. Data yang Dibutuhkan

JSON ATP dari modul sebelumnya
JP per minggu (Jam Pembelajaran)
Kalender pendidikan (libur, efektif)
Akses AI untuk optimal planning

C. Checklist Siap Mulai

✅ ATP selesai dan divalidasi
✅ JSON ATP tersedia untuk import
✅ JP per minggu ditentukan
✅ Kalender akademik disiapkan
✅ Koneksi internet stabil
✅ Waktu minimal 45 menit
✅ Akses ke AI (ChatGPT/Gemini/ClauDE)

📋 6.3 Interface Modul Prota

A. Layout Lengkap

┌─────────────────────────────────────────────────────────┐ │ HEADER MODUL │ │ [🏠 Dashboard] [🎨 Theme] [📄 Paper Size] [🖨️ Print] [☁️ Save] │ ├─────────────────────────────────────────────────────────┤ │ PANEL KIRI │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ FORM INPUT AREA │ │ │ │ [Input JSON ATP] │ │ │ │ [Konfigurasi JP & Kalender] │ │ │ │ [Generate Prompt AI] │ │ │ │ [Paste JSON dari AI] │ │ │ │ [Render Dokumen] │ │ │ │ └─────────────────────────────────────────────────────┘ │ ├─────────────────────────────────────────────────────────┤ │ PANEL KANAN │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ PREVIEW DOKUMEN │ │ │ │ [Real-time preview Prota] │ │ │ │ [Format dokumen resmi] │ │ │ │ └─────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘

B. Struktur Form (5 Bagian)

Input JSON ATP - Import data dari BAB 5
Ringkasan Data - Review ATP yang diimport
Konfigurasi - JP per minggu dan kalender
Hasil Prompt - Generate dan copy ke AI
Paste JSON Prota - Render dokumen final

C. Komponen Header

🏠 Dashboard: Kembali ke beranda
🎨 Theme: Ganti tema aplikasi
📄 Paper Size: A4/F4/Letter
🖨️ Print: Cetak dokumen
☁️ Save: Simpan ke cloud

📝 6.4 Step-by-Step Prota

A. Opsi Import Data

1. Muat dari Cloud (Recommended)

Klik dropdown "Pilih Dokumen ATP"
Pilih ATP yang sudah dibuat di BAB 5
Klik "Muat Data"
JSON ATP auto-terisi di field

2. Paste Manual (Alternative)

Buka dokumen ATP dari BAB 5
Copy JSON ATP (Ctrl+A, Ctrl+C)
Paste di field "Paste JSON dari Aplikasi ATP"

B. Validasi JSON ATP

Format JSON yang diharapkan:

{
  "dokumen": "ATP",
  "identitas": {
    "mata_pelajaran": "Seni Rupa",
    "fase": "F",
    "semester": "1",
    "tahun_pelajaran": "2025/2026"
  },
  "struktur_waktu": {
    "total_minggu": 18,
    "minggu_efektif": 16,
    "jp_per_minggu": 3
  },
  "atp_per_minggu": [
    {
      "minggu_ke": 1,
      "tanggal": "1-7 Juli 2025",
      "elemen_cp": "Mengalami",
      "tp": ["TP 1.1", "TP 1.2"],
      "alur_pembelajaran": "Mengamati dan merekam objek visual",
      "aktivitas": ["Observasi", "Sketching"],
      "assessment": "Portofolio"
    },
    ... lanjut minggu 2-18
  ]
}

C. Baca Data ATP

Klik tombol "Baca Data ATP"
Sistem akan memproses JSON
Ringkasan data muncul di Bagian 2

A. Review Ringkasan ATP

📊 RINGKASAN DATA ATP:
✅ Mata Pelajaran: Seni Rupa
✅ Fase: F
✅ Semester: 1
✅ Tahun Pelajaran: 2025/2026
✅ Total Minggu: 18
✅ Minggu Efektif: 16
✅ JP per Minggu: 3
✅ Total TP: 10 TP
✅ Elemen CP: 5 elemen

B. Validasi Data

Cek sebelum lanjut:

Total minggu sesuai kalender akademik
Jumlah JP per minggu sudah benar
Semua TP tercover dalam ATP
Format JSON valid

C. Lanjut ke Konfigurasi

Jika data sudah valid, klik "Lanjut ke Konfigurasi →"

A. Setup Jam Pembelajaran (JP)

Jumlah JP per minggu:
- Input: 2-4 JP/minggu (sesuai alokasi)
- Contoh: 3 JP/minggu untuk Seni Rupa
- Auto-calculate total JP per semester
Durasi per JP:
- Standard: 45 menit/JP
- Adjust jika ada perubahan kurikulum

B. Setup Kalender Akademik

Minggu Efektif:
- Total minggu: 18-20 minggu/semester
- Minggu efektif: 16-18 minggu (setelah dikurangi libur)
Hari Libur:
- Masukkan tanggal libur nasional
- Masukkan libur semester/ganjil
- Masukkan hari libur khusus sekolah

C. Review Konfigurasi

Contoh Konfigurasi Valid:
📅 Semester: Ganjil 2025/2026
📆 Total Minggu: 18 minggu
✅ Minggu Efektif: 16 minggu
⏰ JP per Minggu: 3 JP
📚 Total JP: 48 JP/semester

D. Generate Prompt AI

Klik "Generate Prompt Prota"
Tunggu 2-3 detik proses generate
Prompt muncul otomatis di Bagian 4

A. Review Generated Prompt

💡 Tip: Prompt Prota berisi instruksi untuk membuat Program Tahunan berdasarkan ATP dan konfigurasi yang sudah ditentukan.

B. Copy Prompt ke AI

Klik tombol "Copy Prompt"
Buka AI Chat (ChatGPT/Gemini/ClauDE)
Paste prompt (Ctrl+V)
Kirim dan tunggu hasil

C. Hasil yang Diharapkan dari AI

AI akan menghasilkan format JSON dengan struktur:

{
  "dokumen": "PROTA",
  "identitas": { ... },
  "konfigurasi": {
    "jp_per_minggu": 3,
    "total_jp": 48,
    "minggu_efektif": 16
  },
  "program_tahunan": [
    {
      "bulan": "Juli 2025",
      "minggu": 1,
      "tanggal": "1-7 Juli 2025",
      "jp": 3,
      "tema": "Pengenalan Seni Rupa",
      "kompetensi_dasar": "KD 3.1, 4.1",
      "materi_pembelajaran": [
        "Pengertian seni rupa",
        "Fungsi seni rupa",
        "Unsur-unsur seni rupa"
      ],
      "kegiatan_pembelajaran": [
        "Observasi objek visual",
        "Diskusi fungsi seni",
        "Praktik menggambar"
      ],
      "penilaian": {
        "teknik": "Portofolio, Observasi",
        "instrumen": "Rubrik portofolio"
      }
    },
    ... lanjut semua minggu
  ]
}

D. Troubleshooting AI

Masalah	Solusi
AI tidak mengerti kalender	Re-paste dengan format tanggal jelas
JSON error	Minta AI generate ulang dengan format JSON valid
Alokasi JP tidak seimbang	Request AI untuk distribusi JP merata

A. Paste JSON dari AI

Copy hasil JSON dari AI (dari Bagian 4)
Paste di field "Paste JSON dari AI"
Validasi format JSON otomatis

B. Render Dokumen

Klik tombol "Render Prota"
Tunggu proses 5-10 detik
Dokumen muncul di panel kanan

C. Preview & Validasi

Cek di Panel Kanan:
✅ Header dokumen lengkap
✅ Identitas dan konfigurasi benar
✅ Program tahunan per minggu
✅ Alokasi JP seimbang
✅ Format sesuai standar

D. Simpan ke Cloud

Klik "☁️ Simpan ke Cloud"
Tunggu notifikasi "Berhasil disimpan"
Dokumen tersimpan di database

E. Export Options

🖨️ Print: Cetak langsung
📄 Save as PDF: Download PDF
📋 Copy to Word: Copy-paste ke MS Word

⚠️ 6.5 Troubleshooting Prota

A. Common Issues & Solutions

Issue	Cause	Solution
ATP tidak import dari BAB 5	JSON error atau tidak tersimpan	Cek kembali dokumen ATP, copy ulang JSON
Kalender tidak valid	Tanggal libur bentrok	Validasi kalender akademik, adjust tanggal
Alokasi JP tidak seimbang	Konfigurasi JP salah	Review JP per minggu, re-calculate
Preview kosong	JSON format error	Validasi JSON, paste ulang dari AI

B. Best Practices

Use Chrome untuk performance terbaik
Save frequently setiap milestone
Validate data sebelum generate prompt
Review calendar sebelum final render

🎯 6.6 Success Criteria

A. Dokumen Selesai Ditandai Dengan:

✅ Prota lengkap per tahun ajaran
✅ Alokasi JP per minggu seimbang
✅ Program tahunan terstruktur
✅ Kalender akademik terintegrasi
✅ Format sesuai standar Kemdikbud
✅ Tersimpan di cloud
✅ Siap untuk KKTP dan Prosem

B. Ready for Next Step

Setelah Prota selesai, Anda siap untuk:

📋 BAB 7: KKTP (Kartu Kendali Perpustakaan)
📊 BAB 8: Prosem (Program Semester)
📘 BAB 9: Modul Ajar

3 Analisis CP

🎯 3.1 Mengapa Analisis CP Penting?

A. Foundation untuk Semua Dokumen

📊 Analisis CP adalah DASAR untuk: 📚 Tujuan Pembelajaran (breakdown CP) 🔄 ATP (sequencing tujuan) 📅 Prota (planning tahunan) 📘 Modul Ajar (implementasi) 📝 LKPD (aktivitas siswa) 📄 Rubrik (penilaian)

B. Output yang Dihasilkan

📄 Dokumen Analisis CP lengkap dengan format resmi
🤖 Prompt AI untuk generate analisis otomatis
📊 JSON Data terstruktur untuk integrasi modul lain
☁️ Cloud backup untuk akses cross-device

📋 3.2 Persiapan Sebelum Mulai Analisis CP

A. Siapkan CP Resmi

Buka kurikulum.kemdikbud.go.id
Cari mata pelajaran Anda
Pilih fase yang sesuai (A-F)
Copy CP resmi lengkap
Simpan di notepad sebagai backup

Contoh CP Seni Rupa Fase F:
"Pada akhir fase, peserta didik mampu mengamati, mengeksplorasi, dan menuangkan pengalaman visual serta gagasan kreatif ke dalam karya seni rupa dua dan tiga dimensi dengan memperhatikan elemen dan prinsip desain..."

B. Siapkan Akses AI

ChatGPT (OpenAI)
Gemini (Google)
Claude (Anthropic)
Copilot (Microsoft)

C. Checklist Data Siap

✅ Profil guru lengkap (dari BAB 2)
✅ CP resmi dari kemdikbud
✅ Identifikasi elemen CP (5-7 elemen)
✅ Akses AI aktif
✅ Koneksi internet stabil
✅ Waktu minimal 30 menit

📋 3.3 Interface Modul Analisis CP

A. Layout Lengkap

┌─────────────────────────────────────────────────────────┐ │ HEADER MODUL │ │ [🏠 Dashboard] [🎨 Theme] [📄 Paper] [🖨️ Print] [☁️ Save] │ ├─────────────────────────────────────────────────────────┤ │ TAB NAVIGATION │ │ [👤 Identitas] [📝 Input CP] [💬 Prompt] [✍️ TTD] [📄 Render] │ ├─────────────────────────────────────────────────────────┤ │ PANEL KIRI │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ FORM INPUT AREA │ │ │ │ [Isi form sesuai tab aktif] │ │ │ │ [Buttons: Generate, Copy, Add, etc.] │ │ │ │ └─────────────────────────────────────────────────────┘ │ ├─────────────────────────────────────────────────────────┤ │ PANEL KANAN │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ PREVIEW DOKUMEN │ │ │ │ [Real-time preview dokumen] │ │ │ │ [Update otomatis saat input] │ │ │ │ └─────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘

B. Komponen Header

🏠 Dashboard: Kembali ke beranda
🎨 Theme: Ganti tema (Light/Dark/Custom)
📄 Paper: Pilih ukuran kertas (A4/F4/Letter)
🖨️ Print: Cetak dokumen
☁️ Save: Simpan ke cloud

C. Tab Navigation

👤 Identitas: Data guru dan sekolah
📝 Input CP: CP dan elemen CP
💬 Prompt: Generate prompt AI
✍️ TTD: Pengesahan digital
📄 Render: Finalisasi dokumen

📝 3.4 Step-by-Step Analisis CP

A. Isi Profil Guru (Wajib)

✅ Nama Sekolah: SMAN 7 KOTA KOMBA
✅ Mata Pelajaran: Seni Rupa
✅ Fase: F
✅ Kelas: X
✅ Tahun Pelajaran: 2025/2026
✅ Nama Guru: I Wayan Suarnata, S.Pd
✅ NIP/NUPTK: 199003012019031005

B. Cara Isi Form

Klik field "Nama Sekolah"
Ketik nama sekolah lengkap
Tab ke field berikutnya atau klik langsung
Pilih fase dari dropdown (A-F)
Isi semua field bertanda * (wajib)

C. Auto-fill dari Profil

Data profil dari BAB 2 auto-terisi
Tinggal validasi dan lengkapi jika kurang
Auto-save ke localStorage

D. Lanjut ke Tab 2

Klik tombol "⚡ Lanjut ke Input CP →"
Atau langsung klik tab "📝 Input CP"

A. Paste CP Resmi

Buka notepad (tempat CP yang dicopy)
Copy semua teks CP (Ctrl+A, Ctrl+C)
Paste di field "Teks Capaian Pembelajaran"
Format otomatis akan disesuaikan

B. Identifikasi Elemen CP

Contoh Elemen CP Seni Rupa Fase F:
🔹 Mengalami (Experiencing)
🔹 Menciptakan (Making/Creating)
🔹 Merefleksikan (Reflecting)
🔹 Berpikir dan Bekerja Artistik
🔹 Berdampak (Impacting)

C. Tambah Elemen CP

Isi field "Nama Elemen CP"
- Contoh: "Mengalami (Experiencing)"
Klik tombol "+ Tambah"
Elemen muncul di daftar bawah
Ulangi untuk semua elemen (5-7 elemen)

D. Generate Prompt

Klik tombol "Generate Prompt"
Tunggu 2-3 detik proses generate
Prompt muncul otomatis di tab berikutnya

E. Tips Input CP

CP harus resmi dari kemdikbud
Elemen CP harus relevan dengan teks CP
Format konsisten untuk semua elemen
Validasi data sebelum generate

A. Review Generated Prompt

💡 Tip: Copy prompt ini secara bertahap ke AI untuk hasil terbaik. Paste seluruh isi atau bagian per bagian.

B. Copy Prompt ke AI

Klik tombol "Copy Prompt"
Buka AI Chat (ChatGPT/Gemini/ClauDE)
Paste prompt (Ctrl+V)
Kirim dan tunggu hasil

C. Hasil yang Diharapkan dari AI

AI akan menghasilkan format JSON:

{
  "dokumen": "ANALISIS_CP",
  "identitas": { ... },
  "rasional": [ ... ],
  "tujuan_mapel": [ ... ],
  "elemen_cp": [ ... ],
  "capaian_pembelajaran": { ... },
  "kko_per_elemen": [ ... ],
  "profil_pelajar_pancasila": [ ... ]
}

D. Troubleshooting AI

Masalah	Solusi
AI tidak mengerti prompt	Re-paste dengan format yang rapi
JSON error	Minta AI generate ulang dengan format JSON valid
Hasil tidak lengkap	Breakdown prompt menjadi bagian-bagian kecil
AI limit error	Gunakan AI lain atau tunggu beberapa menit

A. Aktifkan TTD Digital

Toggle "Tampilkan TTD di dokumen"
Form pengesahan akan muncul

B. Isi Data Pengesahan

✅ Kota: Komba
✅ Tanggal: [pilih tanggal hari ini]
✅ Nama Kepala Sekolah: [nama lengkap]
✅ NIP Kepala Sekolah: [NIP valid]

C. Format TTD

Kota dan tanggal otomatis format resmi
Nama lengkap sesuai data sekolah
NIP harus valid
Posisi TTD di dokumen final

D. Lanjut ke Render

Klik "⚡ Lanjut ke Render →"
Atau langsung klik tab "📄 Render"

A. Paste JSON dari AI

Copy hasil JSON dari AI (dari Tab 3)
Paste di field "Paste JSON dari AI"
Validasi format JSON otomatis

B. Render Dokumen

Klik tombol "Render Dokumen"
Tunggu proses 3-5 detik
Dokumen muncul di panel kanan

C. Preview & Validasi

Cek di Panel Kanan:
✅ Header dokumen lengkap
✅ Identitas benar
✅ Analisis CP detail
✅ TTD digital muncul
✅ Format sesuai standar

D. Simpan ke Cloud

Klik "☁️ Simpan ke Cloud"
Tunggu notifikasi "Berhasil disimpan"
Dokumen tersimpan di database

E. Export Dokumen

Pilihan Export:
🖨️ Print: Cetak langsung
📄 Save as PDF: Download PDF
📋 Copy to Word: Copy-paste ke MS Word

⚠️ 3.5 Troubleshooting Analisis CP

A. Common Issues & Solutions

Issue	Cause	Solution
Data tidak auto-save	Browser issue	Refresh halaman, cek localStorage
Prompt tidak generate	CP tidak valid	Validasi format CP, paste ulang
AI error JSON	Prompt terlalu panjang	Breakdown menjadi bagian kecil
Preview kosong	JSON format error	Validasi JSON, paste ulang
Tidak bisa save cloud	Koneksi error	Cek internet, coba lagi
Print error	Printer issue	Cek printer setting, gunakan PDF

B. Performance Tips

Use Chrome untuk performance terbaik
Clear cache jika loading lama
Close other tabs untuk memory lebih banyak
Stable internet untuk cloud features

C. Data Backup

Auto-save ke localStorage
Manual save ke cloud setiap selesai
Export PDF sebagai backup fisik
Copy JSON untuk backup digital

✨ 3.6 Best Practices Analisis CP

A. Quality Checklist

Sebelum klik "Render", pastikan:

✅ CP resmi dari kemdikbud.go.id
✅ Elemen CP relevan dan lengkap (5-7 elemen)
✅ Prompt AI tergenerate sempurna
✅ JSON dari AI valid dan lengkap
✅ Data identitas 100% benar
✅ TTD digital aktif jika diperlukan
✅ Preview dokumen sesuai harapan

B. Tips dari Pengalaman

Siapkan CP sebelum mulai session
Gunakan AI yang sama untuk konsistensi
Save frequently ke cloud
Validate JSON sebelum render
Test print sebelum final

C. Time Management

First time: 30-45 menit
Experienced user: 15-20 menit
Duplicate document: 5-10 menit

D. Integration dengan Modul Lain

JSON output menjadi input untuk Tujuan Pembelajaran
Data identitas auto-terisi di modul lain
Cloud storage sync ke semua aplikasi

🎯 3.7 Success Criteria

A. Dokumen Selesai Ditandai Dengan:

✅ Dokumen Analisis CP lengkap
✅ Format sesuai standar Kemdikbud
✅ Tersimpan di cloud
✅ Bisa di-print/export PDF
✅ Data siap untuk modul berikutnya

B. Ready for Next Step

Setelah Analisis CP selesai, Anda siap untuk:

📚 BAB 4: Tujuan Pembelajaran
🔄 BAB 5: ATP
📅 BAB 6: Prota