Pengembangan Gim Interaktif dengan LUMI (H5P)

 


Pengenalan Aplikasi Lumi

  • Definisi Utama: Lumi adalah sebuah aplikasi desktop gratis yang digunakan untuk membuat, mengedit, dan melihat konten pembelajaran interaktif berbasis H5P (HTML5 Package).

  • Keunggulan Utama: Aplikasi ini dapat dijalankan sepenuhnya secara luring (offline) tanpa memerlukan koneksi internet, menjadikannya solusi ideal bagi pendidik di area dengan keterbatasan jaringan.


Karakteristik & Fungsi Kunci Lumi

  1. Pembuatan Konten Berbasis H5P

    • Guru dapat dengan mudah menyusun berbagai jenis media gim edukasi (seperti kuis interaktif, gim mencocokkan, gim memori, hingga video interaktif) tanpa perlu memiliki keahlian coding atau pemrograman.


  1. Ekspor Berkas yang Fleksibel (HTML)

    • Hasil akhir (output) gim yang dibuat melalui Lumi dapat diekspor menjadi berkas HTML tunggal (single HTML file).

    • Berkas HTML ini sangat mudah didistribusikan kepada peserta didik dan dapat langsung dibuka/dimainkan melalui peramban web (browser) apa pun (baik di komputer maupun gawai) tanpa murid harus menginstal aplikasi tambahan.


  1. Kompatibilitas dengan LMS

    • Selain diekspor sebagai HTML, karya dari Lumi juga dapat disimpan dalam format yang mendukung integrasi langsung dengan Learning Management System (LMS) yang mungkin digunakan oleh sekolah (seperti Moodle).


  1. Mendukung Pembelajaran Inklusif

    • Antarmuka pembuatannya yang sederhana dan ketersediaan berbagai templat memudahkan guru menyesuaikan konten, visual, dan tingkat kesulitan gim agar ramah bagi Murid Berkebutuhan Khusus (MBK).




Tahapan Instalasi dan Fitur Dasar Lumi

  1. Proses Unduh dan Instalasi

    • Aplikasi Lumi dapat diunduh secara gratis melalui situs resminya (lumi.education).

    • Tersedia untuk berbagai sistem operasi (Windows, macOS, dan Linux). Proses instalasinya sangat mudah, menyerupai pemasangan perangkat lunak pada umumnya.


  1. Memulai Aplikasi (Dashboard Awal)

    • Saat pertama kali dibuka, guru dapat memilih Lumi Desktop.

    • Terdapat dua pilihan utama:

      • Start a new H5P (Buat Baru): Untuk memulai pembuatan media/gim interaktif dari awal.

      • Open an existing H5P (Buka File): Untuk melanjutkan atau mengedit proyek gim yang sudah pernah dibuat sebelumnya.


  1. Pengenalan Antarmuka Editor H5P

    • Pemilihan Tipe Konten (Content Type): Lumi menyediakan puluhan templat siap pakai. Guru tinggal mencari jenis gim yang diinginkan (contoh: Memory Game, Drag and Drop, Interactive Video, Flashcards, dll).

    • Area Kerja (Editor/Form): Tempat guru memasukkan materi pelajaran, seperti mengunggah gambar, menyematkan audio/video, mengetikkan pertanyaan, hingga mengatur kunci jawaban dan umpan balik (feedback).

    • Pratinjau (View/Preview): Fitur untuk mencoba langsung gim yang sedang dibuat sebelum disimpan, sehingga guru bisa memastikan semua tombol dan animasi berjalan dengan baik.


  1. Menyimpan dan Mengekspor (Save & Export)

    • Proyek mentah akan disimpan dalam format .h5p (hanya bisa dibuka dan diedit di aplikasi Lumi).

    • Agar bisa dimainkan oleh murid, guru harus menggunakan fitur Export dan memilih format HTML (All-in-one file). Berkas HTML inilah yang nantinya dibagikan ke murid untuk dibuka melalui browser tanpa butuh kuota internet.




Penerapan UDL dalam Pembuatan Gim di Lumi

Inti dari materi ini adalah mempraktikkan langsung ketiga prinsip Universal Design for Learning (UDL) saat merancang kuis/gim menggunakan templat H5P di Lumi.


1. Menerapkan Prinsip Representasi (Menyajikan Informasi)

  • Saat membuat pertanyaan (misalnya tebak gambar), jangan hanya mengandalkan satu format.

  • Praktik di Lumi: Gunakan kombinasi teks pertanyaan, lengkapi dengan gambar pendukung yang relevan, dan jika memungkinkan, unggah file audio (suara guru yang membacakan pertanyaan) untuk membantu murid dengan hambatan membaca atau visual.


2. Menerapkan Prinsip Aksi dan Ekspresi (Cara Menjawab)

  • Memberikan ruang agar murid dapat menuntaskan tugas tanpa hambatan teknis.

  • Praktik di Lumi: Pastikan area klik/jawaban (seperti pada tipe soal Drag and Drop atau Image Hotspots) cukup besar sehingga ramah bagi murid yang memiliki kesulitan motorik halus.


3. Menerapkan Prinsip Keterlibatan (Motivasi & Feedback)

  • Menjaga murid agar tidak cepat frustrasi dan tetap termotivasi menyelesaikan gim.

  • Praktik di Lumi:

    • Selalu aktifkan fitur "Retry" (Coba Lagi) agar lingkungan bermain terasa aman dari kegagalan (safe to fail).

    • Manfaatkan pengaturan "Overall Feedback" (Umpan Balik Keseluruhan). Buat rentang skor (misal 0-50%, 51-100%) dan berikan kalimat penyemangat yang berbeda di setiap rentangnya (contoh: "Tetap semangat, ayo coba lagi!" atau "Luar biasa, kamu berhasil!").





Praktik Membuat Gim Interaktif di Lumi

  1. Memilih Tipe Konten (H5P Content Type)

    • Guru memilih jenis gim yang sesuai dengan tujuan pembelajaran. Beberapa tipe konten yang paling sering digunakan dan ramah untuk Murid Berkebutuhan Khusus (MBK) antara lain:

      • Memory Game: Melatih daya ingat visual dengan mencocokkan gambar.

      • Drag and Drop: Melatih motorik dan pemahaman konsep dengan menggeser objek ke tempat yang tepat.

      • Multiple Choice / Quiz (Question Set): Evaluasi formatif ringan dengan pilihan ganda.

  2. Memasukkan Aset dan Konten (Representasi)

    • Media: Unggah gambar, audio, atau video pendukung. Sangat disarankan untuk mengisi kolom Alternative Text (Alt Text) pada setiap gambar agar terbaca oleh aplikasi pembaca layar (screen reader).

    • Teks: Masukkan instruksi, pertanyaan, dan pilihan jawaban dengan kalimat yang singkat, jelas, dan tidak ambigu.


  1. Mengatur Perilaku Gim (Behavioral Settings)

    • Bagian ini krusial untuk mengimplementasikan UDL (terutama prinsip keterlibatan):

      • Aktifkan "Enable Retry": Memberikan kesempatan murid mengulang tanpa batas.

      • Nonaktifkan "Time Limit" (jika ada): Menghilangkan tekanan waktu agar murid bisa belajar sesuai kecepatan masing-masing (pacing).


  1. Menyimpan dan Mengekspor Karya

    • Save (.h5p): Simpan file proyek mentah (biasanya format .h5p) di komputer agar bisa diedit kembali di kemudian hari.

    • Export (HTML): Klik menu File > Export, lalu pilih opsi HTML (All-in-one file).

    • Berkas berformat HTML inilah yang nantinya dikirimkan ke perangkat murid (bisa melalui flashdisk, WhatsApp, atau kabel data) untuk dibuka langsung melalui peramban web (browser) secara offline.


Langkah Ekspor dari Lumi ke HTML:


  • Topik/Modul: Pengembangan Gim Interaktif dengan LUMI (H5P) / Pembuatan Gim Interaktif di Lumi App

  • Penyelenggara: Direktorat PKPLK

  • Tujuan Utama: Panduan tata cara mengekspor proyek media interaktif yang dibuat di aplikasi Lumi menjadi berkas HTML.

  • Manfaat: Berkas berkestensi .html hasil ekspor dapat dibuka dan dijalankan secara offline melalui peramban web (browser) di komputer maupun laptop tanpa memerlukan instalasi aplikasi tambahan.