Hasil PPT H2 H5P V2

Pengelolaan Konten
Pembelajaran Interaktif

Berbasis H5P

H5P – INTERACTIVE CONTENT

1. H5P

Metoda pengajaran yang bisa
meningkatkan pengalaman
belajar peserta didik.

2. Tujuan

memudahkan semua orang
membuat (create), membagikan
(share), dan menggunakan
kembali (reuse) konten berbasis
HTML 5 interaktif

3. Tambahkan LOM

4. H5P memiliki Type Content

Interactive -->

H5P Course Presentation

Langkah awal akan muncul editor 1
H5P Course Presentation
2
Dalam editor tersebut ada hal-hal
yang perlu diperhatikan : 3

1. Title 4
judul LOM H5P

2. Area kerja
tempat meletakan konten diwujudkan
dalam slide-slide materi atau konten
interaktif

3. Penampilan LOM
pengaturan untuk kemunculan LOM
H5P

4. Penulisan kata
penggantian/Mengubah istilah kata
yang dipakai di LOM H5P

H5P Course Presentation: Area Kerja

1. Area kerja terdiri atas slide-slide Untuk melihat hasil dari H5P-nya
harus menekan tombol berikut:
2. Setiap slide bisa diisi content
1
digital: text, image, video, sound 2

3. Setiap slide bisa diisi element 3

interactive: fill in the blanks, 4
single choice set, multiple choice,
true and false, drag and drop,
summary, drag text, mark the
words, dialog cards, countinous
text dan interactive video

4. Untuk memodifikasi slide

(menambah, menggandakan slide,
memberikan background,
memindah urutan dan hapus)

Mengubah Slide Background

1. Menambahkan background slide bisa dilakukan untuk keseluruhan slide (Template)

atau hanya slide yang sedang diakses (This Slide)

2. Background bisa berbentuk gambar atau hanya warna pilihan saja
3. Jika membatalkan / tidak menyetujui penggunaan background yg dipilih tekan tombol

Menambahkan Content Digital: Text

1. Text dapat berupa narasi yang

tempatnya bisa di letakkan dimanapun
dalam slide

2. Tidak bisa untuk rumus matematika

atau formula disiasati dalam bentuk
gambar

3. Text bisa diformating secukupnya
4. Text bisa dibentuk dalam bentuk

button double click icon button text
akan muncul dalam bentuk popup
window

5. Akhiri dengan menekan tombol Done

Menambahkan Content Digital: Image

1. Tambahkan Gambar dengan click tombol
Add

2. Berikan Alternative Text = Tulisan yang
muncul saat gambar belum berhasil
ter-load dalam slide

3. Image bisa dibentuk dalam bentuk
button --> double click icon image akan
muncul dalam bentuk popup window

4. Akhiri dengan menekan tombol Done

Menambahkan Content Digital: Video

1. Berikan terlebih dahulu Judul Video
2. Tambah kan video disarankan video

diupload dulu di Youtube dan URL link
yang dipasangkan
3. Atur pada bagian Visualisasi seperti
gambar yang muncul awal sebelum video
di play (poster image), tombol player
control
4. Pengaturan jalannya video dapat diatur
pada bagian Playback

Element Interactive: Fill in the Blanks

1. Merupakan media interaktif yang memungkinkan pengguna mengisikan jawaban

pertanyaan dan dicocokan dengan jawabannya secara otomatis.

2. 1 Text Bloks = 1 kalimat pertanyaan, jika ada beberapa

kalimat maka lakukan penambahan dengan click tombol
( ADD TEXT BLOCK )

3. Kotak kosong dalam sebuah kalimat dapat dibuat

dengan menggunakan tanda * (bintang) yang mengapit
jawabanya, jika ada alternatif jawaban gunakan
tanda/ (slash) sebagai pemisah jawabannya.

4. Berikan bobot nilai pada bagian Overall

Feedback, lakukan dengan menambahkan
Range dan Distribute Evenly untuk bobot
yang imbang/sama.

Element Interactive: Single Choice Set

1. Merupakan media interaktif yang memungkinkan

pengguna menjawab pertanyaan dengan memilih
1 jawaban dari daftar jawaban yang ada dan
dicocokan dengan jawaban benarnya secara
otomatis

2. List of Questions = daftar pertanyaan yang bisa

diberikan. Jawaban pertama adalah untuk yang
benar, kemunculannya tetap teracak. Baik
pertanyaan dan pilihan jawaban bisa
ditambahkan

3. Berikan bobot nilai pada bagian Overall

Feedback, lakukan dengan menambahkan
Range dan Distribute Evenly untuk bobot
yang Limbang/sama

Element Interactive: True and False

1. Merupakan media interaktif yang memungkinkan pengguna memilih jawaban benar

atau salah dari suatu pernyataan untuk kemudian dicocokan dengan jawaban
benarnya secara otomatis

2. Tambahkan Media untuk memperjelas pernyataan
3. Questions = pertanyaan yang bisa diberikan. Tandai pernyataan tersebut dengan

nilai True atau False pada Correct answer

H5P – Drag Text

Mencocokan jawaban
pada kotak yang tepat.
Setelah masuk ke dalam
Course Presentation,
pilih lambang Drag text

H5P – Drag Text

1. Pada kotak Title isikan dengan

judul

2. Pada kotak Task Description

isikan dengan penjelasan
singkat cara penyelesaian tugas

3. Pada kotak Teks, tuliskan

pertanyaan yang akan dibuat
beserta jawabannya

4. Jawaban diapit menggunakan

lambang bintang di awal dan
akhir jawaban

H5P – Drag Text

1. Pada kotak Overall feedback,

dapat diisikan dengan
komentar feedback atas
range scoreyang diperoleh
user

2. Jumlah score range dapat

ditentukan sesuai kebutuhan

3. Lalu klik tombol done

H5P – Drag Text

1. Berikut merupakan contoh tampilan soal H5P - Drag text yang telah dibuat.
2. Jika kita ingin mencoba mengisinya maka klik save and return to course terlebih dahulu.

H5P – Drag Text

Contoh tampilan yang belum dijawab Contoh tampilan yang sudah dijawab

H5P – Drag & Drop

1. Mencocokan gambar pada lubang penempatan yang tepat.
2. Setelah masuk ke dalam Course Presentation, pilih lambang Drag and Drop.

H5P – Drag & Drop

Pada kotak Title diisi judul

Ada 2 tahap pada Drag and Drop:

1. Settings

Membuat background (opsional)

2. Task

Membuat Pertanyaan dan opsi
jawaban

H5P – Drag & Drop

Klik Add Drop Zone untuk mempersiapkan lubang penempatan bagi gambar yang benar

H5P – Drag & Drop

Kotak label diisi dengan nama gambar
yang menjadi jawaban. Klik --> show label
Ceklist -->This drop zone can only
contain one element jika lubang yang
dipersiapkan hanya bisa memuat 1
jawaban yang benar. Lalu klik done
Lakukan pengulangan sejumlah lubang
penempatan yang ingin dibuat.

H5P – Drag & Drop

Berikut contoh tampilan lubang penempatan yang sudah dibuat
Selanjutnya klik lambang image untuk menambahkan opsi gambar jawaban

H5P – Drag & Drop

1. Klik Add untuk memilih gambar
2. Isikan nama gambar pada kotak

alternative text

3. Pada Select drop zones, ceklist

select all

4. Ceklist Infinite number of element

instances jika gambar ini merupakan
jawaban lebih dari 1 lubang

5. Lakukan pengulangan sejumlah

lubang penempatan jawaban yang
dibuat

H5P – Drag & Drop

Setelah menambahkan opsi gambar jawaban,
maka klik kembali lubang penempatan lalu pilih edit

H5P – Drag & Drop

Pada Select correct elements, ceklist image jawaban
Lakukan pengulangan pada seluruh lubang penempatan jawaban

H5P – Drag & Drop

1. Pada kotak Overall feedback, dapat diisikan dengan komentar

feedback atas range score yang diperoleh user

2. Jumlah score range dapat ditentukan sesuai kebutuhan

H5P – Drag & Drop

Behavioral settings dapat
diceklist sesuai kebutuhan
Drop zone highlighting (tanda
lubang penempatan jawaban)

ada 3 pilihan

1. When dragging - Ketika mulai

memindahkan
gambar jawaban

2. Always – Selalu
3. Never – Tidak diberi tanda

H5P – Drag & Drop

Contoh tampilan yang belum dijawab Contoh tampilan yang sudah dijawab

H5P – Drag & Drop

Bisa digunakan untuk tebak jawaban ataupun belajar bahasa
Setelah masuk ke dalam Course Presentation, pilih lambang Dialog Cards

H5P – Drag & Drop

Pada kotak Title diisi judul
Ada 2 pilihan mode penyajian kartu:

1. Normal
2. Repetition - berulang

H5P – Drag & Drop

Pada kotak Text diisi petunjuk
untuk menebak jawaban

Kotak Answer diisikan dengan
jawaban yang benar

Lalu Add image untuk memilih
gambar sesuai jawaban yang akan

ditebak

Dialog cards yang digunakan untuk
belajar bahasa dapat

memanfaatkan penambahan file
audio misalnya cara pelafalan

Klik Add dialog untuk
menambahkan kartu pada halaman

berikutnya

H5P – Drag & Drop

Contoh tampilan yang belum dijawab Contoh tampilan yang sudah dijawab

TERIMA KASIH