Flow Chart & Storyboard

Presentasi berjudul: "Flow Chart & Storyboard"— Transcript presentasi:

1 Flow Chart & Storyboard
Komputer Multimedia

2 Flowchart Pembuatan flowchart merupakan representasi visual dari barisan isi produk anda Flowchart menunjukkan apa yang pertama, kedua, ketiga, dan apapun yang dapat dilakukan pengguna Flowchart yang lengkap mengorganisasikan topik, strategi, perlakuan, dan pilihan ke dalam perencanaan yang dapat digunakan untuk membuat rincian tiap halaman, frame dsb.

3 Flowchart Dapat kita sebut sebagai peta kerja untuk produk akhir
Dapat berubah ketika kita membuat detail dari tiap halaman/scene

4 Symbol flowchart Start & End; simbol ini dipakai untuk menandai awal dan akhir suatu program Graphics/Text; simbol ini mengindikasikan scene/frame/page individu Start Menu

5 Symbol flowchart Keputusan; simbol ini digunakan jika ada interaktivitas pengguna dengan sistem Marka Tempat; jika hendak ke/dari halaman lain Pengguna pertama? Ya Tidak 2 2

6 Checklist semua elemen mayor dari produk telah diindikasikan
elemen telah dilabelkan secara jelas Barisan elemen telah jelas dan tidak ada gaps/dead end Barisan elemen telah logis bagi pengguna Simbol flowchart digunakan dengan benar

7 sketch

8 final

9

10

11

12 Storyboard Storyboard dibuat berdasarkan flowchart
menjelaskan rincian dari tiap segmen Storyboard mengandung informasi pada grafik, video, suara, teks,, interaksi pengguna, warna, font, dsb yang diperlukan oleh pengembang untuk melakukan pekerjaannya. Tidak harus “indah” tapi rinci. Format sangat beragam, pilih yang paling cocok dengan kebutuhan

13 Yang harus ada dalam storyboard
Sketsa atau gambar layar/halaman/frame Warna, penempatan, ukuran grafik jika penting Teks asli, jika ada, untuk tiap layar/halaman/frame Warna, ukuran, tipe font, jika ada teks* Narasi, jika ada* Animasi, jika ada Video, jika ada Audio, jika ada Interaksi pengguna, jika ada Hal-hal lain yang harus diketahui anggota produksi *narasi/teks dapat ditempatkan di lembar terpisah namun diberikan nomor acuan

14 Storyboard checklist Ada storyboard untuk tiap scene/page/frame
Setiap storyboard diberikan nomor Semua detail yang relevan (warna, font, grafik,interaktivitas dll) telah disebutkan Semua teks dan narasi telah di referensi silang dan dicocokkan Setiap anggota memiliki salinan storyboard

15 Contoh template Judul Proyek : _________ Tanggal : _________
Screen ke ____ dari _____ Deskripsi singkat: Links dari screen _____ ; Links ke screen :_____ Funsionalitas/interaktivitas: ______________________ Background : _____ Audio: ______ Warna: _____ Video: _____ Teks: ____ Grafik: _______ 640 480

16

17

18

19

20

21

22

23

24