STORYBOARD - Multimedia Interaktif - Media Pembelajaran

Sep 11, 2026

Diunggah oleh Seraphina

Materi membahas perancangan multimedia interaktif sebagai penggambaran, perencanaan, dan pembuatan sketsa yang mengintegrasikan flowchart serta elemen terpisah menjadi satu kesatuan fungsional. Uraian mencakup desain berbasis multimedia dari metode storyboard film, desain struktur navigasi untuk keterhubungan antar halaman pada multimedia non linear, serta desain berorientasi objek. Materi juga menjelaskan konsep perancangan yang baik melalui kombinasi metode, kemudian merinci struktur navigasi linear, non-linear, hierarkis, dan composite beserta ciri serta kegunaannya.

BahasaIndonesian

KategoriPresentasi

FormatPDF

Halaman15

Waktu Membaca5 mnt

AksesGratis untuk diunduh

Daftar Isi

Storyboard

Perancangan Multimedia Interaktif

Macam-Macam Perancangan

Struktur Navigasi

Struktur Linear

Struktur Non-Linear

Struktur Hierarchical

Struktur Composite

Penugasan Struktur Navigasi

Flowchart View

Penugasan Flowchart

11/5/2018 STORYBOARD (Multimedia Interaktif – Media Pembelajaran) Pipin Piniman, S. Kom., M. Pd. Nip. 19850316 201101 1 002 =============================== Mapel – Desain Multimedia Interaktif Multimedia – SMKN 1 Rancah MATERI 1. Flowchart 2. Struktur Navigasi 3. Storyboard 11/5/2018 Perancangan Multimedia Interaktif Perancangan adalah penggambaran, perencanaan dan pembuatan sketsa, flowchart atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuanyang utuh dan berfungsi; Macam-Macam Perancangan Desain berbasis multimedia • Disain ini dikembangkan dari metode perancangan pembuatan film menggunakan storyboard. • Saat ini karena multimedia memerlukan aspek interaktif, sehingga perlu dilengkapi dengan flowchart. Desain Struktur Navigasi • Memberikan gambaran link dari halaman satu kehalaman lain. • Digunakan pada multimedia non linear, dan adaptasi dari disain web. Desain Berorientasi Obyek Adalah metode perancangan dimana komponen multimedia dinyatakansebagai obyek. 11/5/2018 Perancangan yang baik • Perancangan yang baik yaitu dengan menggabungkan metode diatas sehinggamendapatkan gambaran dan pemahaman yang lengkap. • Contoh : pembuatan story board dilengkapi dengan disain struktur navigasi agar mendapatkan struktur sistem secarakeseluruhan . Struktur Navigasi Struktur Navigasi merupakan strukturatau alur informasi dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan Multimedia Interaktif. 11/5/2018 Struktur Navigasi Struktur Linear 􀀹 Struktur yang hanya mempunyai satu rangkaian cerita berurut. 􀀹 Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halamansesudahnya 􀀹 Biasanya struktur ini digunakan Multimedia Presentasikarena tidak menuntut keinteraksian tetapi hanyamemerlukan keindahan dan kemudahan menampilkan data sebagai informasi. 11/5/2018 | | | | --- | --- | |
Struktur Linear | | |
| | Struktur Non-Linear 􀀹 Struktur navigasi non linear ( tidak berurut ) merupakan pengembangan dari struktur navigasi linear. 􀀹 Pada struktur ini diperkenankan membuat navigasi bercabang. 􀀹 Percabangan yang dibuat pada struktur linear ini berbedadengan percabangan pada struktur hierarki, karena padapercabangan non linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang samatidak ada master page dan slave page. 11/5/2018 | | | | --- | --- | |
Struktur Non-Linear
| | | | | Struktur Hierarchical 􀀹 Struktur navigasi hierarchi ( bercabang ) merupakan suatu struktur yang mengandalkan percabanganuntuk menampilkan informasi yang berdasarkankriteria tertentu. 􀀹 Informasi pada halaman utama disebut parent dan informasi pada cabangnya disebut child. 11/5/2018 | | | --- | |
Struktur Hierarchical

| Struktur Composite 􀀹 Struktur Navigasi Composite ( campuran ) merupakan struktur gabungan dari ketiga struktur sebelumnya. 􀀹 Struktur ini disebut juga struktur navigasi bebas. 􀀹 Kelebihan dengan menggunakan struktur navigasi ini adalah suatu aplikasi mampu memberikan keterkaitan informasinya lebih baik. 11/5/2018 | | | | | --- | --- | --- | |
Struktur Composite | | | | | | | Penugasan Struktur Navigasi 11/5/2018 Flowchart view Pengertian • Disebut juga diagram tampilan • Adalah diagram yang memberikan gambaran alir dari suatu scene (tampilan) ke scene lainnya • Digunakan untuk pengembangan multimedia interaktif. Flowchart view • Dalam flowchat view dapat dilihat komponen yang terdapat dalam suatu scene dengan penjelasan yang diperlukan . • Transisi dari scene ke scene lainnyadisebutkan, disamping hubungan antara satu scene dengan scene lain yang dinyatakandengan garis berikut tanda panah. • Hotkey dapat berupa teks, image, atau button yang digunakan untuk menghubungkan scene satu dengan

Pertanyaan Umum

Apa yang dimaksud dengan perancangan dalam multimedia interaktif?

Perancangan adalah penggambaran, perencanaan, dan pembuatan sketsa/flowchart untuk mengatur beberapa elemen agar menjadi satu kesatuan utuh dan berfungsi.

Mengapa multimedia interaktif perlu dilengkapi flowchart?

Karena multimedia memerlukan aspek interaktif, flowchart diperlukan untuk melengkapi pengembangan dari storyboard film agar alur dan hubungan antarscene jelas.

Apa perbedaan struktur navigasi linear, non-linear, hierarkis, dan composite?

Linear hanya memiliki satu rangkaian cerita berurut, non-linear memungkinkan navigasi bercabang tanpa master-slave page, hierarkis memakai parent-child berdasarkan kriteria tertentu, sedangkan composite menggabungkan ketiga struktur sebelumnya untuk keterkaitan informasi yang lebih baik.

Sep 11, 2026

Diunggah oleh Seraphina