Flowchart Informasi Berbasis Web Pada SMA Negeri 16 Medan

3.4 Flowchart

Flowchart atau diagram alir adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel berikut: Tabel 3.11 Lambang-lambang Flowchart No Simbol Fungsi 1 Terminator untuk memulai dan mengakhiri suatu program 2 Process suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer 3 Data untuk memasukkan data maupun menunjukkanhasil dari suatu proses 4 Decision suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan 5 Preparation suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam storage. 6 Connector merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama 7 Off-page Connector merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain 8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri 9 Document merupakan simbol untuk data yang berbentuk informasi 10 Predefined Process untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur 11 Display untuk output yang ditujukan suatu device, seperti monitor 12 Magnetic disk untuk menyimpan data

3.4.1 Flowchart menu utama

Flowchart menu utama yang telah dirancang terdiri dari masuk ke halaman website. Proses halaman ini dimulai dari home yang merupakan halaman utama, saat berada di halaman utama pengunjung boleh mengakses menu profil yang terdapat halaman sejarah, tentang sekolah, visi misi dan fasilitas yang terdapat di SMA Negeri 16 didalamnya. Menu struktur yang terdapat halaman skema organisasi sekolah, data guru, staf dan wali kelas didalamnya. Menu akademik yang terdiri dari halaman profil, nilai, absensi dan roster siswa. Menu organisasi yang terdiri dari halaman yang menginformasikan OSIS dan ekstrakurikuler sekolah. Menu arsip yang terdiri dari halaman pengumuman, agendakegiatan, data dan form memasukkan data alumni dan bukutamu yang dapat digunakan oleh pengunjung untuk memberikan pesan, kesan, kritik dan saran mereka. Menu terakhir terdiri dari menu galeri yang terdapat beberapa gambar hasil dokumentasi yang penulis lampirkan didalamnya. Tidak Tidak Tidak Tidak Tidak Tidak Ya Ya Ya Ya Ya Ya Ya Ya Flowchart menu utama dapat dilihat pada gambar 3.4 dibawah ini: Gambar 3.4 Flowchart Menu Utama Start Tampilan Web Home A Profil B B1 B2 B3 B4 Struktur Akademik Organisasi Arsip Galeri Admin C C1 C2 C3 C4 D D1 D2 D3 D4 E F E1 E2 F1 F2 F3 F4 G Prosedur Login H End Sign Out F3.1 F3.2 Ya Tidak Keterangan: A: Halaman Utama B: Halaman Profil Sekolah B1: Halaman Sejarah Sekolah B2: Halaman Tentang Sekolah B3: Halaman Visi Misi B4: Halaman Fasilitas Sekolah C: Halaman Struktur C1: Halaman Organisasi C2: Halaman Guru C3: Halaman Staf C4: Halaman Wali Kelas D: Halaman Akademik D1: Halaman Data Siswa D2: Halaman Nilai Siswa D3: Halaman Absensi Siswa D4: Halaman Roster Siswa E: Halaman Organisasi E2: Halaman OSIS E2: Halaman Ekstralurikuler F: Halaman Arsip F1: Halaman Pengumuman F2: Halaman Agenda F3: Halaman Alumni F3.1: Halaman Data Alumni F3.2: Halaman Isi Data Alumni F4: Halaman Bukutamu G: Halaman Galeri G: Halaman Galeri Sekolah H: Halaman Administrator

3.4.2 Flowchart login admin

Halaman login admin adalah halaman khusus login user admin . Setelah username dan password admin di-input dengan benar maka selanjutnya masuk ke halaman admin. Jika login gagal maka akan kembali ke halaman login admin. Flowchart admin dapat pada gambar 3.5 dibawah ini: Ya Ya Ya Ya Tidak Tidak Tidak Gambar 3.5 Flowchart Halaman Admin Form Login Admin Masukkan Username Password Cek Username Password Halaman Admin Username Password Salah H Struktur Menu Guru Menu Staf Wali Kelas Akademik Profil Siswa Nilai Siswa Absensi Siswa Roster Siswa Arsip Alumni Edit Bukutamu Logout H Insert Update Insert Update Insert Insert Update Insert Update Insert Update Insert Update Insert Update Insert Update Update Tidak Ya Tidak Tidak Tidak Tidak Tidak Ya Ya Tidak Tidak Ya

3.4.3 Flowchart input data guru

Halaman input data guru adalah halaman untuk meng-input data guru SMA Negeri 16 Medan. Setelah data di-input maka data yang diisi akan masuk ke database. Flowchart input data guru dapat dilihat pada gambar 3.6 dibawah ini: Gambar 3.6 Flowchart Input Data Guru H Halaman Guru Insert Guru Update Guru Sign Out H From Insert Guru Simpan Simpan Data Data Tersimpan Edit From Update Update Simpan Data Data Tersimpan Delete Data sudah dihapus Tidak Ya Tidak Tidak Tidak Tidak Tidak Ya Ya Tidak Tidak Ya

3.4.4 Flowchart input staf sekolah

Halaman input data staf sekolah adalah halaman untuk meng-input data staf SMA Negeri 16 Medan. Setelah data di-input maka data yang diisi akan masuk ke database. Flowchart input data staf sekolah dapat dilihat pada gambar 3.7 dibawah ini: Gambar 3.7 Flowchart Input Staf Sekolah H Halaman Staf Insert staf Update Staf Sign Out H From Insert Staf Simpan Simpan Data Data Tersimpan Edit From Update Update Simpan Data Data Tersimpan Delete Data sudah dihapus Tidak Ya Tidak Tidak Tidak Tidak Tidak Ya Ya Tidak Tidak Ya

3.4.5 Flowchart input data wali kelas

Halaman input data wali kelas adalah halaman untuk meng-input data wali kelas SMA Negeri 16 Medan. Setelah data di-input maka data yang diisi akan masuk ke database. Flowchart input data wali kelas dapat dilihat pada gambar 3.8 dibawah ini: Gambar 3.8 Flowchart Input Data Wali Kelas H Halaman Wali Kelas Insert Wali Kelas Update Wali Kelas Sign Out H From Insert Wali Kelas Simpan Simpan Data Data Tersimpan Edit From Update Update Simpan Data Data Tersimpan Delete Data sudah dihapus Ya Tidak Ya Tidak Ya Ya Ya Tidak Tidak Tidak Ya Tidak Tidak Ya Ya Tidak

3.4.6 Flowchart input profil dan nilai siswa

Halaman input profil dan nilai siswa adalah halaman untuk meng-input data profil dan nilai siswa SMA Negeri 16 Medan. Setelah data di-input maka data yang diisi akan masuk ke database. Flowchart registrasi siswa dapat dilihat pada gambar 3.9 dibawah ini: Gambar 3.9 Flowchart Input Profil dan Nilai Siswa H Halaman Akademik Insert data Siswa Insert Nilai Sign Out H From Insert Siswa Simpan Simpan Data Data Tersimpan Edit From Update Update Simpan Data Data Tersimpan Delete Data sudah dihapus Update data Siswa From Insert Nilai Simpan Simpan Data Data Tersimpan Ya Tidak Ya Tidak Ya Ya Ya Tidak Tidak Tidak Ya Tidak Tidak Ya Ya Tidak

3.4.7 Flowchart input absensi dan roster siswa

Halaman input absensi dan roster siswa adalah halaman untuk meng-input data absensi dan roster siswa SMA Negeri 16 Medan. Setelah data diinput maka data yang diisi akan masuk ke database. Flowchart input absensi dan roster siswa dapat dilihat pada gambar 3.10 dibawah ini: Gambar 3.10 Flowchart Input Absensi dan Roster Siswa H Halaman Akademik Insert Absensi Siswa Insert Roster Sign Out H From Insert Absensi Simpan Simpan Data Data Tersimpan Edit From Update Update Simpan Data Data Tersimpan Delete Data sudah dihapus Update Absensi Siswa From Insert Roster Simpan Simpan Data Data Tersimpan Tidak Ya Tidak Ya Ya Tidak Tidak Tidak

3.4.8 Flowchart update data alumni

Halaman update data alumni adalah halaman untuk meng-update data alumni SMA Negeri 16 Medan. Setelah data di-input maka data yang diisi akan masuk ke database. Flowchart dapat dilihat pada gambar 3.11 dibawah ini: Gambar 3.11 Flowchart Update data Alumni H Halaman Alumni Update Alumni Sign Out H Edit From Update Update Simpan Data Data Tersimpan Delete Data sudah dihapus Ya Ya Tidak Ya Ya Ya

3.4.9 Flowchart bukutamu

Halaman bukutamu adalah halaman untuk memberikan pesan dan kesan kepada sekolah serta kritik dan saran. Flowchart bukutamu dapat dilihat pada gambar 3.12 dibawah ini: Gambar 3.12 Flowchart Buku Tamu Buku Tamu Input nama, email, situs, pesan Kelengkapan Data Data Sukses diinput Simpan Data Input nama, email, pesan Maaf, data belum lengkap F4 Lihat Bukutamu

3.5 Defenisi Implementasi Sistem