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 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