Rancangan Data Flow Diagram Perancangan Diagram Alir flowchart Website

4.2 Rancangan Data Flow Diagram

Perancangan DFD yang penulis buat dalam perancangan ini terdiri dari Diagram Konteks sebagai berikut : - Info Struktur Organisasi - Login Administrator - Info Visi Misi - Data Guru - Info Kurikulum - Data Siswa dan Nilai Siswa - Info Data Guru - Data Informasi Beasiswa - Info Data Siswa - Data Informasi Akademik - Info Komponen Sekolah dan fungsinya - Data Buku Tamu Buku Tamu Buku Tamu Laporan - Pengunjung - Info Data Siswa - Administrator - Info Nilai Siswa - Data Guru - Informasi Akademik - Data Siswa dan Nilai Siswa - Informasi Beasiswa Gambar 4.1 Diagram Konteks Website Pengunjung Sistem Informasi Akademik Berbasis Web Pada SMA Muhammadiyah 5 Lubuk Pakam Administrator Siswa Kepala Sekolah Universitas Sumatera Utara

4.3 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 Muhammadiyah 5 Lubuk Pakam.

4.3.1 Flowchart menu utama

Flowchart menu utama dapat dilihat pada gambar 4.2 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.2 Flowchart Menu Utama Universitas Sumatera Utara

4.3.2 Flowchart portal akademik

Flowchart portal akademik dapat dilihat pada gambar 4.3 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.3 Flowchart Portal Akademik

4.3.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 Universitas Sumatera Utara 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 Universitas Sumatera Utara

4.3.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.5 Flowchart Admin Siswa Universitas Sumatera Utara

4.3.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.6 Flowchart Admin Guru

4.4 Merancang Database Server