Menambahkan Simulasi Interaktif HTML5 Pada Articulate Storyline


Ada kalanya untuk memperjelas pemahaman dalam menyajikan suatu materi pembelajaran dengan menggunkan media pembelajaran, Anda membutuhkan tampilan simulasi atau animasi yang interkatif, misal untuk menyajikan suatu konsep Fisika membutuhkan simulasi virtual yang interaktif dengan melakukan suatu praktikum Fisika. Simulasi atau animasi interkatif yang berbasis web saat ini (yang uptodate) adalah berformat "html5".  Untuk kebutuhan tersebut maka Anda dapat menggunakan Articulate Storyline, bagaimana caranya?? Caranya ternyata mudah sekali, yaitu Anda dapat menambahakan simulasi interaktif html5 tersebut dengan bantuan web objek (baca Menambahkan Web Objek pada Articulate Storyline disini😊). Simak penjelasan berikut ini dengan baik yaaaπŸ˜‰

Menambahkan simulasi interaktif berformat *.html5
  • Buat sebuah folder yang berisi file simulasi interaktif  dalam format *.html5, ingat baik-baik dimana lokasi folder tersebut pada komputer anda
  • Buat New Slide
  • Klik Menu Insert kemudian pilih "Web Object"
  • Pada jendela insert web object silahkan browse folder web object yang berisi simulasi interaktif *.html5 dengan cara klik folder icon seperti pada gambar
  • Telusuri lokasi folder simulasi interkatif *.html5, Anda akan mendapatkan folder kosong, abaikan saja yaa, kemudian akhiri dengan klik select folder dan OK

  • Simulasi interaktif dalam format *.html5 sudah ditambahkan pada slide Anda
  • Untuk melihat hasilnya silahkan publish file Anda!😊 CATATAN: Anda TIDAK akan dapat melihat file simulasi interaktif *.htm5 Anda dalam mode Pratinjau (preview) di Articulate Storyline, untuk melihatnya hanya dapat dilihat dalam versi yang Diterbitkan (sudah dipublish). Itu sebabnya langkah ini diperlukan.πŸ˜€
  • Untuk menjalankan simulasi interaktif *.html5 silahkan double klik "story_html5"


  • Maka file Simulasi Interaktif dalam format *.html5 siap dijalankan seperti pada video berikut ini :

Selamat mencoba😊


Sumber :






Komentar