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 MTs Al-Masruriyah Medan.
4.4.1 Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar 4.3 di bawah ini :
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
Universitas Sumatera Utara
4.4.2 Flowchart Portal Akademik
Halaman portal akademik hanya bisa diakses oleh siswa dan administrator. Pada halaman ini terdapat data pribadi siswa dan juga daftar nilai dari siswa. Pada halaman
ini pengunjung hanya bisa melihat informasi dan tidak bisa mengubah atau mengeditnya. Namun jika nis dan password salah maka pengunjung tidak akan bisa
masuk atau error dan diminta untuk login kembali. Flowchart portal akademik dapat dilihat pada gambar 4.4 di bawah ini :
D Pilih login siswa
Input nis password Nis Password
Nis Password salah Halaman depan
Portal Akademik Profil siswa
Informasi Hasil Studi Informasi Akademik
Ganti Password Logout
Tampil Profil Siswa Tampil Nilai Siswa
Tampil Informasi Akademik
Prosedur Ganti Password
D Tidak
Ya Ya
Ya
Ya Ya
Tidak
Tidak Tidak
Tidak Tidak
Ya
Gambar 4.4 Flowchart Portal Akademik
Universitas Sumatera Utara
4.4.3 Flowchart Admin
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.5 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.5 Flowchart Admin
Universitas Sumatera Utara
4.4.4 Flowchart Administrator Siswa
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.6 Flowchart Admin Siswa
Universitas Sumatera Utara
4.4.5 Flowchart Admin Guru
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.7 Flowchart Admin Guru
4.5 Merancang Database Server