Belajar H5P dan Lumi untuk Pemula

Sebuah panduan interaktif untuk menciptakan materi pembelajaran yang menarik.

1. Gerbang Interaktivitas: Memahami H5P & Lumi

Selamat datang di dunia pembelajaran interaktif! Di bagian ini, kita akan membangun fondasi pemahaman tentang apa itu H5P, mengapa ia begitu transformatif untuk pendidikan, dan bagaimana Lumi menjadi alat andalan Anda untuk mulai berkarya. Pahami ekosistemnya untuk menavigasi pilihan Anda dengan percaya diri.

Apa itu H5P?

H5P (HTML5 Package) adalah sebuah kerangka kerja gratis dan open-source yang memungkinkan Anda membuat, berbagi, dan menggunakan kembali konten interaktif berbasis web. Anggap saja ini sebagai 'Lego' digital untuk pendidikan; Anda dapat menyusun berbagai jenis aktivitas seperti kuis, video interaktif, dan presentasi dinamis tanpa perlu keahlian coding.

Apa itu Lumi?

Lumi adalah aplikasi desktop gratis yang berfungsi sebagai 'bengkel' atau alat penyusun (authoring tool) untuk H5P. Dengan Lumi, Anda bisa membuat dan mengedit semua jenis konten H5P secara offline di komputer Anda. Ini adalah titik awal yang sempurna karena gratis, mudah digunakan, dan tidak memerlukan koneksi internet untuk berkreasi.

Membedah Ekosistem H5P

Penting untuk memahami perbedaan antara H5P.org, H5P.com, dan Lumi. Grafik radar di bawah ini memberikan perbandingan visual cepat, sementara tabel di sebelahnya menawarkan detail lebih lanjut.

Fitur Lumi H5P.org H5P.com
BiayaGratisGratisBerbayar
TujuanMembuat OfflineUji CobaProfesional
HostingTidak AdaTerbatasPremium
OfflineYaTidakTidak
AnalitikTerbatasTidak AdaLengkap

2. Instalasi & Persiapan

Saatnya menyiapkan ruang kerja digital Anda. Menginstal Lumi sangat mudah. Pilih sistem operasi Anda di bawah ini untuk melihat panduan langkah demi langkah yang relevan.

Panduan Instalasi Windows

  1. Kunjungi situs lumi.education dan unduh installer untuk Windows.
  2. Klik dua kali file `.exe` yang telah diunduh untuk memulai instalasi.
  3. Ikuti petunjuk di layar. Setelah selesai, Lumi akan terbuka secara otomatis.
  4. Saat pertama kali membuka, terima kebijakan privasi dan pengaturan default untuk memulai.

3. Praktik Membuat Konten

Ini adalah bagian paling menarik! Mari kita praktikkan cara membuat konten interaktif. Di bawah ini adalah simulasi antarmuka Lumi. Klik pada titik-titik yang berkedip (hotspot) untuk mendapatkan instruksi langkah demi langkah tentang cara membuat aktivitas **Drag and Drop**.

Simulasi Editor Lumi: Drag and Drop

Simulasi antarmuka editor Lumi
Tampilan ini adalah representasi visual. Klik titik untuk belajar.

4. Memperkaya Konten

Konten yang baik tidak hanya interaktif, tapi juga kaya secara visual dan informatif. Pelajari cara menyisipkan berbagai jenis media dan memformat teks untuk meningkatkan kejelasan dan daya tarik materi Anda.

🖼️

Gambar

Sertakan gambar untuk visualisasi. Jangan lupa mengisi "Alternative text" untuk aksesibilitas.

🎵

Audio

Tambahkan klip audio untuk instruksi lisan atau efek suara. Format MP3 adalah yang paling umum.

🎬

Video

Sematkan video dari YouTube/Vimeo atau unggah file MP4 untuk memperkaya penjelasan.

✍️

Teks

Gunakan Judul, Bold, dan Italic secara strategis untuk menyoroti informasi penting dan membuat teks mudah dibaca.

5. Ekspor & Bagikan

Setelah selesai, saatnya membagikan karya Anda kepada siswa. Lumi menyediakan cara mudah untuk mengekspor konten Anda menjadi satu file HTML mandiri yang dapat dibuka di browser apa pun, bahkan secara offline.

Alur Kerja: Dari Editor ke Siswa

🖥️

1. Buat di Lumi

📄

2. Ekspor ke HTML

📨

3. Bagikan ke Siswa

Batasan Penting Ekspor HTML:

  • Tidak Ada Pelacakan Skor: File HTML yang dibagikan langsung tidak dapat melaporkan nilai atau kemajuan siswa kembali kepada Anda.
  • Ukuran File: Konten dengan banyak video atau audio berukuran besar dapat menghasilkan file HTML yang besar, sehingga sulit untuk diunduh.