Panduan

🖥️ Bagian-Bagian Halaman EnergiEdu

1. Header (Bagian Atas Website)

  • Logo dan Nama Situs: “EnergiEdu” di kiri atas.
  • Menu Navigasi:
    • Home: Kembali ke halaman depan.
    • Panduan: Berisi petunjuk atau tata cara menggunakan situs.
    • Materi: Kumpulan artikel/pelajaran tentang energi terbarukan.
    • Latihan: Tempat latihan soal untuk menguji pemahaman.
    • ChatAI: Fitur tanya jawab dengan AI seputar materi.
    • Tentang: Penjelasan mengenai tujuan dan tim di balik EnergiEdu.
  • Tombol “Ayo Belajar!”: Mengajak pengguna mulai menjelajahi materi.
  • Ikon Search (🔍): Untuk mencari topik tertentu di seluruh situs.

2. Hero Section (Bagian Pembuka Halaman)

  • Judul & Deskripsi:
    • “Discover the Power of Renewable Energy” — ajakan belajar energi bersih.
    • Deskripsi di bawahnya mengajak eksplorasi materi, tanya AI, dan latihan soal.
  • Ilustrasi Visual: Gambar edukatif bertema energi terbarukan.
  • Ikon Sosial Media: Instagram, Twitter/X, Facebook, LinkedIn.

3. Search Bar & Filter

  • Search Materi: Fitur pencarian cepat untuk menemukan konten pembelajaran.
  • Dropdown “All Categories”: Menyaring materi berdasarkan kategori/topik.

4. Kartu Materi (Course Card)

  • Gambar Thumbnail: Representasi visual materi (misalnya turbin angin & panel surya).
  • Judul: “Energi Terbarukan”.
  • Deskripsi Singkat
  • Tombol “Start Course”: Untuk mulai mempelajari materi tersebut.
  • Link “Course Overview”: Ringkasan isi materi/struktur pembelajaran.

5. Chat AI Widget

  • Tampilan gelembung chat kanan bawah:
    • Pesan otomatis: “tanya aku tentang energi terbarukan~”
    • Ikon chatbot (lingkaran dengan simbol percakapan).
    • Klik ikon ini untuk membuka dan mulai mengobrol dengan AI yang tersedia di situs.

📘 Panduan Penggunaan EnergiEdu

  1. Mulai Belajar:
    • Klik tombol “Start Course” atau buka menu Materi.
    • Pilih materi seperti “Energi Terbarukan”.
    • Klik Start Course untuk memulai.
  2. Menjelajahi Materi:
    • Gunakan kolom pencarian “Search Materi” untuk menemukan topik tertentu.
    • Gunakan filter kategori untuk menyaring berdasarkan jenis materi.
  3. Tanya Jawab Interaktif:
    • Klik ikon Chat AI di pojok kanan bawah.
    • Ketik pertanyaan seperti “Apa itu energi surya?” atau “Jelaskan jenis-jenis energi terbarukan”.
    • AI akan memberikan jawaban singkat dan edukatif.
  4. Latihan Soal:
    • Klik menu Latihan untuk mencoba soal-soal tentang energi.
    • Cocok untuk menguji pemahaman setelah mempelajari materi.
  5. Panduan & Informasi Tambahan:
    • Klik menu Panduan untuk instruksi penggunaan situs lebih lengkap.
    • Klik Tentang untuk tahu siapa yang mengembangkan EnergiEdu.

🖥️ Bagian-Bagian Halaman Lesson

  1. Header (Bagian Atas Halaman)
  • Nama situs: Energi Terbarukan
  • Navigasi atas kanan:
    • Progress belajar: “0 of 7 lessons complete (0%)”
    • Exit Course: Keluar dari kursus.
  1. Sidebar Kiri (Navigasi Materi)
  • Dikelompokkan menjadi dua bagian utama:
    • Pendahuluan
    • Capaian Pembelajaran
    • Tujuan Pembelajaran
    • Kegiatan Pembelajaran
    • Energi
    • Bentuk-Bentuk Energi
    • Sumber Energi Terbarukan dan Tidak Terbarukan
    • Dampak Energi Fosil dan Isu kebutuhan Energi
    • Potensi dan Tantangan Energi Terbarukan
  1. Konten Utama (Bagian Tengah)
  • Menampilkan materi pelajaran aktif.
  • Judul halaman, misalnya: Capaian Pembelajaran
  • Isi materi penjelasan.
  • Tombol aksi: Complete Lesson (tandai pelajaran sebagai selesai).
  1. Chatbot AI “Misa AI” (Bagian Kanan Bawah)
  • Fitur bantuan otomatis.
  • Bisa bertanya seperti “Apa itu energi terbarukan?”
  • Menjawab dan memberi pertanyaan lanjutan interaktif.
  • Kolom input untuk mengetik pertanyaan baru.

📘 Panduan Pembelajaran

1. Menavigasi Materi

  • Gunakan sidebar kiri untuk memilih materi.
  • Klik “Pendahuluan” atau “Kegiatan Pembelajaran” untuk membuka submateri.
  • Pilih topik (misalnya “Energi”) untuk membaca kontennya di bagian tengah.

2. Membaca Materi

  • Judul dan isi materi muncul di tengah layar.
  • Bacalah isi materi dengan saksama.
  • Jika sudah selesai, klik tombol “Complete Lesson” untuk menandai pelajaran selesai.

3. Berinteraksi dengan Chatbot Misa AI

  • Klik ikon chatbot di kanan bawah (sudah terbuka di gambar).
  • Ketik pertanyaan seperti:
  • “Apa itu energi terbarukan?”
  • “Apa dampak energi fosil?”
  • Misa AI akan menjawab secara otomatis dan mungkin menambahkan pertanyaan balik untuk mendorong interaksi lebih dalam.

4. Melihat Progress

  • Lihat bagian kanan atas: tampilkan persentase progress belajar dari total 7 lesson.
  • Setelah menyelesaikan semua lesson, progress akan menunjukkan 100%.

5. Keluar dari Kursus

  • Klik “Exit Course” di pojok kanan atas jika ingin kembali ke halaman utama atau berhenti belajar sementara.

tanya aku tentang energi~