TEACHING MEDIA AND ICT LITERACY
PEMBUATAN MULTIMEDIA INTERAKTIF PEMBELAJARAN BERBASIS H5P Tatang Kurniawan
A. Multimedia Pembelajaran Interaktif(MPI) ?
Menurut Commonwealth Educational Media Center for Asia (2003) mendefinisikan multimedia sebagai salah satu wujud penggunaan media terpadu yang dapat menyajikan beragam informasi (audio, video, grafis, teks, animasi, dsb.).
“Multimedia memungkinkan guru/siswa bernavigasi, berinteraksi, dan berkomunikasi dengan komputer. Ketika Anda mengizinkan pengguna untuk mengontrol apa dan kapan elemen-elemen ini disampaikan” (Blackwell)
Multimedia merupakan salah satu jenis media pembelajaran yang diklasifikasikan berdasarkan hierarki manfaat media. Pada era digital, multimedia kini berkembang menjadi berbasis komputer yang mencakup program multimedia interaktif, multimedia presentasi, dan pemanfaatan internet dalam pembelajaran
Multimedia pembelajaran interaktif (MPI) merupakan perkembangan dari bentuk multimedia pembelajaran.
Karakteristik multimedia pembelajaran interaktif (MPI) sebagai berikut:
1. Memiliki lebih dari satu jenis media yang konvergen, misalnya menggabungkan unsur audio dan visual;
2. Bersifat interaktif, yang berarti memiliki kemampuan untuk mengakomodasi respon pengguna; dan
3. Bersifat mandiri, memberikan kemudahan dan kelengkapan isi sehingga pengguna bisa menggunakannya tanpa harus dibimbing orang lain.
B. KENAPA HARUS MEMBERIKAN MATERI PEMBELAJARAN SECARA INTERAKTIF?
“Sebagian besar mahasiswa tidak tertarik menonton rekaman perkuliahan berdurasi 50 hingga 90 menit” (Berg et al., 2014).
Studi Empiris 6.9 juta video MOOCs yang dilakukan oleh MIT Attention span (rentang perhatian) pengguna adalah 6 menit (Guo, Kim, & Rubin, 2014).
“Hanya sedikit perhatian yang diberikan pada apa yang sebenarnya dialami peserta didik ketika mereka terlibat dalam pembelajaran online” (Heckel & Ringeisen, 2017).
C. PEMBUATAN MULTIMEDIA INTERAKTIF MENGGUNAKAN APLIKASI H5P
● H5P adalah framework web berbasis HTML 5 yang menyediakan akses untuk berbagai konten interaktif, seperti presentasi, video interaktif, memory game, kuis, pilihan ganda, drag and drop dan lain-lain
● H5P merupakan framework gratis, opensource, dan responsive
● H5P dapat diintegrasikan ke dalam moodle, dalam hal ini adalah classroom.
● H5P dapat dipadukan dengan video untuk menyediakan video interaktif, yaitu video dari YouTube atau sumber lain yang dipadukan dengan pertanyaan atau aktivitas lain yang harus dilakukan oleh mahasiswa
● Pada kesempatan ini, akan disajikan tutorial untuk membuat video interaktif berbasis Youtube yang ditambahkan oleh beberapa pertanyaan.
Terdapat 2 cara dalam mengembangkan multimedia interaktif menggunakan aplikasi H5P sebagai berikut:
1. Membuat akun dan login melalui website https://h5p.org/ dengan gambar berikut:
2. Menggunakan aplikasi lumi dengan cara mendownload dan menginstal di laptop
Pada langkah selanjutnya kita akan menggunakan H5P melalui aplikasi lumi sebagai berikut:
3. Download aplikasi melalui tautan https://app.lumi.education/#download, pilih lumi desktop
4. Pilih sesuai dengan sistem operasi pada laptopnya masing-masing
5. Proses download dan instal aplikasi lumi dilaptop
6. Pilih accept All
7. Aplikasi lumi setelah proses instal selesai, pilih H5P editor
8. Pilih Create New H5P
9. Tool fitur-fitur dalam membuat multimedia interaktif : video interaktif. Course presentation, multiple choice dll
10. Langkah berikutnya kita akan mencoba membuat sebuah video interaktif pembelajaran, pilih video interaktif, pilih Get
11. Pilih Install
12. Pilih use
13. Isi kolom title. Dan pilih atau klik tombol add video +
Misalkan kolom title kita isi dengan ciri-ciri mahkluk hidup, kemudian videonya kita ambil dari youtube dengan link : https://www.youtube.com/watch?v=f9cwrjDGOHo, kemudian pilih insert.
14. Piilih add interaction
15. Tampilan setelah menginsertkan video
16. langkah berikutnya memberikan interaktifas terhadap video yang sudah di insertkan, dengan cara memberikan aktifitas pada waktu-waktu tertentu terhadap video yang ditampilkan, misalnya pada detik 0:54 kita berikan pertanyaan dengan jawaban betul atau salah
17. Putar ataur arahkan video pada menit 0:54 kemudian kita pilih tombol true/false question 18. Pilih poster, isi kolom title dengan kuis 1, kemudian kolom question dengan pernyataan
semua makhluk hidup membutuhkan makanan! , pilih true
19. Pada timeline video akan muncul titik kosong pada menit 0:54
20. Silahkan berikan interaktiifitas berikutnya pada menit 2:00 dan menit 3:14 dengan multipel choice dan jawaban singkat
21. Simpan file latihan dengan meilih menu file save
22. Export file H5P ke dalam file dengan ektensi .html dengan menekan menu file export;
23. Untuk membuka media pembelajaran interaktif(MPI) yang telah kita buat, kita buka filenya menggunakan browser seperti : googlechrome, mozilla firefox dll.
24. File MPI yang kita buat dapat di insertkan pada learning manajemen system(LMS) seperti googleclasroom, moodle, canvas, atau melalui aplikasi lumi secara online yang terdapat di websitenya
25. Sebaiknya gunakan aplikasi website lumi untuk mempublish multimedia pembelajaran interaktif yang kita buat.
26. Registrasi menggunakan aplikasi lumi melalui website lumi dengan mengklik register
27. Isikan kolom username dan email, dan centang 1 agreeto the term of service and privacy policy
28. Cek konfirmasi di inbox email yang digunakan untuk registrasi, kemudian buka link yang dikirim dari aplikasi lumi
29. Login melalui aplikasi lumi dengan memasukkan email dan password
30. Pilih My Content
31. Pilih upload
32. Pilih drop select file
33. Pilih file yang akan diupload
34. Pilih publish jika file MPI telah terbuka
35. Klik Copy link pada bagian public link 36. Paste hasil copy ke aplikasi browser
D. Daftar Pustaka
• Mishra, Sanjaya & Usha V. Reddi. (2003). Educational multimedia. New Delhi:
Commonwealth Educational Media Center for Asia.
• https://h5p.org/
• https://app.lumi.education/
• https://www.youtube.com/watch?v=yoFP3-N8TM4
Catatan: :fitur-fitur H5P yang akan dijelaskan disesuaikan dengan lokasi waktu pembelajaran