Perancangan Data flow diagram DFD Flowchart Sistem Mempersiapkan Database Server

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