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