4.2.5 Perancangan Flowchart
Di bawah ini akan diuraikan flowchart dari aplikasi visualisasi 3D Proses Fotosintesis.
Gambar 4.6 Flowchart Halaman Awal
Flowchart Gambar 4.6 menjelaskan bahwa aplikasi ini dimulai dengan tampilan halaman awal. Di halaman awal tersebut, user diberi dua tombol yaitu
Start untuk dibawa ke halaman intro dan Close untuk menutup aplikasi.
Gambar 4.7 Flowchart Intro
Klik M ouse
A
Keterangan: A : Halaman pengantar petunjuk
penggunaan menu utama 3D
Int ro
Ya
Intro
Tidak
M enunggu anim asi video int ro selesai
Start halam an awal
Pilih Tomb ol St art
Intro Ya
Tidak
Pilih Close
Keluar End Ya
Tidak
Flowchart Gambar 4.7 menjelaskan bahwa di halaman intro user diberi dua kondisi. Ketika halaman intro terbuka dan mulai berjalan, pilihan pertama user
yaitu dapat meng-klik mouse atau yang kedua user dapat tetap menunggu hingga intro selesai. Setelah intro selesai, user harus tetap meng-klik mouse supaya dapat
menuju ke halaman menu utama 3D.
Gambar 4.8 Flowchart Halaman PengantarPetunjuk Penggunaan 3D Menu
Flowchart Gambar 4.8 menjelaskan bahwa di halaman pengantar menu
utama 3D, user dapat langsung memilih tombol Next untuk menuju ke halaman Menu Utama 3D atau memilih tombol Close untuk menuju ke halaman Pre-End.
Halaman Pre-End dibuat untuk meyakinkan user apakah benar ingin mengakhiri
aplikasi atau tidak.
Klik Tom bol Next
B
Keterangan: A : Halaman Pengantar Petunjuk
Penggunaan menu utama 3D B : Halaman menu utama 3D
Ya
A
Tidak Pengant ar m enu
ut am a
Tidak
Pilih Close
Ya
Pre-End
Gambar 4.9 Flowchart Halaman Menu Utama 3D
Flowchart Gambar 4.9 menjelaskan bahwa di halaman menu utama 3D
tersedia lima pilihan tombol yaitu pre-Ayo Kita Belajar Fotosintesis, pre-Quiz, pre-Creator, Help dan Exit. Jika user memilih salah satu dari lima tombol
Pilih M enu 1
Ayo Kita belajar Fotosin tesis
menu ut am a 3D
Pilih M enu 2
Quiz
Pilih M enu 3
Creato r
Pre - Creator
Tidak Tidak
Ya
Ya
Ya
Tidak
Pilihan m enu
B
Pilih Help
Ya Tidak
Tidak
Pilih Exit
Ya
Help
Keterangan:
A : Halaman Pengantar Petunjuk Penggunaan menu utama 3D
B : Halaman Menu Utama 3D --------------------------------------------------------------------
Pre – C : Halaman transisi sebelum menuju ke menu
Ayo Kita Belajar Fotosintesis. Pre – Quiz : Halaman transisi sebelum menuju ke menu
Quiz Pre – Creator : Halaman transisi sebelum menuju ke menu
Creator
Pre-End Pre -
Quiz
Pilih Tombol Back
A
Tidak Ya
Pre - C
tersebut maka user akan dibawa ke halaman menu yang dimaksud. Apabila tidak ada proses memilih, maka user tetap berada pada halaman menu utama 3D.
Gambar 4.10 Flowchart Halaman Pre - C Transisi Ayo Kita Belajar Fotosintesis
Gambar 4.11 Flowchart Halaman Pre - Quiz Transisi Quiz
Tombol Quiz
Layar Pre – Quiz
Tidak Ya
Tidak
Pilih Close
Ya
Keterangan: B : Halaman Menu Utama 3D
--------------------------------------------------------
Pre – Quiz : Halaman transisi sebelum menuju ke menu Quiz.
End
Pilih Tom bol Back
B
Tidak Ya
Pre - Quiz
Quiz
Tombo l Ayo Kit a belajar Fotosintesis
Layar Pr e – C
Tidak Ya
Tidak
Pilih Close
Ya
Keterangan: B : Halaman Menu Utama 3D
C : Halaman Ayo Kita Belajar Fotosintesis --------------------------------------------------------
Pre – C : Halaman transisi sebelum menuju ke
menu Ayo Kita Belajar Fotosintesis.
Pre-End
Pilih Tom bol Back
B
Tidak Ya
Pre - C
C
Gambar 4.12 Flowchart Halaman Pre - Creator Transisi Creator
Flowchart Gambar 4.10, Gambar 4.11 dan Gambar 4.12 mempunyai konsep
yang sama. Yaitu memilik tombol Back untuk kembali ke menu utama 3D dan Close
sebagai navigasi ke halaman Pre-End.
Tombol Creator
Layar Pre – Creat or
Tidak Ya
Tidak
Pilih Close
Ya
Keterangan: B : Halaman Menu Utama 3D
--------------------------------------------------------
Pre – Creatro: Halaman transisi sebelum menuju ke menu Creator
End
Pilih Tom bol Back
B
Tidak Ya
Pre - Creator
Creator
Gambar 4.13 Flowchart Halaman Ayo Kita Belajar Fotosintesis
Flowchart Gambar 4.13 menjelaskan bahwa di dalam halaman Ayo Kita Belajar Fotosintesis
, akan disediakan 3 submenu yaitu menu Pentingnya Fotosintesis
, menu Proses Fotosintesis, dan menu KMHT. Terdapat juga tombol Kembali
yang akan mengantarkan user ke halaman menu utama 3D dan tombol
Close untuk membawa user ke halaman Pre-End.
Layar Ayo Kit a Belajar
Fot osint esis
Pilih Pent ingnya Fotosin tesis
C
Tidak
Pilih Proses Fotosin tesis
Pilih Ketergan tun gan M anusia dan Hewan
terhadap Tu mbuhan Hijau
D
Pilih Kem bali
Ya
Ya
Ya Tidak
Tidak
Tidak
Pilihan m enu
E
F
B
Ya
Pilih Close
Ya Tidak
Keterangan: B : Halaman menu utama 3D
C : Halaman Ayo Kita Belajar Fotosintesis D : Halaman Pentingnya Fotosintesis
E : Halaman Proses Fotosintesis F : Halaman Ketergantungan Manusia dan
Hewan terhadap Tumbuhan Hijau KMHT
Pre-End
Gambar 4.14 Flowchart Halaman Pentingnya Fotosintesis
Flowchart Gambar 4.14 menjelaskan bahwa Halaman Pentingnya Fotosintesis masih dalam layout yang sama dengan Halaman menu Ayo Kita
Belajar Fotosintesis yang terdapat menu-menu pilihan seperti yang telah dijelaskan sebelumnya pada Gambar 4.13. Perbedaannya yaitu pada halaman
Pentingnya Fotosintesis ini terdapat tombol Mulai yang akan membawa user ke
halaman Video Pentingnya Fotosintesis.
Layar Pent ingnya Fot osint esis
Pilih M ulai
D
Tidak
Pilih Proses Fot osint esis
Pilih Ketergan tungan M anusia dan Hewan
t erhadap Tumbuhan Hijau
Pilih Kem bali
Ya
Ya
Ya Tidak
Tidak
Tidak
Pilihan m enu
E
F
B
Ya
Pilih Close
Ya Tidak
Keterangan: B : Halaman menu utama 3D
D : Halaman Pentingnya Fotosintesis E : Halaman Proses Fotosintesis
F : Halaman Ketergantungan Manusia
dan Hewan terhadap Tumbuhan Hijau KMHT
Pre-End
Layar Video besert a Cont ro l Player
Tidak
Pilih
Pent ingnya Fot osint esis
Ya
D
Gambar 4.15 Flowchart Halaman Proses Fotosintesis
Layar Proses Fot osint esis
Pilih Video Pro ses
E
Tidak
Pilih Pen tingnya Fotosintesis
Pilih Ketergantungan M anusia dan Hewan
t erhadap Tumbuhan Hijau
Pilih Kembali
Ya
Ya
Ya Tidak
Tidak
Tidak
Pilihan m enu
D
F
B
Ya
Pilih Close
Ya Tidak
Keterangan: B : Halaman menu utama 3D
D : Halaman Pentingnya Fotosintesis E : Halaman Proses Fotosintesis
F : Halaman Ketergantungan Manusia dan Hewan
terhadap Tumbuhan Hijau KMHT
G : Halaman Materi Fotosintesis H : Halaman Laju Fotosintesis
Pre-End
Pilih M at er i Fotosint esis
Tidak Ya
Pilih Laju Fot osint esis
Tidak Ya
G
H
Layar Video besert a Cont ro l Player
Pilih Proses Fot osin tesis
Ya
E
Tidak
Gambar 4.16 Flowchart Halaman Materi Fotosintesis
Layar M ateri hal 1
G
Tidak
Pilih Proses Fo tosintesis
Pilih Ketergantungan M anusia dan Hewan
t erhadap Tumbuhan Hijau
Pilih Kembali
Ya
Ya
Ya Tidak
Tidak
E
F
B
Pilih Close
Ya Tidak
Keterangan: B : Halaman menu utama 3D
D : Halaman Pentingnya Fotosintesis E : Halaman Proses Fotosintesis
F : Halaman Ketergantungan Manusia dan
Hewan terhadap Tumbuhan Hijau KMHT
G : Halaman Materi Fotosintesis
Pre-End
Tidak
Tidak
Pilih Tombol Prev
Ya Ya
Pilih Tombol Next
Pilih Tombol Next
Layar M at eri hal 2
Layar M ateri hal3
Pilih To mb ol Pr ev
Pilih To mbol Pr ev
Ya
Ya Tidak
Ya Tidak
Tidak
Tidak
Pilih Pen tingnya Fotosintesis
Ya
D
Gambar 4.17 Flowchart Halaman Laju Fotosintesis
Layar Laju hal 1
H
Tidak
Pilih Pent in gnya Fo tosintesis
Pilih Ketergantungan M anusia dan Hewan
terhadap Tumbuhan Hijau
Pilih Kem bali
Ya
Ya
Ya Tidak
Tidak
E
F
B
Pilih Clo se
Ya Tidak
Keterangan: B : Halaman menu utama 3D
D : Halaman Pentingnya Fotosintesis E : Halaman Proses Fotosintesis
F : Halaman Ketergantungan
Manusia dan Hewan terhadap Tumbuhan Hijau KMHT
H : Halaman Laju Fotosintesis
Pre-End
Tidak Ya
Tidak
Pilih Tombol Prev
Pilih Tombol Prev
Ya
Pilih Tombol Next
Layar Laju hal 2
Ya Tidak
Tidak
Pilih Pent in gnya Fo tosintesis
Ya
D
Flowchart Gambar 4.15, Gambar 4.16 dan Gambar 4.17 juga mengikuti layout dari menu Ayo Kita Belajar Fotosintesis yang berisi menu-menu
Pentingnya Fotosintesis , Proses Fotosintesis, KMHT, Kembali dan Close.
Flowchart Gambar 4.15 menjelaskan bahwa di Halaman Proses Fotosintesis
terdapat 3 pilihan navigasi yaitu Video Proses, Materi Fotosintesis dan Laju Fotosintesis
. Jika user memilih Video Proses, maka akan ditampilkan sebuah layar video yang sama seperti pada halaman Pentingnya Fotosintesis Gambar
4.15, setelah user memilih tombol Mulai.