Modul 4

Modul 4 Membuat Media Pembelajaran Menu Drag and drop Via Articulate Storyline By Adri 2018MODUL 6 Halaman 1 By Adri

Sebelum kita memmbuat media menu drag and drop viaArticulate storyline, kita membuat interaksi diagram aliryang kita inginkan 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 6 Halaman 2 By Adri

Salah satu aplikasi yang bisa kita gunakan untuk membuatintroduction adalah EasySketchProv301_Activated,berikut ini adalah langkah-langkah membuatnya offline(tanpa jaringan internet) Dobel klik 1MODUL 6 Halaman 3 By Adri

Begini penampakan EasySketchProv301_Activated 7 9 11 13 151 35 8 10 12 14 16 24 6Kita mulai dari yang nomor 11, yaitu latar belakang.Didalam aplikasi ini sudah disiapkan beberapa gambarlatar belakang, tetapi kalau anda kurang puas bisamenggunakan gambar yang anda punyai 1 3 2Klik pilih ukuran canvas – klik background – klik NextMODUL 6 Halaman 4 By Adri

Menambah teks 3 1 3 2 4Menambah gambar 1 2MODUL 6 Halaman 5 By Adri

Taraaa Hasilnya seperti berikut 1 3 2 4Save project untuk menyimpan sebagai file esp (easysketch pro)New slide untuk membuat slide baruPreview untuk memainkanExport untuk mempublish menjadi mp4Klik export, maka ....MODUL 6 Halaman 6 By Adri

MODUL 6 Halaman 7 By Adri

Langkah membuat media pembelajaran menu drag&drop 1 2 3Jalankan aplikasinya – import – import from storytemplate 1 2MODUL 6 Halaman 8 By Adri

Disini kita memerlukan file character DisplayPanel.storytemplate 1klik upgrade 1 2Klik Projection screen – klik importMODUL 6 Halaman 9 By Adri

1Klik untuk membuka slide 2 3Langkah selanjutnya membuat menu 41Klik menu insert – klik Controls – klik Button 1 – dragbutton di canvas, misalnya seperti tampilan berikut :MODUL 6 Halaman 10 By Adri

12 3 4Tekan Ctrl + Drag button 1 ke sebalahnya trus drop,lakukan berulang-ulang untuk menu 2, 3, dstMODUL 6 Halaman 11 By Adri

6 71 2 3 45Klik semua button, klik button fill, klik warna 12 3 4MODUL 6 Halaman 12 By Adri

Klik menu inser – Shape – round rectangle – drag dibagian bawah screen serta drop 1 2 3 Format – Shape fill - No Fill 3 2 2 TriggerMODUL 6 1 1 Layer Halaman 13 By Adri

Langkah selanjutnya adalah membuat layer, trigger danconvert to freeform1 Klik new layer sebanyak jumlah menu, kalau menunya 5 maka layernya 52 Klik add trigger di masing-masing button yang menuju ke layer yg baru saja kita buat Ke layer yg dituju klik okMODUL 6 Halaman 14 By Adri

1 Trigger 2 33 Convert to freeform untuk mengaktifkan drag&drop 12Drag item diisi button yg akan di dragDrop target diisi tempat meletakkan buttonMODUL 6 Halaman 15 By Adri

Diisi seperti berikut : 1Klik drag & drop options 1 Klik keempat tujuan tersebut 2 Klik slide view 3 4MODUL 6 Halaman 16 By Adri

Langkah selanjutnya mengisi masing-masing layerdengan media content yang diinginkan, misalkan interaksidiagram alir yang kita inginkan adalah sebagai berikut :I 1START INTRODUCTION : berisi Tujuan, Video atau apapun yg memotivasi & menarik KOMPETENSI KD dari materi yg ingin dibuat medianya MATERI 1 Berisi paparan, gambar, video, flash, ttg materi 1 MATERI 2 Berisi paparan, gambar, video, flash, ttg materi 2 LATIHAN Berisi latihan, flash, ttg materi 1 & 2 QUIZ Berisi quiz, flash, ttg materi 1 & 2ENDMODUL 6 Halaman 17 By Adri

1 234 51 untuk menyisipkan gambar2 untuk menyisipkan video3 untuk menyisipkan flash4 untuk menyisipkan audio5 untuk menyisipkan output aplikasi lain dalam type web atau html(5)Setelah dimodif penampakannya akan seperti berikut : 123Klik save beri nama Mod4_namaandaMODUL 6 Halaman 18 By Adri

1 2klik menu – OK 1MODUL 6 Halaman 19 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 6 Halaman 20 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 6 Halaman 21 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 6 Halaman 22 By Adri

1 23 45 6Klik (1) klo ndak pakai mikir (Katanya cak lontong)untuk langsung jalankan hasilnya via browser(firefoxkah, chromekah, dllkah….) 1MODUL 6 Halaman 23 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 telegramMODUL 6 Halaman 24 By Adri

Klik (5) klo ingin membuka folder hasil publishnyauntuk dijalankan atau diopex.Semua isi di folder Storyline output ini bisa dikirim keandroid, kemudian dibuka via browser di android.MODUL 6 Halaman 25 By Adri

1 1MODUL 6 2 By Adri 1 Halaman 26

Buka file manajer di android. Sentuh story_html5.html.Kemudian buka dengan browser di android anda. 1 1 2Berikut ini tampilannya di android.MODUL 6 Halaman 27 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 6 Halaman 28 By Adri

Materi tambahan Install Website 2 APK Builder ProSebelum menginstall Website 2 APK Builder Pro mohonkoneksi ke internet dimatikan dan menginstall JRE (Javaruntime environment)Mengenal Istilah JDK, JRE dan IDE pada JavaUntuk para pengembang Java tentu sering mendengaristilah JDK, JRE dan IDE. Biasanya JDK dan JRE itudiinstall terlebih dahulu sebelum kita membuat ataumenjalankan aplikasi yang berbasis Java. Untukmembuat aplikasi berbasis Java, kita membutuhkan alatbantu berupa IDE. Lalu apakah pengertian dari istilah -istilah tersebut ?JDKJDK adalah singkatan dari Java Development Kit. JDKmerupakan perangkat lunak yang digunakan untukmelakukan kompilasi dari kode - kode Java yang dibuatoleh pengembang aplikasi lalu menerjemahkannya kedalam bytecode untuk dijalankan oleh JRE. JDK wajibdiinstall terlebih dahulu sebleum pengembang membuatsuatu program / aplikasi.MODUL 6 Halaman 29 By Adri

JREJRE adalah singkatan dari Java Runtime Environment.JRE merupakan perangkat lunak yang digunakan untukmenjalankan program / aplikasi yang berbasis Java.Apabila kode - kode Java yang dibuat oleh pengembangtelah selesai dikompilasi oleh JDK, maka tugas JRE lahyang menjalankan aplikasi berbasis Java tersebut. Untukmenjalankan aplikasi Java, versi JRE harus sama ataulebih tinggi dari versi JDK yang terinstal di komputerpengembang.IDEIDE adalah singkatan dari Integrated DevelopmentEnvironment. IDE merupakan perangkat lunak yangdigunakan untuk membangun suatu program atauaplikasi. Pada konteks kali ini, kita membahas Java yangdigunakan untuk membuat suatu aplikasi. Untukmembuat suatu aplikasi yang berbasis Java, contoh IDEyang digunakan adalah Netbeans dan Eclipse. (Saat inisaya menggunakan Netbeans). Netbeans dan Eclipsememiliki kelebihan dan kekurangan masing - masing.Tetapi terlepas dari hal itu, kedua IDE ini merupakanIDE handal untuk membuat suatu aplikasi Java.Itulah pengertian dari ketiga istilah yang sering kitatemui pada saat membuat aplikasi berbasis Java. Ketigahal tersebut merupakan komponen yang penting, apabilaMODUL 6 Halaman 30 By Adri

salah satu tidak terpenuhi maka kita tidak akan bisamembuat aplikasi Java. Dobel klikKlik yes KlikTunggu proses install sampai selesai.Klik CloseMODUL 6 Halaman 31 By Adri

Menginstall Website 2 Apk builder pro Dobel klik KlikKlik yes Klik KlikKlik Next – Klik InstallMODUL 6 Halaman 32 By Adri

Klik KlikHasilnya sebelum di crackMODUL 6 Halaman 33 By Adri

Dobel klik KlikSetelah di crack akan seperti berikut .....Bersambung ........ Good luck By AdriMODUL 6 Halaman 34