Top Banner
60

LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

Nov 09, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas
Page 2: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

LEMBAR PENGESAHAN

MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK)

LEVEL KREASI

Judul :

PEMBUATAN MULTIMEDIA INTERAKTIF

Sasaran :

Guru Mata Pelajaran dan Guru Kelas

Penulis 1 Penulis 2 Pengkaji

Rachmad Effendi Tegus S

Bambang Adriyanto

Hendriawan Widiatmoko

Pusat Data dan Teknologi Informasi Pendidikan dan Kebudayaan

Kementerian Pendidikan dan Kebudayaan JAKARTA

2020

Page 3: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

i

Kata Pengantar

Puji syukur kita panjatkan ke hadirat Tuhan Yang Maha Esa, atas berkat dan rahmat-Nya

Kementerian Pendidikan dan Kebudayaan (Kemendikbud) dapat menyelenggarakan

Program Pembelajaran Berbasis TIK (PembaTIK), yang diselenggarakan setiap tahunnya.

Program ini bertujuan untuk meningkatkan kompetensi guru-guru dalam hal

penguasaan teknologi informasi dan komunikasi (TIK) guna mendukung terciptanya

model pembelajaran yang inovatif sesuai dengan tuntutan abad 21. Hal ini sejalan dengan

harapan besar untuk mewujudkan sumber daya manusia yang berkualitas, yang siap

menyongsong revolusi industri 4.0.

Terlebih lagi, pengintegrasian TIK ke dalam proses pembelajaran diperlukan untuk

mengembangkan kemampuan berpikir tingkat tinggi siswa. Pembekalan guru akan

literasi TIK akan meningkatkan efektifitas, efisiensi dan kemenarikan proses

pembelajaran. Oleh karena itu guru dituntut untuk memiliki kompetensi keahlian yang

cukup untuk memanfaatkan teknologi yang ada, sehingga lebih optimal dalam

penyampaian materi pelajaran di sekolah.

Saat ini masih banyak guru yang belum memanfaatkan perkembangan teknologi

informasi dalam pembelajaran. Minimnya kegiatan peningkatan kualitas dan kompetensi

guru untuk memanfaatan TIK dalam pembelajaran merupakan salah satu faktor yang

mempengaruhinya. Program ini diadakan sebagai kegiatan rutin tahunan Pusdatin

Kemendikbud.

Kegiatan ini dikemas dalam bentuk Bimbingan Teknis (Bimtek) berjenjang 4 level, yaitu

Level Literasi TIK, Implementasi TIK, Kreasi TIK, hingga Berbagi TIK. Di mana masing-

masing level akan diadakan dengan sistem seleksi, sehingga pada akhir level, akan

menghasilkan guru-guru terpilih. Guru-guru inilah yang sekaligus akan dilantik menjadi

Duta Rumah Belajar, agen Pusdatin Kemendikbud untuk menyosialisasikan pemanfaatan

TIK untuk pembelajaran. Guru-guru ini akan menjadi inspirasi guru-guru di wilayah

representatif mereka dalam menggunakan teknologi untuk mengajar siswa-siswanya.

Walaupun pada inti program ini adalah untuk meningkatkan kompetensi TIK untuk guru-

guru, program ini diselenggarakan dengan proses kompetisi. Hal ini bertujuan untuk

Page 4: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

ii

memacu mereka dalam menghasilkan karya-karya terbaiknya. Melihat pengalaman dua

tahun terakhir ini, dengan sistem seperti ini cukup efektif untuk mendorong tingkat

partisipasi guru. Ke depannya, Pusdatin Kemendikbud akan terus berupaya

mengakselerasi inovasi-inovasi teknologi pembelajaran yang lebih efektif untuk

diestafetkan kepada guru-guru. Sehingga, kualitas guru-guru Indonesia akan terus

meningkat dan pada akhirnya mutu peserta didik menjadi lebih berdaya saing.

Modul ini disusun untuk dapat menjadi acuan dalam pelaksanaan Program PembaTIK.

Modul yang berisikan arahan dan materi terkait setiap level program ini, diharapkan

akan membantu peserta dalam mengikuti tahapan-tahapan yang telah ditentukan.

Akhir kata, saya ucapkan terima kasih kepada semua pihak yang telah membantu

terselenggaranya Program Pembelajaran Berbasis TIK. Semoga guru-guru di Indonesia

terus terpacu untuk menjadi guru modern yang mengikuti tuntutan di era teknologi ini.

Page 5: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

1

DAFTAR ISI

DAFTAR ISI ........................................................................................................................... 1

DAFTAR GAMBAR ................................................................................................................ 4

PENDAHULUAN ................................................................................................................... 7

Pengantar ........................................................................................................................... 7

Video Pengantar Modul 11 “Pembuatan Multimedia Interaktif” ...................................... 7

Silabus pembelajaran ......................................................................................................... 7

Petunjuk penggunaan Modul ............................................................................................. 8

KEGIATAN BELAJAR 1 ................................................................................................. 9

MEMBUAT PROJECT BARU (Pada Menu Player) ................................................................. 9

Tujuan Belajar ..................................................................................................................... 9

Mengatur ukuran tampilan ................................................................................................. 10

Mengatur player dan Bahasa .............................................................................................. 11

Mengatur Warna Player ...................................................................................................... 13

Mengatur Jenis Font pada Player ....................................................................................... 15

Mengatur Bahasa ................................................................................................................ 15

Mengatur Browser .............................................................................................................. 16

Video Tutorial KB 1 ............................................................................................................. 16

KEGIATAN BELAJAR 2 ................................................................................................. 17

MEMBUAT TAMPILAN OPENING ........................................................................................ 17

Tujuan Belajar .................................................................................................................... 17

Mengubah Nama Slide ........................................................................................................ 18

Menambahkan Slide ........................................................................................................... 18

Menyisipkan gambar logo ................................................................................................... 19

Menambahkan teks institusi ............................................................................................... 20

Memberi animasi pada tampilan images dan Teks ............................................................ 21

Menjalankan /Mempreview Bahan Ajar ............................................................................. 22

Menambahkan Trigger ........................................................................................................ 22

Video Tutorial KB 2 ............................................................................................................. 22

Page 6: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

2

KEGIATAN BELAJAR 3 .................................................................................................. 23

Menyisipkan Teks, Gambar, Audio, Video, Dan Animasi Untuk Isi Uraian Materi ............. 23

Tujuan Belajar ..................................................................................................................... 23

Menyisipkan Suara/Audio ................................................................................................... 24

Menyisipkan Video .............................................................................................................. 24

Menyisipkan Character ....................................................................................................... 25

Membuat Materi Interaktif Dengan Hotspot ..................................................................... 28

Membuat Materi Interaktif Dengan Marker ...................................................................... 32

Mengatur warna Marker .................................................................................................... 34

Video Tutorial KB 3 ............................................................................................................. 35

KEGIATAN BELAJAR 4 ................................................................................................. 36

MEMBUAT LATIHAN INTERAKTIF ........................................................................................ 36

Tujuan Belajar ..................................................................................................................... 36

Menambahkan slide untuk soal .......................................................................................... 39

Mengetikkan soal pilihan ganda ......................................................................................... 40

Mengatur acak opsi jawaban .............................................................................................. 40

Mengatur kesempatan Menjawab ..................................................................................... 40

Mengatur acak opsi jawaban .............................................................................................. 40

Melihat bentuk tampilan soal ............................................................................................. 41

Mempreview soal Latihan ................................................................................................... 41

Menambahkan Soal ............................................................................................................ 41

Membuat Soal Isian Pendek ............................................................................................... 41

Membuat halaman untuk menampilkan hasil latihan. ....................................................... 43

Video Tutorial KB 4 ............................................................................................................. 45

KEGIATAN BELAJAR 5 ................................................................................................. 46

MEMPUBLISH HASIL ............................................................................................................ 47

Tujuan Belajar .................................................................................................................... 47

Mempubilsh ke HTML5 ....................................................................................................... 47

Page 7: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

3

Berbagi file bahan pembelajaran ........................................................................................ 49

Video Tutorial KB 5 ............................................................................................................. 50

Contoh Multimedia Interaktif Memanfaatkan Articulate Storyline.. ................................. 51

Tugas ................................................................................................................................... 50

Rangkuman ........................................................................................................................ 51

PENUTUP ............................................................................................................................ 52

Daftar Pustaka .................................................................................................................... 53

TES AKHIR MODUL .............................................................................................................. 54

Page 8: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

4

DAFTAR GAMBAR

Gambar 1.1 Tampilan new project ...................................................................................... 10

Gambar 1.2 Tampilan Design .............................................................................................. 10

Gambar 1.3 Tampilan Change Story Size ............................................................................ 11

Gambar 1.4 Tampilan Home ............................................................................................... 11

Gambar 1.5 Tampilan Features pada Player Properties ..................................................... 11

Gambar 1.6 Tampilan Player Tabs ...................................................................................... 12

Gambar 1.7 Tampilan Editing pada bagian Features ......................................................... 12

Gambar 1.8 Tampilan Editing pada bagian control ............................................................ 12

Gambar 1.9 Tampilan Colour & Effect pada bagian Properties .......................................... 13

Gambar 1.10 Tampilan hasil setting warna pada Player .................................................... 13

Gambar 1.11 Tampilan show advanced colour editing ...................................................... 14

Gambar 1.12 Tampilan Page background .......................................................................... 14

Gambar 1.13 Tampilan setting jenis font pada Player ....................................................... 15

Gambar 1.14 Tampilan setting bahasa ............................................................................... 15

Gambar 1.15 Tampilan Custom text ................................................................................... 15

Gambar 1.16 Tampilan setting ukuran browser ................................................................. 16

Gambar 2.1 Tampilan setting nama pada slide pertama ................................................... 18

Gambar 2.2 Tampilan menambah slide .............................................................................. 18

Gambar 2.3 Tampilan setting nama pada slide kedua ....................................................... 19

Gambar 2.4 Tampilan setting gambar logo ........................................................................ 19

Gambar 2.5 Tampilan memilih file location ........................................................................ 19

Gambar 2.6 Tampilan slide yang memuat logo .................................................................. 20

Gambar 2.7 Tampilan slide yang memuat logo dan teks institusi ...................................... 20

Gambar 2.8 Tampilan menu animasi .................................................................................. 21

Gambar 2.9 Tampilan durasi waktu pada menu animasi ................................................... 21

Gambar 2.10 Tampilan slide hasil setting animasi ............................................................. 21

Gambar 2.11 Tampilan view slide ....................................................................................... 22

Gambar 2.12 (a), (b) Tampilan setting pada trigger wizard................................................ 22

Gambar 3.1 Tampilan insert audio ..................................................................................... 24

Gambar 3.2 Tampilan insert video ...................................................................................... 24

Page 9: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

5

Gambar 3.3 (a) (b) (c) (d) (e) (f) Tampilan character .......................................................... 27

Gambar 3.4 character pada base layer ............................................................................... 28

Gambar 3.5 Tampilan insert pada base layer ..................................................................... 28

Gambar 3.6 Tampilan hotspot lingkaran pada bagian kepala ............................................ 28

Gambar 3.7 Tampilan insert pada base layer ..................................................................... 29

Gambar 3.8 Tampilan hotspot kotak pada bagian tangan kiri............................................ 29

Gambar 3.9 Tampilan insert pada base layer ..................................................................... 29

Gambar 3.10 Tampilan hotspot kotak pada bagian tangan kanan dan tangan kiri ............ 29

Gambar 3.11 Tampilan new layer ....................................................................................... 30

Gambar 3.12 Tampilan pada layer kepala .......................................................................... 30

Gambar 3.13 Tampilan keseluruhan pada slide layers ....................................................... 30

Gambar 3.14 Tampilan triggers pada base layer ................................................................ 31

Gambar 3.15 Tampilan animasi pada base layer ................................................................ 31

Gambar 3.16 Tampilan objek pada slide ............................................................................ 32

Gambar 3.17 Tampilan marker ........................................................................................... 32

Gambar 3.18 Tampilan keterangan marker ........................................................................ 34

Gambar 3.19 Tampilan marker styles ................................................................................. 34

Gambar 3.20 Tampilan Label style ...................................................................................... 34

Gambar 3.21 Tampilan keseluruhan animasi memanfaatkan marker ............................... 35

Gambar 4.1 Tampilan scene latihan ................................................................................... 37

Gambar 4.2 (a) (b) dan (c) Tampilan awal pembuatan latihan soal ................................... 38

Gambar 4.3 (a) dan (b) Tampilan trigger pada pembuatan latihan soal ............................ 38

Gambar 4.4 (a) dan (b) Tampilan langkah-langkah menyusun soal pilihan ganda ............ 39

Gambar 4.5 Tampilan langkah pengetikan soal pilihan ganda ........................................... 40

Gambar 4.6 Tampilan Attemps ........................................................................................... 40

Gambar 4.7 Tampilan shuffle .............................................................................................. 40

Gambar 4.8 Tampilan form view dan slide view ................................................................. 48

Gambar 4.9 Tampilan langkah-langkah membuat soal isian pendek ................................. 42

Gambar 4.10 (a) (b) (c) (d) (e) dan (f) Tampilan langkah-langkah membuat halaman

untuk menampilkan hasil ujian ........................................................................................... 45

Gambar 5.1 Tampilan awal untuk publish hasil .................................................................. 47

Page 10: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

6

Gambar 5.2 Tampilan awal untuk publish hasil .................................................................. 47

Gambar 5.3 Tampilan halaman publish successful ............................................................. 48

Gambar 5.4 Tampilan storyline output ............................................................................... 49

Gambar 5.5 Tampilan isi folder hasil publish HTML5 ......................................................... 49

Gambar 5.6 Tampilan penamaan file pada folder hasil publish ......................................... 50

Page 11: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

7

PENDAHULUAN

Pengantar

Silabus pembelajaran

Kegiatan Belajar 1 : MEMBUAT PROJECT BARU (Pada Menu Player) Tujuan belajar: Setelah mempelajari kegiatan belajar 1 diharapkan sahabat mampu Mengatur ukuran tampilan, Mengatur player dan Bahasa, Mengatur Warna Player, Mengatur Jenis Font pada Player, Mengatur Bahasa, Mengatur Browser

Selamat datang pada Diklat Kompetensi TIK Guru level 3!

Apakah sahabat sudah melaksanakan pengembangan kompetensi dan

kualitas diri? Bagaimana Sahabat melakukannya?

Salah satu alternatif dalam pengembangan kompetensi dan kualitas diri adalah

mencoba membuat bahan belajar yang menarik. Membuat bahan belajar yang

menarik tetapi memiliki materi yang benar adalah sebuah tantangan buat para

pendidik. Saat ini banyak authoring tools yang dapat dimanfaatkan untuk

pengembangan bahan belajar. Mulai authoring tools yang berbayar maupun

gratis.

Articulate Storyline, Lectora, dan Exe Learning merupakan contoh authoring

tools yang dapat digunakan. Articulate Storyline dipilih karena memiliki

kemudahaan dalam penggunaanya dan output yang dihasilkan dapat dipublish

dalam format berbagai format termasuk HTML5.

Video Pengantar Modul 11 Pembuatan Multimedia Interaktif

https://youtu.be/KJd7IFqMpdE

Page 12: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

8

Kegiatan Belajar 2 : MEMBUAT TAMPILAN OPENING Tujuan belajar: Setelah mempelajari kegiatan belajar 2 diharapkan sahabat mampu Mengubah Nama Slide, Menambahkan Slide, Menyisipkan gambar logo, Menambahkan teks institusi, Memberi animasi pada tampilan images dan Teks, Menjalankan /Mempreview Bahan Ajar, Menambahkan Trigger Kegiatan Belajar 3 : MENYISIPKAN TEKS, GAMBAR, AUDIO, VIDEO, DAN ANIMASI UNTUK

ISI URAIAN MATERI Tujuan belajar: Setelah mempelajari kegiatan belajar 3 diharapkan sahabat mampu Menyisipkan Suara/Audio, Menyisipkan Video, Menyisipkan Character, Membuat Materi Interaktif Dengan Hotspot, Membuat Materi Interaktif Dengan Marker, Mengatur warna Marker Kegiatan Belajar 4 : MEMBUAT LATIHAN INTERAKTIF Tujuan belajar: Setelah mempelajari kegiatan belajar 4 diharapkan sahabat mampu, Menambahkan slide untuk soal, Mengetikkan soal pilihan ganda, Mengatur acak opsi jawaban, Mengatur kesempatan Menjawab, Mengatur acak opsi jawaban, Melihat bentuk tampilan soal, Mempreview soal Latihan, Menambahkan Soal, Membuat Soal Isian Pendek, Membuat halaman untuk menampilkan hasil latihan. Kegiatan Belajar 5 : MEMPUBLISH HASIL Tujuan belajar: Setelah mempelajari kegiatan belajar 5 diharapkan sahabat mampu Mempubilsh ke HTML5 dan Berbagi file bahan pembelajaran Petunjuk Penggunaan Modul

1. Pelajari tujuan setiap kegiatan belajar yang tersedia.

2. Pelajari materi yang tersedia pada setiap kegiatan belajar dan kerjakan tugas pada akhir

pembelajaran 5 sesuai petunjuk tutor.

3. Kerjakan tugas tersebut untuk mengukur pengetahuan yang telah Anda pelajari.

4. Gunakan forum diskusi untuk berkomunikasi dengan peserta lain ketika mengalami

kendala dalam penyelesaian tugas.

5. Pada setiap akhir kegiatan belajar terdapat link video tutorial yang dapat dimanfaatkan

untuk memahami secara mendalam proses pembuatan multimedia interaktif

Page 13: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

9

KEGIATAN PEMBELAJARAN 1

MEMBUAT PROJECT BARU (Pada Menu Player)

Tujuan

Setelah mempelajari kegiatan pembelajaran ini, diharapkan Sahabat dapat:

- Mengatur ukuran tampilan - Mengatur player dan Bahasa - Mengatur Warna Player - Mengatur Jenis Font pada Player - Mengatur Bahasa - Mengatur Browser

Indikator Pencapaian Kompetensi

Memahami pembuatan project baru

Uraian Materi

Page 14: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

10

MEMBUAT PROJEK BARU

Jalankan aplikasi Articulate Storyline 3.

Pilih New Project pada jendela awal Storyline yang muncul

Gambar 1.1

Tampilan new project

Mengatur Ukuran Tampilan

Pilih menu DESIGN pada menu bar

Pilih Story Size Setup

Gambar 1.2 Tampilan Design

Pada jendela Change Story Size yang ada, pilih rasio ukuran tampilan sesuai kebutuhan,

atau ketikkan nilai pada kotak Width dan Higth. Klik pada Lock aspect ratio supaya

ukuran yang sudah anda pilih tidak berubah. Kemudian pilih OK

Page 15: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

11

Gambar 1.3 Tampilan Change Story Size

Mengatur Player, dan Bahasa

Pilih menu Home, kemudian pilih Player

Gambar 1.4 Tampilan Home

Pada Jendela Player Properties yang muncul, Klik pada Features

Gambar 1.5

Tampilan Features pada Player Properties

Page 16: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

12

Pada Player Tabs lepas tanda centang pada Resources dan Menu dengan cara klik pada

kotak bertanda centang.

Gambar 1.6 Tampilan Player Tabs

Pada Features, ketikkan mata pelajaran dan kelas berapa dari topik yang Anda buat di kotak Title. Atau Anda bisa juga menghilangkan tanda Centang di Title kalau Anda tidak ingin menampilkannya.

Gambar 1.7 Tampilan Editing pada bagian Features

Pada Controls Anda bisa mengaturnya sesuai keperluan dengan cara memberi tanda

centang atau tidak untuk Volume, Search, Captions, Seekbar, dan Logo. Maka tampilan Prewiev Player akan seperti berikut.

Gambar 1.8

Tampilan Editing pada bagian control

Page 17: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

13

Mengatur Warna Player

Klik pada Colors & Effects , Klik pada kotak Default pada Color scheme kemudian

pilih warna yang akan digunakan (misal Light Blue).

v

v

Gambar 1.9 Tampilan Colour & Effect pada bagian Properties

Maka warna player akan berubah sesuai dengan warna yang dipilih.

Gambar 1.10 Tampilan hasil setting warna pada Player

Page 18: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

14

Anda dapat melakukan pengaturan warna tingkat lanjut dengan mengklik Show

advanced color editing

v

Gambar 1.11

Tampilan show advanced colour editing

Sedangkan untuk mengatur warna belakang dari tampilan Klik pada Page

Background kemudian pilih warna yang digunakan.

v

Gambar 1.12 Tampilan Page background

Page 19: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

15

Mengatur Jenis Font pada Player

Klik pada Player Font, kemudian pilih font yang akan digunakan. Secara default font yang

digunakan adalah Open Sans, dimana jenis ini sudah cukup baik.

v

Gambar 1.13 Tampilan setting jenis font pada Player

Sedangkan untuk mengatur ukuran font anda bisa mengubah nilai pada Player font

size.

Mengatur Bahasa

Secara default bahasa yang digunakan pada Articulate Storyline adalah Bahasa Inggris

tetapi Anda dapat mengatur ke Bahasa Indonesia dengan cara: Klik Text Labels kemudian Klik Language pilih Indonesian

v

Gambar 1.14 Tampilan setting bahasa

Selain itu Anda juga dapat mengubah tiap label sesuai kebutuhan. Untuk mengubah

label caranya klik pada Custom Text yang akan di ubah kemudian ketikkan perubahan

labelnya.

v

Gambar 1.15

Tampilan Custom text

Setelah melakukan perubahan Anda bisa menyimpannya.

Page 20: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

16

Mengatur Browser

Klik Other

Klik Browser size atur ke resize browser to optimal size Klik Player

size atur ke Scale player to fill browser window

v

v

Gambar 1.16 Tampilan setting ukuran browser

Kemudian klik OK

Video Pengantar Modul 11 Pembuatan Multimedia Interaktif

https://youtu.be/KJd7IFqMpdE

Video Tutorial Kegiatan Belajar 1 Pembuatan Project baru

https://youtu.be/X2Orhie42ZI

Page 21: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

17

KEGIATAN PEMBELAJARAN 2 MEMBUAT TAMPILAN OPENING

Tujuan

Setelah mempelajari kegiatan pembelajaran ini, diharapkan Sahabat dapat:

- Mengubah Nama Slide - Menambahkan Slide - Menyisipkan gambar logo - Menambahkan teks institusi - Memberi animasi pada tampilan images dan Teks - Menjalankan /Mempreview Bahan Ajar - Menambahkan Trigger

Indikator Pencapaian Kompetensi

Memahami Pembuatan Tampilan Opening

Uraian Materi

Page 22: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

18

MEMBUAT TAMPILAN OPENING Mengubah Nama Slide

Untuk memudahkan anda dalam menangani slide maka sebaiknya setiap slide di beri

nama . Klik dua kali pada untitled slide di scene Opening, kemudian ketikan Logo ( dengan

asumsi slide ini nantinya berisi logo)

vv

Gambar 2.1 Tampilan setting nama pada slide pertama

Menambahkan Slide Klik Slide yang berjudul logo tersebut kemudian pilih Duplicate

Gambar 2.2 Tampilan menambah slide

Page 23: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

19

Dengan cara yang sama sebelumnya, ubahlah nama slide ini dengan Judul

Gambar 2.3 Tampilan setting nama pada slide kedua

Menyisipkan Gambar Logo

Pilih menu INSERT pilih Picture > picture from File

vv

Gambar 2.4

Tampilan setting gambar logo

Kemudian pilih gambar logo yang akan digunakan.

v

Gambar 2.5 Tampilan memilih file location

Page 24: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

20

Pilih Open

Kemudian Atur ukuran dan posisi gambar logo seperti berikut.

Gambar 2.6 Tampilan slide yang memuat logo

Menambahkan Teks Institusi

Selain logo biasanya ditampilkan intitusinya. Klik menu INSERT kemudian pilih Text box

Kemudian ketikkan nama institusi di bawah Logo, atur jenis, ukuran dan warna font sesuai

keinginan (ingat cari warna yang kontras dengan latar belakangnya) sehingga tampilannya

seperti berikut.

Gambar 2.7 Tampilan slide yang memuat logo dan teks institusi

Page 25: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

21

Memberi animasi pada tampilan images dan teks

Agar menarik saat tampilan logo ini dijalankan sebaiknya anda tambahkan animasi . Klik pada gambar logo. Pilih menu ANIMATIONS pilih bentuk animasi yang akan digunakan.

Gambar 2.8 Tampilan menu animasi

Kemudian Anda bisa mengatur durasi tampilnya logo.

Gambar 2.9

Tampilan durasi waktu pada menu animasi

Setelah memberi animasi logo selanjutnya anda dapat melakukan hal yang sama

untuk nama institusi. Klik dulu Teks intitusi baru pilih animasinya. Untuk obyek yang

sudah diberi animasi maka pada tampilan akan muncul simbol bintang.

Gambar 2.10 Tampilan slide hasil setting animasi

Page 26: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

22

Menjalankan /Mempreview Bahan Ajar

Untuk mencoba jalannya animasi Klik Preview pilih This Slide. Untuk kembali ke area kerja

Anda bisa klik di Close Preview

vv

vv

Gambar 2.11 Tampilan view slide

Menambahkan Trigger

Pilih suatu slide kemudian Klik Create new trigger lalu sesuaikan dengan kebutuhan pada

bagian Trigger Wizard

.

(a) (b)

Gambar 2.12 (a), (b)

Tampilan setting pada trigger wizard

Setelah diatur klik OK

Video Tutorial Kegiatan Belajar 2 Pembuatan Tampilan Opening

https://youtu.be/owWANeiCE30

Page 27: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

23

KEGIATAN PEMBELAJARAN 3 Menyisipkan Teks, Gambar, Audio, Video, Dan

Animasi Untuk Isi Uraian Materi

Tujuan

Setelah mempelajari kegiatan pembelajaran ini, diharapkan Sahabat dapat:

- Menyisipkan Suara/Audio

- Menyisipkan Video

- Menyisipkan Character

- Membuat Materi Interaktif Dengan Hotspot

- Membuat Materi Interaktif Dengan Marker

- Mengatur warna Marker

Indikator Pencapaian Kompetensi

Memahami penggunaan articulate storyline untuk membuat bahan belajar

menggunakan articulate storyline

Uraian Materi

Page 28: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

24

MENYISIPKAN TEKS, GAMBAR, AUDIO, VIDEO, DAN ANIMASI UNTUK ISI URAIAN MATERI

Pada prinsipnya materi yang akan anda sampaikan dapat berupa teks, gambar, suara, video,

dan animasi, tergantung dari materi pelajaran yang anda pilih.

Tata letaknya bisa bermacam-macam. Untuk itu Anda hanya perlu tahu cara bagaimana

menambahkan media-media tersebut ke halaman tampilan.

Menyisipkan Suara/Audio

Klik pada slide yang akan diberi suara/audio Pilih menu INSERT pilih Audio

Gambar 3.34 Tampilan insert

Gambar 3.1 Tampilan insert audio

Menyisipkan Video

Klik pada slide yang akan diberi video. Pilih menu INSERT pilih Video

Gambar 3.2

Tampilan insert video

Page 29: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

25

Menyisipkan Character

Pada storyline terdapat fitur untuk menyisipkan karekter berupa gambar orang yang dapat

kita atur rupanya (laki-laki atau perempuan), ekspresi wajahnya (sedih, gembira, marah,

dsbnya) cara berdirinya (kekiri, kekanan, atau kedepan) Klik pada slide yang akan diberi Karakter Pilih menu INSERT pilih Character Kemudian akan

muncul jendela untuk mengatur seperti berikut.

(a) (

(b)

Pilih tab Character kemudian pilih tokoh yang akan digunakan

Page 30: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

26

(c)

Pilih tab Expression kemudian pilih ekspresi yang akan digunakan

(d)

Page 31: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

27

Pilih tab Pose kemudian pilih pose yang akan digunakan (e)

Pilih tab Left, Front, atau Right untuk mengatur arah berdiri si tokoh

(f) Gambar 3.3 (a) (b) (c) (d) (e) (f) Tampilan character

Setelah selesai kemudian Klik INSERT

Page 32: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

28

Membuat Materi Interaktif Dengan Hotspot

Untuk menyampaikan materi agar menarik anda dapat menampilkannya dalam bentuk

tampilan ineraktif, seperti sebuah obyek yang apabila dikenai kursor akan memunculkan

informasi yang berhubungan dengan obyek tersebut. Sebagai latihan misalnya materi

mengenalkan bagian-bagian tubuh manusia.

Pilih Slide yang ada atau buat slide baru. Kemudian Buat sebuah tokoh karakter baru (lihat

langkahnya seperti diatas)

- Buatlah karakter seperti di bawah ini sebagai tampilan base layer

Gambar 3.4 character pada base layer

Lakukan langkah selanjutnya (masih tetap pada base layer )

1. Pilih menu INSERT kemudian pilih Hotspot lalu pilih oval

Gambar 3.5 Tampilan insert pada base layer

buat lingkaran di bagian kepala gambar orang.

Gambar 3.6 Tampilan hotspot lingkaran pada bagian kepala

Page 33: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

29

2. Pilih menu INSERT kemudian pilih Hotspot lalu pilih kotak

Gambar 3.7 Tampilan insert pada base layer

Buat kotak menutupi gambar tangan kiri

Gambar 3.8 Tampilan hotspot kotak pada bagian tangan kiri

3. Pilih menu INSERT kemudian pilih Hotspot lalu pilih kotak

Gambar 3.9 Tampilan insert pada base layer Buat kotak menutupi gambar tangan kanan

Gambar 3.10 Tampilan hotspot kotak pada bagian tangan kanan dan tangan kiri

Page 34: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

30

- Buatlah New layer dengan keterangan sebagai berikut

1. Klik New Layer , ubah nama layer menjadi kepala, lalu Pilih text Box

(a) (b)

Gambar 3.11 Tampilan new layer

Kemudian Ketikkan di sebelah gambar kepala, tulisan “ Ini Kepala”

Gambar 3.12 Tampilan pada layer kepala

2. Klik New Layer , ubah nama layer menjadi tangan kiri Kemudian buat teks “ Ini

Tangan Kiri ‘ didekat gambar tangan kiri

3. Klik New Layer , ubah nama layer menjadi tangan kanan Kemudian buat teks “ Ini

Tangan Kanan ‘ didekat gambar tangan kanan

Sehingga pada jendela Slide Layers menjadi seperti ini.

Gambar 3.13 Tampilan keseluruhan pada slide layers

Page 35: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

31

- Kembali lagi pada tampilan base layer. Lakukanlah langkah sebagai berikut

1. Klik unassigned dibawah Hotspot 1 pada jendela Triggers, pilih kepala

Gambar 3.14 Tampilan triggers pada base layer

2. Klik unassigned dibawah Hotspot 2, pada jendela Triggers, pilih tangan kiri

3. Klik unassigned dibawah Hotspot 3, pada jendela Triggers, pilih tangan kanan

Kemudian Ketikkan di bagian bawah gambar, tulisan “ Ayo arahkan kursor ke

bagian-bagian tubuh ! ”

Gambar 3.15 Tampilan animasi pada base layer

Kemudian untuk melihat hasilnya Pilih This Slide pada menu Preview.

Coba arahkan kursor ke bagian kepala dan tangan akan muncul tulisan “ ini

kepala” atau “ini Tangan Kiri” atau “Ini Tangan Kanan”

Page 36: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

32

Membuat Materi Interaktif Dengan Marker

Selain dengan Hotspot anda juga bisa membuat tampilan interaktif dengan

menggunakan marker. Pilih Slide yang ada atau buat slide baru kemudian Insert picture kemudian Pilih gambar

globe (misalnya)

Gambar 3.16 Tampilan objek pada slide

Pilih menu INSERT pilih Marker, pilih bentuk marker yang akan dipakai

Gambar 3.17 Tampilan marker

Page 37: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

33

Klik di gambar benua Asia kemudian ketikkan tulisan di kotak yang ada seperti berikut. (a)

Atur ukuran kotak dengan cara klik dan geser pada titik putih yang terdapat di kotak,

sehingga ukurannya sesuai. (b)

Page 38: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

34

Pilih menu INSERT pilih Marker, pilih bentuk marker yang akan dipakai

Klik di gambar benua Australia

Kemudian ketikkan tulisan di kotak yang ada seperti berikut dana atur ukuran kotak.

(c) Gambar 3.18 Tampilan keterangan marker

Mengatur warna Marker

Anda bisa mengatur warna dari marker dengan cara

Klik di marker kemudian pilih warna yang akan digunakan pada jendela Marker Styles atau

klik Marker Fill kemudian pilih warna.

Gambar 3.19 Tampilan marker styles

Mengatur warna kotak info

Anda bisa mengatur warna dari kotak info dengan cara memilih warna pada jendela

Label Styles atau klik Label Fill kemudian pilih warna

Gambar 3.20 Tampilan Label styles

Page 39: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

35

Kemudian dengan menggunakan Text Box buat sebuah kalimat pada layar tampilan

“Coba arahkan kursor ke lingkaran, untuk mendapatkan info lebih lanjut silikan klik”

Gambar 3.21 Tampilan keseluruhan animasi memanfaatkan marker

Kemudian untuk melihat hasilnya Pilih This Slide pada menu Preview.

Coba arahkan kursor ke bagian lingkaran akan muncul tulisan kotak info dan saat di klik

akan muncul info lebih lanjut.

Video Tutorial Kegiatan Belajar 3

Menyisipkan Teks, Gambar, Audio, Video,

Dan Animasi Untuk Isi Uraian Materi

https://youtu.be/iJdD-k_gco0

Page 40: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

36

KEGIATAN PEMBELAJARAN 4 MEMBUAT LATIHAN INTERAKTIF

Tujuan

Setelah mempelajari kegiatan pembelajaran ini, diharapkan Sahabat dapat:

- Menambahkan slide untuk soal - Mengetikkan soal pilihan ganda - Mengatur acak opsi jawaban - Mengatur kesempatan Menjawab - Mengatur acak opsi jawaban - Melihat bentuk tampilan soal - Mempreview soal Latihan - Menambahkan Soal - Membuat Soal Isian Pendek - Membuat halaman untuk menampilkan hasil latihan.

Indikator Pencapaian Kompetensi

Memahami Langkah Menyisipkan audio, video, dan animasi pada articulate

Uraian Materi

Page 41: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

37

MEMBUAT LATIHAN INTERAKTIF

Anda bisa memberi penilaian dari hasil pengerjaan soal, memberi respon apabila nilai

tidak memenuhi standar yang ditentukan, dan menampilkan review hasil pengerjaan soal.

Untuk membuatt latihan interaktif caranya berikut.

Klik dua kali slide pertama pada Scene Latihan

Gambar 4.1 Tampilan scene latihan

Kemudian dengan menggunakan Text Box ketikkan pada slide kalimat seperti berikut. (a)

(b)

Page 42: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

38

Pilih menu INSERT pilih Button pilih bentuk button

Buat sebuah kotak di bawah teks, atur warna button

Klik kanan pada button pilih Edit Teks, kemudian Ketikkan pada Button “ IKUT LATIHAN “

(c) Gambar 4.2 (a) (b) dan (c) Tampilan awal pembuatan latihan soal

Pada Jendela Triggers pilih Add trigger pada Button 1

(a) Kemudian atur jendela Trigger Wizard seperti berikut. (b)

Gambar 4.3 (a) dan (b) Tampilan trigger pada pembuatan latihan soal

Pilih OK

Page 43: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

39

Menambahkan slide untuk soal

Klik Kanan mouse dibawah slide , pilih New Slide, pilih Graded Questions

(a)

Kemudian Anda bisa pilih Multiple Choice untuk bentuk soal pilihan ganda. (anda bisa

memilih bentuk soal yang lain sesuai kebutuhan)

(b) Gambar 4.4 (a) dan (b) Tampilan langkah-langkah menyusun soal pilihan ganda

Page 44: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

40

Mengetikkan soal pilihan ganda

Kemudian Ketikkan soal pada kotak Enter the Question dan ketikkan pilihan jawaban pada

kotak Choice. Klik pada kolom Correct untuk jawaban yang benar .

Gambar 4.5 Tampilan langkah pengetikan soal pilihan ganda

Untuk mengganti tulisan Feedback apabila jawaban benar atau salah anda bisa

mengetikkannya pada kotak Correct dan Incorrect

Mengatur kesempatan Menjawab

Untuk mengatur berapa kali siswa diberi kesempatan menjawab anda bisa

mengetikkan nilai pada kotak Attemps.

Gambar 4.6 Tampilan Attemps

Mengatur acak opsi jawaban

Untuk mengatur apakah opsi jawaban diacak kemunculannya atau tidak, atur pada kotak

Shuffle.

Gambar 4.7 Tampilan shuffle

Page 45: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

41

Melihat bentuk tampilan soal

Untuk melihat tampilan soalnya anda bisa klik menu Slide View pada jendela Question.

Sedangkan Form View untuk mengatur soal dan jawaban.

Gambar 4.8 Tampilan form view dan slide view

Mempreview soal latihan

Untuk melihat hasil jadinya anda bisa jalankan melalui menu Preview pilih This Scene.

Menambahkan Soal

Untuk menambah jumlah soal Anda dapat mengulang langkah dari

Klik Kanan mouse dibawah slide, pilih New Slide, pilih Graded Questions

Membuat Soal Isian Pendek

Pilih Fill-in-the-blank

(a)

Page 46: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

42

Kemudian Ketikkan soal pada kotak Enter the Question dan ketikkan jawaban yang Benar

pada kotak Acceptable Answers. Anda bisa mengetikkan jawaban lebih dari satu apabila

kemungkinan jawaban yang benarnya bisa lebih dari satu.

(b)

Saat anda lihat tampilannya melalui menu Slide View akan seperti ini.

(c)

Gambar 4.9 Tampilan langkah-langkah membuat soal isian pendek

Coba jalankan kembali !

Silakan Anda tambahkan soal-soal selanjutnya hingga berjumlah 10, Anda bisa membuat

soal dengan satu bentuk atau campuran bentuk soal yang berbeda.

Page 47: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

43

Membuat halaman untuk menampilkan hasil latihan.

Pada akhir latihan akan lebih baik kalau siswa dapat melihat hasil dari latihan yang telah

siawa kerjakan. Klik kanan mouse dibawah slide soal terakhir kemudian pilih New Slide, pilih Results..

(a)

Pilih Graded Result Slide pada Built in result Slide

(b)

Page 48: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

44

Pilih

Pada jendela result properties anda bisa mengatur :

Ketikkan nilai batas minimal berhasil pada kotak Passing Score

Beri centang pada kotak End quiz after apabila anda ingin membatasi waktu untuk

mengerjakan soal dan ketikkan nilai untuk waktu menjawab keseluruhan soal.

(c)

Pilih OK

(d)

Page 49: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

45

Pada halaman tampilan Results , Anda dapat mengganti teks yang ada kecuali teks yang

dimulai dan diakhiri dengan tanda %

(e)

Sedangkan untuk mengubah kalimat Feedback bisa anda lakukan melalui layer Failure

untuk Respon tidak berhasil dan layer Success untuk respon berhasil

(f)

Gambar 4.10 (a) (b) (c) (d) (e) dan (f) Tampilan langkah-langkah membuat halaman untuk menampilkan hasil ujian

Video Tutorial Kegiatan Belajar 4 Pembuatan latihan Interaktif

https://youtu.be/Ep0ysfdwXiI

Page 50: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

46

KEGIATAN PEMBELAJARAN 5 MEMPUBLISH HASIL

Tujuan

Setelah mempelajari kegiatan pembelajaran ini, diharapkan Sahabat dapat:

- Mempubilsh ke HTML5 - Berbagi file bahan pembelajaran

Indikator Pencapaian Kompetensi

Memahami penggunaan articulate storyline untuk membuat bahan belajar

menggunakan articulate storyline

Uraian Materi

Page 51: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

47

PUBLISH MEDIA PEMBELAJARAN INTERAKTIF

MEMPUBLISH HASIL

Pilih menu HOME pilih Publish.

v

Gambar 5.1 Tampilan awal untuk publish hasil

Akan muncul jendela Publish.

Mempubilsh ke HTML5

Pilih tab Web kemudian Ketikan judul /topik pada kolom Title. Ketikkan diskripsi dari bahan

pembelajaran ( bisa synopsis, atau informasi pembuat) pada kotak Description atau bisa

juga dikosongkan lalu Atur lokasi tempat penyimpanan hasil publish pada kotak Folder

v v

v

v

Gambar 5.2 Tampilan awal untuk publish hasil

Page 52: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

48

Gambar 5.3 Tampilan halaman publish successful

Pilih PUBLISH

Setelah selesai proses Publish akan muncul jendela Publish Successful

Pilih VIEW PROJECT untuk menjalankan file hasil publish

Pilih OPEN untuk Melihat lokasi file hasil publish

Pilih ZIP untuk menkonversi file hasil publish menjadi file Zip Pilih FTP

untuk mengUpload file hasil publish

Pilih CLOSE untuk mengakhiri proses Publish

Page 53: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

49

BERBAGI FILE BAHAN PEMBELAJARAN

Agar bahan Pembelajaran yang telah anda buat bermanfaat, anda bisa berbagi ke siswa ,

ke rekan Anda atau juga dikirim ke Karya Guru di Rumah Belajar

(belajar.kemdikbud.go.id). Berbagi itu Nikmat dan Berkah. Untuk berbagi maka file yang harus di copy adalah file hasil publish bukan hasil kerja yang

berekstensi.Story. File hasil Publish biasanya terdapat di dalam folder dengan nama

dibelakangnya Storyline output

v

Gambar 5.4 Tampilan storyline output

Apabila folder tersebut dibuka maka akan terdapat beberapa file dan folder Hasil

publish berupa HTML5

v

Gambar 5.5 Tampilan isi folder hasil publish HTML5

Page 54: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

50

Untuk menjalankan file hasil publish HTML5 adalah story_html5

agar memudahkan orang lain menjalankannya anda bisa mengubah penamaan file

tersebut misalnya menjadi Buka file ini atau Judul Topiknya.

v

Gambar 5.6 Tampilan penamaan file pada folder hasil publish

Tugas

Video Tutorial Kegiatan Belajar 5 Mempublish Hasil

https://youtu.be/TXygJrNxaKs

Buatlah Multimedia Interaktif memanfaatkan articulate storyline dengan

ketentuan sebagai barikut :

1. Materi sesuai mata pelajaran yang diampu

2. Minimal mencakup satu Indikator Pencapaian Kompetensi (IPK)

3. Memiliki Penjelasan materi dan latihan soal

4. Hasil publish berupa Format HTML5

Page 55: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

51

Rangkuman

Contoh Multimedia Interaktif Memanfaatkan Articulate Storyline

- Setelah mempelajari kegiatan belajar 1 sahabat mampu Mengatur ukuran tampilan, Mengatur player dan Bahasa, Mengatur Warna Player, Mengatur Jenis Font pada Player, Mengatur Bahasa, Mengatur Browser

- Setelah mempelajari kegiatan belajar 2 sahabat mampu Mengubah Nama Slide, Menambahkan Slide, Menyisipkan gambar logo, Menambahkan teks institusi, Memberi animasi pada tampilan images dan Teks, Menjalankan /Mempreview Bahan Ajar, Menambahkan Trigger

- Setelah mempelajari kegiatan belajar 3 sahabat mampu Menyisipkan Suara/Audio, Menyisipkan Video, Menyisipkan Character, Membuat Materi Interaktif Dengan Hotspot, Membuat Materi Interaktif Dengan Marker, Mengatur warna Marker

- Setelah mempelajari kegiatan belajar 4 sahabat mampu, Menambahkan slide untuk soal, Mengetikkan soal pilihan ganda, Mengatur acak opsi jawaban, Mengatur kesempatan Menjawab, Mengatur acak opsi jawaban, Melihat bentuk tampilan soal, Mempreview soal Latihan, Menambahkan Soal, Membuat Soal Isian Pendek, Membuat halaman untuk menampilkan hasil latihan.

- Setelah mempelajari kegiatan belajar 5 sahabat mampu Mempubilsh ke HTML5 dan Berbagi file bahan pembelajaran

Materi Perkembangbiakan Generatif Tumbuhan Jenjang SD https://sumberbelajar.belajar.kemdikbud.go.id/sumberbelajar/tampi1/Perkembangbiakan-Generatif-Tumbuhan-2016/story_html5.html

Materi Pilihan Karir Setelah Lulus SMP jenjang SMP https://sumber.belajar.kemdikbud.go.id/#!/Package/Home/Complete/7bf2c25194ea48f5a3c3e45f61f37465

Materi Larutan Asam, Basa, garam jenjang SMK Pariwisata https://sumber.belajar.kemdikbud.go.id/#!/Package/Home/Complete/7027987ecbfb42f997353787115b49d4

Materi Umum (Aplikasi Si Tanggap Corona) https://sumber.belajar.kemdikbud.go.id/#!/Package/Home/Complete/b3d6ed640ae14531b51cfb5e0da25c3e

Page 56: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

52

Articulate Storyline adalah software yang populer untuk membuat bahan ajar

pembelajaran daring mandiri yang menarik dengan mudah. Organisasi dapat

memanfaatkan software ini untuk meramu berbagai jenis media(slide, video,

foto, suara, teks), menyusun alur navigasi, interaksi simulasi, dan menyusun tes. Bahan ajar

kelak bisa segera disebarluaskan dengan berbagai cara: di web berbasis HTML, CD, mobile

device atau dipasang pada LMS.

Sebagian besar aktivitas sahabat di Storyline akan dilakukan pada tab Insert. Sahabat dapat

menyisipkan slide; konten statis seperti gambar, video, dan teks; dan Sahabat dapat

memasukkan elemen interaktif. Articulate Storyline dapat kita manfaatkan untuk membuat

kuis, kuis dengan tipe soal multiple choice, drag drop, dan freeform. Articulate dapat kita

manfaatkan juga untuk menampilkan gabungan kuis/tes.

Articulate Storyline dapat kita publish dapat ke dalam format stsahabatrd SCORM, HTML5,

maupun mobile format.

PENUTUP

Page 57: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

53

busybuzzlightyear. (2014, 05 06). busybuzzlightyear. Diambil kembali dari busybuzzlightyear:

https://busybuzzlightyear.wordpress.com/2014/05/06/multimedia-authoring-tools/

Community Articulate, 2016 Storyline 2 User Guide, https://community.articulate.com/series/articulate-storyline-2

Pamong Didik. (2014, 01 01). Diambil kembali dari Pamong Didik: http://www.pamongdidik.com/authoring-tool/panduan-memilih-authoring-tools.html

Perak, M. (2014, 11 01). http://musangperakb24.blogspot.co.id/. Diambil kembali dari (Pamong Didik, 2014) Musang Perak: http://musangperakb24.blogspot.co.id/2014/11/multimedia-authoring-tools.html

Perak, M. (2014, 11 01). http://musangperakb24.blogspot.co.id/. Diambil kembali dari (Pamong Didik, 2014) Musang Perak: http://musangperakb24.blogspot.co.id/2014/11/multimedia-authoring-tools.html

DAFTAR PUSTAKA

Page 58: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

54

Petunjuk Mengerjakan Tes Akhir Modul (TAM)

• Bacalah keseluruhan soal Tes Akhir Modul (TAM) berikut ini terlebih dahulu sebelum

Anda mulai mengerjakannya satu demi satu.

• Mulailah menjawab soal-soal yang lebih mudah menurut Anda.

• Berilah tanda ceklis (v) atau klik pada huruf di depan pilihan jawaban yang menurut

Anda benar.

• Kembangkanlah rasa percaya diri Anda dan usahakanlah berkonsentrasi penuh

mengerjakan semua soal TAM.

• Selamat mengerjakan soal TAM dan SUKSES!

1. Sebuah alat/lingkungan yang disediakan untuk mengintegrasikan content dan functions

pada sebuah project disebut...

A. Authoring Tools

B. Outhoring Tools

C. Automotive Tools

D. Outsourching Tools

2. Di bawah ini merupakan berbagai macam elemen multimedia yang termasuk dalam

project multimedia, kecuali...

A. Animasi

B. Gambar

C. Grafik

D. Huruf Braile

TES AKHIR MODUL

Page 59: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

55

3. Multimedia Authoring Tools yang berbasis pada penggunaan “halaman buku” sebagai

medianya disebut....

A. Card or Page Based Tools

B. Icon Based

C. Time Based and Presentation Tools

D. Book Tools

4. Multimedia Authoring Tools yang penggunaannya sama dengan flowchart

disebut...

A. Card or Page Based Tools

B. Icon Based

C. Time Based and Presentation Tools

D. Book Tools

5. Multimedia Authoring Tools yang bidang pengorganisasiannya berada sepanjang garis

timeline

A. Card or Page Based Tools

B. Icon Based

C. Time Based and Presentation Tools

D. Book Tools

6. Beberapa manfaat yang dapat diperoleh ketika memanfaatkan Articulate Storyline,

kecuali....

A. meramu berbagai jenis media(slide, video, foto, suara, teks)

B. menyusun alur navigasi,

C. interaksi simulasi, dan menyusun tes.

D. Bahan ajar tidak dapat segera di sebarluaskan dengan berbagai cara seperti di web

berbasis HTML, CD, mobile device atau dipasang pada LMS.

Page 60: LEMBAR PENGESAHAN · LEMBAR PENGESAHAN MODUL PEMBELAJARAN BERBASIS TIK (PembaTIK) LEVEL KREASI Judul : PEMBUATAN MULTIMEDIA INTERAKTIF Sasaran : Guru Mata Pelajaran dan Guru Kelas

56

7. Sebagian besar aktivitas sahabat di Storyline akan dilakukan pada tab....

A. Home

B. Insert

C. Transition

D. View

Gambar berikut digunakan untuk menjawab pertanyaan no 8 s.d 9

8. Fitur yang digunakan untuk membuat berbagai macam bentuk bangun datar adalah...

A. Shape

B. Caption

C. Character

D. Video

9. Fitur yang digunakan untuk menginput file berjenis .mp4 adalah...

A. Shape

B. Caption

C. Character

D. Video

10. Untuk memindahkan file yang berasal dari powerpoint pada articulate storyline,

digunakan fitur....

A. New

B. Import

C. Character

D. Audi