Perancangan Halaman Website Perancangan Data Flow Diagram DFD

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.

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

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 SMP Muhammadiyah 16 Lubuk Pakam. - Info Sejarah Sekolah Universitas Sumatera Utara - 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 Pengunjung Sistem Informasi Akademik Berbasis Web Pada SMP Muhammadiyah 16 Lubuk Pakam Administrator Siswa Kepala Sekolah Universitas Sumatera Utara 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