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.

Tidak ada komentar:

Posting Komentar