BAB III DESAIN DAN PERANCANGAN 3.1. Diagram Knteks Diagram Knteks ini menggambarkan sistem secara garis besar dengan memperlihatkan masukan, prses, dan keluaran dari sistem yangakan dirancang. Diagram Knteks dari Sistem Sistem Infrmasi Akademik SDN Darmrej 02. adalah sebagai berikut : Admin Nilai siswa Data jadwal Data mapel Data guru Data siswa Data pembagian kelas SIA SDN Darmrej 02 Nilai siswa Data pembagian kelas Data jadwal Data siswa Guru Gambar 3.1. Diagram Cntext 3.2. Data Flw Diagram (DFD) DFD pada Sistem Infrmasi Akademik SDN Darmrej 02 adalah sebagai berikut : 3.2.1. Data Flw Diagram(DFD) level 0 DFD merupakan pengembangan dari Cntex Diagram yang terdiri dari DFD level 0 dan level 1. DFD level 0 pada Sistem Infrmasi Akademik SDN Darmrej 02 seperti pada gambar 3.2. 14
15 Admin Data sisiwa 1 Input data siswa Data siswa 1 siswa 2 Guru 5 Mata pelajaran Data guru 7 Input data guru Data siswa Data siswa Data kelas 3 Kelas Pembagian kelas 2 Pembagian kelas 4 Jadwal pelajaran Guru Data mapel Jadwal pelajaran 3 Jadwal pelajaran Data pelajaran Data kelas 6 Nilai Data mapel Lap nilai 4 Menginput nilai siswa Data nilai Lap data siswa 5 Mencetak lap data siswa 6 Lapran nilai Gambar 3.2 Data Flw Diagram (DFD) level 0
16 3.2.2. Data Flw Diagram(DFD) level 1 prses penglah data siswa dan mencetak lapran pembagi kelas 1 Siswa 3 Kelas Data siswa Data guru 1 Menglah data siswa Data kelas 2 Guru Data kelas Pembagian kelas 2 Mencetak lapran pembagian kelas Guru Gambar 3.3Data Flw Diagram (DFD) level 1 prses penglah data siswa dan mencetak lapran pembagi kelas 3.2.3. Data Flw Diagram(DFD) level 1 prses menglah nilai dan mencetak lapran nilai 5 Mata pelajaran Guru 1 Menglah nilai Lapran nilai Data siswa 2 Data nilai 1 Siswa Mencetak lap nilai 6 Nilai Gambar 3.4Data Flw Diagram (DFD) level 1 prses menglah nilai dan mencetak lapran nilai.
17 3.3. Perancangan Database Langkah awal dalam membangun suatu sistem adalah melakukan perancangan database yang akan digunakan. Database ini membentuk tabel yangakan selalu digunakan untuk menyimpan berbagai infrmasi yang digunakan dan juga dalam penglahan data. 3.3.1. Cnceptual Data Mdel (CDM) Cnceptual Data Mdel (CDM) dari sistem infrmasi akademik SDN Darmrej 02, dimana masing-masing mempunyai relasi ke tabel-tabel yang lain seperti pada gambar 3.5. # nis nama_siswa jk ttl agama nama_rtu pekerjaan_rtu alamat_siswa kelas siswa Variable characters (50) Variable characters (50) Variable characters (25) Variable characters (50) # dk_kelas wali_kelas Relatinship_8 pembagian_kelas Relatinship_3 Relatinship_4 jadwal_pelajaran nama_mapel Relatinship_7 # uh uts uas nilai Integer Integer Integer Relatinship_2 Relatinship_9 Relatinship_6 pai b_indnesia pkn ipa ips mtk pjk plh b_jawa b_inggris mapel Relatinship_5 # nama_guru nip ttl agama nuptk jabatan pangkat gl alamat guru Variable characters (50) Integer Variable characters (50) Integer Variable characters (50) Gambar 3.5. CDM Sistem Infrmasi Akademik
18 3.3.2. Physical Data Mdel(PDM) Physical Data Mdel (PDM) adalah hasil generate dari CDM. Entitas dan atribut pada PDM inilah yang akan digunakan untuk membuat rancangan database. PDM dari sistem infrmasi akademik SDN Darmrej 02 dapat dilihat pada Gambar 4.6. nis nama_siswa jk ttl_siswa agama_siswa nama_rtu pekerjaan_rtu alamat_siswa kelas SISWA varchar(25) varchar(30) varchar(25) varchar(20) FK_RELATION_RELATIONS_SISWA <pk> Relatinship_2 nis <pk,fk2> FK_GURU_RELATIONS_JADWAL_P FK_JADWAL_P_RELATIONS_GURU guru kd_kelas <fk2> nama_guru nip integer ttl_guru agama_guru nuptk integer jabatan pangkat gl alamat FK_RELATION_RELATIONS_SISWA FK_RELATION_RELATIONS_JADWAL_P nis uh Relatinship_1 integer <pk,fk1> <pk,fk2> FK_RELATION_RELATIONS_NILAI jadwal pelajaran nama_mapel FK_RELATION_RELATIONS_SISWA Relatinship_4 nis <pk,fk2> FK_GURU_RELATIONS_PEMBAGIA FK_PEMBAGIA_RELATIONS_GURU pembagian kelas kd_kelas <pk> wali_kelas uh uts uas nilai integer <pk> integer integer FK_RELATION_RELATIONS_MAPEL FK_RELATION_RELATIONS_NILAI Relatinship_6 uh integer <pk,fk2> mapel pai b_indnesia pkn ipa FK_RELATION_RELATIONS_MAPEL ips mtk pjk plh b_jawa b_inggris FK_GURU_RELATIONS_MAPEL FK_MAPEL_RELATIONS_GURU Gambar 3.6. PDM Sistem Infrmasi Akademik Langkah awal dalam membangun suatu sistem adalah melakukan perancangan database yang akan digunakan. Database ini membentuk tabel yang akan selalu digunakan untuk menyimpan berbagai infrmasi yang digunakan dan juga dalam penglahan data.
19 3.3.3. Struktur Tabel Suatu perancangan database harus di sesuaikan dengan ERD yang telah dibuat, dimana database tersebut harus sesuai dengan kebutuhan infrmasi yang diperlukan leh user. Tabel-tabel yang digunakan dalam aplikasi ini adalah sebagai berikut : a. Tabel administratr Nama tabel : admin Digunakan : untuk menyimpan data nama dan passwrd admin Primary Key :nama_admin yang digunakan untuk lgin ke sistem Tabel 3.1 Tabel admin Nama field Tipe data Ukuran field Keterangan Nama_admin Varchar 15 Primary key Pass_admin Varchar 6 Passwrd b. Tabel siswa Nama tabel : siswa Digunakan : untuk menyimpan data siswa Primary Key : nis Tabel 3.2 Tabel siswa Nama field Tipe data Ukuran field Keterangan Nis Varchar 20 Primary key Nama_siswa Varchar 50 Nama_siswa Jk Varchar 20 Jk Ttl Varchar 30 Ttl Agama Varchar 20 Agama nama_rtu Varchar 20 nama_rtu Pekerjaan_rtu Varchar 30 Pekerjaan_rtu Alamat_siswa Varchar 50 Alamat_siswa Kelas Varchar 10 Kelas
20 c. Tabel guru Nama tabel : guru Digunakan : untuk menyimpan data guru Primary Key : nama_guru Tabel 3.3 Tabel guru Nama field Tipe data Ukuran field Keterangan Nama_guru Varchar 20 Primary key Nip Integer 20 Nip Ttl Varchar 30 Ttl Agama Varchar 20 Agama Nuptk Intege 20 Nuptk Jabatan Varchar 30 Jabatan Pangkat Varchar 20 Pangkat Gl Varchar 10 Gl Alamat Varchar 50 Alamat d. Tabel nilai Nama tabel : nilai Digunakan : untuk menyimpan data nilai Primary Key : uh Tabel 3.4 Tabel nilai Nama field Tipe data Ukuran field Keterangan Uh Intege 10 Primary key Uts Intege 10 Uts Uas Intege 10 Uas e. Tabel jadwal pelajaran Nama tabel : jadwal pelajaran Digunakan : untuk menyimpan data jadwal pelajaran Primary Key :nama_guru Tabel 3.5 Tabel jadwal pelajaran
21 Nama field Tipe data Ukuran field Keterangan Nama_guru Varchar 20 Primary key Nama_mapel Varchar 20 Jenis sal f. Tabel mapel Nama tabel : maple Freign Key : nilai(uh), siswa(nis) Digunakan : untuk menyimpan data mapel Tabel 3.6. Tabel mapel Nama field Tipe data Ukuran field Keterangan uh Intege 10 Freign Key Nis Intege 20 Freign Key Pai Varchar 10 Pai B_iindnesia Varchar 10 B_iindnesia Pkn Varchar 10 Pkn Ipa Varchar 10 Ipa Ips Varchar 10 Ips Mtk Varchar 10 Mtk Pjk Varchar 10 Pjk Plh Varchar 10 Plh B_jawa Varchar 10 B_jawa B_inggris Varchar 10 B_inggris 3.4. Perancangan AntarMuka (Interface) Menu dari Sistem Infrmasi Akademik SDN Darmrej 02 itu sendiri yang terdiri atas Lgin, Hme, Siswa, Guru, Mapel, jadwal_pelajaran, Nilai. 3.4.1. Rancangan Lgin Lgin akan digunakan sebagai interface untuk pengguna apabila akan masuk keseluruh fungsi menu dengan melakukan trisasi melalui user dan passwrd. Desain input frm lgin dapat dilihat pada Gambar 3.7 dibawah ini.
22 Gambar 3.7 Desain Lgin 3.4.2. Rancangan Hme Desain menu utama digunakan agar user dapat mengakses frm-frm yang diinginkan.menu yang ada sesuai dengan hak akses user yang telah ditentukan pada saat lgin. Desain menu utama dapat dilihat pada Gambar 3.8. Gambar 3.8 Desain Hme
23 3.4.3. Rancangan Data Siswa Data siswa merupakan frm yang digunakan untuk maintenance data siswa. Desain data siswa dapat dilihat pada Gambar 3.9. Gambar 3.9 Desain Input Data Siswa 3.4.4. Rancangan Data Guru Data guru merupakan frm yang digunakan untuk menginputkan data guru. Desain input data guru dapat dilihat pada Gambar 3.10
24 Gambar 3.10 Desain Input Data Guru 3.4.5. Rancangan Jadwal Pelajaran Data jadwal pelajaran merupakan frm yang digunakan untuk menginputkan data jadwal pelajaran. Desain input data jadwal pelajaran dapat dilihat pada Gambar 3.11 Gambar 3.11 Desain Input Data Jadwal Pelajaran
25 3.4.6. Rancangan Data Nilai Data nilai merupakan frm yang digunakan untuk menginputkan data nilai leh guru. Desain input data nilai dapat dilihat pada Gambar 3.12 Gambar 3.12 Desain Input Data Nilai 3.4.7. Rangcangan Pembagian Kelas Data pembagi kelas merupakan frm yang digunakan untuk menginputkan data Pembagian Kelas. Desain input data pembagian kelas dapat dilihat pada Gambar 3.13
26 Gambar 3.13 Desain Input Data Pembagian Kelas 3.4.8. Hasil Ouput Nilai UTS Ini hasil dari utput nilai siswa. Desain utput nilai siswas dapat dilihat pada Gambar 3.14 Gambar 3.14 Desain Output Nilai Siswa UTS
27 3.4.9. Hasil Ouput Nilai US / Rapt Ini hasil dari utput nilai siswa. Desain utput nilai siswas dapat dilihat pada Gambar 3.15 Gambar 3.15 Desain Output Nilai Siswa US / Rapt