Flowchart Sistem Informasi Nilai Madrasah Aliyah Negeri Berbasis Web Menggunakan PhP dan MySQL

4.3. Flowchart

Flowchart adalah sekumpulan simbol – simbol yang menunjukan atau menggambarkan rangkaian kegiatan – kegitan program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkah – langkah pekerjaan dalam suatu algoritma. Penjelasan arti dari lambang – lambang flowchart dapat didefinisikan seperti tabel dibawah ini : Tabel 4.10. Arti lambang-lambang Flowchart No SIMBOL KETERANGAN 1 Terminal, untuk memulai atau mengakhiri suatu program 2 Proses, simbol ini menunjukkan setiap pengolahan yang dilakukan oleh komputer. 3 Input-Output, untuk memasukkan data atau menunjukkan hasil keluaran dari suatu proses 4 Decision, suatu kondisi yang menghasilkan beberapa kemungkinan jawaban atau pilihan. 5 Untuk menyatakan sekumpulan langkah proses yang ditulis sebagai procedur Universitas Sumatera Utara 6 Connector, suatu prosedur akan masuk atau keluar melalui simbol ini dalam lembaran yang sama. 7 Off-Line Connector, simbol masuk atau keluarnya suatu prosedur pada lembaran kertas lainnya. 8 ArusFlow dari prosedur yang dapat dilakukan dari atas kebawah, kiri kekanan atau sebaliknya. 9 Document, merupakan simbol dari data yang berbentuk kertas maupun informasi 10 Database, menyediakan tempat pengolahan data serta penyimpanan dalam storage. 11 Simbol untuk output, yang ditujukan kesuatu device ,seperti primer,plotters,dll Universitas Sumatera Utara

4.3.1. Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar dibawah ini : Start Home Pilih Profil Berita Siswa Buku Tamu Tampil Hal Profil Login Admin Login Guru Login Siswa Tampil Hal Berita Tampil Hal Siswa B_Tamu Buku Tamu Login Admin Login Guru Login Siswa Keluar Stop L_adm L_Guru L_sis X X X Fasilitas Tampil Hal Fasilitas Gambar 4.2. Alur Flowchart Menu Utama Universitas Sumatera Utara

4.3.2. Flowchart Buku Tamu

Flowchart buku tamu dapat dilihat pada gambar dibawah ini : B_Tamu Tampil Info Tamu Yg Berkunjung Isi Buku Tamu Masukkan Nama, email dan Komentar Kirim Reset Validasi Valid Data Tamu Menyimpan data Data berhasil Di Simpan Bersihkan data X T Y Y Y T T T Y Gambar 4.3. Alur Flowchart Buku Tamu

4.3.3. Flowchart Login Admin

Universitas Sumatera Utara Flowchart login admin dapat dilihat pada gambar dibawah ini : L_adm Masukkan Username password Login Reset Validasi Username Password Valid Hapus username Password X Y Y Y T T M_adm Gambar 4.4. Alur Flowchart Login Admin Universitas Sumatera Utara

4.3.4. Flowchart Login Guru

Flowchart login guru dapat dilihat pada gambar dibawah ini : L_Guru Masukkan Username password Login Reset Validasi Username Password Valid Hapus username Password X Y Y Y T M_Gur T Gambar 4.5. Alur Flowchart Login Guru Universitas Sumatera Utara

4.3.5. Flowchart Login Siswa

Flowchart login siswa dapat dilihat pada gambar dibawah ini : L_sis Masukkan Username password Login Reset Validasi Username Password Valid Hapus username Password X Y Y Y T T M_Sis Gambar 4.6. Alur Flowchart Login Siswa Universitas Sumatera Utara

4.3.6. Flowchart Menu Admin

Flowchart menu admin dapat dilihat pada gambar dibawah ini : Tampil Menu Admin Pilih Artikel Sign Out Artikel A_art X Y T T Y Y M_adm Data Mata Pelajaran Siswa Guru kelas Mt pelajaran Siswa Guru Kelas A_MP A_si A_gur A_kls Y T Y T Y T Y Jadwal Jadwal Y A_Jad Fasilitas Fasilitas Y T T A_fas T Tamu Tamu A_tamu Y T T Gambar 4.7. Alur Flowchart Menu Admin

4.3.7. Flowchart Fasilitas Admin

Universitas Sumatera Utara Flowchart fasilitas admin dapat dilihat pada gambar dibawah ini : A_fas Tampil hal pengaturan data Fasilitas Pilih Pengaturan Tambah Data Ubah Data Hapus data Tambah data Ubah Data Hapus data Masukkan Data Fasilitas Baru Simpan Menyimpan Data Data Fasilitas Data Fasilitas Disimpan Data Fasilitas batal Disimpan Y T Pilih data Ubah Mengubah data Data Fasilitas Perubahan Disimpan Perubahan batal disimpan Y T Pilih data Hapus Menghapus data Data Berhasil Di Hapus Perubahan batal disimpan Y T Y T Y T Y T Gambar 4.8. Alur Flowchart Fasilitas Admin

4.3.8. Flowchart Mata Pelajaran Admin

Universitas Sumatera Utara Flowchart mata pelajaran admin dapat dilihat pada gambar dibawah ini : A_MP Tampil pengaturan Mt pelajaran Pilih Input Mt pelajaran Ubah Mt pelajaran Hapus Mt pelajaran Input Mt pelajaran Masukkan Mt pelajaran baru Simpan Data Mt pelajaran Input Mt pelajaran dibatlkan Mt pelajaran baru disimpan Ubah Mt pelajaran Pilih Mt pelajaran Yg akan diubah Ubah Perubahan Dibatalkan Data Berhasil Di Ubah Mengubah data Hapus Mt pelajaran Pilih Mt pelajaran Yg akan dihapus Hapus Data Menghapus data Data Berhasil Di Hapus Hapus data Dibatalkan Y T Y T Y T Y T Y T Y T Y T Gambar 4.9. Alur Flowchart Mata Pelajaran Admin

4.3.9. Flowchart Siswa Admin

Flowchart siswa admin dapat dilihat pada gambar dibawah ini: Universitas Sumatera Utara A_si Tampil hal pengaturan data Siswa Pilih Pengaturan Tambah Data Ubah Data Hapus data Tambah data Ubah Data Hapus data Masukkan Data Siswa Baru Simpan Menyimpan Data Data Siswa Data Siswa Disimpan Data Siswa batal Disimpan Y T Pilih data Ubah Mengubah data Data Siswa Perubahan Disimpan Perubahan batal disimpan Y T Pilih data Hapus Menghapus data Data Berhasil Di Hapus Perubahan batal disimpan Y T Y T Y T Y T Gambar 4.10. Alur Flowchart Siswa Admin

4.3.10. Flowchart Guru Admin

Flowchart guru admin dapat dilihat pada gambar dibawah ini: Universitas Sumatera Utara A_gur Tampil hal pengaturan data Guru Pilih Pengaturan Tambah Data Ubah Data Hapus data Tambah data Ubah Data Hapus data Masukkan Data Guru Baru Simpan Menyimpan Data Data Guru Data Guru Disimpan Data Guru batal Disimpan Y T Pilih data Ubah Mengubah data Data Guru Perubahan Disimpan Perubahan batal disimpan Y T Pilih data Hapus Menghapus data Data Berhasil Di Hapus Perubahan batal disimpan Y T Y T Y T Y T Gambar 4.11. Alur Flowchart Guru Admin

4.3.11. Flowchart Tamu Admin

Flowchart tamu admin dapat dilihat pada gambar dibawah ini: Universitas Sumatera Utara A_tamu Tampil hal pengaturan buku tamu Pilih hapus Sembunyikan Pilih tamu Yang akan dihapus Hapus Menghapus data Data dihapus Penghapusan data dibatalkan Pilih tamu Yang akan disembunyikan Hapus Menyembunyikan data Data disembunyikan Hidden Dibatalkan X-Adm Y T Y T Y T Y T Gambar 4.12. Alur Flowchart Tamu Admin Universitas Sumatera Utara

4.3.12. Flowchart Kelas Admin

Flowchart kelas admin dapat dilihat pada gambar dibawah ini: A_kls Tampil hal pengaturan data Kelas Pilih Pengaturan Tambah Data Ubah Data Hapus data Tambah data Ubah Data Hapus data Masukkan Data Kelas Baru Simpan Menyimpan Data Data Kelas Data Kelas Disimpan Data Kelas batal Disimpan Y T Pilih data Ubah Mengubah data Data Kelas Perubahan Disimpan Perubahan batal disimpan Y T Pilih data Hapus Menghapus data Data Berhasil Di Hapus Perubahan batal disimpan Y T Y T Y T Y T Gambar 4.13. Alur Flowchart Kelas Admin

4.3.13. Flowchart Menu Utama Guru

Universitas Sumatera Utara Flowchart menu utama guru dapat dilihat pada gambar dibawah ini: Tampil Menu Utama Halaman guru Pilih Ubah Akun Ubah Akun Input Nilai Ubah Nilai Input Nilai Ubah nilai Hapus Nilai Hapus Nilai Masukkan nilai baru Simpan Data nilai Input nilai dibatlkan nilai baru disimpan Pilih nilai Yg akan diubah Ubah Perubahan Dibatalkan Data Berhasil Di Ubah Mengubah data Pilih nilai Yg akan dihapus Hapus Data Menghapus data Data Berhasil Di Hapus Hapus data Dibatalkan Y T Y T Y T Y T Y T Y T Y T Masukkan Akun Baru Ubah Perubahan Dibatalkan Data Berhasil Di Ubah Mengubah data Y Y T Lihat Nilai Lihat Jadwal Tampil Data Nilai Tampil Jadwal Logout T T Y T Y X T Y M_Gur Gambar 4.14. Alur Flowchart Menu Utama Guru Universitas Sumatera Utara

4.3.14. Flowchart Menu Utama Siswa

Flowchart menu utama siswa dapat dilihat pada gambar dibawah ini: M_Sis Tampil Menu Utama Siswa Atur akun Lihat Nilai Lihat Jadwal Lihat Jadwal Guru Ubah Akun Masukkan Akun Baru Ubah Perubahan Dibatalkan Perubahan Di simpan Mengubah data Y Y T T Logout Tampil Info Nilai Tampil Info Jadwal MP Tampil Info Jadwal Guru X Y T Y T Y T Y Gambar 4.15. Alur Flowchart Menu Utama Siswa Universitas Sumatera Utara BAB 5 IMPLEMENTASI SISTEM

5.1. Pengertian Implementasi Sistem