Minggu, 13 Oktober 2019

Desain Perancangan Alur untuk Multimedia Interaktif



      Mendesain dan membuat proyek multimedia interaktif seperti seorang arsitek gedung, yang harus memahami bagaimana menggunakan segala sumber daya yang ada menjadi produk yang handal dan terpercaya.
      Rancangan produk multimedia interaktif dimulai dengan bagian sketsa kasar yang kemudian diarahkan menjadi sebuah flowchart, yang selanjutnaya di jadikan storyboard.

A. Flowchart Multimedia Interaktif
        Flowchart adalah bagian-bagian yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah.
        Untuk multimedia interaktif flowchart menggambarakan secara langsung alur dari proyek yang dibuat. Mulai dari awal program,input,proses,output dilanjutakan dengan keluar program.



Bentuk-bentuk yang digunakan Flowchart


Penerapan Flowchart  yang digunakan dalam flowcart
Hasil gambar untuk flowchart multimedia interaktif

Dari gambar flowcart diatas akan sangat membantu kita dalam menentukan navigasi dari proyek multimedia interaktif.
        Proyek multimedia tidak lebih daripada susunan teks, grafik, suara, animasi dan elemen video sehingga menghasilkan produk yang sesuai dengan tujuan dan pesan yang ingin kita sampaikan .
        Pada halaman web, site map umumnya merupakan daftar isi dengan tingkatan yang sederhana dan masing-masing heading terhubung ke sebuah halaman web utama. site map sangat berguna bagi proyek multimedia interaktif karena berupa daftar isi dan menjelaskan apa yang akan terjadi ketika pengguna bernteraksi.
struktur navigasi proyek multimedia antara lain.

1. Linier
    Navigasi yang dilakukan secara berurutan. jika satu halaman di klik maka akan muncul halaman selanjutnya.

Hasil gambar untuk navigasi linier
2.Hieraki
   Navigasi cabang pohon, yang merupakanlinier dengan percabangan.

Hasil gambar untuk navigasi hirarki

3.Nonlinier
   Nonlinier yang dilakukan secara bebas melalui jalur yang telah ditentukan. Pengguna dapat bergerak bebas tanpa ada pembahasan.

Hasil gambar untuk navigasi Nonlinier

4. Komposit
    Navigasi ini dapat bergerak bebas (non linier) tetapi terkadang ada pembahasan navigasi linier.

Hasil gambar untuk navigasi komposit



B.Storyboard Multimedia Interaktif
     Storyboard atau disebut juga kerangka grafis digunakan untuk mendiskripsikan proyek mulimedia interaktif dengan detail menggunakn kata-kata dan sketsa untuk setiap tampilan layar, suara, pilihan navigasi, pilihan warna dan gradasi yang,tepat, isi teks, atribut dan font, bentuk tombol,style, umpan balik atau respon.
     Secara lebih mudahnya storyboard merupan gambaran grafis/ visual dari proyek yang akan kita buat yang didalamnya mencakup teks, audio, grafik,animasi, video dan aspek interaktif.
Fungsi Storyboard multimedia interaktif adalah.

  1. Untuk memperjelas flowchart.
  2. Sebagai pedoman/acuan bagi animator, programmer, narator dan tim yang lain.
  3. Merupakan dokumen tertulis.
  4. Bahan pembutan manual Book/petunjuk penggunaan.
Ketentuan-ketentuan umum storyboard multimedia interaktif adalah.

  1. Gambar yang disiapkan disertai dengan penjelasan dan narasi.
  2. Pembuatan storyboard diawalidengan dengan gambar visual.
  3. Narasi digunsksn untuk melengkapi hal sulit yang tidak bisa diwakili dengan bentuk visual.
  4. Bahasa lain yang digunakan terutama yang dibaca oleh narator.
  5. Gunakan struktur kalimat yang sederhana.
  6. Gunakan simbol  yang sederhana dan mudah dipahami oleh semua orang.
  7. Gunakan gambar bentuk yang menarik serta komposisi yang tepat dan mudah di pahami.
Storyboard : JUDUL PROGRAM
      
       TAMPILAN MENU UTAMA
       Berisi TOMBOL DI MENU BAR
  1. HOME
  2. TUJUAN
  3. MATERI
  4. VIDEO
  5. EVALUASI
  6. PROFIL
      DENGAN TOMBOL NAVIGASI PENDUKUNG
      Berisi
  1. TOMBOL EXIT
  2. TOMBOL PETUNJUK
       TAMPILAN MENU MATERI DENGAN SUB MENU
  1. KONSEP DASAR
  2. SEGITIGA EXPOSURE
  3. ISO
  4. SPEED
  5. DIAFGRAMA
  6. MENGOPERASIKAN
      Hasil setelah render





C. Format Storyboard dan Komponen
     Format storyboard multimedia interaktif antara lain kartu, double coloum dan landscape.
     Format Storyboard Jenis Kartu


Hasil gambar untuk format storyboard jenis kartu

Format Storyboard Jenis Double Coloum














Format Storyboard Jenis Landscape

Hasil gambar untuk format storyboard jenis landscape multimedia interaktif
Format Storyboard  Jenis Landscape 2


  






Komponen-komponen penyusun storyboard interaktif antara lain.
  • Sketsa atau gambaran layar, halaman atau frame.
  • Warna, penempatan dan ukuran grafik, jika perlu.
  • Teks asli, jika ditampilkan pada halaman atau layar.
  • warna,ukuran dan tipe font jika ada teks.
  • Narasi.
  • Animasi jika ada.
  • Video,jika ada 
  • Audio, jika  ada.
  • Interaksi dengan pengguna, jika ada.
  • Dan hal-hal yang perlu diketahui oleh staf produksi.
D. Template Storyboard








  • E.Rangkuman 
  • Flowchart adalah bagian-bagian yang mempunyai arus yang menggambarkan langkah-lngkah penyelesaian suatu masalah.
  • Site map sangat berguna bagi proyek multimedia interaktif karena berupa daftar isi dan menjelaskan apa yang akan terjadi kepada penggunak berinteraksi.
  • Struktur navigasiproyek multimedia antara lain; Linier,Hieraki,Nonlinier,Komposit.
  • Storyboard atau disebut juga kerangka grafis digunakan untuk mendeskripsikan proyek multimedia interaktif dengan detail mrnggunakan kata-kata dan sketsa untuk setiap tampilan layar,suara,pilihan, navigasi, pilihan warna,isi teks,atribut,font, bentuk tombol,style dan umpan balik/respon
  • Komponen-komponen penyusun storyboard interaktif antara lain sketsa atau gambaran layar ,warna, teks,narasi,animasi,video,audio, interaksi dengan pengguna.

Jumat, 11 Oktober 2019

Multimedia Interaktif

Assalamualaikum wr.wb

                                   
BAB 1

A.Definisi Multimedia Interaktif

        Sebelum memahami tentang multimedia interaktif terlebih dahulu saya akan membahas  apa itu multimedia. Multimedia adalah kombinasi dari teks , foto, seni grafis, suara, animasi, dan elemen-elemen video yang di manipulasi secara digital.
        Pengertian Multimedia Interaktif adalah penggabungakan antara teks, foto, seni grafis, suara, animasi, dan video serta memungkinkan pengguna untuk berinteraksi dan berkomunikasi dengan produk multimedia.
        Multimedia interaktif memiliki proyek multimedia, yaitu merupakan peranti perangkat lunak yang berisi informasi pengetahuan dan hasil yang di tampilkan di layar komputer. Sedangkan proyek dapat diedarkan atau di jual kepada konsumen atau pengguna akhir biasanya dalam bentuk multimedia dapat melalui CD-ROM atau website/World wide web.

B.Konsep Dasar Multimedia Interaktif

      Produk multimedia berdasarkan karakteristiknya di bagi menjadi dua kategori yaitu multimedia linier dan multimedia interaktif/non linier.Multimedia linier merupakan produk multimedia yang di mulai dari awal menuju akhir.
     Multimedia interaktif memiliki Level interaktivitas dalam pembelajaran berbasis komputer.
 1.  umpan balik merupakan tingkat  interaktif yang paling rendah, berkaitan dengan tersedianya umpan balik terhadap tindakan  pengguna yang telah di tentuka sebelumnya.
 2.  Manipulasi, meliputi perubahan secara real time atau transformasi informasi.
 3.  Adaptasi , meliputi tanggapan yang di sesuaikan dengan kebiasaan pengguna sebelumnya.
 4.  Komunikasi, diwujudkan dengan lingkungan pembelajaran online dinamis yang fleksibel.

Model Multimedia Interaktif

  - Model tutorial merupakan salah satu jenis model yang memuat penjelasan,rumus,  prinsip,   bagan      tabel, definisi istilah, latihan dan percabangan yang sesuai.
  - Model drill and practice merupakan model yang tidak memuat materi tetapi langsung  pada                  berlatih dan praktik sesuai dengan teori yang pernah di peroleh sebelumnya
  - Model simulasi merupakan model yang di sesuaikan dengan kenyataan yang sebenarnya yang di          hadapi oleh pengguna dengan tujuan untuk memperoleh pengertian global  tentang proses
  - Model Instruction merupakan salah satu metode dalam pembelajaran dengan  multimedia interaktif     yang berbasis komputer
  - Model Hybrid merupakan  gabungan dari dua atau lebih model multimedia pembelaja
  - Model Socratic merupakan model yang berisi percakapan  atau  dialog  antara pengguna dengan          komputer  dalam natural  language
  - Model Inquiry merupakan suatu sistem pangkalan data yang dapat dikonsultasikan oleh pengguna,     dimana pangkalan data tersebut berisi data yang dapat memperkaya pengetahuan pengguna
  - Model Information merupakan model yang biasanya menyajikan informasi dalam bentuk
     daftar atau tabel

C.Website Multimedia Interaktif

       Konsep adalah sesuatu yang di pahami atau abstraksi suatu Ide atau gambaran mental sedangkan. Sedangkan konsep komultimedia interaktif berbasis halaman web dan media interaktif adalah memahami pemanfaatan komputer untuk membuat dan menggabungkan teks gambar, video, dan animasi dengan menggabungkan perangkat-perangkat tertentu yang dapat memungkinkan pengguna melakukan navigasi.
      Interaksi adalah suatu fitur yang menonjol dalam multimedia yang memungkinkan pembelajaran yang aktif (active learning). Pembelajaran yang aktif tidak saja memungkinkan pengguna melihat atau mendengar tetapi juga melakukan seauatu.
      Multimedia berbasis web mengandung lebih dari satu jenis media biasanya suara, video atau animasi, di samping teks atau gambar. Situs Multimedia sering mengandung unsur-unsur yang berinteraksi dengan pengguna secara langsung ,mengontrol, pengiriman suara atau klip video, memanipulasi objek 3D, bermain game dll. Selain itu multimedia berbasis web juga memiliki keunggulan dan kekurangan.

Keunggulan
   - Dapat memahami berbagi gaya belajar
   - Belajar dengan sistem visual
   - Belajar secara Auditori
   - Kinestetik peserta didik
   - Bahan lebih menarik dan menyenangkan
   - Banyak ide-ide lebih mudah untuk menyampaikan

Kekurangan
   - Dapat memahami berbagi gaya belajar
   - Belajar dengan sistem visual

      Sebenarnya Word Wide Wibe pada awal diluncurkan pada tahun 1989 didesin bukan untuk multimedia tetapi untuk pengiriman dokumen berformat HTML dengan menambahkan garis. Perkembangan internet dewasa ini sudah tidak dapat dipungkiri lagi.
     Pada tahap awal teks dan gambar merupakan penyusun utama sebuah World Wide Web dan dengan adanya tambahan interaktifitas. Awal interaktifitas dari sebuah web hanya sekedar link/menghubungkan ke web lain.
     Dengan perkembangan smartohone,banyaknya aplikasi yang di buat dengan berbasi HTML 5 merupakan suatu perkembangan yang luar biasa pesat. Aplikasi mutimedia interaktif berbasis HTML 5 memiliki kelebihan yang luar biasa antara lain.
   - Lebih mudah dikembangkan karena bahasa pemrograman yang di pakai merupakan bahasa                  pemrograman yang banyak dipakai oleh sebagian besar pengembang software.
   - Mudah diupdate karena hal ini hanya dilakukan di server pusat maka setiap user akan                          mendapatkan update yang sama
   - Akses informasi lebih mudah karena setiap user dapat mengakses informasi dengan internet dan dapat di akses dimanapun dan kapanpun.
   - Lebih murah dan lebih powerful karena aplikasi bisa digunakan pada semua perangkat yang             sudah  menyertakan browser.
   - Happy platform karena aplikasi ini bisa diakses menggunakan  perangakat berbasis windows,linux,ios,Mac OS, Blackbarry,android, dan lainnya.
   - Bisa digunakan secara offline, walaupun sebagaian besar aplikasi web diakses dengan internet  tetapi bisa dijalankan secara offline.

        Sekian dari saya apabila ada kesalahan  penulisan dari kata-kata tersebut saya mohon maaf.

                      Wassalamualaikum wr.wb