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