Perancangan Halaman Website Perancangan Diagram Alir flowchart Website

3.3 Perancangan Halaman Website

3.3.1 Halaman home

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

3.3.2 Halaman gallery

Halaman ini berisikan foto-foto sekolah, siswa yang sedang belajar dan ruangan guru.

3.3.3 Halaman guru

Halaman ini berisikan data-data guru. Universitas Sumatera Utara

3.3.4 Halaman siswa

Halaman ini berisi data-data siswa.

3.3.5 Halaman contact us

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah, identitas sekolah dan lain-lain.

3.3.6 Halaman admin

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

3.4 Perancangan Diagram Alir flowchart Website

Diagram alir flowchart ini menjelaskan secara rinci langkah-langkah dari proses program.Flowchart dibuat dengan menggunakan symbol-simbol tertentu yang menyatakan setiap langkah program.Berikut ini adalah bentuk-bentuk flowchart dari website SMPN2 Angkola Timur. Universitas Sumatera Utara

3.4.1 Flowchart Menu Utama

Seseorang pengunjung website dapat mengakses website SMPN2 Angkola Timur 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.1 di bawah ini : START Tampilan Menu Home Ya A Gallery Guru Siswa Contact Us Keluar P ilih link yang ada P ilih link yang ada Tidak Ya Tidak P ilih link yang ada Ya Tidak P ilih link yang ada Ya Tidak Ya P ilih link yang ada Tidak END Ya B Universitas Sumatera Utara

3.4.2 Flowchart Admin

Halaman admin hanya bisa diakses oleh administrator. Flowchart admin dapat dilihat pada gambar 4.2 di bawah ini . START Buka Halaman Admin Input username password Cek username password Tampil Menu Admin Halaman data guru Halaman data siswa Logout Tidak Username dan password salah Tampil Halaman Siswa Tampil Halaman Guru C D E Tidak Ya Universitas Sumatera Utara Tidak Ya Ya Tidak Tidak Tidak Ya

3.4.3 Flowchart administrator siswa

C Input Siswa Baru Halaman Admin Siswa Edit Data Siswa Logout E Ya Tidak Form Input Siswa Edit Tidak Ya Tidak Hapus Form Edit Update S impa n Data Data Tersimpan Ya Data Sudah Dihapus Simpan S impa n Data Data Tersimpan Universitas Sumatera Utara

3.5 Merancang Database Server