Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan Sistem
Tahap perencanaan dan perancangan ini merupakan tahap awal dalam membangun sebuah situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa
pemograman dan MySQL sebagai databasenya, sedangkan Dreamweaver 8 digunakan sebagai tempat membuat layout dari situs yang telah dirancang.
Tahap selanjutnya yaitu tahap pembuatan flowchart bagan 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 di setiap halaman situs
tersebut.
Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan perbaruan isi situs. Hal ini selalu penting
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
dilakukan karena isi situs harus selalu diperbaharui untuk menarik pengunjung dan pengunjung itu sendiri tidak merasa jenuh.
Adapun halaman-halaman yang dirancang penulis: 1.
Halaman index.php merupakan halaman utama yang muncul pertama kali ketika situs dibuka.
2. Halaman profil.php, merupakan halaman yang berisikan tentang sejarah, visi dan
misi sekolah itu sendiri. 3.
Halaman galeri.php merupakan halaman yang digunakan untuk menampilkan foto dokumentasi sekolah maupun acara yang diadakan oleh pihak sekolah tersebut.
4. Halaman guru.php merupakan halaman yang digunakan untuk menampilkan data
guru di SMA Negeri 1 Seribudolok. 5.
Halaman siswa.php merupakan halaman yang menampilkan data-data siswa di SMA Negeri 1 Seribudolok.
6. Halaman admin.php, merupakan halaman yang hanya dapat diakses oleh admin
untuk melakukan pengaturan di situs ini.
4.2 Perancangan Diagram Alir Flowchart
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Data Guru
Data Siswa
Data Materi
Data Kelas Input,
Edit, Delete,
Data. Tabel Guru
Tabel Siswa
Tabel Materi
Tabel Kelas
Gambar 4.1 Flowchart Aktivitas Administrator
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Formulir untuk Login
Proses login cek password Data Karyawan
Tidak
Cocok
Baca data siswa berdasarkan materi tertentu.
Tabel Kelas Tentang Materi
Lampiran Nilai
Formulir input ubah data siswa berdasarkan nilai
Proses ubah data nilai
Berhasil
Gambar 4.2 Flowchart Aktivitas Guru
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Gambar 4.3 Flowchart Login
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Gambar 4.4 Flowchart Data Guru
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Gambar 4.5 Flowchart Input Guru
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Evi Bertha R. Girsang : Sistem Informasi Biodata Guru, Pegawai Dan Siswa Pada SMA Negeri 1 Seribudolok, 2010.
Gambar 4.6 Flowchart Admin
4.3 Perancangan Database