Slide SIF 223 Sikllus Pengembangan Aplikasi Multimedia

(1)

Sikllus

Pengembangan

Aplikasi Multimedia

(2)

Tahap Pengembangan Multimedia

• _Concept

• _Design

• _{Material Collecting}

• _Assembly

• _Testing

(3)

Concept

• _{Menentukan tujuan}

• _{tujuan dari multimedia}

• _{audiens yang menggunakan}

• _{Memahami karakteristik user}

• _{tingkat kemampuan audiens}

• _Output

(4)

Design

• _{Desain berbasis multimedia}

• _{metode desain pembuatan film} • _menggunakan:

• storyboard

• flowchart view

• _{Desain struktur navigasi}

• _{gambaran link dari halaman satu ke halaman lainnya} • _{digunakan pada multimedia non-linier}

• _{diadaptasi dari desain web}

• _{Desain berorientasi objek}

• _{object-oriented design}

• komponen multimedia dinyatakan sebagai objek

(5)

Desain berbasis multimedia

• _{Tools yang digunakan}

• _Storyboard_{, digunakan untuk multimedia linier}

• _{Flowchart view}_{, melengkapi storyboard untuk multimedia}

non-linier (interaktif), yaitu multimedia yang menggunakan banyak percabangan

• _Storyboard

• _{Bermanfaat bagi:}

• _{pengembang / pemilik multimedia  merupakan visual test} • _{staf pembuat multimedia  pedoman dari aliran pekerjaan}

(6)

Storyboard

• _{Storyboard merupakan}

rangkaian gambar

(7)

Storyboard

• _{Storyboard merupakan}

deskripsi tiap scene,

dengan mencantumkan

semua objek

(8)

Flowchart view

• _{disebut juga diagram tampilan} • _{meggambarkan alir dari satu}

scene (tampilan) ke scene lainnya

• _{digunakan pada multimedia}

interaktif

• _{hotkey yang dapat berbentuk}

teks, image, atau button

• _{sulit dimengerti bila banyak}

(9)

Desain struktur navigasi

• _{Linear navigation model}

• _{digunakan pada multimedia linier} • _{informasi diberikan secara sekuensial} • _{macam aplikasi:}

• _presentasi

• aplikasi computer based-training

(10)

Desain struktur navigasi

• _{Hierarchical model}

• _{diadaptasi dari top-down}

design

• _{dimulai dari satu node}

dibuat beberapa cabang ke halaman-halaman level 1.

• _{dari tiap halaman level 1}

(11)

Desain struktur navigasi

• _{Spoke-and-hub model}

• _{struktur hyperlink yang}

fleksibel

• _{hub sebagai halaman}

utama berhubungan dengan setiap node.

• _{setiap node dapat}

(12)

Desain struktur navigasi

• _{Full web model}

• _{kemampuan hyperlink}

yang banyak

• _{untuk dapat cepat}

mengakses semua topik

• _{user dapat kehilangan cara}

(13)

Desain berorientasi objek

• _{semua komponen multimedia}

dipandang sebagai objek

• _{digunakan pada sistem dengan}

interaktif yang lebih kompleks dan

besar

• _{konsep berorientasi objek dapat}

digunakan untuk semua sistem

• _{model objek menggambarkan:}

• _{objek dalam sistem}

(14)

Perancangan screen

- mempengaruhi efektifitas komunikasi

• perancangan screen harus memperhatikan beberapa hal, yaitu:

- tidak boleh melebihi 3 window pada satu screen

- kecepatan yang dimiliki oleh tampilan

- tidak boleh menampilkan banyak teks pada satu screen

- tampilan dari awal hingga akhir harus konsisten

- button diletakkan sedemikan rupa, sehingga user mudah menemukannya

• pedoman untuk membuat desain visual yang baik:- kejelasa

n

- estetis

- konsistensi

(15)

(16)