Modul 3

Modul 3 Memodifikasi Media Pembelajaran Via Articulate Storyline By Adri 2018MODUL 5 Halaman 1 By Adri

Sebelum kita memodifikasi media via Articulatestoryline, kita membuat interaksi diagram alir yang kitainginkan adalah sebagai berikut :I 1START INTRODUCTION : berisi Tujuan, Video atau apapun yg memotivasi & menarik KOMPETENSI KD dari materi yg ingin dibuat medianya MATERI Berisi paparan, gambar, video, flash, ttg materi 1 LATIHAN Berisi latihan, flash, ttg materi 1 & 2 QUIZ Berisi quiz, flash, ttg materi 1 & 2 ENDBerarti alur kerja kita akan memodifikasi seperti berikut :Tab 1 = IntroductionTab 2 = KompetensiTab 3 = MateriTab 4 = LatihanTab 5 = Quiz1. Welcome, bisa diganti introduction, perkenalan atau promosi ttg anda2. Deskripsi, bisa diganti tujuan, kalimat motivasi atau gambar yg menarik3. Gambar, bisa diganti gambar, video, flash yg berhubungan dg media andaMODUL 5 Halaman 2 By Adri

Salah satu aplikasi yang bisa kita gunakan untuk membuatintroduction adalah sparkol videoscribe, berikut ini adalahlangkah-langkah membuatnya offline (tanpa jaringaninternet)Dobel klik icon videoscribe di desktopTanpa ragu-ragu klik loginMODUL 5 Halaman 3 By Adri

Klik + untuk membuat animasi whiteboard baruMODUL 5 Halaman 4 By Adri

Berikut ini fasilitas utama dari videoscribe10 3 5 7 8 1 2 4 6 91 untuk menyisipkan image (gambar atau latar belakang)2 untuk menyisipkan tulisan (ukuran dan warna)3 untuk menyisipkan grafik (batang, garis, dsb)4 untuk menyisipkan musik latar atau pengiring5 untuk menyisipkan narasi suara6 untuk menyisipkan tektur atau warna canvas7 untuk menyisipkan jenis animasi tangan8 untuk menampilkan/menjalankan hasil animasinya9 untuk mempublish atau menyimpan dalam file video (10 untuk menyimpan dalam file videoscribe (jenis file scribe)MODUL 5 Halaman 5 By Adri

Mula-mula tentukan apa yang akan panjenengan sisipkandalam introduction ini, misalnya latar belakang (image), teks,dan musik latar 1Klik image untuk menyisipkan gambar latar, siapkangambar latar apa yang panjenengan inginkan Ini adalah gambar yang tersedia di aplikasi 1MODUL 5 Halaman 6 By Adri

1 2Browse – tentukan pilihanmu – Klik open 1Pilih animasi menggambarnyaMODUL 5 Halaman 7 By Adri

1 2 31 untuk menambah teks2 untuk mempreview animasinya3 untuk memodif setingnyaKita langsung lanjut klik 1MODUL 5 1 By Adri Halaman 8

121 untuk menambah teks2 untuk menambah musik latarMODUL 5 Halaman 9 By Adri

Kita langsung lanjut klik 2 1 1MODUL 5 2 Halaman 10 By Adri

1 2Klik 1 untuk memutar musik terus menerusKlik 2 untuk konfirmasiMODUL 5 Halaman 11 1 By Adri

12Klik 1 untuk mempublish menjadi file videoKlik 2 untuk membuat file powerpoint dengan filevideoscribe didalamnyaLangsung klik 1MODUL 5 Halaman 12 By Adri

1 2 3Pilih file video jenisnya wmv – berinama – klik √Tunggu beberapa jamBisa ditinggal nonton bola.....MODUL 5 Halaman 13 By Adri

Langkah memodifikasi media pembelajaran 2 1Jalankan aplikasinya – New Project 1Klik untuk membuka slideMODUL 5 Halaman 14 By Adri

1Klik untuk membuat slide baru – My Templates 1 3 2Klik Process Diagram – Klik Same as imported template– Klik ImportMODUL 5 Halaman 15 By Adri

Maka akan tampil sebagai berikut : Menu Trigger Layer TimelineDidalam storyline 1 file storyline terdiri dari beberapa sceneTiap scene berisi beberapa slideTiap slide berisi beberapa layerTiap layer berisi beberapa obyek (text, character, button, dsb)yang diatur dalam timelineFile template top interactions ini berisi beberapa slideDalam Slide Process Diagram berisi 5 layer, yaitu base layerdan 4 optionsUntuk memindahkan antar layer perlu pemicu (trigger), yaitubuttonMODUL 5 Halaman 16 By Adri

Sebelum kita memodifikasi media via Articulatestoryline, kita membuat interaksi diagram alir yang kitainginkan adalah sebagai berikut :I 1START INTRODUCTION : berisi Tujuan, Video atau apapun yg memotivasi & menarik KOMPETENSI KD dari materi yg ingin dibuat medianya MATERI Berisi paparan, gambar, video, flash, ttg materi 1 LATIHAN Berisi latihan, flash, ttg materi 1 & 2 QUIZ Berisi quiz, flash, ttg materi 1 & 2 ENDBerarti alur kerja kita akan memodifikasi seperti berikut :Tab 1 = Introduction dari hasil videoscribeTab 2 = KompetensiTab 3 = MateriTab 4 = LatihanTab 5 = QuizMODUL 5 Halaman 17 By Adri

Untuk memodifikasi slide process diagram ini yang perludiperhatikan adalah layer dan obyek dalam timeline Timeline LayerYang bisa diganti atau dihapus adalah obyek text box dan character,sedangkan button mohon jangan dihapus. Karena button itu mereferensi untukmemicu ke layer tujuan.Cara menggantinya dengan dobel klik yg ingin diubah, diblok dan gantikantulisan atau kalimat yg baru. 1 234 51 untuk menyisipkan gambar 3 untuk menyisipkan flash2 untuk menyisipkan video 4 untuk menyisipkan audio5 untuk menyisipkan output aplikasi lain dalam type web atau html(5)MODUL 5 Halaman 18 By Adri

Setelah dimodif penampakannya akan seperti berikut : 123 1Klik layer selanjut dan kerjakan seperti langkah layer utama (based layer) TimelineMODUL 5 Halaman 19 Layer By Adri

Yang bisa diganti atau dihapus adalah obyek text box dan character,sedangkan button mohon jangan dihapus. Karena button itu mereferensi untukmemicu ke layer tujuan.Cara menggantinya dengan dobel klik yg ingin diubah, diblok dan gantikantulisan atau kalimat yg baruSetelah semua modifikasi selesai dikerjakan, kemudianKlik save beri nama Mod3_namaanda 1 2klik menu – OKMODUL 5 Halaman 20 By Adri

1MODUL 5 Halaman 21 By Adri

Untuk publish akan tampil pilihan sbb : 1 6 2 37 48 9 5 10 11 121. Apabila anda ingin siswamu dapat mengakses via internet atau intranet (local), tetapi tak perlu mengetahui progress mereka.2. Apabila anda ingin mengupload ke web articulate online3. Apabila anda ingin memasukkan ke sistem menejemen pembelajaranmu.MODUL 5 Halaman 22 By Adri

4. Apabila anda ingin siswamu dapat mengakses mandiri tanpa aplikasi apapun.5. Apabila anda ingin siswamu mempunyai manual dari MPImu.6. Judul dari MPImu7. Tempatmu menyimpan MPImu8. Mengaktifkan HTML5 untuk bisa di convert ke apk9. Membuka player menu10. Menentukan kualitas MPI yang ingin di publish11. Publish finalUntuk no 2 s.d 5 silakan dioprex sendiri ….MODUL 5 Halaman 23 By Adri

Kita bahas publish to web sbb : 1 2 3 4 56 7 8Klik web – beri judul – tentukan lokasi penyimpanan –klik HTML5 output – klik use Articulate … (ndakwajib) – klik (8) PublishTaraaaaa …….. Zzzzzzz Boleh ditinggal sambil main bolaMODUL 5 Halaman 24 By Adri

1 23 45 6Klik (1) klo ndak pakai mikir (Katanya cak lontong)untuk langsung jalankan hasilnya via browser(firefoxkah, chromekah, dllkah….) 1MODUL 5 Halaman 25 By Adri

Selesai dahhhhhhKlik (2) klo ingin mengirim hasil publishnya via emailKlik (3) klo ingin mengirim hasil publishnya via ftpKlik (4) klo ingin mengirim hasil publishnya dlm bentukzip via telegramKlik (5) klo ingin membuka folder hasil publishnyauntuk dijalankan atau diopex.MODUL 5 Halaman 26 By Adri

Semua isi di folder Storyline output ini bisa dikirim keandroid, kemudian dibuka via browser di android. 1 1MODUL 5 Halaman 27 By Adri

2 1Buka file manajer di android. Sentuh story_html5.html.Kemudian buka dengan browser di android anda. 1 1 2Berikut ini tampilannya di android.MODUL 5 Halaman 28 By Adri

Atau semua isi di folder Storyline output ini bisa dikirimke local host, kemudian bisa dibuka via browser diandroid melalui jaringan local (intranet) via wifi(hotspot).Bahkan semua isi di folder Storyline output ini bisadikirim ke free hosting, kemudian bisa dibuka via browserdi android melalui jaringan global (internet).Kalau selesai klik aja no (6).MODUL 5 Halaman 29 By Adri

Materi tambahan Install EasySketchProv301_ActivatedSebelum menginstall EasySketchProv301_Activatedmohon koneksi ke internet dimatikan 1 1Klik next (3x) – InstallTunggu sampai selesaiMODUL 5 Halaman 30 By Adri

1 1MODUL 5 Halaman 31 By Adri

Begini penampakan EasySketchProv301_Activated Good luckBersambung ........MODUL 5 Halaman 32 By Adri