Perancangan Diagram Alir flowchart Website

4.4 Perancangan Diagram Alir flowchart Website

Diagram alir flowchart ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMA NEGERI 1 BARUS.

4.4.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA NEGERI 1 BARUS dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada gambar 4.3 di bawah ini : Universitas Sumatera Utara START Tampilan Menu Home Profil Guru dan Siswa Buku Tamu Portal Akademik Admin Keluar Pilih link yang ada A Pilih link yang ada Pilih link yang ada Pilih link yang ada Prosedur Login Prosedur Login END B C D E Ya Ya Ya Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Tidak Tidak Gambar 4.3 Flowchart Menu Utama

4.4.2 Flowchart Admin

Universitas Sumatera Utara Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat dilihat pada gambar 4.4 di bawah ini. E Buka Halaman Admin Input username password Cek Username password Username password salah Tampil Menu Admin Halaman Data Siswa Halaman Data Guru Logout E Tampil Halaman Siswa Tampil Halaman Guru F G Ya Ya Ya Ya Tidak Tidak Tidak Tidak Gambar 4.4 Flowchart Admin 4.4.3 Flowchart Administrator Siswa Universitas Sumatera Utara F Halaman Admin siswa Input Siswa Baru Input Nilai Siswa Edit Data Siswa Logout Form Input Siswa Form Input Nilai Edit Hapus Form Edit Update Simpan Data Data Tersimpan Data Sudah Dihapus Simpan Simpan Data Data Tersimpan Simpan Simpan Data Data Tersimpan E Ya Ya Ya Ya Ya Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Tidak Tidak Tidak Gambar 4.5 Flowchart Admin Siswa

4.4.4 Flowchart Admin Guru

Universitas Sumatera Utara G Halaman Admin Guru Input Guru Baru Edit Data Guru Logout Form Input Guru Edit Hapus Form Edit Update Simpan Data Data Tersimpan Data Sudah Dihapus Simpan Simpan Data Data Tersimpan E Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Ya Ya Tidak Tidak Gambar 4.6 Flowchart Admin Guru

4.5 Merancang Database Server