Perancangan Data Flow Diagram DFD Perancangan Flowchart

Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini adalah SMA Negeri 13 Medan, yang menyediakan informasi-informasi tentang sekolah tersebut, data akademik siswa, dan kegiatan yang dilakukan sekolah. b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali siswa SMA Negeri 13 Medan serta masyarakat luas yang ingin tahu mengenai segala sesuatu tentang sekolah ini. c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai SMA Negeri 13 Medan, mengetahui nilai siswa, mengetahui data siswa, serta informasi penting lainnya. d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang SMA Negeri 13 Medan, dan dapat memberikan kemudahan bagi para siswa, guru, maupun wali siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.

4.3 Perancangan Data Flow Diagram DFD

Data Flow Diagram DFD merupakan diagram yang menggunakan notasi-notasi simbol-simbol untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu: Data Siswa Data Guru Laporan Data Siswa Laporan Data Guru Data Program Sekolah Data Galeri Laporan Data Profil Sekolah -Data Siswa -Data Guru -Data Galeri -Data Program Sekolah -Data Profil Sekolah Gambar 4.4 Diagram Konteks Guru Siswa Desain Sistem Informasi SMA Negeri 13 Medan Program Sekolah Galeri Profil Sekolah Kepala Sekolah Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 Data Siswa Data Guru Laporan Data Siswa Laporan Data Guru Data Program Sekolah Data Galeri Data Profil Sekolah Laporan -Data Siswa -Data Guru -Data Galeri -Data Program Sekolah -Data Profil Sekolah Gambar 4.5 Diagram Konteks Level 0 Nol Guru Siswa Desain Sistem Informasi SMA Negeri 13 Medan Program Sekolah Galeri Profil Sekolah Kepala Sekolah Pembuatan Laporan Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009

4.4 Perancangan Flowchart

Tahap selanjutnya adalah tahap pembuatan flowchart diagram alir atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan. Berikut adalah flowchart dari sistem informasi SMA Negeri 13 Medan yang penulis rancang: Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 Gambar 4.6 Aliran Informasi rancangan situs Login Admin Index Halaman Utama Profil Program Sekolah Galeri Siswa Guru Sejarah Visi Misi Struktur Organisasi Pimpinan Data Siswa Data Nilai Siswa Data Absensi Siswa Expose SMAN 13 Foto Dalam Foto Luar Data Guru Jadwal mengajar Login Siswa Login Guru Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 1. Flowchart Halaman Utama Gambar 4.7 Flowchart Halaman Utama Menampilkan Halaman Utama Login siswa Login guru Profil Prg. sekolah Foto galeri Admin Keluar Form login Pilih link yang ada Program Sekolah Form Admin A B D F Form login Login wali Form login C ya tidak tidak tidak tidak tidak tidak tidak tidak ya ya ya ya ya ya END START Halaman Utama Memilih Daftar LInk Pilih link yang ada E Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 2. Flowchart Halaman Admin Gambar 4.8 Flowchart Halaman Admin G F Input Username dan Password If True Halaman Utama Admin Administrator Password Salah tidak ya ya tidak Keluar END Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 3. Flowchart Halaman Siswa Gambar 4.9 Flowchart Halaman Siswa tidak A Pilih Login Siswa Username Password Status = Siswa Halaman Data Siswa Lihat Nilai Lihat Abensi Halaman Nilai Keluar ya ya tidak Halaman Absensi tidak END ya ya Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 4. Flowchart Halaman Guru Gambar 4.10 Flowchart Halaman Guru tidak B Pilih Login Guru Username Password Status = Guru Halaman Data Guru Lihat Jadwal Halaman Jadwal Keluar ya ya tidak tidak END ya Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 5. Flowchart Halaman Wali Siswa Gambar 4.11 Flowchart Halaman Wali Siswa tidak C Pilih Login Wali Username Status = wali Halaman Data Siswa Lihat Nilai Lihat Abensi Halaman Nilai Keluar ya ya tidak Halaman Absensi tidak END ya ya Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 6. Flowchart Halaman Profil Gambar 4.12 Flowchart Halaman Profil Pilih Sejarah VisiMisi Pimpinan Keluar Halaman Sejarah Halaman Pimpinan Sejarah Visi Misi Pimpinan Halaman VisiMisi Organisasi Halaman Organisasi Organis asi ya tidak tidak tidak tidak ya ya ya END D Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009 7. Flowchart Halaman Galery Gambar 4.13 Flowchart Halaman Gallery Pilih Expose Pilih Bg.Dalam Keluar Halaman Expose SMAN13 Expose SMA13 Foto Dalam Halaman Foto bg. Dalam Pilih Bg.Luar Halaman Foto Bg.Luar Foto Luar ya tidak tidak tidak ya ya END E Andika Ika Wulandari : Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web, 2009. USU Repository © 2009

4.5 Mempersiapkan Database Server