Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!

Home Explore Modul 6 menu hotspot

Modul 6 menu hotspot

Published by adripr4nt, 2018-08-05 04:26:06

Description: Membuat menu hotspot menggunakan aplikasi Articulate Storyline

Search

Read the Text Version

Modul 6 Membuat Media Pembelajaran Menu Hotspot Via Articulate Storyline By Adri 2018MODUL 6 Halaman 1 By Adri

Sebelum kita memmbuat media menu hotspot viaArticulate storyline, kita membuat interaksi diagram aliryang kita inginkan adalah sebagai berikut :I 1START INTRODUCTION : berisi Tujuan, Video atau apapun yg memotivasi & menarikKOMPETENSI 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

Berikut ini adalah beberapa laman web yangmenyediakan pembuatan media interaktif onlinehttps://www.renderforest.com/https://www.velosofy.com/https://flixpress.com/AutomatedTemplates.aspxhttps://www.animaker.com/intro-makerhttps://panzoid.com/https://biteable.com/intro/http://www.oddcast.com/technologies/tts/Untuk bisa memanfaatkan / membuat media interaktifonline kita dipersyaratkan sign in via surel gmailMisalkan laman web https://www.renderforest.com/MODUL 6 Halaman 3 By Adri

MODUL 6 Halaman 4 By Adri

Apabila diperlukan gambar atau logo transparan, bisamenggunakan aplikasi online dihttps://www140.lunapic.com/editor/?action=transparentMODUL 6 Halaman 5 By Adri

MODUL 6 Halaman 6 By Adri

Kita lanjutkan memasukkan logo di renderforest - klik confirm Pilih & OKMODUL 6 Halaman 7 By Adri

Taraa ...MODUL 6 Halaman 8 By Adri

Langkah membuat media pembelajaran menu hotspotPr 1 2Jalankan aplikasinya – New Project 1MODUL 6 Halaman 9 klik By Adri

3 21 4 5Klik Menu Design – Klik Background – klik pictureor texture – klik File – Browse file gambar (jpg, png,bmp, tiff, dll) – Apply to all – klik Close Hasilnyaakan seperti berikut :MODUL 6 Halaman 10 By Adri

Selanjutnya mulai membuat menu hotspot klikKlik Menu Insert – klik hotspot – Pilih bentuk hotspotnya(oval, persegi atau bentuk bebas) - Drag di backgroundKerjakan langkah diatas sebanyak 4 xMaka akan tertampil seperti berikut :MODUL 6 Halaman 11 By Adri

Klik 4xKemudian buatlah 4 layer baru. Dan beri nama 1, 2, 3,dan 4 seperti berikut ini :MODUL 6 Halaman 12 By Adri

Selanjutnya menghubungkan hotspot menu kebeberapa layer tujuan Klik KlikKlik hotspot di timeline – klik trigger penghubungnya(ganti unassigned menjadi layer yang dituju)dst Langkah selanjutnya mengisi masing-masinglayer dengan media content yang diinginkan,misalkan interaksi diagram alir yang kita inginkanadalah sebagai berikut :MODUL 6 Halaman 13 By Adri

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 & 2END 1 2341 untuk menyisipkan gambar 52 untuk menyisipkan video3 untuk menyisipkan flash4 untuk menyisipkan audio5 untuk menyisipkan output aplikasi lain dalam type web atau html(5)MODUL 6 Halaman 14 By Adri

Setelah dimodif penampakannya akan seperti berikut : 1 234Klik 1 untuk menyimpanKlik 2 untuk membuka player propertiesKlik 3 untuk membuka previewKlik 4 untuk mempublishKlik 1 untuk menyimpan, beri namaMod6_namaanda 1 2 By AdriMODUL 6 Halaman 15

1 2klik menu– OK 1Hyperlink ke file external (doc, pdf, ppt, dsb)Kadang kala kita perlu membuka dokumen dariprogram aplikasi lain (doc, docx, pdf, ppt, odp, dll)MODUL 6 Halaman 16 By Adri

didalam proyek kita. Maka langkah-langkahnya adalahsebagai berikut :Misalkan di layer ini kita ingin dokumen dari programaplikasi lain (doc, docx, pdf, ppt, odp, dll)Klik Insert – Button - Pilih jenisnya - drag di layer,akan tampil berikut :Action (isi denganengan jump to URL) - File(browse dokumen yang ingin dibuka dari programaplikasi lain (doc, docx, pdf, ppt, odp, dll) – Pilih –Open - Klik OKMODUL 6 Halaman 17 By Adri

Klik add trigger 1 1 2MODUL 6 Halaman 18 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 19 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 20 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 21 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 Selesai dahhhhhh By Adri Halaman 22

Uploadlah hasil modul6 ke alamat hostingmuCara mengirim Storyline output ini bisa dikirim ke freehosting adalah panjenengan harus mempunyai akun difree hosting tersebut dengan akun email sebagai alamatdi internet sebagai aktivasi akun di free hosting.Jadi syarat utama adalah mempunyai akses internet danakun email, misalnya [email protected] https://infinityfree.net/ 1 2MODUL 6 Halaman 23 By Adri

MODUL 6 Halaman 24 By Adri

4 3 Setelah klik search tampil Maka cobalah nama domain yg lain, sampai 5 By AdriMODUL 6 Halaman 25

Tunggu beberapa menit yaaa Klik iniOnline File Manager adalah fasilitas dari free hostingyang cara kerjanya sama dengan file manager atauwindows explorer, yang membantu kita untuk membuatfolder, mengirim file, menghapus, dan mengcopy file.Sebelum kita mengirim Storyline output ke free hosting,perlu diketahui bahwa folder htdocs adalah bagian terluardari domain kita, sehingga kalau kita ingin mengirimapapun ke domain kita harus masuk dulu ke htdocs.Apabila kita ingin mengirim beberapa Storyline output,maka perlu dibuat folder baru.MODUL 6 Halaman 26 By Adri

MODUL 6 Halaman 27 By Adri

2 1 Isi nama folderBuatlah folder untuk tugas modul 1 s.d. modul 6, misalkan1 untuk modul 1, 2 untuk modul 2, dst. 1Sudah berhasil 5 folder, kurang folder 6MODUL 6 Halaman 28 By Adri

Sebelum mengupload ke hosting kita membutuhkan 22 file, yaitu index.html dan file dalam jenis zip atau tar,tgz atau gz. 1story_html5.html adalah file utama yang kita akses viabrowser di pc atau android, file ini akan kita copy dan kitarename menjadi index.html.Dan kita membuat file zip dengan cara memilih semuafile dalam folder hasil publishMODUL 6 Halaman 29 By Adri

klik kanan Diupload ke hostingCara upload ke hosting Klik ini Klik iniMODUL 6 Halaman 30 By Adri

Klik ini Klik ini Disini akan kita upload 2 file, yaitu index.html dan zip file Klik iniMODUL 6 Halaman 31 By Adri

Kalau keluar seperti ini berarti proses upload ke hosting berhasil !!!!Kerjakan langkah dari halaman 29 s.d halaman 32 untukmengupload output modul 2, modul 3, modul 4, modul 5,, dan modul 6.MODUL 6 Halaman 32 By Adri

Percobaan AksesUntuk mengetahui apakah kita sudah mengupload denganbenar, maka cek dengan cara Masuk ke alamatnamadomain/namafolder sagusalin.epizy.com/1Kirim ke grup telegram sagusalin4 berikut ini : 1. Mod6_namaanda.zip 2. Alamat hosting 3. Dan apk (aplikasi androidnya)Bersambung ........ Good luck By AdriMODUL 6 Halaman 33


Like this book? You can publish your book online for free in a few minutes!
Create your own flipbook