Perancangan Halaman Website Perancangan Data Flow Diagram DFD

Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut : Gambar 4.1 Struktur Website

4.2 Perancangan Halaman Website

4.2.1 Halaman Home

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman- halaman lainnya.

4.2.2 Halaman Profil

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti Sejarah, Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.

4.2.3 Guru dan Siswa

Halaman ini berisikan data guru dan data siswa. Home Profil Guru dan Buku Portal Admin Sejarah Data Data Identitas Visi dan Login Profil Siswa Nilai Siswa Informasi Login Edit Data Edit Data Universitas Sumatera Utara

4.2.4 Halaman Buku Tamu

Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah. Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.

4.2.5 Halaman Portal Akademik

Merupakan halaman yang hanya dapat diakses oleh siswa yang memiliki nis dan password. Halaman ini berisikan tentang data pribadi siswa yang melakukan login tersebut. Selain data pribadi, halaman ini juga berisikan hasil studi atau nilai dari siswa.

4.2.6 Halaman Admin

Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.

4.3 Perancangan Data Flow Diagram DFD

Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk Data FlowDiagram dari website MTs Al- Masruriyah Medan. Universitas Sumatera Utara - Info Sejarah Sekolah - 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 Laporan - Administrator - Info Nilai Siswa Laporan - Data Guru - Informasi Akademik Laporan - Data Siswa dan Nilai Siswa - Informasi Beasiswa Gambar 4.2 Diagram Konteks Website Pengunjung Sistem Informasi Akademik Berbasis Web Pada MTs Al- Masruriyah Medan Administrator Siswa Kepala Sekolah Universitas Sumatera Utara

4.4 Perancangan Diagram Alir flowchart Website