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