Struktur Organisasi Perancangan Sistem Data Flow Diagram DFD

3.4 Struktur Organisasi

Gambar 3.1 Struktur Organisasi SMA Swasta Eria Medan. DINAS PENDIDIKAN KOTA MEDAN DINAS PENDIDIKAN PROVINSI Wakor Perg. Eria Drs. H. Rukzaidan PKS I Edukatif Drs. As’ Ari Ur. Lab. IPA Ur. Lab. Komputer Ur Lab. Perpustakaan Ur. Lab. Bahasa Guru BPBK Drs. Daud Ja’far Wali Kelas Keterangan. Garis Komando - - - - - - Garis Kordinasi Kepala Sekolah Drs H. Khoruddin Hasibuan Koorinator Perg. Eria H. Prabudi Said Kabid.pddk Drs H. Sabar Kabid.Umum H. Goenadi Wakil Kepala Sekolah Drs As’ Ari PKS II Kesiswaan Dra. Mulyana Moenir Bidang Osis Urusan Pramuka Pelatih Seni Tari TU I Zurlina TU II SUSIWATI Guru Mata Pelajaran Siswa Siswi Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 BAB 4 PERANCANGAN SISTEM

4.1 Perancangan Sistem

Perancangan sistem adalah upaya suatu organisasi atau lembaga untuk memulai memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user pemakai mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan.

4.2 Data Flow Diagram DFD

Data Flow Diagram DFD adalah gambaran sistem scara logika. Gambaran ini tidak tergantung pada preangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah mewakili menggambarkan arus data dalam perancangan sistem sangat membantu sekali didalam Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem Rancangan Data Flow diagram Data Guru Mengajar, pegawai, nilai dan informasi siswa adalah sebagai berikut: Gambar 4.1 Diagram Konteks Sistem Informasi Berbasis Web Admin Sistem Informasi Berbasis Web Siswa Kepsek - Data guru mengajarpegawai - Data nilai siswa - Data infomasi siswa - Data siswa - Data komentar siswa - Data artikel siswa - Info siswa - Info komentar - Info artikel siswa - Info guru mengajarpegawai - Info nilai siswa - Info-info siswa - Info profil sekolah Laporan Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 Gambar 4.2 Data Flow Diagram DFD Level 0 Sistem Informasi Berbasis Web admin 0.1 Registrasi administrator 0.1 Input Data Siswa - Info guru mengajarpegawai - Info nilai siswa - Info-info siswa - Data siswa - Data komentar siswa - Data Artikel siswa 0.3 Pembuatan Laporan Login F1 Guru pegawai F2 Guru mengajar F3 Nilai - Data guru mengajarpegawai - Data nilai siswa - Data infomasi siswa Kepsek Laporan Cetak laporan Pengolahan Data mengajar Data penilaian Simpan data Data guru Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 Gambar 4.3 Data Flow Diagram DFD Level 1 Penginputan 1.2 Input Data Guru Mengajar 1.1 Input Data siswa Admin 1.4 Pencatatan Laporan Kepsek Siswa 1.6 Input Data Siswa Data siswa Data nilai Simpan data Proses Proses Cetak nilai Laporan Proses 1.3 Input Data Nilai Proses Simpan Simpan Simpan F1 Guru pegawai F3 Guru mengajar F4 Nilai Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 Dengan adanya aliran informasi dapat membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman didalam situs tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana aliran Informasi dalam membangun situs ini dapat dilihat pada gambar dibawah ini: Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 Gambar 4.4 Aliran Informasi rancangan situs Login Index Halaman Intro Profil Pengajar Siswa Bukutamu Alumni Kata Sambutan Sejarah Visi Misi Organisasi Fasilitas Data GuruPegawai Ruang Data Guru Mengajar Cari Data GuruPegawai Ekskul Daftar Member Penerima PMP Nilai Siswa Data Alumni Cari Data Alumni Pendaftaran Alumni Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 Pada gambar 4.4, aliran informasinya masih sangatlah sederhana karena di setiap cabang aliran informasi masih terdapat cabang-cabang lagi bergantung pada seberapa kompleks dan seberapa banyak halaman yang akan dibuat. Misalnya pada halaman ’Login’ dibagi lagi ke ’Halaman Admin’ dan ’Halaman User’, maka harus dibuat dua cabang lagi. Seperti pada Gambar 4.5 Gambar 4.5 Percabangan Dalam Aliran Informasi

4.3 Perancangan Halaman Website