Laporan - Administrator
- Info Nilai Siswa Laporan
- Data Guru - Informasi Akademik
Laporan - Data Siswa dan Nilai Siswa
- Informasi Beasiswa
Gambar 4.2 Diagram Konteks 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 SMP Muhammadiyah 16 Lubuk Pakam.
4.4.1 Flowchart Menu Utama
Seorang pengunjung website dapat mengakses website SMP Muhammadiyah 16 Lubuk Pakam 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 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
Universitas Sumatera Utara
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
4.4.3 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.5 di bawah ini.
Universitas Sumatera Utara
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