Flowchart menu utama Flowchart sign in admin

4.4 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 SMP Negeri 5 Medan.

4.4.1 Flowchart menu utama

Fkowchart menu utama yang telah dirancang terdiri dari masuk ke halaman website. Proses halaman ini dimulai dari beranda, halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya. Menu halaman profil sekolah ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti struktur organisasi, profil kepala sekolah, profil wakil kepala sekolah, data guru, serta komponen dari sekolah dan fungsinya. Halaman berita ini berisikan berita- berita yang berhubungan dengan SMP Negeri 5 Medan. Halaman ini berisikan tentang data pribadi siswa, nilai siswa, dan roster pelajaran. Pada data siswa, mereka bisa meregistrasikan diri mereka sendiri. Dan di nilai siswa berisikan hasil studi mereka. Halaman arsip ini berisikan tentang data alumni dan form buku tamu, dimana para alumni bisa meregistrasikan data pribadi mereka. Form buku tamu untuk memberikan pesan dan kesan kepada sekolah. Halaman admin berisikan sign in yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses Tidak oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data. Flowchart menu utama dapat dilihat pada gambar 4.3 dibawah ini: Gambar 4.3 Flowchart Menu Utama Start Tampilan Web Beranda A End Profil Berita Akademik Ekskul Arsip Gallery Admin Sign Out B B1 B2 B3 B4 C D1 D D2 D3 E F F1 F2 G Prosedur Login H Keterangan: A: Halaman Beranda B1: Halaman Struktur Organisasi B: Halaman Profil Sekolah B2: Halaman Kepala Sekolah C: Halaman Berita B3: Halaman Wakil Kepala Sekolah D: Halaman Akademik B4: Halaman Guru E: Halaman Ekstrakurikuler D1: Halaman Data Siswa F: Halaman Arsip D2: Halaman Nilai Siswa G: Halaman Gallery D3: Halaman Roster Pelajaran H: Halaman Administrator F1: Halaman Alumni F2: Halaman Buku Tamu

4.4.2 Flowchart sign in admin

Halaman sign in admin adalah halaman khusus sign in user admin . Setelah username dan password admin diinput dengan benar maka selanjutnya masuk ke halaman admin. Jika login gagal maka akan kembali ke halaman sign in admin. Flowchart admin dapat pada gambar 4.4 dibawah ini: Tidak Ya Ya Tidak Tidak Ya Ya Ya Gambar 4.4 Flowchart Sign In Admin Keterangan: H1: Insert Guru H2: Update Guru H3: Data Siswa H4: Update Siswa H5: Nilai Siswa H6: Insert Nilai Siswa H7: Update Nilai Siswa H8: Alumni H9: Buku Tamu Form Sign In Admin Masukkan Username Password Cek Username Password Halaman Admin Halaman Data Guru Halaman Siswa Halaman Data Arsip Username Password Salah Sign Out H1 H2 H3 H4 H8 H9 H H H5 H6 H7 Ya Tidak Ya Tidak Tidak Ya Tidak Ya Ya Tidak Tidak Tidak

4.4.3 Flowchart registrasi guru