Perancangan STD State Transition Diagram

Peta Menu Utama Klik “Menu” Tampilkan Halaman Menu Utama 3D Tanaman Klik “Tombol Lingkaran” Tampilkan Halaman 3D Tanaman Gambar 4.16 STD Halaman Peta Pada halaman peta terdapat dua navigasi yaitu menu utama dan 3D Tanaman. Deskripsi Ttanaman 3D Tanaman Klik “Panah” Tampilkan Halaman 3D Tanaman Klik “Deskripsi Tanaman” Tampilkan Halaman Deskripsi Tanaman Gambar 4.17 STD Halaman 3D Tanaman Pada halaman deskripsi tanaman terdapat sebuah navigasi yaitu 3D tanaman. Video Pengolahan 3D Tanaman Klik “Panah” Tampilkan Halaman 3D Tanaman Klik “Video Tanaman” Tampilkan Halaman Video Tanaman Gambar 4.18 STD Halaman Video Pengolahan Pada halaman video Pengolahan terdapat sebuah navigasi yaitu 3D tanaman. Bantuan Menu Utama Klik “Menu” Tampilkan Halaman Menu Utama Klik “Bantuan” Tampilkan Halaman Bantuan Gambar 4.19 STD Halaman Bantuan Pada halaman bantuan terdapat sebuah navigasi yaitu menu utama. Tentang Saya Menu Utama Klik “Menu” Tampilkan Halaman Menu Utama Klik “Tentang Saya” Tampilkan Halaman Tentang Saya Gambar 4.20 STD Halaman Tentang Saya Pada halaman tentang saya terdapat sebuah navigasi yaitu menu utama.

4.2.7 Perancangan Flowchart

Mulai Pilih Masuk Mulai Ya Tidak A Tampilan Layar Intro Gambar 4.21 Flowchart Intro Keterangan: A: Halaman Menu Utama Flowchart Gambar 4.21 menjelaskan halaman awal dari aplikasi. Jika pengguna memilih masuk maka akan menuju halaman menu utama. Jika pengguna memilih keluar maka aplikasi akan tertutup. A Pilih Tanaman Obat Pilih Bantuan Pilih Tentang Saya Keluar Ya Tidak B C D Ya Ya Tidak Tidak Tampilan Layar Menu Gambar 4.22 Flowchart Menu Utama Flowchart Gambar 4.22 menjelaskan halaman menu utama dari aplikasi. Jika pengguna memilih tanaman obat maka akan menuju halaman jenis katalog. Jika pengguna memilih bantuan maka akan menuju halaman bantuan. Jika pengguna memilih tentang saya maka akan menuju halaman tentang saya. Jika pengguna memilih keluar maka pengguna akan keluar dari aplikasi. Keterangan: A: Halaman Menu Utama B: Halaman Jenis Katalog C: Halaman Bantuan D: Halaman Tentang Saya B Tidak E Ya Pilih Katalog Tanaman Tidak A Ya Pilih Menu Keluar Ya Pilih Peta Tidak F Tampilan Layar Jenis Katalog Gambar 4.23 Flowchart Jenis Katalog Flowchart Gambar 4.23 menjelaskan halaman jenis katalog dari aplikasi. Jika pengguna memilih menu maka akan menuju halaman menu utama. Jika pengguna memilih katalog tanaman maka akan menuju halaman katalog tanaman. Jika pengguna memilih peta maka akan menuju halaman peta. Jika pengguna memilih keluar maka pengguna akan keluar dari halaman jenis katalog aplikasi. Keterangan: A: Halaman Menu Utama B: Halaman Jenis Katalog E: Halaman Katalog Tanaman F: Halaman Peta