Flowchart Situs Perancangan Sistem Informasi Berbasis Web Pada MAN 2 Model Medan

4.4 Flowchart Situs

Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart dalam membangun situs ini dapat dilihat pada gambar di bawah ini: Gambar 4.2 Flowchart rancangan aplikasi web situs Pada gambar 4.2 , flowchartnya masih sangatlah sederhana karena di setiap cabang flowchart masih terdapat cabang-cabang lagi bergantung pada seberapa kompleks dan seberapa banyak halaman yang akan dibuat. Misalnya pada bagian Login Index Profil Guru Siswa Alum ni Fasil itas Buku Tamu Gale ri Arti kel Beri ta Link Universitas Sumatera Utara ’Login’ dibagi lagi ke ’Halaman Admin’ dan ’Halaman User’, maka harus dibuat dua cabang lagi. Lihat Gambar 4.3 Gambar 4.3 Percabangan Dalam Suatu Flowchart Di dalam website MAN 2 Model Medan terdapat alur-alur aktivitas yang dapat kita gambarkan dalam bentuk flowchart. Dibawah ini adalah bentuk-bentuk flowchart yang didapat dari website MAN 2 Model Medan. a. Flowchart Menu Utama Seorang pengunjung dapat mengakses website MAN 2 Model Medan dan dapat berpindah halaman web menuju halaman lain. Terdiri dari 5 halaman utama yakni halaman profil, guru, siswa, alumni dan buku tamu. Masing–masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung kecuali halaman buku tamu. Flowchart Menu Utama dapat dilihat pada gambar dibawah ini: Login Halaman Admin Halaman User Universitas Sumatera Utara Pilih link yang ada Pilih link yang ada Pilih link yang ada A B C Pilih link yang ada D Form Buku Tamu E Gambar 4.4 Alur Flowchart Menu Utama b. Flowchart Administrator Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login dan password dari seorang administrator harus sesuai dengan data yang ada pada Universitas Sumatera Utara A A tabel administrator. Jika data login dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator, jika proses login gagal, maka kembali lagi ke halaman form administrator. Dapat kita lihat Gambar adalah flowchart administrator. Gambar 4.5 Alur Flowchart Administrator c. Flowchart User Siswa Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login dan password dari seorang administrator harus sesuai dengan data yang ada pada Universitas Sumatera Utara A A tabel administrator. Jika data login dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator, jika proses login gagal, maka kembali lagi ke halaman form administrator. Dapat kita lihat Gambar adalah flowchart administrator. Gambar 4.6 Alur Flowchart User

4.5 Algoritma Program