Diagram Konteks Sekolah Perancangan Sistem Data Flow Diagram DFD

3.4 Diagram Konteks Sekolah

Diagram konteks yang sedang berjalan saat ini sebelum sistem dirancang, pencatatan data siswa, data guru, data sarana dan data sekolah masih diproses secara manual. Siswa juga belum bisa melakukan pengecekan secara langsung informasi nilai, pengumuman, dan data pribadinya setelah data diinput admin ataupun guru. Berikut gambaran diagram konteks sistem yang sedang berjalan saat ini, sebelum melakukan perancangan sistem: Gambar 3.2 Diagram Konteks Sistem yang sedang berjalan saat ini Siswa Pencatatan Secara Manual Guru Admin Kepala Sekolah - Info Nilai - Info Absensi - Info Sekolah - Info Guru - Info Siswa - Data Sekolah - Data Guru - Data Siswa - Data Nilai - Data Absensi - Laporan Data Absensi - Laporan Data Sekolah - Laporan Data Siswa - Laporan Data Guru BAB 4 PERANCANGAN SISTEM

4.1. Perancangan Sistem

Perancangan system merupakan kegiatan yang dilakukan setelah diselesaikannya proses system. Perancangan system merupakan aktivitas mentransformasikan suatu hasil analisis kedalam suatu perencanaan untuk dapat diimplementasikan.

4.2. Data Flow Diagram DFD

Data Flow Diagram adalah gambaran system secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah mewakili mengambarkan arus data dalam perancangan system sangat membantu sekali di dalam komunikasi dengan pemakaian system menggunakan notasi – notasi ini untuk menggambarkan arus dari data system. Adapun simbol-simbol dari Data Flow Diagram yaitu: Berikut ini adalah bentuk Data Flow Diagram dari website SMA NEGERI 1 Pangkalan Susu: Gambar 4.1 Diagram Konteks Sistem Informasi Berbasis Web Admin Sistem Informasi Berbasis Web Siswa Kepala Sekolah - Data guru - Data sekolah - Data absensi - Data siswa - Data komentar - Info guru - Info sekolah - Info absensi - Info siswa - info pengumuman Laporan Kamus Data: Mengajar, Menginformasikan, Mengisi Data dan Mengolah Data Gambar 4.2 Entity Relationship Diagram Dengan adanya aliran informasi dapat membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman dalam situs tersebut. Secara sederhana aliran informasi dalam membangun situs ini dapat dilihat pada gambar di bawah ini: 1 M 1 1 M 1 1 1 Gol Siswa Mengisi Buku Tamu Alamat NIS Nama JK Mengajar Admin Mengolah Guru Menginfor masikan Pengumuman Tahun Jurusan NIP Nama JK Tgl. Lahir Gambar 4.3 Aliran Informasi rancangan situs

4.3 Mendesain Layout Web