Struktur Navigasi Menu Flowchart

yang masing-masing akan terhubung ke halaman yang di inginkan jika dipilih.

4.4.3 Flowchart

Dalam membuat aplikasi ini, penulis merancang 7 flowchart yang digunakan, yaitu flowchart utama, flowchart menu utama, flowchart menu utama sekilas RS, flowchart menu utama Informasi RS, flowchart menu utama kontak, flowchart menu utama bantuan, dan flowchart menu Cari RS. Keterangan: A : Halaman Menu Utama Gambar 4.13 Flowchart tampilan Utama Mulai Tampilkan Layar Utama Halaman Selanjutnya Menu Utama Keluar A Flowchart pada gambar 4.13 menjelaskan bahwa aplikasi ini dimulai dengan tampilan pembuka atau utama yang mengawali program ini, lalu dalam tampilan pembuka tersebut ada suatu proses yaitu memilih halaman selanjutnya, jika pengguna memilih menu utama maka langsung terhubung ke halaman menu utama. Gambar 4.14 Flowchart tampilan Menu Utama Keterangan: A : Halaman Menu Utama B : Halaman Menu Utama Sekilas RS C : Halaman Menu Utama Informasi RS D : Halaman Menu Utama Kontak E : Halaman Menu Utama Bantuan F : Halaman Menu Utama Cari RS Flowchart pada gambar 4.14 menjelaskan bahwa dalam halaman menu utama berisi 4 proses menuju halaman selanjutnya, jika pengguna memilih “ya” maka akan terhubung ke menu yang di inginkan, dan jika “tidak” pengguna bisa memilih menu lainnya atau keluar dari aplikasi tersebut. Ya Tidak Gambar 4.15 Flowchart tampilan Sekilas RS Flowchart pada gambar 4.15 menjelaskan bahwa dalam halaman profil RS terdapat 2 proses yaitu menuju ke menu utama atau keluar dari aplikasi, jika pengguna memilih “ya” maka akan terhubung ke halaman menu utama, dan jika “tidak” pengguna akan keluar dari aplikasi. Tampilkan Layar Sekilas RS Menu Utama Keluar A B Tidak Ya Tidak Ya Tidak Ya Tidak Ya Tidak Ya Tidak Gambar 4.16 Flowchart tampilan Informasi RS Keluar Menu RS Jakpus Tampilkan Layar RS Jaksel Tampilkan Layar RS Jakut Tampilkan Layar RS Jakbar Tampilkan Layar RS Jaktim Tampilkan Layar RS Jakpus Tampilkan Layar Informasi RS Pilih Menu Menu RS Jakut Menu RS Jaksel Menu RS Jakbar Menu RS Jaktim C Flowchart pada gambar 4.16 menjelaskan bahwa dalam halaman informasi RS terdapat 5 proses untuk memilih halaman yang di inginkan, jika pengguna memilih “ya” maka akan terhubung dengan halaman yang di maksud, dan jika “tidak” pengguna akan keluar dari aplikasi. Ya Tidak Gambar 4.17 Flowchart tampilan Kontak Flowchart pada gambar 4.17 menjelaskan bahwa dalam halaman kontak terdapat 2 proses yaitu menuju ke menu utama atau keluar dari aplikasi, jika pengguna memilih “ya” maka akan terhubung ke halaman menu utama, dan jika “tidak” pengguna akan keluar dari aplikasi. Tampilkan Layar Kontak Menu Utama Keluar A D Ya Tidak Gambar 4.18 Flowchart tampilan Bantuan Flowchart pada gambar 4.18 menjelaskan bahwa dalam halaman bantuan terdapat 2 proses yaitu menuju ke menu utama atau keluar dari aplikasi, jika pengguna memilih “ya” maka akan terhubung ke halaman menu utama, dan jika “tidak” pengguna akan keluar dari aplikasi. Tampilkan Layar Bantuan Menu Utama Keluar A E Gambar 4.19 Flowchart tampilan Cari RS Flowchart pada gambar 4.19 menjelaskan bahwa dalam halaman Cari RS terdapat 2 proses yaitu menuju ke menu utama atau keluar dari aplikasi, jika pengguna memilih “ya” maka akan terhubung ke halaman menu utama, dan jika “tidak” pengguna akan keluar dari aplikasi.

4.4.4 State Transition Diagram STD

Dalam pembuatan aplikasi ini, penulis membuat 6 rancangan State Transition Diagram STD yaitu rancangan struktur menu utama, rancangan menu utama sekilas RS, rancangan menu utama informasi RS, rancangan menu informasi RS, rancangan menu utama kontak, rancangan menu utama bantuan. 1. Rancangan Struktur Menu Utama Klik tombol “Masuk” Menanpilkan form menu utama Klik Menu “ Sekilas RS Klik Menu “ Kontak” Klik Menu “Cari RS” Menanpilkan Sekilas RS Menanpilkan Kontak Mencari Rumah Sakit Klik Menu “ Informasi RS” Klik Menu “Bantuan” Menanpilkan Informasi RS Menanpilkan Bantuan Gambar 4.20 Rancangan struktur Menu Utama Utama Menu Utama Bantuan Kontak Informasi RS Sekilas RS Cari RS 2. Rancangan Struktur Menu Utama Sekilas RS Klik tombol “Masuk” Menampilkan form menu utama Klik tombol “Sekilas RS” Menampilkan form Sekilas RS Gambar 4.21 Rancangan struktur Menu Utama Profil RS 3. Rancangan Struktur Menu Utama Informasi RS Klik tombol “Masuk Menampilkan form Menu Utama Klik tombol “Informasi RS Menampilkan form Informasi RS Gambar 4.22 Rancangan struktur Menu Utama Informasi RS Utama Menu Utama Sekilas RS Utama Menu Utama Informasi RS