INSTALL H5P DI WORDPRESS

A. PENGANTAR

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 serta dapat terintegrasi dengan platform lainnya, seperti : Moodle, Canvas, WordPress, Drupal, Blackboard, dll

informasi lebih silahkan kunjungi web H5P

B. INSTALASI H5P

• Masuk ke WP-admin.
• Pilih Plugin, tekan Add new

• Cari H5P di kolom pencarian plugin dan tekan  Instal Sekarang  di bawah plugin H5P

• Plugin H5P sekarang akan diinstal. Setelah instalasi selesai dengan sukses, klik Activate Plugin

• H5P sekarang akan muncul di daftar plugin yang diinstal.

• Anda juga akan melihat tautan yang disebut Konten H5P di menu admin

 

C. KONTEN H5P

Setelah plugin H5P terinstal, langkah selanjutnya  adalah membuat Konten H5P, dengan mengklik “Tambah baru”, Hub H5P akan dimuat – menawarkan berbagai jenis konten untuk dipilih, kemudian ikuti seperti langkah dibawah ini :

• Klik ” Pilih Jenis Konten ” untuk membuka Hub H5P

• Setelah Anda membuka Hub H5P – Anda akan mendapatkan daftar semua jenis konten yang tersedia untuk diinstal. Klik ” Dapatkan ” pada jenis konten yang diinginkan (misal pilihan ganda) untuk melanjutkan ke halaman detail jenis Konten

• Pada halaman Detail jenis konten , Anda dapat membaca detail tentang setiap jenis konten, melihat tangkapan layar dan contoh penggunaan. Klik ” Instal ” untuk menginstal jenis konten yang dipilih.

• Jenis konten sekarang terinstal dan siap digunakan. Klik ” Gunakan ” untuk membuka editor dan mulai membuat konten.

• Menggunakan Hub H5P untuk mengunggah konten h5p yang ada. Klik tab ” Unggah ” di bagian atas untuk mengunggah file .h5p yang ada.

 

D. MEMBUAT KONTEN H5P

• Masuk ke antarmuka admin Anda
• Di bawah  Posting  di menu admin, tekan  Tambah baru
• Beri judul postingan Anda
• Tekan tombol  Tambahkan H5P  di atas bidang teks isi posting untuk menambahkan konten H5P

• Pilih H5P yang ingin Anda tambahkan ke postingan dari daftar yang muncul. Sebuah tag (misalnya [h5p id=”1″]) akan dimasukkan dalam bidang teks yang mewakili konten H5P.
• Tambahkan teks dan konten lain ke pos sesuka Anda
• Publikasikan  pos dan lihat untuk melihat konten H5P

Untuk informasi lanjutan mengenai konten H5P, silahkan hubungi laman H5P ini.