Perancangan Flowchart Pertimbangan Desain

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.