192 Media Pembelajaran Digital
Caranya: (1) klik menu Visual Effects, (2) lalu seret Clip speed
ke potongan video yang akan diperlambat, (3) kemudian klik panah
video untuk melihat efek Clip speed, (4) lalu tarik ikon Clip speed
(ikon jam) ke kanan/ke kiri untuk memperlambat/mempercepat durasi
video.
12. Memperbaiki Warna Video
Caranya: (1) klik menu Visual Effects, (2) lalu seret menu Color
Adjustment ke video yang berada di Timeline, (3) kemudian cari
menu Color Adjustment pada area Properties, lalu gunakan menu
Brightness untuk mengatur tingkat kecerahannya, menu Contrast
untuk mengatur kontras warna, dan menu Saturation untuk mengatur
ketajaman warnanya.
193Teknik Membuat Video Pembelajaran
13. Menghapus Background Video
Caranya: (1) klik menu Visual Effects, (2) lalu seret menu Remove
a Color ke track video yang berada di timeline, (3) kemudian cari
menu Remove a Color pada area Properties, lalu gunakan menu Color
untuk memilih warna background yang akan dihapus, dan atur menu
Tolerance dan Softness untuk menyesuaikan hasil gambar.
14. Mengekspor Hasil Editan ke Format Video
Digital
Caranya: (1) klik tombol Share, lalu klik menu Local File, (2)
kemudian klik panah menu Custom poduction settings, lalu pilih format
video tujuan (misalnya MP4), (3) kemudian klik tombol Next, (4) lalu
isi kolom Production name dengan nama file video, (5) gunakan menu
Folder untuk menentukan folder penyimpanan, (6) lalu klik tombol
Finish.
194 Media Pembelajaran Digital
E. Teknik Mengedit Video dengan Kine
Master
Kine Master adalah salah satu program pengedit video yang
tersedia pada sistem operasi Android dan iOS. Kinemaster memiliki
sejumlah fitur yang lengkap sehingga Anda dapat membuat dan
mengedit video persis seperti yang Anda inginkan. Syarat minimal
sistem Android yang dapat menjalankan program Kinemaster adalah
Android 5.0. Program Kinemaster ini dapat Anda untuh secara gratis
melalui Playstore atau Appstore.
195Teknik Membuat Video Pembelajaran
1. Teknik Menjalankan Program Kine Master
Cara menjalankan program Kine Master adalah: klik ikon Kine
Master, maka akan tampil jendela program Kine Master sebagai berikut.
Sumber: Batubara, 2021
Gambar 6.12 Tampilan jendela program Kine Master
Pada Gambar 6.12 di atas, klik tombol tambah Project untuk
membuat proyek baru, kemudian pilih salah satu ukuran proyek yang
dikehendaki (ukuran standar adalah 16:9), lalu klik tombol centang di
pojok kanan atas halaman untuk masuk ke halaman utama pengeditan
video. Tampilan halaman utama pengeditan video pada Kine Master
adalah sebagai berikut.
196 Media Pembelajaran Digital
Pada tampilan halaman utama Kine Master, (1) panel kiri berisi
tombol Navigasi, seperti tombol Kembali, tombol Undo, tombol Redo,
tombol Pengaturan proyek, dan tombol Penghapus media yang telah
ditambahkan, (2) kolom bagian tengah adalah tempat penayangan video,
(3) panel bagian kanan berisi menu-menu utama pengeditan video,
dan (4) menu bagian bawah adalah area timeline yaitu garis waktu
pergerakan video dari waktu ke waktu. Pada timeline tersebut, Anda
dapat menambahkan beberapa lapisan layer/track sehingga Anda dapat
menampilkan beberapa video sekaligus dalam waktu yang bersamaan.
2. Teknik Menambahkan Media ke dalam Timeline
Program Kine Master memiliki dua cara memasukkan media
ke dalam program pengeditan, yaitu: 1) klik menu bulatan merah
untuk memotret gambar atau merekam sebuah video menggunakan
kamera perangkat, lalu menambahkan hasilnya ke dalam timeline, 2)
klik menu Media untuk menambahkan gambar atau video dari folder
perangkat yang digunakan. Sebagai contoh, penulis telah memilih
sebuah gambar papan tulis untuk dijadikan sebagai latar belakang
video pembelajaran. Hasilnya adalah sebagai berikut.
Pada gambar di atas, (1) Anda dapat mengklik gambar yang
di timeline dan menarik bagian ujungnya untuk memperpanjang
197Teknik Membuat Video Pembelajaran
waktu tampilnya gambar. Adapun fungsi dari beberapa menu yang
tersedia adalah: (2) menu Trim & Split (ikon gunting) berfungsi untuk
memotong waktu tampilannya gambar, (3) menu Pan & Zoom (ikon
kotak) berfungsi untuk menambahkan efek zoom pada gambar, (4)
menu Rotate & Mirroring (ikon smartphone miring) berfungsi untuk
mengubah rotasi gambar, (5) menu Clip Graphics berfungsi untuk
menambahkan templat grafis pada gambar, (6) menu Color filter
berfungsi untuk menambahkan efek warna tertentu pada gambar, (7)
menu Adjustment berfungsi untuk mengatur kecerahan warna gambar,
(8) menu Vignette berfungsi untuk menambahkan warna bayangan
hitam di sekeliling gambar.
3. Teknik Menambahkan Gambar/Video/Teks ke
Layer Baru
Layer adalah lapisan media yang saling menimpa pada saat
tampil bersamaan. Objek yang berada di layer 1 (paling atas) akan
ditimpa oleh objek lain yang berada di layer 2 dan layer berikutnya.
Program Kine Master memungkinkan Anda untuk menambahkan layer
sebanyak mungkin dengan cara klik menu Layer maka akan tampil
beberapa pilihan konten untuk ditambahkan pada layer baru tersebut.
Pada gambar di atas, menu Media berfungsi untuk menambahkan
gambar atau video, Effect berfungsi untuk menambahkan suatu efek,
Sticker untuk menambahkan stiker dari koleksi program, Text untuk
menambahkan teks, dan Handwriting untuk menambahkan sebuah
tulisan tangan atau coretan.
198 Media Pembelajaran Digital
4. Teknik Mengatur Tampilan Visual Video
Sebagai contoh, saya telah menambahkan video rekaman slide
presentasi pada layer baru agar video tersebut menutupi gambar
papan tulis yang berada di layer lain. Perhatikan gambar berikut.
Sesuai dengan petunjuk gambar di atas, (1) Anda dapat
menyeret video yang berada di kolom pratinjau untuk memindahkan
letak video, (2) menarik ikon yang berada di pojok garis video untuk
mengatur ukuran video, (3) menggunakan menu In Animation untuk
menambahkan animasi saat objek muncul, (4) menggunakan menu
Overall Animation untuk menambahkan efek animasi selama objek
tampil di layar, dan (5) menggunakan menu Out Animation untuk
menambahkan animasi saat objek menghilang. Selain menu tersebut,
Anda juga dapat mengulirkan menu ke bawah untuk melihat menu
lainnya.
199Teknik Membuat Video Pembelajaran
Pada tampilan menu lain, Anda dapat menggunakan (6) menu
Cropping untuk memotong bagian layar video, (7) menu Alpha (Opacity)
untuk mengubah tingkat transparansi video, (8) menu Color filter
untuk menambahkan efek warna tertentu pada tampilan video, dan
(9) menu Rotate/Mirroring untuk mengubah rotasi video. Selanjutnya,
klik ikon centang untuk menyimpan pengaturan video.
5. Teknik Menghilangkan Warna Latar Belakang
Video
Kine Master memilih fitur Chroma key yang berfungsi untuk
menghilangkan sebuah warna terpilih dari sebuah video atau sebuah
gambar. Contoh cara menggunakan menu Chroma key adalah:
tambahkan video yang berlatar belakang warna polos di layer baru,
contohnya adalah sebagai berikut.
200 Media Pembelajaran Digital
Pada gambar di atas, (1) klik objek media yang terdapat pada
timeline untuk menyeleksinya, (2) gunakan menu titik tiga (…) dan
menu Bring to Front untuk memindahkan objek ke bagian depan, (3)
seret objek video yang di bagian layar pratinjau untuk mengatur letak
dan ukuran video, dan (4) klik menu Chroma key untuk membuka
menu pengaturan Chroma key yaitu sebagai berikut.
Pada gambar di atas, (1) geser bulatan menu Enable ke kanan,
(2) klik menu Key color untuk memilih warna kunci yang akan dihapus,
(3) geser bulatan menu Chroma key kedua untuk mengatur tingkat
kejelasan video, dan (4) geser bulatan menu Chroma key pertama
untuk mengatur tingkat kebersihan warna yang dihapus. Setelah selesai,
klik tombol centang untuk menyimpan pengaturan.
6. Teknik Menambahkan Audio dan
Pengaturannya
Program Kine Master telah memiliki koleksi musik dan efek suara
yang dapat ditambahkan ke dalam proyek video. Namun, sebagian
audio tersebut hanya tersedia bagi orang yang telah melanggan lisensi
Kine Master. Adapun cara menambahkan audio ke dalam video adalah
dengan klik menu Audio, maka akan tampil jendela berikut.
201Teknik Membuat Video Pembelajaran
Berdasarkan gambar di atas, (1) ikon Toko digunakan untuk
melihat koleksi audio yang disediakan oleh program Kine Master, (2)
klik judul video, lalu klik ikon Tambah untuk menambahkan audio
ke dalam timeline, (3) klik audio yang berada di timeline untuk
menampilkan menu pengeditan audio. Berikut tampilan menunya.
Berdasarkan gambar di atas, (1) ikon Speaker berfungsi untuk
mengatur mixer dan volume audio, (2) ikon Gelombang Nada (equalizer)
berisi beberapa pilihan genre musik yang dapat meningkatkan kualitas
karakter audio, (3) ikon Volume envelope berfungsi untuk mengatur
volume audio, (4) menu Reverb berfungsi untuk menambahkan efek
gema atau suasana suatu tempat ke dalam audio, (5) menu Voice
changer berfungsi untuk menerapkan efek suara anak-anak, pria, orang
dewasa, robot, dan efek lainnya ke dalam audio video, (6) menu
202 Media Pembelajaran Digital
Ducking dapat diaktifkan dengan menggeser bulatannya ke kanan,
fungsinya adalah melemahkan suara musik saat audio lain diputar,
dan (7) menu Loop berfungsi untuk mengaktifkan fitur perulangan.
7. Teknik Memotong Durasi Tampil Media
Menu yang dapat digunakan untuk memotong durasi tampil
media adalah menu Trim/Split yaitu menu yang dilambangkan dengan
ikon gunting. Contoh cara memotong durasi sebuah audio adalah
dengan (1) klik dan seret media yang akan dipotong untuk mengatur
posisi garis playhead agar tepat pada letak pemotongan, (2) klik ikon
gunting, maka akan tampil menu Trim/Split sebagai berikut.
Berdasarkan gambar di atas, (3) menu Trim to Left of Playhead
berfungsi untuk menghapus bagian kiri garis playhead, (4) menu
Trim to Right of Playhead berfungsi untuk menghapus bagian kanan
playhead, dan (5) menu Split at Playhead berfungsi untuk memotong
tepat pada garis playhead sehingga video tersebut menjadi dua bagian.
Selanjutnya, klik ikon centang untuk menyimpan pengaturan.
203Teknik Membuat Video Pembelajaran
8. Teknik Mengekspor Hasil Editan Video
Mengekspor video berarti memproduksi hasil editan ke dalam
format video. Cara mengekspor hasil editan video adalah: (1) klik
ikon Ekspor, (2) kemudian pada menu Resolution, pilih resolusi yang
sesuai dengan kebutuhan, misalnya pilih ukuran FHD atau HD, (3) lalu
pada menu Frame Rate, pilih tingkat kerapatan frame pada angka
30, (4) kemudian klik tombol Export, maka akan tampil jendela yang
menunjukkan proses ekspor video. Perhatikan gambar berikut.
Setelah selesai proses ekspor, maka video hasil editan akan
tampil pada jendela awal Kine Master. Anda dapat mengklik tombol
Play untuk melihat hasil video tersebut.
7BAB
TEKNIK MEMBUAT MULTIMEDIA
INTERAKTIF BERBASIS ANDROID
DENGAN ISPRING SUITE
A. Konsep Dasar Multimedia Interaktif
Multimedia secara bahasa berarti lebih dari satu media.
Penggabungan antara kata multi dan media di dalam istilah multimedia
berarti bahwa multimedia tidak sekadar kombinasi dari beberapa jenis
media, tetapi ia adalah suatu produk media yang merangkai beberapa
jenis media ke dalam sebuah program yang koheren dan efektif (Putra,
2018:3). Komalsari dan Rahmat (2019:114) telah menegaskan bahwa
multimedia adalah integrasi dari dua atau lebih format media yang
terintegrasi satu sama lain ke dalam sistem komputer.
Berdasarkan definisi tersebut, dapat dipahami bahwa multimedia
adalah perangkat lunak yang menggunakan lebih dari satu jenis media
dalam penyajian suatu informasi. Misalnya, di samping menggunakan
teks, ia juga menggunakan gambar diam, audio, dan gambar
bergerak. Pesatnya perkembangan teknologi internet telah mendorong
perkembangan multimedia sehingga saat ini banyak multimedia yang
bisa diakses melalui jaringan internet, misalnya: video streaming, situs
web, dan learning management sistem.
206 Media Pembelajaran Digital
Multimedia dari aspek interaktivitasnya terbagi ke dalam dua
kategori yaitu multimedia interaktif dan multimedia linier. Multimedia
interaktif adalah multimedia yang memiliki alat navigasi atau fitur lain
yang memungkinkan pengguna multimedia dapat menjalin komunikasi
dua arah. Contohnya slide presentasi, halaman situs web, program
komputer, dan virtual reality. Adapun multimedia linier adalah multimedia
yang menjalin komunikasi satu arah dengan penggunanya. Contohnya
adalah siaran televisi dan video streaming (Suryani et al., 2018:195).
Tingkat intraktivitas sebuah multimedia interaktif sangat bervariasi
yaitu ada yang memiliki interaktivitas rendah, sedang, dan tinggi.
Misalnya video yang disertai tombol playback memiliki interaktivitas
rendah karena pengguna hanya bisa mengontrol video melalui tombol
play, stop, dan skip. Sementara program komputer dan virtual
reality memiliki interaktivitas yang lebih tinggi karena media tersebut
memungkinkan penggunanya untuk mengontrol dan memanipulasi
kontennya. Misalnya: mencoret, mewarnai, dan menggerakkan objek-
objek yang ada di dalam media tersebut sesuai keinginannya.
Pada dasarnya, penciri multimedia interaktif terletak pada fitur
interaktivitasnya. Dengan fitur interaktivitas tersebut, pengajar bisa
mendorong keterlibatan siswa dalam proses pembelajaran. Misalnya
melalui kegiatan mewarnai, menyusun atau mengelompokkan objek,
mengontrol sebuah proses, menyelesaikan sebuah tugas, mengerjakan
kuis, dan memberikan umpan balik.
Beberapa keunggulan dari multimedia interaktif dibanding jenis
media lainnya adalah sebagai berikut.
• Kombinasi media di dalam multimedia interaktif dapat
memvisualisasi konsep pelajaran sehingga lebih menarik dan
nyata.
• Fitur interaktivitas dalam multimedia interaktif dapat mendorong
keterlibatan siswa dalam proses pembelajaran, seperti:
mengendalikan materi pelajaran, berinteraksi dengan dialog
simulasi, menyelesaikan tantangan, dan mengerjakan kuis interaktif.
207Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
• Bisa dioperasikan dengan beberapa jenis peranti keras, seperti
komputer, ponsel, dan tablet.
• Bisa dipublikasikan di internet sehingga dapat diakses oleh
banyak orang.
• Multimedia interaktif bisa digunakan berulang-ulang.
Di samping memiliki keunggulan, multimedia juga memiliki
beberapa keterbatasan dibanding media lain. Misalnya, proses
pembuatan multimedia membutuhkan keterampilan khusus di bidang
teknologi, membutuhkan peralatan yang relatif mahal, dan sumber
energi listrik atau baterai.
Dalam merancang sebuah multimedia, Anda harus mengacu pada
prinsip-prinsip perancangan visual dan audio visual agar multimedia
tersebut efektif dalam meningkatkan hasil belajar siswa. Di antara
prinsip-prinsipyangperlu diperhatikan saatmerancang sebuah multimedia
adalah 12 prinsip yang diuraikan oleh Robert Mayer (dalam Suryani)
sebagai berikut.
1. Koheren (coherent), maksudnya konten media harus sederhana,
saling terkait, dan mudah dipahami. Oleh karena itu, kata-kata
yang tidak diperlukan atau penjelasan yang terlalu panjang
sebaiknya dihilangkan untuk menyederhanakan materi.
2. Petunjuk (signaling), maksudnya media harus memiliki petunjuk
penggunaan media yang dapat membimbing pengguna untuk
belajar dengan cara yang tepat.
3. Hindari pemborosan (avoid redundancy), seperti pemborosan
dalam penggunaan kata dan gambar. Oleh karena itu, penjelasan
materi lebih baik menggunakan kombinasi gambar dengan audio
daripada kombinasi gambar dan teks.
4. Perhatikan tata letak materi (spatial contiguity), maksudnya tata
letak materi sebaiknya memperhatikan alur mata, dimulai dari
yang mudah, dan mengumpulkan materi yang saling berkaitan
agar siswa lebih mudah memahami materi pelajaran.
208 Media Pembelajaran Digital
5. Kedekatan konten (temporal contiguity), maksudnya penyajian
gambar dan teks yang saling menguatkan lebih baik disajikan
bersamaan daripada bergantian.
6. Segmentasi (segmenting), maksudnya penyajian materi di dalam
media pembelajaran sebaiknya dibagi menjadi beberapa bagian.
7. Pelatihan awal (pre-training), maksudnya peningkatan kompetensi
pengguna terkait dengan penggunaan media pembelajaran perlu
dilakukan sebelum penerapan media pembelajaran.
8. Modalitas (modality), maksudnya konten media pembelajaran
sebaiknya melibatkan banyak alat indra. Oleh karena itu,
penggunaan media audio visual lebih baik daripada menggunakan
media visual saja.
9. Multimedia, maksudnya rangkaian beberapa jenis media yang
saling menguatkan di dalam sebuah multimedia akan membantu
siswa dalam memahami materi pelajaran. Misalnya, penyajian
materi dengan video tutorial akan lebih baik jika disertai dengan
animasi dan efek suara.
10. Personalisasi (personalization), maksudnya bahasa materi media
sebaiknya jangan terlalu kaku dan harus disesuaikan dengan
bahasa penggunanya agar lebih mudah dimengerti.
11. Penggunaan suara narator (voice), maksudnya suara presenter di
dalam media lebih baik menggunakan rekaman suara manusia
daripada suara mesin.
12. Gambar presenter (“No” image), maksudnya media pembelajaran
sebaiknya menampilkan karakter tokoh yang menjelaskan materi
media tersebut (Suryani et al., 2018:202–4).
B. Pengenalan Program iSpring Suite 9
iSpring Suite adalah salah satu program komputer yang praktis
dan mudah digunakan untuk merancang konten pembelajaran interaktif.
iSpring Suite mudah digunakan karena fitur-fiturnya terintegrasi langsung
209Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
dengan program PowerPoint sehingga Anda dapat merancang konten
pembelajaran interaktif langsung di slide PowerPoint dan dengan
beberapa fitur tambahan.
Berbagai fitur yang ditambahkan iSpring Suite ke dalam program
PowerPoint antara lain adalah perekaman narasi slide, pembuatan kuis,
penambahan materi interaktif, penambahan karakter, perekaman video,
dan publikasi konten pembelajaran ke dalam format html5, SCORM,
dan video. HTML 5 adalah sebuah file yang dibangun dengan bahasa
html revisi kelima sehingga media pembelajaran berbasis HTML 5 akan
dapat diunggah ke dalam server situs web atau diakses menggunakan
program pencarian. Adapun SCORM atau Sharable Content Object
Reference Model adalah konten pembelajaran digital yang terstandar
untuk digunakan pada sistem pembelajaran berbasis website atau
dikenal dengan learning management system.
Program iSpring Suite bisa diunduh dalam versi berbayar dan
gratis melalui situs web resminya di https://www.ispringsolutions.com.
Syarat sistem komputer untuk bisa menggunakan iSpring suite versi
9.10 (terbaru) adalah sebagai berikut.
Tabel 7.1 Spesifikasi peranti keras dan peranti lunak untuk
menjalankan iSpring Suite
Peranti Keras Peranti Lunak
• Processor: Dual-Core processor • Sistem operasi: Windows
(rekomendasi: Quad-Core atau yang 7/8/10 (32 dan 64-bit)
lebih tinggi) • Ms. PowerPoint: PowerPoint
• RAM: 4 GB (rekomendasi: 8 GB atau 2007/2010/2013/
lebih tinggi) 2016/2019/365 (32 dan 64-
• Media penyimpanan: 2 GB untuk bit)
instalasi dan 20 GB untuk penggunaan. • Browser: Internet Explorer
• Resolusi layar: 1366 x 768/lebih tinggi. 9.0 atau lebih tinggi, Mozilla
• Kartu grafis: Intel® HD Graphics 2000, Firefox 48 or higher
Video card NVIDIA® GeForce® 8 Google Chrome 48 or higher
series atau AMD Radeon™ R600 atau Microsoft Edge
lebih tinggi dengan 512 MB memori • Windows Media Player (atau
untuk video umum dan 1 GB untuk pemutar video lainnya)
video HD.
• Kamera dan mikrofon internal atau
eksternal (untuk perekaman video).
Sumber:Batubara. 2021
210 Media Pembelajaran Digital
Sesuai dengan persyaratan yang dibutuhkan, program iSpring
Suite terdiri dari dua jenis yaitu satu jenis untuk Windows 32 bit dan
jenis yang lain untuk tipe Windows 64 bit. Cara untuk mengetahui
tipe Windows yang sedang digunakan adalah dengan buka salah satu
folder komputer, (1) kemudian klik kanan menu This PC, (2) lalu
pilih menu Properties, (3) dan lihat informasi mengenai tipe sistem
di menu System type. Perhatikan gambar berikut.
Setelah mengetahui tipe sistem operasi komputer yang Anda
miliki, Anda bisa menginstal program iSpring yang sesuai dengan
tipe sistem operasi tersebut. Cara menginstal program iSpring Suite
adalah sebagai berikut.
211Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Sesuai dengan petunjuk gambar penginstalan program, (1) klik
file program iSpring Suite, (2) lalu pada jendela Persetujuan Lisensi,
centang kotak menu I Accept the term in the license Agreement, (3)
kemudian klik tombol Install. Setelah proses instalasi selesai, Anda
bisa mengklik tombol Lunch untuk menjalankan program iSpring Suite.
Contoh tampilan jendela Quick Start pada program iSpring Suite
adalah sebagai berikut.
Sumber: Batubara, 2021
Gambar 7.1 Tampilan program iSpring Suite
Berdasarkan gambar di atas, (1) menu Courses berfungsi untuk
membuat multimedia interaktif yang terintegrasi dengan program
PowerPoint, (2) menu Quizzes berfungsi untuk membuat kuis interaktif
yang beragam jenis soal atau bisa juga untuk membuat lembar survei,
(3) menu Interactions berfungsi untuk membuat konten interaktif dengan
cepat menggunakan templat iSpring Suite 9, (4) menu Simulations
berfungsi untuk membuat media dialog simulasi, (5) menu Screencasts
berfungsi untuk membuat video pembelajaran, dan (6) menu Books
berfungsi untuk mengonversi dokumen Ms. Word, PDF, dan PowerPoint
ke dalam format html 5 atau Scorm.
212 Media Pembelajaran Digital
Selain berdiri sendiri, program iSpring Suite 9 juga dapat
digunakan melalui program PowerPoint. Adapun tampilan fitur iSpring
Suite pada program Microsoft PowerPoint adalah sebagai berikut.
Sumber: Batubara, 2021
Gambar 7.2 Tampilan fitur iSpring Suite pada program Microsoft PowerPoint
Berdasarkan gambar di atas, fungsi dari menu iSpring Suite
yang terdapat di dalam program PowerPoint adalah sebagai berikut.
Tabel 7.2 Fungsi berbagai menu iSpring Suite pada program PowerPoint
No. Menu Fungsi
1. Menu Record Audio berfungsi merekam
audio narasi slide, menu Record video
berfungsi merekam video narasi slide,
dan menu Manage Narration berfungsi
membuka jendela pengeditan narasi
audio dan video.
2. Menu Quiz berfungsi membuat dan
menambahkan kuis ke dalam slide
presentasi, menu Interaction berfungsi
membuat halaman materi yang disertai
dengan tombol navigasi, menu Dialog
simulation berfungsi membuat dialog
simulasi yang sistematis, menu Screen
recording berfungsi membuat video
rekaman layar dan kamera komputer,
menu Youtube berfungsi menyematkan
video Youtube, dan menu Web Object
berfungsi menyematkan halaman web.
3. Menu Slide tamplates untuk
menambahkan templat, menu
Characters untuk menambahkan
foto karakter, menu Backgrounds
untuk menambahkan latar belakang,
menu Objects untuk menambahkan
gambar objek, dan menu Icons untuk
menambahkan ikon-ikon tertentu.
213Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
4. Menu Slide properties untuk mengatur
isi dan transisi slide; menu Presentation
resources untuk menambahkan file
lampiran, identitas presenter dan logo;
dan menu Player untuk mengatur
tampilan pemutar produk.
5. Menu Preview berfungsi melihat
pratinjau produk dan menu
Publish berfungsi mengekspor dan
memublikasikan hasil produk.
6. Menu Options berfungsi membuka
jendela pengaturan audio dan
video, menu Updates berfungsi
memperbaharui program, dan menu
Help berfungsi melihat menu video
tutorial, komunitas, dan identitas
program yang digunakan.
Sumber:Batubara. 2021
C. Teknik Merekam Video dan Audio Narasi
Video dan audio narasi adalah sebuah rekaman audio atau
video presenter yang menjelaskan isi dari slide presentasi. Contoh cara
membuat narasi video dengan plugin iSpring Suite adalah jalankan
program PowerPoint, kemudian klik tab iSpring Suite, lalu klik menu
Record audio/video untuk merekam audio atau video yang akan dijadikan
sebagai narasi slide. Hasilnya, slide akan langsung masuk ke mode
slideshow dan akan tampil jendela perekaman narasi sebagai berikut.
Sumber: Batubara, 2021
Gambar 7.3 Tampilan jendela Record video narration pada iSpring Suite
214 Media Pembelajaran Digital
Pada Gambar 7.3, tombol Options berfungsi untuk mengatur
mikrofon dan kamera yang akan digunakan dalam proses perekaman,
menu Show slide notes berfungsi untuk menampilkan teks yang ditulis
pada kolom catatan slide, menu Process this slide only berfungsi untuk
merekam narasi pada satu slide yang terbuka saja, tombol Panah
berfungsi untuk membuka ke slide berikutnya atau pergi ke slide
sebelumnya, tombol Start Record berfungsi untuk memulai perekaman.
Setelah tombol Start Record diklik maka tombol tersebut akan
berubah menjadi tombol Next Slide yang berfungsi untuk berpindah
ke slide berikutnya, dan tombol Stop berfungsi untuk menghentikan
proses perekaman. Di dalam menu iSpring Suite juga terdapat menu
Manage narration yang berfungsi untuk mengedit narasi slide yang
telah direkam. Berikut tampilan jendela pengeditan narasi tersebut.
Perhatikan tampilan jendela Pengeditan Narasi dan ikuti petunjuk
berikut untuk mengedit video narasi. (1) Anda bisa menyeret video yang
berada di timeline untuk memindahkan posisi video narasi atau audio
narasi dari slide tertentu. Di samping itu, Anda juga bisa mengganti
215Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
audio atau video narasi yang ada dengan cara (2) mengimpor video/
audio dari dalam komputer, atau (3) merekam ulang video narasi
atau audio narasi.
D. Teknik Membuat Kuis
Kuis adalah halaman multimedia interaktif yang berisi berbagai
jenis pertanyaan yang harus dikerjakan oleh siswa agar ia mendapatkan
nilai dari kuis tersebut. Cara membuat kuis baru pada slide PowerPoint
dengan buat slide kosong untuk kuis, kemudian klik tab iSpring Suite,
lalu klik menu Quiz maka akan tampil jendela berikut.
Sumber: Batubara, 2021
Gambar 7.4 Tampilan menu Quiz pada iSpring Suite
Pada Gambar 7.4, klik menu Graded Quiz untuk membuat
kuis atau klik menu Survey untuk membuat lembar survei. Setelah
menu Graded Quiz diklik maka akan tampil jendela pembuatan kuis
sebagai berikut.
216 Media Pembelajaran Digital
Berdasarkan gambar di atas, (1) menu Insert berfungsi untuk
menambahkan berbagai jenis soal baru (Question) dan slide pengantar
(Introduction), (2) menu Form view berfungsi untuk menampilkan
formulir pengisian soal dan Slide View berfungsi untuk menampilkan
tata letak soal di dalam slide, (3) menu menu Properties berfungsi
untuk mengatur nama kuis, ukuran slide kuis, passing grade, bobot
nilai, waktu pengerjaan, dan feedback untuk jawaban benar dan salah,
pengacakan soal, dan metode pelaporan hasil kuis, (4) menu Player
berfungsi untuk mengatur komponen tombol di dalam kuis.
1. Pengaturan Properti Kuis
Sebelum membuat soal baru, penulis menyarankan agar Anda
mengatur Properties kuis terlebih dahulu agar pengaturan tersebut
langsung bisa diterapkan pada semua soal kuis yang akan dibuat.
Tampilan jendela Properties kuis adalah sebagai berikut.
217Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Berdasarkan gambar di atas, tampilan menu Main Properties
terdiri dari menu: Quiz title berfungsi untuk menulis judul kuis, Slide
size berfungsi untuk mengatur ukuran slide kuis (sebaiknya disamakan
dengan ukuran slide presentasi, kotak menu Time to complete the quiz
dapat dicentang untuk membatasi waktu pengerjaan kuis. Selanjutnya,
klik menu Quiz Scoring untuk menampilkan jendela berikut.
Berdasarkan gambar di atas, Anda bisa memilih bulatan By
passing score untuk mengaktifkan nilai minimum kelulusan, lalu
gunakan menu Passing score untuk menentukan persentase minimum
jawaban benar. Selanjutnya, klik menu Question properties untuk
menampilkan jendela berikut.
218 Media Pembelajaran Digital
Perhatikan jendela Pengaturan Kuis untuk menyamakan pengaturan
untuk setiap soal dan ikuti petunjuk berikut. (1) Pada menu Score,
Anda dapat mengisi kolom Point for a correct answer dengan bobot
nilai jawaban benar, kolom Penalty for incorrect answer dengan nilai
penalti/denda untuk jawaban salah, dan mencentang kotak menu
Apply penalty for unanswered questions jika ingin menerapkan denda
bagi soal yang tidak dijawab. (2) Pada menu Restrictions, Anda dapat
mencentang kotak menu Limit time to answer the question untuk
membatasi waktu pengerjaan setiap soal, mencentang kotak menu
Shuffle answer choice untuk mengacak pilihan jawaban soal, dan
pengaturan menu lainnya. (3) Pada menu Feedback, Anda dapat
mencentang kotak menu Show feedback for graded question untuk
mengaktifkan pemberian umpan balik, lalu mengatur isi umpan baliknya
pada beberapa kolom di bawahnya. Selanjutnya, klik menu Question
list untuk menampilkan jendela berikut.
219Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Anda dapat memilih grup soal yang akan dimasukkan ke dalam
kuis dan Anda dapat mencentang kotak menu Shuffle questions in
the quiz untuk mengacak urutan soal di dalam kuis. Selanjutnya, klik
menu Reporting untuk membuka jendela berikutnya.
Anda dapat mencentang kotak menu Send report to instructor
lalu mengisi kolomnya dengan alamat email pengajar agar pengajar
mendapatkan email yang berisi hasil jawaban siswa. Selanjutnya, Anda
dapat mengatur menu Send when quiz is untuk menentukan kapan
hasil kuis akan dikirimkan ke email pengajar dan mencentang kotak
menu Include users answers in the report untuk mengikutsertakan
laporan jawaban siswa pada pesan yang dikirimkan ke email pengajar.
220 Media Pembelajaran Digital
Selain itu, Anda juga dapat mencentang kotak menu Send
report to user’s email. Menu tersebut digunakan untuk mengaktifkan
pengiriman laporan hasil kuis ke email siswa. Kemudian, Anda dapat
mencentang kotak menu User’s answers (jawaban siswa), Correct
answers (jawaban benar), dan Feedback text (umpan balik) untuk
mengikutsertakan komponen tersebut di dalam pesan yang akan
dikirimkan ke siswa.
2. Membuat Slide Introduction
Slide introduction adalah halaman yang menampilkan nama kuis,
pengisian data diri siswa, dan petunjuk pengerjaan soal kuis. Cara
menambahkan slide introduction adalah: klik menu Introduction, lalu
pilih salah satu slide introduction yang ingin dibuat, yaitu: Intro slide,
User info, dan Instruction slide.
Contoh tampilan Intro Slide dalam tampilan Form view (pengisian
formulir) adalah sebagai berikut.
221Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Anda dapat mengubah tulisan “Welcome to the quiz” menjadi
“Selamat datang di kuis”, tulisan “Click the ‘Start Quiz’ button to
proceed” menjadi “Klik tombol ‘Mulai Kuis’ untuk lanjut”, dan klik ikon
speaker untuk menambahkan audio ke dalam slide intro. Selanjutnya,
klik menu Slide View untuk menampilkan pratinjau slide.
Pada gambar di atas, Anda dapat mengatur jenis dan ukuran
huruf, serta tata letak teks di dalam slide. Selanjutnya, klik Form
View, lalu klik menu Introduction untuk menambahkan slide User
Info. Contoh tampilan User info adalah sebagai berikut.
Pada gambar di atas, (1) Anda dapat mengubah tulisan “Enter
Your Details” menjadi ”Silahkan isi data diri Anda”. Selanjutnya, (2)
Anda dapat mengubah komponen formulir. Misalnya: isi kolom Field
Name diubah dari Name menjadi Nama Lengkap, isi kolom Condition
disesuaikan sesuai kebutuhan, pilihannya adalah: mandatory (wajib
222 Media Pembelajaran Digital
diisi), Optional (tidak wajib), Don’t ask (jangan tanya), dan isi kolom
Field Type disesuaikan dengan jenis jawabannya, pilihannya adalah
Text (teks), Choice (pilihan), dan email. Selanjutnya, (3) Anda dapat
menambahkan baris baru dengan menuliskan nama bidangnya pada
kolom Type to add a new field, dan (4) Anda dapat menghapus
bidang yang tersedia dengan mengklik ikon silang (X). Selanjutnya,
klik menu Slide View untuk menampilkan pratinjau slide.
Pada gambar di atas, Anda dapat mengatur format huruf pada
teks, dan mengklik tab Insert untuk menambahkan gambar, kotak
shape, teks, dan video, karakter, dan latar belakang. Selanjutnya,
klik Form View, lalu klik menu Introduction untuk menambahkan
Instructions Slide. Berikut contoh tampilan Instruction slide.
223Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Anda dapat mengganti teksnya dengan bahasa Indonesia agar
lebih mudah dimengerti oleh siswa. Misalnya: Quiz instructions menjadi
“Petunjuk pengerjaan kuis”, dan begitu juga dengan teks yang lainnya.
Setelah itu, Anda dapat mengatur format hurufnya pada Slide View.
3. Membuat Soal Kuis
Soal kuis pada program iSpring Suite dapat dibuat satu per
satu atau diimpor melalui file Microsoft Excel atau file kuis iSpring
Suite yang pernah dibuat sebelumnya. Cara membuat soal kuis secara
manual adalah dengan klik menu Question, lalu pilih salah satu jenis
soal yang ingin ditambahkan. Perhatikan gambar berikut.
224 Media Pembelajaran Digital
Berdasarkan gambar, dapat diketahui bahwa Anda dapat
membuat 14 jenis soal yang berbeda menggunakan kuis iSpring Suite.
Cara membuat masing-masing soal tersebut adalah sebagai berikut.
a. Multiple Choice (Soal Pilihan Ganda)
Multiple Choice adalah soal yang meminta siswa untuk memilih
jawaban yang tepat dari pilihan jawaban yang tersedia. Tampilan Form
view soal pilihan ganda sebagai berikut.
Pada gambar di atas, (1) isi kolom Multiple choice question
dengan kalimat soal atau klik ikon media untuk melampirkan gambar,
video, atau audio, (2) kemudian isi kolom Choice (Option 1, Option
2, Option 3) dengan pilihan jawaban soal, atau klik ikon gambar
jika ingin menambahkan gambar sebagai pilihan jawaban, dan (3)
klik bulatan menu Correct untuk menentukan satu kunci jawaban.
Sementara pengaturan menu Feedback dan menu lainnya dapat diatur
terlebih dahulu melalui jendela Question properties.
225Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
b. Multiple Response (Soal Kotak Centang)
Multiple response adalah soal yang meminta siswa untuk
mencentang satu atau beberapa pilihan jawaban yang tersedia. Tampilan
Form view soal kotak centang adalah sebagai berikut.
Pada gambar di atas, (1) isi kolom Multiple responses question
dengan kalimat soal, (2) lalu isi kolom Choices (Option 1, Option 2,
Option 3) dengan pilihan jawaban soal dan isi kolom Type to add a
new choice untuk menambahkan pilihan jawaban, dan (3) centang kotak
menu Correct untuk menentukan satu atau beberapa kunci jawaban.
c. True/False Question ( Soal Benar/Salah)
True/false question adalah soal yang meminta siswa untuk
memberikan pernyataan benar atau salah. Perbedaan soal benar/
salah dengan soal pilihan ganda hanya terletak pada jumlah pilihan
jawabannya yakni pilihan jawaban pada soal benar/salah hanya dua
saja yaitu pilihan benar (true) dan salah (false). Tampilan Form view
soal benar/salah adalah sebagai berikut.
226 Media Pembelajaran Digital
Pada gambar di atas, (1) isi kolom True/False Question dengan
kalimat yang meminta siswa untuk menilai suatu pernyataan apakah
benar atau salah, (2) lalu ubah teks pilihan jawaban (Choices) dengan
kata Benar dan Salah, dan (3) klik bulatan pilihan jawaban untuk
menentukan kunci jawabannya.
d. Short Answer Question (Soal dengan Jawaban
Singkat)
Short answer question adalah soal yang memerlukan jawaban
pasti dan berupa teks singkat. Berikut tampilan Form view-nya.
227Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Pada gambar, isi kolom Short Answer Question dengan kalimat
soal. Misalnya, “Tulislah nama penemu konsep ADDIE!”, lalu isi kolom
Acceptable Answers (jawaban yang diterima) dengan teks jawaban
yang dinilai benar. Misalnya, ganti tulisan Correct Answer 1 dengan:
Robert Maribe Branch. Anda juga bisa menambahkan pilihan jawaban
lain yang dinilai benar pada baris berikutnya, misalnya: Maribe Branch,
atau R. M. Branch.
e. Numeric Question (Soal Numerik)
Numeric question adalah soal yang memerlukan jawaban yang
pasti dan berupa angka. Tampilan Form view soal numerik adalah
sebagai berikut.
Pada gambar di atas, isi kolom Numeric Question dengan kalimat
soal yang memiliki jawaban angka. Misalnya, “15+35 = …” Kemudian
atur menu Acceptable value dengan logika jawaban yang dinilai benar.
Misalnya, atur kolom kondisi pertama dengan pilihan Equal to (sama
dengan), lalu isi kolom berikutnya dengan angka “50”. Artinya: jawaban
siswa akan dinilai benar ketika ia memasukkan angka 50.
f. Sequence Question (Soal Mengurutkan)
Sequence question adalah soal yang menugaskan siswa untuk
mengurutkan beberapa item berdasarkan kriteria tertentu. Tampilan
Form view soal mengurutkan adalah sebagai berikut.
228 Media Pembelajaran Digital
Pada gambar di atas, isi kolom Sequence Question dengan kalimat
perintah mengurutkan, lalu isi kolom Correct order dengan jawaban
yang telah diurutkan dengan benar. Pada panel di sisi kanan, menu
Accept partially correct answer dapat dicentang jika ingin mengaktifkan
pemberitahuan bahwa urutan beberapa jawaban telah benar.
g. Matching Question (Soal Menjodohkan)
Matching question adalah soal yang menugaskan siswa untuk
memasangkan satu pernyataan (item) dengan item lainnya secara
tepat. Tampilan Form view soal menjodohkan adalah sebagai berikut.
229Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Pada tampilan Matching Question, isi kolom Matching question
dengan kalimat perintah menjodohkan, lalu isi kolom Correct Matches
dengan item-item yang dipasangkan dengan benar. Pada panel di
sebelah kanan, menu Accept partially correct answer dapat dicentang
jika ingin mengaktifkan pemberitahuan bahwa beberapa bagian item
telah dipasangkan dengan benar.
h. Fill in the Blank (Soal Mengisi Bagian yang Kosong)
Fill in the blank question adalah soal yang menugaskan siswa
untuk mengisi bagian yang kosong dengan kata atau rangkaian kata
yang tepat. Tampilan Form view soal mengisi bagian yang kosong
adalah sebagai berikut.
Pada tampilan Fill in the Blank, isi kolom Fill in the blank
question dengan kalimat perintah mengisi bagian yang kosong, lalu
isi kolom Text with blanks dengan teks yang memiliki bagian yang
kosong. Bagian teks yang dikosongkan tersebut harus memiliki jawaban
yang pasti atau objektif. Cara menambahkan bagian yang kosong ke
dalam teks adalah (1) klik tombol Insert Blank, (2) kemudian klik
ikon panah kolom kosong, (3) lalu ketik satu atau beberapa kunci
jawabannya pada menu yang tersedia.
230 Media Pembelajaran Digital
i. Select from Lists Question (Soal Memilih dari Daftar)
Select from lists question adalah soal yang menugaskan siswa
untuk mengisi bagian yang kosong dengan memilih pilihan jawaban
dari daftar yang tersedia. Tampilan Form view soal memilih dari
daftar adalah sebagai berikut.
Pada gambar di atas, isi kolom Select from lists question dengan
kalimat “Isi bagian yang kosong dengan memilih jawaban yang benar
dari daftar yang tersedia!”, lalu isi kolom Text with blanks dengan
teks yang memiliki bagian yang kosong. Cara menambahkan bagian
yang kosong ke dalam teks adalah: (1) klik tombol Insert Blank,
(2) kemudian klik ikon panah kolom kosong, (3) lalu ketik beberapa
pilihan jawabannya pada menu yang tersedia, dan (4) klik salah satu
bulatan untuk menentukan kunci jawabannya.
j. Drag the Words (Soal Menyeret Kata ke Bagian
Kosong)
Drag the words adalah soal yang menugaskan siswa untuk
mengisi bagian yang kosong dengan cara menyeret kata yang tepat
dan melepasnya di bagian yang kosong. Tampilan Form view soal
drag the words adalah sebagai berikut.
231Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Pada gambar di atas, (1) isi kolom Drag the words dengan
kalimat perintah agar siswa mengisi bagian yang kosong dengan cara
menyeret kata yang tepat ke tempat yang kosong tersebut, (2) kemudian
isi kolom Text with blanks dengan teks yang memiliki bagian yang
kosong, (3) lalu tambahkan bagian kosong dengan mengklik tombol
Insert Blank, lalu ketik kunci jawaban di dalam kolom kosong tersebut,
dan (4) isi kolom Additional words dengan beberapa teks pengecoh.
k. Hotspot (Soal Mengklik Area Gambar)
Hotspot adalah soal yang menugaskan siswa untuk menjawab
soal dengan mengklik area suatu gambar. Tampilan Form view soal
hotspot adalah sebagai berikut.
232 Media Pembelajaran Digital
Berdasarkan gambar di atas, (1) isi kolom Hotspot question dengan
kalimat yang meminta siswa menjawab soal dengan mengklik di area
gambar, (2) kemudian klik tombol From file… untuk menambahkan
gambar dari dalam komputer, atau klik From Clipboard untuk
menambahkan gambar dari hasil salinan (copy), (3) klik ikon Expand
untuk memperbesar tampilan gambar, (4) kemudian klik salah satu
bentuk/shape yang tersedia, (5) lalu seret di atas gambar untuk
menandai area gambar yang menjadi kunci jawaban, dan (6) Anda
dapat mencentang kotak menu Limit number of responses untuk
membatasi jumlah respons yang dapat diberikan oleh siswa, atau
mencentang kotak menu Enable clearing markers untuk mengizinkan
siswa menghapus tanda yang telah dibuatnya.
233Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
l. Essay (Soal Esai)
Essay adalah soal yang meminta siswa menuliskan jawabannya
secara bebas pada sebuah kolom teks. Soal esai tidak memiliki kunci
jawaban yang pasti sehingga soal ini tidak akan langsung dinilai oleh
sistem kuis. Tampilan Form view soal essay adalah sebagai berikut.
Berdasarkan gambar di atas, Anda dapat membuat soal esai
dengan cukup mengisi kolom Essay question dengan kalimat pertanyaan.
4. Pengaturan Results (Hasil Kuis)
Result adalah slide yang berisi pengaturan tindakan dan elemen
yang ingin ditampilkan setelah siswa selesai mengerjakan kuis. Tampilan
Form view slide Result adalah sebagai berikut.
4
5
234 Media Pembelajaran Digital
Berdasarkan gambar tampilan hasil kuis, (1) menu Quiz results
berfungsi untuk membuka slide results, (2) menu Passed berfungsi
untuk menampilkan pengaturan informasi yang akan muncul saat siswa
lulus atau memenuhi passing grade, dan menu Failed berfungsi untuk
menampilkan pengaturan informasi yang akan muncul saat siswa tidak
lulus atau tidak memenuhi passing grade, (3) menu Finish Action
berfungsi untuk mengatur tindakan browser setelah siswa melihat hasil
kuis, (4) menu When quiz is finished berfungsi untuk mengatur tindakan
yang akan terjadi setelah siswa selesai mengerjakan soal-soal kuis,
(5) menu When user’s passes/fails berfungsi untuk memilih beberapa
informasi yang ingin ditampilkan saat siswa lulus atau tidak lulus.
5. Pengaturan Player Kuis
Setelah selesai membuat soal kuis, Anda dapat mempratinjau
hasil kuis dengan mengklik menu Preview, lalu pilih Preview quiz,
maka akan tampil jendela pratinjau sebagai berikut.
Sesuai dengan gambar di atas, pratinjau kuis ditampilkan dalam
tiga jenis perangkat, yaitu: tampilan komputer, tampilan tablet potrait
dan landscape, dan tampilan smartphone potrait dan landscape.
Setelah selesai mempratinjau kuis, Anda dapat menutup jendela
pratinjau dengan mengklik tombol silang (X).
235Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Tombol bawaan kuis pada gambar di atas terlihat masih
menggunakan bahasa Inggris. Oleh karena itu, Anda dapat mengubah
warna dan nama tombol tersebut dengan mengklik menu Player,
maka akan tampil jendela Player sebagai berikut.
Anda dapat mengubah nama tombol dengan cara: (1) klik menu
Text label, (2) lalu edit pesan yang berada di kolom Message. Sementara
cara mengubah warna tombol dengan klik menu Colors, lalu ubah
warna yang berada di kolom color. Setelah selesai mengatur player,
Anda dapat menerapkan pengaturan player/tombol dengan mengklik
menu Apply & close. Selanjutnya, klik tombol Save and return to
course untuk menyimpan hasil kuis dan kembali slide PowerPoint.
E. Teknik Membuat Materi Interaksi
Materi interaksi adalah materi pelajaran yang disajikan di dalam
slide dengan disertai tombol navigasi sehingga pengajar bisa mengklik
tombol navigasi tersebut. Cara membuat materi interaksi pada slide
236 Media Pembelajaran Digital
PowerPoint adalah: buat slide kosong untuk kuis, kemudian klik tab
iSpring Suite, lalu klik menu Interaction, maka akan tampil jendela
berikut.
Pada gambar di atas, klik menu New Interaction untuk membuat
materi interaksi baru, maka akan tampil pilihan jenis interaksi sebagai
berikut.
Pada gambar di atas, pilih salah satu jenis materi interaksi
yang ingin dibuat, lalu klik tombol Create interaction maka akan
tampil jendela pembuatan materi interaksi. Beberapa contoh jendela
pembuatan materi interaksi adalah sebagai berikut.
237Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
1. Steps (Langkah-Langkah)
Steps adalah fitur interaksi yang berfungsi untuk menyajikan
suatu prosedur. Tampilan jendela Steps adalah sebagai berikut.
Berdasarkan gambar di atas, (1) klik menu Properties untuk
mengatur ukuran slide interaksi, warna, dan nama tombolnya, (2) lalu
centang kotak menu Introduction dan Summary untuk mengaktifkan
halaman Introduction dan Summary, (3) kemudian isi kolom Introduction
yang di sebelah kanan dengan judul dan deskripsi singkat suatu
prosedur, (4) klik menu Step 1 untuk memilihnya, lalu isi kolom di
sebelah kanan dengan judul dan deskripsi Step 1, dan lanjutkan ke
step berikutnya, (5) gunakan menu Add Step untuk menambahkan
langkah baru, dan (6) gunakan menu Delete untuk menghapus langkah
tertentu. Contoh hasil pengisian jendela Steps adalah sebagai berikut.
238 Media Pembelajaran Digital
Sesuai dengan tampilan jendela Steps, (1) Anda dapat mengklik
tab Format text untuk mengatur format teks, dan (2) menggunakan
tab Insert untuk menambahkan gambar, video, audio, tautan, rumus,
simbol, karakter, atau latar belakang ke dalam konten interaksi. Contoh
tampilan pratinjau interaksi Steps adalah sebagai berikut.
Berdasarkan gambar di atas, Anda dapat mengklik tombol Next
atau tombol Nomor Urut untuk membuka suatu langkah. Selanjutnya,
klik tombol silang (X) untuk menutup jendela Pratinjau. Setelah selesai
membuat materi interaksi, Anda dapat kembali ke slide PowerPoint
dengan mengklik tab Steps, lalu klik Save and return to course.
2. Labeled Graphic (Penambahan Label di Bagian
Gambar)
Labeled graphic adalah fitur interaksi yang berfungsi untuk
menambahkan catatan pada suatu bagian gambar. Tampilan jendela
Labeled graphic adalah sebagai berikut.
239Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Berdasarkan gambar di atas, (1) klik menu Properties untuk
mengatur ukuran slide interaksi, warna, dan nama tombolnya, (2) klik
tombol Change untuk menambahkan gambar, (3) centang kotak menu
Introduction untuk mengaktifkan halaman Introduction dan Summary,
lalu isi judul dan deskripsi introduction pada kolom di sebelah kanan,
(4) klik menu Label 1 untuk memilihnya, (5) tempatkan tanda label
(simbol tambah) ke posisi yang dikehendaki, (6) lalu isi judul dan
deskripsi label pada kolom yang tersedia, (7) gunakan menu Add
label untuk menambahkan label baru, dan (8) gunakan menu Delete
untuk menghapus label tertentu. Contoh pratinjau fitur interaksi label
adalah sebagai berikut.
240 Media Pembelajaran Digital
Berdasarkan gambar di atas, Anda dapat mengklik ikon label
(simbol tambah) atau tombol Next untuk melihat isi suatu label.
Selanjutnya, klik tombol silang (X) untuk menutup jendela pratinjau.
Setelah selesai membuat interaksi ini, Anda dapat kembali ke slide
PowerPoint dengan mengklik tab Steps, lalu klik Save and return to
course.
3. FAQ (Penjelasan Topik-Topik)
FAQ adalah fitur interaksi yang berfungsi untuk menambahkan
materi tanya jawab atau susunan topik-topik tertentu. Tampilan jendela
FAQ adalah sebagai berikut.
Berdasarkan gambar di atas, Anda bisa mengisi kalimat soal
pada kolom atas dan mengisi jawabannya pada kolom di bawahnya.
Selanjutnya, Anda dapat menambahkan pertanyaan baru dengan mengklik
menu Add Question. Tampilan pratinjau FAQ adalah sebagai berikut.
241Teknik Membuat Multimedia Interaktif Berbasis Android dengan iSpring Suite
Anda dapat mengklik judul atau pertanyaan untuk melihat
penjelasan tentang judul atau pertanyaan tersebut. Selanjutnya, Anda
dapat mengklik tombol silang (X) untuk menutup jendela Pratinjau.
Setelah selesai membuat interaksi ini, Anda dapat kembali ke slide
PowerPoint dengan klik tab Steps, lalu klik Save and return to course.
F. Teknik Mempratinjau dan
Memublikasikan Media
File slide PowerPoint yang didukung dengan program iSpring
Suite dapat dipublikasikan ke dalam format HTML5, SCORM, dan
video. File HTML5 adalah file yang dapat dipublikasikan pada server
sebuah situs web, sementara SCORM adalah file bahan ajar digital yang
terstandar untuk diunggah ke dalam sistem pengelolaan pembelajaran
(learning management system/e-learning). Sebelum Anda memublikasikan
multimedia, sebaiknya mempratinjau terlebih dahulu hasil tersebut
dengan menu Preview. Berikut contoh tampilan Pratinjau iSpring Suite.