SMK NEGERI 2 KASIHAN...8 SMK N 2 PENGASIH KULONPROGO BUDI LESTARI 9 SLBN 1 GUNUNGKIDUL GUNUNGKIDUL...

LAPORAN

PENDIDIKAN DAN PELATIHAN FUNGSIONAL

BIMTEK PRODUKSI MEDIA PEMBELAJARAN

DENGAN MATERI ARTICULATE STORYLINE

UNTUK GURU SE-DAERAH ISTIMEWA YOGYAKARTA

PADA KEGIATAN PRODUKSI DAN PEMANFAATAN MEDIA PEMBELAJARAN

Penyusun:

DWI PRIYANA, S.Ag

NIP. 19760722 200701 1 014

Penata Muda Tk.I / III b – Guru Pertama

SMK NEGERI 2 KASIHAN Jl. PG. MadukismoNgestiharjoKasihanBantul Yogyakarta Telp/Fax. 374627

Laman: www.smmyk.sch.id e-mail :[email protected], KodePos 55182

2018

http://www.smmyk.sch.id/

mailto:[email protected]

BAB I

PENDAHULUAN

1. Nama Kegiatan

Kegiatan ini diberi nama Bimtek Produksi Media Pembelajaran dengan Materi

Articulate Storyline untuk Guru Se-Daerah Istimewa Yogyakarta pada Kegiatan

Produksi dan Pemanfaatan Media Pembelajaran.

2. Waktu dan Tempat Kegiatan

Waktu : Senin – Jum’at, 09 – 13 April 2018

Tempat : BTKP DIKPORA Daerah Istimewa Yogyakarta

Jalan Kenari 2 Yogyakarta 55166 Telepon (0274) 517327

Laman : http://www.btkp-diy.or.id,

e-mail : [email protected]

3. Tujuan Kegiatan

a. Meningkatkan kompetensi tenaga pendidik dan kependidikan dalam bidang

pemanfaatan TIK untuk pembelajaran.

b. Memberi bekal kepada peserta/pendidik tentang TIK dengan Software

ARTICULATE STORYLINE versi 2 untuk kemudian dapat diimbaskan kepada

tenaga pendidik dan kependidikan yang lainnya di satuan atau daerahnya masing-

masing.

4. Pelaksanaan/Lama Kegiatan

Lama kegiatan : 5 hari; senin-jum’at, 09-13 April 2018

Peserta : 40 Guru dari jenjang SD, SMP, SMA/SMK (dengan

rincian; Kota: 11 orang, Bantul 8 orang, Kulon Progo 6

orang, Gunung Kidul 6 orang, dan Sleman 11 orang

Pendaftar via website : 250 orang

5. Surat Penugasan

Peserta mendapat surat undangan/penugasan untuk mengikuti kegiatan dari

BTKP DIKPORA DIY Nomor: 421/0963 tanggal 04 April 2018. (*Surat

Penugasan/Undangan terlampir)

6. Penyelenggara/Pelaksana Kegiatan

Bimtek Produksi Media Pembelajaran dengan Materi Articulate Storyline

untuk Guru Se-Daerah Istimewa Yogyakarta diselnggrakan oleh Balai Teknologi

Komunikasi Pendidikan Dinas Pendidikan, Pemuda, dan Olahraga Daerah Istimewa

Yogyakarta.

http://www.btkp-diy.or.id/


7. Surat Persetujuan Kepala Sekolah

Peserta (Dwi Priyana, S.Ag) diberi tugas oleh kepala sekolah untuk mengikuti

kegiatan Bimtek oleh BTKP DIKPORA DIY berdasarkan Surat Tugas Nomor:

151/SMK.2/KP/2018 tanggal 05 April 2018. (*Surat Tugas terlampir)

8. FC. Sertifikat Kegiatan

Setelah mengikuti kegiatan dan menyelesaikan tugas berupa media

pembelajaran berbasis aplikasi software Articulate Storyline versi 2, maka peserta

diberi sertifikat dengan nomor: 007/1066 tanggal 13 April 2018 (*sertifikat terlampir)

BAB II

PEMBAHASAN

1. Tujuan dan Alasan Mengikuti Kegiatan

Tujuan mengikuti kegiatan Bimtek Produksi Media Pembelajaran dengan

Materi Articulate Storyline untuk Guru Se-Daerah Istimewa Yogyakarta oleh BTKP

DIKPORA DIY, adalah sebagai berikut:

a. Meningkatkan pelayanan prima kepada peserta didik (siswa)

b. Menambah pengetahuan, pemahaman, dan pengalaman dalam

mengembangkan media pembelajaran berbasis TIK

Alasan mengikti kegiatan ini, antara lain:

a. Aplikasi dengan software Articulate Storyline merupakan sesustau yang

baru dan menjadi alternative untuk membuat media pembelajaran

b. Ketertarikan saya pada software Articulate Storyline yang ineteraktive

setelah melihat hasilnya dari media video youtube

c. Kesempatan ini kemudian datang melalui informasi yang disampaikan oleh

BTKP DIKPORA DIY melalui webnya, dan kemudian saya mendaftarkan

diri untuk menjadi peserta.

2. Deskripsi Materi Kegiatan

Materi kegiatan Bimtek Produksi Media Pembelajaran dengan Materi

Articulate Storyline untuk Guru Se-Daerah Istimewa Yogyakarta, antara lain:

No Jenis Materi Deskripsi Materi

1 Kebijakan dan Program

Balai Tekkomdik

DIKPORA DIY (Kepala

BTKP: Dra. Isti Triasih)

Peningkatan mutu tenaga pendidik dan

kependidikan berbasis pemanfaatan media TIK:

Jogja Tube, Jogja Radio, Jogja Video, dll.

2 Pembelajaran Era

Digital (Dr. Sutanto)

Memaparkan peluang dan tantangan pendidik

dalam tugasnya dan fungsinya, serta solusinya.

3 Konsep Multimedia (Dr.

Mulyanta, M.Pd)

Menjelaskan berbagai jenis multimedia dan

peluangnya dalam dunia pendidikan

4 Pengembangan Naskah

Multimedia (Dr. Dian

Wahyuningsih, M.Pd)

Menguraikan langkah-langkah pembuatan

media melalui naskah; scenario, diagram alir

(flowchat), garis besar informasi pengembangan

media (GBIPM) dan storyboard.

5 Articulate Storyline Menginstall aplikasi, mengenal fitur dan tool

media, memulai pembuatan proyek, mengatur

scene dan slide, menambahkan trigger,

menyisipkan audio dan video, animasi, tombol,

membuat soal dalam evaluasi dilengkapi

penskorannya, dan publishing

3. Tindak Lanjut yang akan atau Telah dilaksanakan oleh Guru

Setelah mengikuti kegiatan Biombtek Produksi Media Pembelajaran dengan

Materi Articulate Storyline untuk Guru Se-Daerah Istimewa Yogyakarta ini, peserta

akan mengembangkannya untuk membuat media pembelajaran dan akan

mengimbaskannya di MGMP PAI SMK kabupaten Bantul serta Daerah Istimewa

Yogyakarta.

4. Dampak terhadap Peningkatan Kompetensi Guru dalam Peningkatan Mutu

Kegiatan Bimtek Produksi Media Pembelajaran dengan Materi Articulate

Storyline untuk Guru sangat penting karena kompetensi profesional meningkat,

timbul rasa senang dan bangga sebagai guru dengan penguasaan media TIK, sehingga

diharapkan pelayanan terhadap peserta didik pun lebih baik.

5. Penutup

Demikian, laporan ini dibuat semoga menjadi informasi yang bermanfaat dan

dapat digunakan sebagaimana mestinya.

BAB III

PENUTUP

1. Lampiran:

a. Matrik Ringkasan Pelaksanaan Diklat yang disajikan:

b. Undangan

c. Surat Tugas

d. Jadwal Kegiatan

e. Daftar Hadir

f. Materi Kegiatan

g. Photo Kegiatan

h. Sertifikat

Bantul, 17 April 2018

Penyusun,

Dwi Priyana, S.Ag

NIP. 19760722 200701 1 014

MATRIK RINGKASAN PELAKSANAAN DIKLAT

Produksi Media Pembelajaran dengan Materi Articulate Storyline

untuk Guru Se-Daerah Istimewa Yogyakarta (Senin-Jum’at; 09 – 13 April 2018)

Nama Diklat Tempat

Kegiatan

Jumlah Jam

Kegiatan

Nama

Fasilitator

Mata

Diklat/Kompetensi

Nama

Penyelenggara

Kegiatan

Dampak

(Perubahan

Peserta Didik)

Bimtek Produksi

Media

Pembelajaran

dengan Materi

Articulate

Storyline untuk

Guru Se-Daerah

Istimewa

Yogyakarta

BTKP DIKPORA

Daerah Istimewa

Yogyakarta, Jalan

Kenari 2

Yogyakarta

55166 Telepon

(0274) 517327

Laman :

http://www.btkp-

diy.or.id, e-mail :

info@btkp-

diy.or.id

42 JPL Tri Haryani,

S.E

Kebijakan dan

Program Kegiatan

BTKP DIKPORA DIY

Bidang Produksi

Dan Pemanfaatan

Media

Pembelajaran

BTKP Dinas

DIKPORA DIY

Respon

peserta didik

meningkat

Pembelajaran

lebih menarik

Muncul rasa

bangga pada

pendidiknya

Dr. Sunarto,

M.Pd

Pembelajaran Era

Digital

Dr. Mulyanta,

M.Pd

Konsep Multimedia

Pembelajaran

Dr. Dian

Wahyuningsih,

M.Pd

Pengembangan

Naskah Multimedia

Ridwan

Abdullah, ST

Articulate Storyline

(Versi 2)

Bantul, 17 April 2018

Penyusun,

Dwi Priyana, S.Ag

NIP. 19760722 200701 1 014





PEMERINTAH DAERAH DAERAH ISTIMEWA YOGYAKARTA

DINAS PENDIDIKAN,PEMUDA DAN OLAHRAGA BALAI TEKNOLOGI KOMUNIKASI PENDIDIKAN

Alamat : Jalan Kenari 2 Yogyakarta 55166 Telepon (0274) 517327 Laman : http://www.btkp-diy.or.id, e-mail : [email protected]

Yogyakarta, 4 April 2018

Dengan hormat, kami beritahukan bahwa Balai Teknologi Komunikasi

Pendidikan, Dinas Pendidikan, Pemuda dan Olahraga, Daerah Istimewa

Yogyakarta, Tahun Anggaran 2018 akan menyelenggarakan Bimbingan

Teknis (Bimtek) Produksi Media Pembelajaran Berbasis Articulate Storyline.

Sehubungan hal tersebut, kami mohon Saudara dapat menugaskan

Guru dari Unit Kerja Saudara seperti tersebut dalam lampiran, untuk

mengikuti kegiatan dimaksud pada :

Atas perhatian dan kerjasamanya, kami menyampaikan terima kasih.

Kepala,

Dra. ISTI TRIASIH

NIP. 19640528 199203 2 004

Tembusan :

1. KEPALA DINAS DIKPORA DIY (Sebagai Laporan) 2. Yang Bersangkutan

Nomor : 421 / 0963

Lamp : 2 lembar

Perihal : Undangan

Kepada Yth :

Kepala Sekolah

(Daftar terlampir)

Hari / Tanggal : Senin-Jumat, 9-13 April 2018

Waktu : Pukul 08.00 WIB s.d selesai

Acara : Bimtek Produksi Media Pembelajaran

Tempat

Keterangan

:

:

BALAI TEKKOMDIK, DINAS DIKPORA DIY

Jalan Kenari No. 2 Yogyakarta

Peserta wajib membawa Laptop,

Mouse, headset & Surat Tugas.



Lampiran

Surat No : 421 / 0963

Tanggal : 4 April 2018

No Instansi/Sekolah Kab/Kota Nama

1 SMP MUHAMMADIYAH 1 DEPOK SLEMAN ABIDIN FUADI NUGROHO

2 SMKN 1 PONJONG GUNUNGKIDUL ACHMAD ARIFUDIN, M.Pd

3 SMKN 3 WONOSARI GUNUNGKIDUL MUHAMMAD ADRIYANTO K., ST

4 SMPN 4 WONOSARI GUNUNGKIDUL AMIN SUPRIHATIN

5 SMA NEGERI 7 YOGYAKARTA YOGYAKARTA ANDHY SURYA HAPSARA, S.Sos., M.Pd.

6 SMK NEGERI 3 WONOSARI GUNUNGKIDUL APRILIANA WULANDARU

7 SDN GEDONGKIWO YOGYAKARTA MARSITI, S.Pd.

8 SMK N 2 PENGASIH KULONPROGO BUDI LESTARI

9 SLBN 1 GUNUNGKIDUL GUNUNGKIDUL DAVIQ PRASETIAN

10 SMPN 9 YOGYAKARTA YOGYAKARTA DINAR UJI SETYANINGRUM

11 MAN 3 KULONPROGO KULONPROGO AGUS MURSIDI

12 SMKN 2 KASIHAN BANTUL DWI PRIYANA, S. Ag.

13 SD N GEDONGTENGEN YOGYAKARTA DWI SIGIT RUABIANTORO

14 MAN 4 BANTUL BANTUL ELIANA TRISNANING, S. Si

15 SDN KARANGMOJO IV GUNUNGKIDUL ELIS SISWANINGRUM

16 SMKN 4 YOGYAKARTA YOGYAKARTA ELY TRI WULANDARI, S.PD.T

17 SD N DONOHARJO SLEMAN ENDAH MARTININGRUM, S.Pd

18 SLB N 2 YOGYAKARTA YOGYAKARTA FRISKA PRASETYANINGRUM

19 SLBN PEMBINA YOGYAKARTA YOGYAKARTA HEDWIGIS DIAN PERMATASARI

20 SMKN 2 DEPOK SLEMAN HENI EKAWATI, MT.

21 SDN TURI 2 SLEMAN HERNI WIDIASTUTI

22 SMK PIRI 2 YOGYAKARTA YOGYAKARTA HIMATUL MUNIROH

23 SMK PENERBANGAN AAG SLEMAN IKA AGUSTIN W, S.Pd.

24 SDN KEBONAGUNG BANTUL IKA PURNAMASARI

25 SLB PGRI MINGGIR SLEMAN JUN SABDA JATI PINUNJUL

26 SLB PAMARDI PUTRA BANTUL MARCELLINUS BAYU PUTRA H, S.Pd.

27 SDN PROMAN KULONPROGO MARYUNI,S.Pd.

28 SLB NEGERI 2 YOGYAKARTA YOGYAKARTA SEPTI INDRAWATI, M.Pd

No Instansi/Sekolah Kab/Kota Nama

29 SDN KEMIRI KULONPROGO NOVIA RATNAWATI

30 MTs MUHAMMADIYAH PEPE BANTUL NURI RAHMAWATI

31 SMAN 1 YOGYAKARTA YOGYAKARTA NURUL YAQIN

32 SMP N 4 SENTOLO KULONPROGO RATNA DYNAWATI

33 SMKN 1 DLINGO BANTUL RATRI WAHYURINI, S.Pd

34 SMPN 5 DEPOK SLEMAN SITI NURHAYATI

35 SMAN 1 PLERET BANTUL SITI ROHAYATI

36 SMP N 3 SAMIGALUH KULONPROGO SRI SURANTI

37 SMAN 1 GAMPING SLEMAN SULISTIYANTO AMALIA BUDI, S.Pd.T.

38 SDN KLEDOKAN SLEMAN TRI NAFIAH, S.Pd.

39 SD ISLAM KHALIFAH BANTUL YAN PUSPITA SARI

40 SD MUH. NGUPASAN 1 YOGYAKARTA YUSUF BAHTIYAR

Kepala Dra. ISTI TRIASIH

NIP. 19640528 199203 2 004

PEMERINTAH DAERAH DAERAH ISTIiTEWA YOGYAKARTADINAS PEHIilDIKAN, PEiilUDA DAtil OLAIIRAGA

, SMK NEGERI 2 KASIHANJa|a$ re Hddukirsrfio f{gaStitndo lGsiht|n Bsntul Yooyet€rta Tdptr$( a274 37{E,2:7

Laman: urynry.srnmvk.sch-id Email : sekolahmusil(@prnail,con Kode Pos 55182

FORM.TAU$ 02.2

SURAT TUGASNomor : l5l/SMKzfffn0ft

Berdasarkan Surar dari Psrerintah Daorah Daerah Istimewa Yoryakarta, DinasP€ndidikan Peinuda dan Olahraga DIY Nomor 42llffi3 tertanggal 4 April 2018 perihalUndangan.

Yang benmda ffiEnn di bawah ini Kepala SMK Neg€ri 2 Kasihan Bantul :NamaMPPangkat/ColongmJabafanUnit kerja

NamaNIPJabatanUnit Orgnnisasi

TuFs

Drs. Sf,msuriNrryroho19610314 198703 I 006Pembina Tk. I / IV bKepala SekolahSekolah Mene,ngnh Kejurum (SMK) Nee€ri 2 KasihanBantul.

Menugaskan:

IhiPriyann, S.Agrn6w22 200701 r 014Grru fuama IslamSekolah Menengnh Kejunran ( SMK ) Negeri 2 KasihanBantulMengikuti Bimbingan Teknis @imtek) Produl$i MediePe,nhlajarmr Bdasis Articulate Storyline pada ltariSenin s.d. Jum'at,9.13 April2018 di Balai Tdrkomdik,Dinas Dkpora DIY, JalanKe,nari No. 2 Yoryakarta.

Harap dilaksanakan dengan sebaikSaiknya dan memberikan laporan setelah melaksanakannrgas.

,5 April 2018Sekolatt

Ssmsnri Nugroho ,l%10314198703 1006

- * - - *I / n l l t sI t J i s n -I t s r, im;r l

SSmaa'

PEMBELAJARAN

DI ERA DIGITAL

Sunarto

[email protected]

081328066892


Diskusi Istilah

1. Belajar?

2. Pembelajaran?

Batasan

Pembelajaran = kegiatan belajar mengajar

Era = zaman, masa

Digital = Digitus (Yunani), 0 dan 1. Digital merupakan sinyal data dalam bentuk pulsa yang

dapat mengalami perubahan secara tiba-tiba dan

dengan dua besaran bit 1 (on/high) dan 0 (off/low).

Pembelajaran di Era Digital: kegiatan belajar

mengajar di zaman atau masa berteknologi digital.

Peluang Era Digital

Teknologi digital mempermudah sejumlah hal. Di era

digital, hampir setiap orang menggenggam teknologi di

tangannya.

1. Banyak perangkat lunak pembelajaran

pendukung kreativitas dan monitor

perkembangan.

2. Banyak materi pembelajaran yang bisa

didapatkan gratis di internet.

Karakteristik Generasi

Lancaster and Stillman (2002) in Reilly (2012)

1. The Baby Boomer Generation, lahir 1946– 1964);

2. Generation X, lahir 1965–1980;

3. Generation Y, lahir 1981– 1999;

4. Generation Z, lahir setelah 2000.

GURU SAAT INI KEBANYAKAN

LAHIR SEBAGAI GENERASI

ZAMAN OLD

GENERASI ZAMAN NOW

LAHIR DI ERA DIGITAL

Faktanya….

Karakteristik Generasi Y dan Z

Lancaster and Stillman (2002) in Reilly (2012)

1. Tech Savvy.

2. Social.

3. Multitasking.

4. Speedy.

Gaya Belajar Generasi Y dan ZLancaster and Stillman (2002) in Reilly (2012)

1. Learn from experimentation.

2. Prefer visual learning.

3. Like to work in groups.

4. Have short attention spans and multi-task well.

5. Edutainment.

Idealitas Pembelajaran di Era Digital

1. Student centered instruction.

2. Teacher as learning facilitator.

3. Multisources learning.

Konsep

MULTIMEDIA PEMBELAJARAN

Drs.Mulyanta,M.KomPTP Madya

Pengertian MEDIA PEMBELAJARAN

alat bantu PBM Atau Segala sesuatu yang dapat dipergunakan untuk merangsang pikiran, perasaan,

perhatian,kemampuan dan keterampilan peserta didik sehingga dapat mendorong

terjadinya proses belajar

Manfaat Media Pembelajaran

MEMPERJELAS PENYAJIAN PESAN AGAR TIDAK TERLALU VERBALISTIK.

MENGATASI KETERBASAN RUANG, WAKTU DAN PANCA INDRA.

PEMBELAJARAN LEBIH INTERAKTIF DAN MENARIK.

MAMPU MEMBERIKAN PERANGSANG YANG SAMA SERTA MEMPERSAMAKAN PENGALAMAN DAN PERSEPSI PESERTA DIDIK

Jenis Jenis

Media yang

Media (OHP, slide, film strip

Media Audio

Media video

Multimedia

Pengertian MULTIMEDIA PEMBELAJARAN

media yang menggabungkan 2 unsur atau lebih yang terdiri dari

text,grafis,gambar,foto,audio, dan animasi. Secara terintrograsi

2 Kategori


1. Multimedia Linier yaitu multimedia yang tidak dilengkapi

engan alat pengontrol apapun yang dapat dioperasikan

oleh pengguna. Multimedia ini berjalan berurutan. Contoh

: Televisi dan Film.

2. Multimedia Interaktif yaitu multimedia yang dilengkapi

dengan pengontrol,yang dapat dioperasikan oleh

pengguna sehingga pengguna dapat memilih apa yang

dikehendaki untuk proses selanjutnya. Contoh : Aplikasi

games

Manfaat


1. Memperbesar benda yang kecil, yang tidak tangkap oleh

mata.

2. Memperkecil benda yang sangat besar, yang tidak

mungkin dihadirkan disekolah

3. Menyajikan benda atau peristiwa yang

kompleks,rumit,yang berlangsung cepat atau lambat

seperti sistem tubuh manusia,bekerjanya suatu

mesin,peredaran planet mars,berkembangnya bunga-

bunga,dll

4. Menyajikan benda atau peristiwa yang jauh

5. Menyaikan benda atau peristiwa yang berbahaya

6. Meningkatkan daya tarik dan perhatian siswa

Fungsi


1. Mampu memperkuat respon pengguna secepatnya dan

sesering mungkin

2. Mampu memberikan kesempatan kepada siswa untuk

mengontrol laju kecepatan belajarnya sendiri

3. Memperhatikan siswa mengikuti suatu urutan yang

koheren dan terkendali.

4. Mampu memberikan kesempatan adanya partisipasi dari

pengguna yang terbentuk respon, baik berupa jawaban,

pemilihan, keputusan percobaan, dll

Prinsip-Prinsip

PENGEMBANGAN MULTIMEDIA PEMBELAJARAN

1. Berorientasi pada tujuan (Fokus pada Tujuan)

2. Berorientasi pada siswa/peserta didik

3. Menarik dan meningkatkan perhatian

4. Keaktivan belajar siswa

5. Interaktif

6. Kesiapan dan Motivasi

7. Pengulangan, Latihan, dan umpan balik

8. Evaluasi, dll

Karakteristik

1. Terdapat rumusan tujuan pembelajaran yang jelas, operasional, dan terukur

2. Menguraikan materi pembelajaran yang dikemas ke dalam unit-unit atau kegiatan spesifik dan terorganisasi secara runtut

3. Memiliki lebih dari 1 media yang konfergen. Contoh : menggabungkan unsur audio dan visual

4. Bersifat interaktif dalam pengertian memiliki kemampuan untuk mengakomodasi respon pengguna

5. Terdapat instrumen penilaian yang memungkinkan siswa melakukan self –assessment

6. Bersifat mandiri dalam arti membei kemudahan dan kelengkapan isi sedemikian rupa sehingga pengguna dapat menggunakan tanpa bimbingan orang lain

7. Tersedia rujukan/pengayaan/referensi yang mendukung materi yang diajarkan

Syarat


1. Pengoperasian yang mudah dan user friendly

2. Mudah diinstall di komputer

3. Media pembelajaran yang aktif dan komunikatif

4. Sistem pembelajaran yang mandiri, artinya siswa dapat belajar mandiri baik disekolah maupun dirumah tanpa bimbingan guru atau orang lain

5. Sedapat mungkin dengan biaya yang ringan dan terjangkau

Jenis-Jenis


BERDASAR KEGUNAANYA

MULTIMEDIA PEMBELAJARAN MANDIRI

Adalah software/media pembelajaran

yang dapat dimanfaatkan oleh siswa

secara mandiri tanpa bantuan guru

Adalah alat bantu guru dalam proses

pembelajaran dikelas dan tidak

menggantikan guru secara

keseluruhan.

Contoh : Microsoft Power Point (.ppt)

MULTIMEDIA PRESENTASI PEMBELAJARAN

TUTORIAL.

multimedia pembelajaran yang dalam

penyampaian materinya dilakukan

secara tutorial, yaitu informasi yang

berisi suatu konsep yang disajikan

dengan text,gambar (baik diam

ataupun bergerak), dan grafik

Format

SIMULASI

multimedia pembelajaran dengan

format penyampaian secara dinamis

yang Terjadi didunia nyata. Contoh :

menstimulasikan pesawat terbang

melatih pengguna sehingga memiliki

kemahiran dalam suatu keterampilan

atau memperkuat penguasaan suatu

konsep. Program ini menyediakan

serangkai soal yang ditampilkan secara

acak, sehingga soal atau pertanyaan

yang tampil selalu berbeda

DRILL

PERMAINAN/GAME

Yang disajikan tetap mengaju pada

proses pembelajaran. Dengan program

ini diharapkan terjadi aktifitas belajar

sambil bermain

PERCOBAAN/EKSPERIMEN

Format ini mirip dengan simulasi

namun lebih ditunjukkan pada

kegiatan-kegiatan yang bersifat

eksperimen atau percobaan. Contoh :

latihan praktikum di laboratorium IPA

1. Penyusunan Garis-garis Besar Isi Program Media (GBIPM)

2. Penulisan Naskah

3. Pembuatan Flowchart dan Storyboard

1. Storybord merupakan blue print.

2. Sebagai pedoman produksi.

3. Berisi substansi materi, metode penyajian dan petunjuk-

petunjuk teknis.

4. Petunjuk buat programer serta animator.

Syarat-Syarat

BAGI PENULIS NASKAH MULTIMEDIA (STORYBOARD)

1. Penulis harus menguasai bidang yang akan diajarkan

2. Mampu menghadirkan materi pembelajaran dengan bahasa visual

3. Terbuka dalam menerima masukan-masukan dari orang lain

4. Mau melihat hasil karya orang lain dengan menggali sumber-

sumber lain yang berguna

Langkah yang Perlu Dilakukan

SEBELUM MEMULAI PENULISAN MULTIMEDIA (STORYBOARD)

1. Mengidentifikasi sasaran yang akan menggunakan program

multimedia tersebut

2. Mengembangkan atau mendeskripsikan tujuan pembelajaran dengan

jelas

3. Menyiapkan materi yang relevan dengan apa yang ditulis

4. Identifikasi materi yang sudah terkumpul untuk diseleksi mana

yang cocok dengan teks, gambar, foto, audio, animasi dan video.

5. Membuat flowchart sesuai alur materi

6. Melakukan penulisan naskah program multimedia (storyboard

)dengan teliti

Oleh:

PENGEMBANGANNASKAH

Dian Wahyuningsih, M.Pd.Kurikulum Teknologi PendidikanUniversitas Negeri Yogyakarta

BIMTEK VideoscribeDi Balai Tekomdik DIY

2018

Disampaikan pd:

Dapat menyusun GBIM

Tujuan

Pembelajaran

Dapat membuatflowchart Multimedia

Dapat membuatstoryboard multimedia

Dian W/TP-UNY-2018

(

MULTIMEDIA adalah…

Gabungan dari tiga buah elemen penting yang ada di dalamnya yaitu suara, tulisan, dan gambar.(Mc.Comick, 1996)

Alat yang digunakan sbg media presentasi yg lebihinteraktif dan dinamis, yg dapat mengkombinasikanberbagai macam data seperti teks, grafik, video, animasi,dan juga audio.

(Robin dan Linda, 2001)

Dian W/TP-UNY-2018

(

MULTIMEDIA adalah… Gabungan dari seminimalnya sebuah media diskrit dan sebuah

media kontinu. (Steinmetz, 1995)

Penggunaan computer u/ menampilkan informasi ygmerupakan gabungan dari teks, grafik, audio dan videosehingga membuat user dpt bernavigasi, berinteraksi, berkreasi& berkomunikasi dg computer.

(Hofstetter, 2001)

Dian W/TP-UNY-2018

Dian W/TP-UNY-2018

(

Jenis2 MULTIMEDIA

Linear Interaktif HiperaktifMultimedia satu arah, artinya, penggunahanya bisamendapatkan informasisaja, tanpa bisamemberikan feedback yang besar.

Multimedia interaksi, adanya interaksi antaramedia dg user melaluibantuan komputer, mouse, keyboard dsb.User punya kendali ygbesar dlmmenggunakan media.

Hipermedia, mempunyaistruktur dari elemen2 terkaitdg user yg dptmengarahkannya. Memilikibanyak tautan atau link ygmenghubungkan tautan

media yg ada.

Dian W/TP-UNY-2018

APA ITUNaskahMedia

“Pedoman u/ menetukan

urutan kejadian (materi)

yang saling berhubunganantara satu kejadian dengan

kejadian lainnya”.

“Bentuk penyajian materiintruksional berupa teks,

gambar, dan suara serta sebagai

penuntun dalammemproduksi program

media”.

Pembelajaran…??

Dian W/TP-UNY-2018

SinopsisNASKAH

MEDIA

Treatment

Script

Ringkasan seluruh isi program yang

berbentuk uraian dan tidakmengandung dialog.

Urutan isi/materi program yang akan disajikan

episode demi episode secara ringkas (urutanbabak cerita).

Sebuah dokumen yang merincikan setiap aural, visual, behavioral, dan elemen lingual yang diperlukan untuk

menggambarkan sebuah cerita secara detail.

Dian W/TP-UNY-2018

NASKAH SCRIPT

atau

Deretan gambar atau sketsa u/ melukiskan adegan2 darisuatu cerita film/video yg akan diproduksi.

Fullscript

Skenario

Storyboard Sketsa gambar yang disusun secara berurutan sesuai

naskah cerita.

Naskah cerita yg menguraikan urut-urutan adegan, tempat, keadaan, dan dialog, yang disusun dalam konteksstruktur dramatik.

script program yang menggambarkan setting adegan(music, FX) dan narasi dalam suatu cerita.

(Shooting script)

Dian W/TP-UNY-2018

storyboard

STORYBOARD

Berisi ilustrasi berupa gambar atau sketsacerita.

Memberikan penjelasan tentang durasi danketerangan (jenis musik, intonasi narrator, karaktersuara, pewarnaan, layout, dll).

Berisi teks yang menjelaskan narasicerita atau caption/tulisan yang

menjelsakan ilustrasi.

Dian W/TP-UNY-2018

(

GBIM

Jabaran materi

IDENTIFIKASI(Garis Besar Isi Media)

Pedoman u/ menyusunnaskah media pembelajaran.

Gambaran visual & verbalnya materiyg akan akan disajikan dlm suatu media.

PROGRAM

FlowchartBagan (chart) yang menunjukkan aliran (flow) dalam suatu program.

Dian W/TP-UNY-2018

GBIM

Mengacu pd analisiskebutuhan, tujuan, danmateri.

GBIPM, GBPM

(Garis Besar Isi Media)

Disusun setelahdilakukan telaah topikyang akan dibuatprogramnya.

Persamaan persepsi Efektif (sampai ke sasaran) Efisien (waktunya singkat)

Dian W/TP-UNY-2018

JABARAN MATERI

Tujuan: Mempermudah penulisan

naskah program media. Antisipasi durasi & topik. Kalkulasi biaya produksi.

Langkah setelahpenelaahantopik.

Perlu: Ahli Materi. Ahli Media.

Tindak lanjut dr GBIM

Dian W/TP-UNY-2018

(

Naskah Multimedia, terdiri dari:

1.Identifikasi Program (GBIM, JB, Flowcart)2.Sinopsis3.Treatment4.Script

FORMAT GBIM

GARIS BESAR ISI MEDIA (GBIM)

Mata Pelajaran : ……………………………………Satuan Pendidikan : ……………………………………Kelas/Semester : ……………………………………SK : ……………………………………Media : …………………………………...Penulis Naskah : ……………………………….......Penelaah Materi : ……………………………….......Penelaah Media : ……………………………………

No KD Indikator Topik/Materi

Subtopik

BentukPenyajian

Keterangan Durasi

Dian W/TP-UNY-2018

FORMAT Jabaran Materi

JABARAN MATERI

Mata Pelajaran : ……………………………………Satuan Pendidikan : ……………………………………Kelas/Semester : ……………………………………Pokok Bahasan/Topik : …………………………………...Sub pokok bahasan/topik : ……………………………….......Judul Program : ……………………………………

No KD Pokok-pokokIsi Program

Pokok-pokokNarasi

Dian W/TP-UNY-2018

FlowchartMultimedia

“Penggambarangrafik langkah atau

urutan suatu program”.

Dian W/TP-UNY-2018

FORMAT Storyboard

STORYBOARD MULTIMEDIA

KeteranganAnimasi

Judul :

No Frame :

Dian W/TP-UNY-2018

Nama Frame :

FORMAT Storyboard

1 2 3

4 5 6

Tempat u/ menggambarilustrasi/visualisasidari video.

Tempat u/ menuliskannarasi/dialog danmusic atau FX ygdiinginkan.

Dian W/TP-UNY-2018

Membuat Bahan Pembelajaran denga Articulate Stroryline 3 Bambang Adriyanto

Membuat Bahan Pembelajaran dengan Articulate Storyline 3

Bambang Adriyanto

[email protected]



MEMBUAT PROJEK BARU

Jalankan aplikasi Articulate Storyline 3.

Pilih New Project pada jendela awal Storyline yang muncul

Mengatur Ukuran Tampilan

Pilih menu DESIGN pada menu bar

Pilih Story Size Setup

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


Mengatur Player, dan Bahasa

Pilih menu Home, kemudian pilih Player

Pada Jendela Player Properties yang muncul, Klik pada Features

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


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.

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.


Mengatur Warna Player

Klik pada Colors & Effects , Klik pada kotak Default pada Color scheme kemudian pilih warna yang akan digunakan (misal Light Blue).

Maka warna player akan berubah sesuai dengan warna yang dipilih.

v

v


Anda dapat melakukan pengaturan warna tingkat lanjut dengan mengklik

Show advanced color editing

Sedangkan untuk mengatur warna belakang dari tampilan Klik pada Page Background kemudian pilih warna yang digunakan.

Mengatur Jenis Font pada Player

Klik pada Player Font, kemudian pilih font yang akan digunakan. Secara default font yang digunakan adalah Open Sans jenis ini sudah cukup baik.

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

v

v

v


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

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.

Setelah melakukan perubahan Anda bisa menyimpannya.

Mengatur Browser

Klik Other

v

v

v

v


Klik Browser size atur ke resize browser to optimal size

Klik Player size atur ke Scale player to fill browser window

Kemudian klik OK

MEMBUAT SCENE BARU

Setelah selesai mengatur File, Anda perlu menyiapkan sejumlah Scene sesuai jumlah menu yang akan muncul di bahan ajar.

Mengubah nama Scene

Untuk mengubah nama scene lakukan langkah berikut.

Klik dua kali pada Untitled scene, kemudian ketikan nama penggantinya.

v

v

v


Menambah Scene

Untuk menambah scene , pilih menu HOME, Klik New Scene

Coba Anda buat Scene sejumlah 5 scene dan beri nama seperti berikut.

Jumlah Scene bisa Anda sesuaikan dengan kebutuhan.

MENDESAIN TAMPILAN DENGAN SLIDE MASTER

Untuk memudahkan anda dalam merancang tampilan dari Bahan pembelajaran yang dibuat, Anda dapat memanfaatkan slide master.

Dengan Slide master Anda tidak perlu mengulang membuat tampilan yang sama, mengulang memberi fungsi trigger (action) pada tombol menu, dsb.

v

v

vv


Pilih menu View pada menubar, klik Slide Master

Maka tampilan jendela kerja akan berubah seperti ini.

.

Kemudian Klik pada slide kedua untuk membuat tampilan bermenu.

Memberi Warna pada latar belakang tampilan

vv

vv

vv


Klik pada Background Styles pilih Format Background

Kemudian pilih warna yang akan dijadikan latar belakang tampilan bahan ajar.

(untuk latihan ini gunakan saja Solid Fill, pilih Color pilih warna hijau atau yang lain)

Kemudian pilih APPLY TO ALL

Pilih CLOSE

vv

vv

vv

vv


Maka tampilan seluruh slide akan berubah warnanya sesuai dengan warna yang dipilih.

Membuat Area untuk uraian materi

Selanjutnya Anda perlu membuat area untuk meletakan isi uraian materi bahan ajar.

Pilih INSERT > Shape pilih Rectangle (kotak)

vv

vv

vv

v


Buat sebuah kotak di halaman slide seperti berikut.

Memberi Warna Area Uraian Materi

Pilih Menu FORMAT, pilih Shape Fill > pilih warna Putih

Hingga tampilan menjadi seperti berikut

vv

vv

v


Masih dalam kondisi kotak putih aktif, dan Menu FORMAT, pilih Send Backward , pilih Send to Back

Kemudian klik pada area Click to edit Master title style yang di atas , tekan tombol delete sehingga area tersebut hilang. Kemudian area Click to edit Master title style yang masih ada diatur ukurannya seperti berikut.

Memberi Judul Program

Pilih menu INSERT, pilih Text Box

Kemudian klik di bagian Kiri atas tampilan

vv

vv

vv

vv

vv


Ketikkan Judul Program misal Membuat Bahan Ajar. Pilih menu HOME kemudian atur Jenis, ukuran dan warna font. Buat ukurannya sekitar 30 – 36 point.

Membuat tombol Menu

Pilih menu INSERT > pilih Button > pilih bentuk Button

Kemudian buat sebuah kotak untuk menu di sebelah kiri kotak putih, seprti berikut.

vv

vv

vv


Kemudian ubah warna kotak menu dengan cara klik di bagian ini pilih warna dan bentuk menu sesuai keinginan.

Sehingga bentuk dan warna kotak menu seperti berikut.

Menambahkan Teks Di Menu

Klik kanan mouse di kotak menu > pilih Edit Text

v


Ketikkan PENGANTAR

Menambahkan Ikon di Menu

Klik di Button Icons, kemudian pilih salah satu gambar ikon yang akan digunakan.

Hingga pada kotak menu seperti berikut

vv

v

v


Untuk mengatur warna ikon , perataannya atau menghilangkan Anda dapat mengklik menu ini.

Menduplikasi Kotak Menu

Untuk membuat kotak menu yang lain dengan cepat Anda bisa menduplikasi dari menu yang sudah dibuat.

Klik pada menu pertama (Pengantar) kemudian klik tombol Ctrl + D pada keyboard.

Setelah muncul kotak menu hasil duplikasi , Anda bisa atur posisinya kebagian bawah kotak menu Pengantar.

Klik di teks pengantar yang di menu kedua kemudian ubah namanya menjadi KOMPETENSI. Ubah ikonnya sesuai keinginan sehingga bentuknya seperti berikut.

Lakukan cara yang sama untuk membuat kotak menu yang lain sehingga bentuk akhirnya seperti berikut

vv


Memberi Fungsi Trigger Pada Menu.

Supaya tiap menu apabila diklik bisa membuak materi yang sesuai maka pada tiap kotak menu harus diberi trigger yang sesuai.

Klik Pada kotak menu Pengantar (jangan pada teksnya ! )

Klik Add trigger Button 1 di jendela Triggers

Pada jendela Trigger Wizard atur seperti berikut

Kemudian klik OK


Lakukan hal yang sama untuk kotak menu yang lain.

Catatan ;

tombol PENGANTAR > Scene Pengantar

tombol KOMPETENSI > Scene Kompetensi

tombol MATERI > Scene Materi

tombol LATIHAN > Scene Latihan

setelah semua kotak menu diatur triggernya maka pada jendela Triggers akan seperti ini.

Setelah semua menu di atur triggernya maka sudah selesai kita membuat master layout untuk tampilan bahan ajar. Tetapi untuk tampilan latihan kita harus menyiapkan secara terpisah.

Mengatur Slide Master untuk Latihan

Masih dalam posisi Slide kedua yang aktif (slide yang sudah ada menunya).

Aktifkan semua obyek yang ada di layar dengan cara menekan tombol Ctrl + A

Tekan tombol Shift di keyboard Klik mouse pada kotak Click to edit Master title style sehingga kotak ini tidak aktif.


Tekan tombol Ctrl + C.

Pilih slide ke 4 (ke tiga slide kecil)

Tekan tombol Ctrl + v.

Pilih FORMAT pilih Send to Back

vv

vv

vv


Sehingga tampilan seperti berikut.

Atur kotak Click to edit Question title style dan kotak Click to edit Choice text styles sehingga masuk kedalam area kotak putih seperti berikut.

Menutup tampilan Slide Master

Setelah kita membuat master slidet untuk tampilan dan latihan maka selesai sudah mebuatan Master slide dan Anda bisa menutup untuk kembali ke tampilan normal.

Klik Close Master View


MENGATUR LAYOUT PADA TAMPILAN SLIDE

Setelah ke tampilan normal , maka terlihat pada slide yang terdapa di setiap scene masih polos belum berubah seperti tampilan yang sudah Anda buat tadi.

Untuk itu Anda perlu mengatur layout tiap slide agar berubah menjadi tampilan yang bermenu.

Karena scene opening hanya untuk menampilkan logo dan judul dan tidak ada menu maka tampilan bermenu mulai dari scene Pengantar.

Klik kanan pada slide di scene Pengantar, kemudian pilih Apply Layout pilih Title and Content (layout bemenu yang petama)

Maka tampilan di slide di scene pengantar akan berubah menjadi tampilan bermenu.

vv

vv

vv

vv

vv


Lakukan cara yang sama untuk Scene Kompetensi dan Materi

Sedangkan untuk slide di Scene Latihan saat memilih layoutnya arahkan ke tampilan bermenu yang kedua (Question)

Maka setelah semua slide di lakukan pengaturan layoutnya pada tampilan Story view akan terlihat sebagai berikut.

Agar saat di jalankan (preview) terlihat apakah menu berfungs dengan baik atau belum maka di setiap slide anda bisa beri identitas.

Klik dua kali di Slide pengantar kemudian pada layar di ketikan Pengantar.

vv


Lakukan cara yang sama untuk setiap slide di dalam scene.

Scene Kompetensi > Kompetensi

Scene Materi > Materi

Scene Latihan > Latihan

vv


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)

Menambahkan Slide

Setelah logo biasanya akan menampilkan Judul Bahan Ajar

Maka anda perlu menambahkan sebuah slide di bawah slide logo.

Klik kanan di slide logo kemudian pilih

Pada slide yang baru ubah namanya menjadi judul.

vv

vv

vv


Mengubah Trigger next slide ke next Scene

Karena setelah tampilan Judul nantinya menuju ke tampilan Pengantar maka anda harus mengubah trigger di slide judul, agar saat tombol berikutnya di klik maka akan membuka Pengantar.

Klik pada slide judul.

Klik Next slide pada jendela Triggers arahkan ke Scene Pengantar.

Dengan diubahnya trigger next slide ke scene Pengantar maka posisi Scene Pengantar akan dibawah Scene Opening

Membuat Tampilan Logo

Untuk membuat tampilan awal yang berupa logo dan nama institusi.

Klik dua kali pada slide logo.

vv


Menyisipkan Gambar Logo

Pilih menu INSERT pilih Picture > picture from File

Kemudian pilih gambar logo yang akan digunakan.

Pilih Open

Kemudian Atur ukuran dan posisi gambar logo seperti berikut.

vv

v


Menambahkan Teks Intitusi

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.

Memberi animasi pada tampilan logo

Agar menarik saat tampilan logo ini dijalankan sebaiknya anda tambahkan animasi .

Klik pada gambar logo

Pilih menu ANIMATIONS pilih bentuk animasi yang akan digunakan.


Kemudian Anda bisa mengatur durasi tampilnya logo.

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.

Mengatur urutan tampilnya obyek

Agar keluarnya obyek (logo dan teks) tidak bersamaan , Anda dapat mengaturnya dengan cara berikut.

Klik tab Timeline yang terdapat dibagian bawah layar.

Maka akan muncul jendela timeline seperti berikut


Kemudian klik mouse diawal timeline Text Box 1 (KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN) sehingga kursor berubah menjadi panah maju mundur, dengan klik dan geser ubah posisi awal ke 2s. (atau sesuai kebutuhan) hingga posisinya seperti berikut.

Menjalankan /Mempreview Bahan Ajar

Untuk mencoba jalannya animasi Klik Preview pilih This Slide.

Menutup Tampilan Preview

Untuk kembali ke area kerja Anda bisa klik di Close Preview

vv

vv


Selanjutnya Anda Bisa membuat tampilan untuk halaman judul. Dengan cara yang sama saat membuat tampilan halaman logo.

Setelah selesai membuat halaman judul coba preview .

Bagaimana hasilnya ?

Kalau ada bagian yang belum sesuai, anda bisa mengaturnya kembali. Untuk urutan tampilnya anda bisa ubah melalui jendela timeline sedangkan untuk efek animasi anda bisa ubah melalui menu ANIMATIONS kemudian sesuaikan efek animasinya.

vv

vv


Untuk melihat hasil berubahannya anda bisa preview kembali.

Mengatur Perpindahan Slide Secara Otomatis.

Saat anda mempreview maka untuk pindah dari halaman logo ke judul anda harus mengklik tombol berikutnya, ini terasa kurang nyaman. Untuk itu anda bisa mengubahnya agar perpindahan slide ini bisa secara otomatis tanpa melalui tombol.

Klik tab STORY VIEW

Klik pada slide logo

vv

vv


Kemudian pada jendela Triggers hilangkan tanda centang pada Prev dan Next

Klik pada 2 trigger yang ada ( Jump to…) dan delete, sehingga pada player Triggers kosong.

Lakukan hal yang sama untuk slide Judul.

Menambah Trigger Pindah Slide

Klik dua kali slide logo


Klik Timeline yang ada dibagian bawah area kerja

Klik Create new trigger

Pada jendela Trigger Wizard atur seperti berikut.

Setelah diatur klik OK

Menambah Trigger Pindah Scene

Klik slide Judul


Klik Create new trigger

Pada jendela Trigger Wizard atur seperti berikut.

Setelah diatur klik OK

Coba Preview, sekarang terlihat pada tampilan tanpa ada tombol sebelumnya dan selanjutnya, tampilan berpindah secara otomatis dari logo ke judul terus ke Pengantar. Dengan begitu selesai sudah tampilan opening dari bahan pembelajaran anda.

Selanjutnya Anda bisa meneruskan untuk mengisi uraian materinya.

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.


Untuk menambahkan teks dan gambar Anda sudah mempraktekan pada penjelasan sebelumnya.

Menyisipkan Suara/Audio

Klik pada slide yang akan diberi suara/audio

Pilih menu INSERT pilih Audio

Menggunakan audio dari file yang sudah ada

Klik audio from file, kemudian pilih file audio/suara yang akan digunakan.

Klik Open

Setelah file audio berhasil disisipkan maka secara otomatis pada jendela Timeline akan muncul layer berisi suara dan Menu yang aktif OPTIONS


Pada menu OPTION terdapat pilihan tool untuk mengatur suara yang sudah disisipkan.

Menggunakan audio dari perekaman langsung

Klik Record Mic.., akan muncul jendela record Microphone.

Selanjutnya anda bisa melakukan perekaman dengan melalui mikropon

Untuk mendengarkan suara

Untuk mengatur volume suara

Untuk mengedit suara Untuk mengganti file suara

Untuk memulai dan mengakhiri perekaman

Untuk menampilkan teks narasi


Saat anda menekan tombol SAVE maka suara hasil perekaman muncul di Timeline.

Menyisipkan Video

Klik pada slide yang akan diberi video

Pilih menu INSERT pilih Video

Menggunakan video yang sudah ada

Klik Video from file... kemudian pilih file video yang akan digunakan.

Menggunakan video dari website (Youtube)

Klik Video from Wibsite...

Buka video yang ada di youtube, kemudian copy alamat nya.

Kemudian Paste alamat tersebut di jendela Insert Video from Website yang muncul


Kemudian pilih OK

Menggunakan video dengan Webcam

Klik Record Webcam... kemudian akan muncul jendela record Webcam.

Setelah selesai melakukan perekaman klik OK

Untuk mengakhiri perekaman

Untuk memulai perekaman


Menggunakan video dari flash

Klik Flash Movie... kemudian pilih file flash (swf) yang akan digunakan

Mengatur ukuran layar video

Ukuran video yang telah anda sisipkan terkadang tidak sesuai , unruk memperbesar atau memperkecil ukuran layar video anda bisa melakukan cara berikut.

Klik pada video yang ada dilayar kemudian klik disalah satu titik disudut video, kemudian sambil diklik geser ke arah dalam untuk memperkecil dan geser ke arah luar untuk memperbesar.

Video yang sudah masuk kedalam tampilan/halaman dapat diatur lebih lanjut melalui menu OPTIONS

Untuk mempreview video

Untuk mengatur volume video

Untuk mengedit video Untuk mengatur

jalannya video

Untuk memunculkan kontrol video


Menyisipkan Character

Pada storyline terdapat fitur untuk menyisipkan karekter berupa gambar orang yang bisa 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.

Pilih tab Character kemudian pilih tokoh yang akan digunakan


Pilih tab Expression kemudian pilih ekspresi yang akan digunakan


Pilih tab Pose kemudian pilih pose yang akan digunakan

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

Setelah selesai kemudian Klik INSERT


Untuk mengatur ukuran tokoh caranya sama dengan mengatur gambar.

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)

Untuk latihan ini poloh saja karakter seperti berikut.


Pilih menu INSERT pilih Hotspot pilih oval

Kemudian buat lingkaran dibagian kepala gbr orang.

Kemudian buat sebuah layer baru

Klik New Layer , ubah nama layer menjadi kepala

Pilih text Box


Kemudian Ketikkan di sebelah gambar kepala tulisan “ Ini Kepala”

Kemudian buat sebuah layer baru lagi

Klik New Layer , ubah nama layer menjadi tangan kiri

Kemudian buat teks “ Ini Tangan Kiri ‘ didekat gambar tangan kiri

Klik New Layer , ubah nama layer menjadi tangan kanan

Kemudian buat teks “ Ini Tangan Kanan ‘ didekat gambar tangan kiri

Sehingga pada jendela Slide Layers menjadi seperti ini.

Kemudian Klik pada Untitled Slide

Pilih menu INSERT pilih Hotspot pilih kotak


Buat sebuah kotak menutupi gambar tangan kiri

Pilih menu INSERT pilih Hotspot pilih kotak

Buat sebuah kotak menutupi gambar tangan kanan


Klik di lingkaran pada kepala

Klik unassigned dibawah Hotspot 1 pada jendela Triggers, pilih kepala

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

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

Pilih text Box


Kemudian Ketikkan di bagian bawah gambar tulisan “ Ayo arahkan kursor ke bagian-bagian tubuh ! ”

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”

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

Pilih gambar globe (misalnya)


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

Klik di gambar benua Asia

Kemudian ketikkan tulisan di kotak yang ada seperti berikut.


Atur ukuran kotak dengan cara klik dan geser pada titik putih yang terdapat di kotak, sehingga ukurannya sesuai.

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.

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.


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

Kemudian dengan menggunakan Text Box buat sebuah kalimat pada layar tampilan “ Coba arahkan kursor ke lingkaran, untuk mendapatkan info lebih lanjut silikan klik”

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.

MEMBUAT LATIHAN INTERAKTIF

Pada articulate storyline terdapat fasilitas untuk membuat soal-soal interaktif dalam berbagai format soal secara mudah dan cepat. 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 duakali slide pertama pada Scene Latihan

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

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 “

Pada Jendela Triggers pilih Add trigger pada Button 1


Kemudian atur jendela Trigger Wizard seperti berikut.

Pilih OK

Menambahkan slide untuk soal

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

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

(anda bisa memilih bentuk soal yang lain sesuai kebutuhan)


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 .


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.

Mengatur acak opsi jawaban

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

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.

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

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.

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


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.

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..

Pilih Graded Result Slide pada Built in result Slide


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.

Pilih OK


Pada halaman tampilan Results , Anda dapat mengganti teks yang ada kecuali teks yang dimulai dan diakhiri dengan tanda %

Sedangkan untuk mengubah kalimat Feedback bisa anda lakukan melalui layer

Failure untuk Respon tidak berhasil dan layer Success untuk respon berhasil


Silakan preview latihan.

Jangan lupa Simpan file anda

MEMPUBLISH HASIL

Setelah Anda selesai membuat bahan pembelajaran, supaya bahan pembelajaran tersebut dapat digunakan dengan mudah dikomputer yang berbeda tanpa tergantung aplikasi Articulate Storyline maka anda perlu melakukan publish.

Pilih menu HOME pilih Publish.

Akan muncu jendela Publish.

Mempubilsh ke HTML5

Mempubilsh file ke HTML 5 membuat bahan pembelajaran kita bisa dibuka dengan browser (Opera, Edge, Crome, Mozilla, dll), bisa di upload ke web pribadi atau sekolah, dan bisa dijalankan melalui perangkat mobile berbasis android (tablet atau Handphone).

v


Pilih tab Web

Ketikan judul /topik pada kolom Title

Ketikkan diskripsi dari bahan pembelajaran ( bisa synopsis, atau informasi pembuat) pada kotak Description atau bisa juga dikosongkan

Atur lokasi tempat penyimpanan hasil publish pada kotak Folder

Pilih PUBLISH

Setelah selesai proses Publish akan muncul jendela Publish Successful

v

v

v

v


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

Mempubilsh ke EXE

Mempubilsh file ke EXE membuat bahan pembelajaran kita bisa dibuka secara mandiri tanpa perlu browser maupun aplikasi Storyline. Hasil publishnya tidak dapat diedit, jadi karya anda lebih aman saat di bagikan ke siswa atau rekan guru yang lain.

Pilih tab CD

Ketikan judul /topik pada kolom Title

Ketikkan diskripsi dari bahan pembelajaran ( bisa synopsis, atau informasi pembuat) pada kotak Description atau bisa juga dikosongkan


Atur lokasi tempat penyimpanan hasil publish pada kotak Folder

Pilih PUBLISH

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

Apabila folder tersebut dibuka maka akan terdapat beberapa file dan folder

Hasil publish berupa HTML5

Untuk menjalankan file hasil publish HTML5 adalah story_html5

v

v


Supaya memudahkan orang lain menjalankannya anda bisa mengubah penamaan file tersebut misalnya menjadi Buka file ini atau Judul Topiknya.

Hasil publish berupa EXE

Untuk menjalankan file hasil publish HTML5 adalah Launch_story

Disini anda juga dapat mengganti nama file Launch_story seperti di file html5

Setelah selesai mengganti nama file maka file dan folder yang akan diCopy adalah folder dengan nama dibelakangnya Storyline output. (anda juga bisa mengganti nama folder ini dengan judul topik saja).

Selamat berlatih, Selamat Berkarya, dan Selamat berbagi untuk Majunya Pendidikan Kita.

v

v

PHOTO KEGIATAN





BTKP DIKPORA DIY; Senin – Jum’at, 09-13 April 2018

Ketua BTKP DIKPORA DIY; Dra. Isti Triasih membuka secara resmi Bimtek Pembelajaran.

Nara sumber; bpk. Dr. Sunarto, M.Pd - pemateri Pembelajaran di Era Digital

PHOTO KEGIATAN






Nara sumber; bpk. Dr. Mulyanta, M.Pd - pemateri Konsep Multimedia Pembelajaran

Nara sumber; Ibu Dr. Dian Wahyuningsih, M.Pd - pemateri Pengembangan Naskah

Multimedia

PHOTO KEGIATAN






Nara sumber; bpk. Ridwan Abdullah, ST - pemateri Articulate Storyline versi 2

Peserta Bimtek Pembelajaran sangat antusias mengikuti arahan instruktur/pemateri dalam

mengikuti sesi demi sesi (termasuk bpk. Dwi Priyana, S.Ag)

PEMERINTAH DAERAH DAERAH ISTIMEWA YOGYAKARTADINAS PENDIDIKAN, PEMUDA, DAN OLAHRAGA

SMK NEGERI 2 KASIHANJafan PG Msdukismo Nge$ihario Kasi OZ74 9T4627

Laman : www.smmvk.sch.id Email : pos 55192

FORM-TAUS- 02.2

SURAT TUGASNomor : 151/SMK.2/KP120I8

Berdasarkan Surat dari Pemerintah Daerah Daerah Istimewa Yogyakarta, DinasPendidikan Pemuda dan Olahraga DIY Nomor 421/0963 tertanggal 4 April 2018 perihalUndangan.

Yang bertanda tangan di bawah ini Kepala sMK Negeri 2 Kasihan Bantul :Narna : Drs. Samsuri NugrohoNIP : 19610314 198703 I 006Pangkat/Golongan : Pembina Tk. I / IV bJabatanUnitkerja

NarnaNIPJabatanUnit Organisasi

Tugas

: Kepala Sekolah: Sekolah Menengah Kejuruan (Sl\ffq Negeri 2 Kasihan

Bantul.

Menugaskan:

IhYi Priyana, SAg19760722 200701 I 014Guru Agama IslamSekolah Menengah Kejuruan ( SMK ) Negeri 2 KasihanBantulMengikuti Bimbingan Teknis (Bimtek) Produksi MediPembelajaran Berbasis Articulate Storyline pada hariSenin s.d. Jurn'at, 9 -13 April20lS di Balai Tekkomdik,Dinas Dikpora DIY, Jalan Kenari No. 2 Yoryakarta.

Harap dilaksanakan dengan sebaik-baiknya dan merrberikan laporan setelah melaksanakantugas.

Bantul,5 April 2018/Telah Melaksanakan Tu8al a Sekolah,

;*)qJ

L

+ fmsuri Nugroho10314 198703 1 006

18 199003 2 006

Mengetahui,

a . \ h f f i\ r \ , t u 6

, l 4A j * * *

b@ aru.rr

PEMERINTAH DAERAH DAERAH ISTIMEWA YO GYAKARTA

DINAS PENDIDIKAN, PEMUDA DAN OLAHRAGA

BALAI TEKNOLO GI KOMUNIKASI PENDIDIKAN

Nama

NIP / NUPTK

Tempat Tanggal Lahir

Pangkat, Gol / Ruang

Jabatan

Unit Kerja

SERTIFIK/[TNOMOR=OO7/1066

Diberikan kepada :

: DwiPriyana, S.Ag

: 1976A72220070l lOl4

: Ciamis,zzftr l i1976

: PENATAMTIDATK.I -lIl/b

: Guru

: SMKN2Kasihan

Atas partisipasinya dalam kegiatan Bimtek Produksi Media Pembelaiaran

dengan Materi Articulate StoryIine unfirk Guru Se-DfY pada Kegiatan

Produksi dan Pemanfaatan Media Pembelaiaranyang diselenggarakan oleh Balai

Teknologi Komunikasi Pendidikan Dinas Pendidikan, Pemuda dan Olahraga

Daerah Istimewa Yogyakarta pada tanggal 9 - 13 April 2018 bertempat di Balai

Teknolo gi Ko munikasi Pendidikan sebagai:

PESERTAYogyakarta, 13 APril 20 1 8

KEPALABALAI TEKKOMDIKIKAN, PEMUDA DAN OLAHRAGA

WAYOGYAKARTA

Website : http://btkp-diy.or.id Email : [email protected] Kode Pos : 55166

o T

BI}ITEKPRODUKSIMEDIAPEMBELAJARANDENGANMATERI *

ARTICULATE STORYLINE UNTUK GURU SE-DIY


TAHIIN 2018

NO MATERI BIMTEKALOKASI

WAKTU

I MATERI UMUM

1. Kebijakan dan Program Kegiatan Balai Tekkomdik Dinas

Dikpora DIY

2 lpl

il MATERI INTI

1. Pembelaj aranBra Digital

2. Konsep Multimedia Pembelajaran

3. Pengemb anganNaskah Multimedia

4. Articulate Storyline 1 ( Instalasi, Pengenalan, Mengatur New

Project danLayer)

5. Articulate Storyline 2 ( Mengatur Scene dan Slide)

6. Articulate Storyline 3 ( Triger, Audio dan Publish)

2 Jpl

a Jpl

8 Jpl

5 Jpl

5 Jpl

4 Jpl

8I,m MATERI PENDUKUNG

7. Praktik Pembuatan Media Pembelaiaran

8. Presentasi

8 Jpl

4 lpl

Jumlah 42 lpl

Yogyakarta, 13 April 2018

PEJABAT PELAKSANA TEKNIS KEGIATANSEKSI PENGEMBANGAN DAN PRODUKSI

BALAI TEKKOMDIK DIY

TRI HARYANI, S.EF{P. 19711005 199603 2004s

SMK NEGERI 2 KASIHAN...8 SMK N 2 PENGASIH KULONPROGO BUDI LESTARI 9 SLBN 1 GUNUNGKIDUL GUNUNGKIDUL...

Documents

Transcript of SMK NEGERI 2 KASIHAN...8 SMK N 2 PENGASIH KULONPROGO BUDI LESTARI 9 SLBN 1 GUNUNGKIDUL GUNUNGKIDUL...