BAB 4 PERANCANGAN SISTEM
Perancangan sistem merupakan hal tahap awal dalam pembangunan situs. Di dalam tahap ini terdapat perencanaan, perancangan, diagram alur dan isi dari situs
itu sendiri. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya, MySQL sebagai databasenya, dan Adobe Dreamweaver CS3
sebagai tempat untuk membuat layout dari situs yang telah dirancang sebelumnya.
4.1 Perancangan Data flow diagram DFD
Data flow diagram yang digunakan:
Gambar 4.1 Data Flow Diagram DFD Level 0
Admin 1
Sistem Informasi Nilai Online SMP YPPI Tualang Perawang
Data Guru
Data Siswa 2
Informasi
Data User -Login Admin
-Data Admin -Data Siswa
-Data Guru -Logout
Universitas Sumatera Utara
4.2 Flowchart Sistem
Start Halaman Login
Input user ID password
Cek login
Log out
End Input data pengajar,
siswa, kelas, jadwal, mata pelajaran,
aspek, sarana Halaman admin
Gagal
Berhasi l
Ya Tidak
Gambar 4.2 flowchart Beranda Admin
Universitas Sumatera Utara
4.3 Mempersiapkan Database Server
Tahap ini merupakan tahap dimana penulis menempatkan data yang sudah ada pada bagian server. Data tersebut nantinya akan diproses oleh program yang akan
dibuat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan, dan menampilkan isi database ke halaman web. Database terdiri atas tabel-tabel yang
dibuat menggunakan program MySQL. Adapun databsase yang dibuat oleh penulis adalah database db_akademik yang
terdiri dari : 1. Tabel data_guru
Field Type
Description id_guru
Int3 Nomor login guru
nama_guru Varchar20
Nama guru
Start Halaman Login
Input user ID password
Cek Login
Halaman beranda pelajar melihat nilai jadwal
Log out
End
Gambar 4.3 Flowchart Beranda Siswa
Universitas Sumatera Utara
nip Varchar11
Nomor induk guru kelamin
Enum‘laki- laki’,’perempuan’
Jenis kelamin
alamat guru Text
Alamat guru telpon_guru
Varchar12 Nomor telfon guru
username Varchar20
Nama login admin
Tabel 4 1 Tabel Data Guru
2. Tabel Data Siswa Field
Type Description
id_siswa int5
nomor login siswa nama_siswa
varchar20 nama siswa
nis varchar12
nomor induk siswa kelamin
enum‘laki-laki’, ‘perempuan’
jenis kelamin
alamat_siswa text
alamat telpon_siswa
varchar12 nomer telfon
username varchar20
username user password
varchar100 password
Tabel 4 2 Tabel Data Siswa
3. Tabel Setup Kelas Field
Type Description
id_kelas int3
nomor kelas nama_kelas
varchar10 nama kelas
Tabel 4 3 setup_kelas
Universitas Sumatera Utara
4.
Tabel Setup Pelajaran
Field Type
Description id_pelajaran
int3 nomor pelajaran
nama_pelajaran varchar50
nama pelajaran
Tabel 4 4 Tabel Setup Pelajaran
5. Tabel Jadwal Field
Type Description
id_jadwal int3
nomor jadwal id_guru
int3 nomor login guru
id_pelajaran int3
nomor pelajaran id_kelas
int3 nomor kelas
Tabel 4 5 Tabel tbl_jadwal
6. Tabel Nilai Field
Type Description
id_nilai int5
nomor nilai id_siswa
int5 nomor siswa
id_pelajaran int3
nomor pelajaran id_kelas
int3 nomor kelas
id_guru int3
nomor login guru nilai
int3 nilai
Tabel 4 6 Tabel tbl_nilai
7. Tabel Ruangan Field
Type Description
id_ruangan int5
nomor ruangan id_siswa
int3 nomor siswa
Universitas Sumatera Utara
id_kelas int3
nomor kelas
Tabel 4 7 Tabel tbl_ruangan
8. Tabel Admin Field
Type Description
id_admin int3
nomor login admin username
varchar20 nama login admin
password varchar100
password admin
Tabel 4 8 Tabel user_admin
4.4 Membangun Halaman Situs