SlideShare a Scribd company logo
1 of 9
STORY BOARD
Flowchart
Pengertian Flowchart
Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang
menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan
dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut
menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk
penyelesaian masalah yang ada di dalam
proses atau algoritma tersebut.
Flowchart
Simbol-Simbol
Flowchart
Jenis-jenis Diagram Alir (Flowchart)
 Sterneckert (2003) menyarankan untuk membuat model diagram alir yang
berbeda sesuai dengan perspektif pemakai (managers, system analysts and
clerks) sehingga dikenal ada 4 jenis diagram alir secara umum:

 Diagram Alir Dokumen, menunjukkan kontrol dari sebuah sistem aliran
dokumen.
 Diagram Alir Data, menunjukkan kontrol dari sebuah sistem aliran data.
 Diagram Alir Sistem, menunjukkan kontrol dari sebuah sistem aliran secara
fisik.
 Diagram Alir Program, menunjukkan kontrol dari sebuah program dalam
sebuah sistem.
Model database Hierarki
 Model database Hierarki merupakan model data yang dimana data
tersebut diatur dengan struktur data tree. Struktur ini dapat mewakili
informasi menggunakan hubungan child/parent: setiap parent dapat
memiliki banyak child, tetapi setiap child hanya boleh memiliki satu
parent (yang dikenal juga dengan hubungan 1-ke-banyak). Seluruh
atribut dari record yang ditentukan telah diatur dengan tipe entitas.
STRUKTUR DATA LINEAR
Merupakan struktur yang hanya mempunyai satu rangkaian cerita berurut. Tampilan
yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau
satu halaman sesudahnya tidak dapat dua halaman sebelumnya atau dua halaman
sesudahnya. Biasanya struktur ini digunakan Multimedia Presentasi karena tidak
menuntut keinteraksian tetapi hanya memerlukan keindahan dan kemudahan
menampilkan data sebagai informasi.
Struktur Data 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 berbeda dengan percabangan pada
struktur hierarki, karena pada percabangan non linear ini walaupun terdapat
percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada
master page dan slave page.
Story board
 Sebuah storyboard adalah penyelenggara grafis dalam bentuk ilustrasi atau gambar yang
ditampilkan secara berurutan untuk tujuan pra-
memvisualisasikan sebuah film , animasi , gerak grafisatau media interaktif urutan.
 bagian utama storyboard:
 Ø Bagian Judul: Berisi tentang Judul, Episode, Scene, dan Halaman
 Ø Bagian Sub Judul: Berisi tentang Penjelasan Take shot, Panel, Squence, Lokasi, dan
Setting Waktu
 Ø Bagian Visual: Berisi tentang Gambaran adegan dengan menyisipkan visual atau
foto, grafis, dll. Anda juga dapat mencakup teks yang akan ditampilkan di layar, atau
Anda dapat membuat bagian lain untuk teks.
 Ø Bagian Audio: berisi tentang uraian audio yang akan melengkapi berupa nama dari
file musik atau rekaman, dan atau efek suara (SFX) yang akan bermain di layar masing-
masing.
 Ø Bagian Dialog/Action: berisi detil action dan pergerakan kamera (framing, angle)
serta dialog adegan (jika ada)
 Ø Bagian Properties: berisi tentang penjelasan artistic, property, wardrobe,
dan Timing/ durasi.
Struktur Composite
Struktur Navigasi 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.

More Related Content

Similar to Story board

Debbiemistikaweni 1412510982 tugas3
Debbiemistikaweni 1412510982 tugas3Debbiemistikaweni 1412510982 tugas3
Debbiemistikaweni 1412510982 tugas3debbie95
 
Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316art david
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa webUmmi khairani
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa webrizkyripai
 
Tugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebTugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebMohammad Arief
 
1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_ku1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_kuIrfanRifangga
 
Pengenalan UML (Unified Modelling Language)
Pengenalan UML (Unified Modelling Language)Pengenalan UML (Unified Modelling Language)
Pengenalan UML (Unified Modelling Language)Hani Nurrahmi
 
Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454alvinyosua
 
Tugas 3 rek web (1411510744)
Tugas 3 rek web (1411510744)Tugas 3 rek web (1411510744)
Tugas 3 rek web (1411510744)Azhar Krisna
 
Tugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-Commerce
Tugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-CommerceTugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-Commerce
Tugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-CommerceSamsul Arifin
 
Unified Modeling Language - Project Software
Unified Modeling Language - Project SoftwareUnified Modeling Language - Project Software
Unified Modeling Language - Project SoftwareAditya Indraprasti
 
Tukang gypsum 081381278719
Tukang gypsum 081381278719Tukang gypsum 081381278719
Tukang gypsum 081381278719tukang_gypsum
 
Tugas 3 Rekayasa Web 0316
Tugas 3 Rekayasa Web 0316Tugas 3 Rekayasa Web 0316
Tugas 3 Rekayasa Web 0316sapatati
 

Similar to Story board (20)

Uml
UmlUml
Uml
 
Rekayasa web tugas 3 0916
Rekayasa web tugas 3   0916Rekayasa web tugas 3   0916
Rekayasa web tugas 3 0916
 
Tgs 3 rekweb
Tgs 3 rekwebTgs 3 rekweb
Tgs 3 rekweb
 
Debbiemistikaweni 1412510982 tugas3
Debbiemistikaweni 1412510982 tugas3Debbiemistikaweni 1412510982 tugas3
Debbiemistikaweni 1412510982 tugas3
 
Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas 3 – 0316
Tugas 3 – 0316Tugas 3 – 0316
Tugas 3 – 0316
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebTugas 3 - Rekayasa Web
Tugas 3 - Rekayasa Web
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_ku1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_ku
 
Pengenalan UML (Unified Modelling Language)
Pengenalan UML (Unified Modelling Language)Pengenalan UML (Unified Modelling Language)
Pengenalan UML (Unified Modelling Language)
 
Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas 3 rek web (1411510744)
Tugas 3 rek web (1411510744)Tugas 3 rek web (1411510744)
Tugas 3 rek web (1411510744)
 
Tugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-Commerce
Tugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-CommerceTugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-Commerce
Tugas kelompok 2 (RekWeb) # Penjelasan UML & Flowchart Project E-Commerce
 
Unified Modeling Language - Project Software
Unified Modeling Language - Project SoftwareUnified Modeling Language - Project Software
Unified Modeling Language - Project Software
 
Tukang gypsum 081381278719
Tukang gypsum 081381278719Tukang gypsum 081381278719
Tukang gypsum 081381278719
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas 3 Rekayasa Web 0316
Tugas 3 Rekayasa Web 0316Tugas 3 Rekayasa Web 0316
Tugas 3 Rekayasa Web 0316
 

Recently uploaded

TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANwawan479953
 
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...nuraji51
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKgamelamalaal
 
Contoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxContoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxIvvatulAini
 
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAKELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAppgauliananda03
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"baimmuhammad71
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfIwanSumantri7
 
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024editwebsitesubdit
 
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptxSusanSanti20
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxdeskaputriani1
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024ssuser0bf64e
 
Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024RahmadLalu1
 
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAYSOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAYNovitaDewi98
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxJuliBriana2
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaharnosuharno5
 
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptxPPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptxriscacriswanda
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 

Recently uploaded (20)

TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
 
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
 
Contoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxContoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptx
 
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAKELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
 
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024
 
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAYSOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusia
 
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptxPPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
 
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
 

Story board

  • 2. Flowchart Pengertian Flowchart Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut.
  • 4. Flowchart Jenis-jenis Diagram Alir (Flowchart)  Sterneckert (2003) menyarankan untuk membuat model diagram alir yang berbeda sesuai dengan perspektif pemakai (managers, system analysts and clerks) sehingga dikenal ada 4 jenis diagram alir secara umum:   Diagram Alir Dokumen, menunjukkan kontrol dari sebuah sistem aliran dokumen.  Diagram Alir Data, menunjukkan kontrol dari sebuah sistem aliran data.  Diagram Alir Sistem, menunjukkan kontrol dari sebuah sistem aliran secara fisik.  Diagram Alir Program, menunjukkan kontrol dari sebuah program dalam sebuah sistem.
  • 5. Model database Hierarki  Model database Hierarki merupakan model data yang dimana data tersebut diatur dengan struktur data tree. Struktur ini dapat mewakili informasi menggunakan hubungan child/parent: setiap parent dapat memiliki banyak child, tetapi setiap child hanya boleh memiliki satu parent (yang dikenal juga dengan hubungan 1-ke-banyak). Seluruh atribut dari record yang ditentukan telah diatur dengan tipe entitas.
  • 6. STRUKTUR DATA LINEAR Merupakan struktur yang hanya mempunyai satu rangkaian cerita berurut. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya. Biasanya struktur ini digunakan Multimedia Presentasi karena tidak menuntut keinteraksian tetapi hanya memerlukan keindahan dan kemudahan menampilkan data sebagai informasi.
  • 7. Struktur Data 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 berbeda dengan percabangan pada struktur hierarki, karena pada percabangan non linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada master page dan slave page.
  • 8. Story board  Sebuah storyboard adalah penyelenggara grafis dalam bentuk ilustrasi atau gambar yang ditampilkan secara berurutan untuk tujuan pra- memvisualisasikan sebuah film , animasi , gerak grafisatau media interaktif urutan.  bagian utama storyboard:  Ø Bagian Judul: Berisi tentang Judul, Episode, Scene, dan Halaman  Ø Bagian Sub Judul: Berisi tentang Penjelasan Take shot, Panel, Squence, Lokasi, dan Setting Waktu  Ø Bagian Visual: Berisi tentang Gambaran adegan dengan menyisipkan visual atau foto, grafis, dll. Anda juga dapat mencakup teks yang akan ditampilkan di layar, atau Anda dapat membuat bagian lain untuk teks.  Ø Bagian Audio: berisi tentang uraian audio yang akan melengkapi berupa nama dari file musik atau rekaman, dan atau efek suara (SFX) yang akan bermain di layar masing- masing.  Ø Bagian Dialog/Action: berisi detil action dan pergerakan kamera (framing, angle) serta dialog adegan (jika ada)  Ø Bagian Properties: berisi tentang penjelasan artistic, property, wardrobe, dan Timing/ durasi.
  • 9. Struktur Composite Struktur Navigasi 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.