BAB III DESAIN DAN PERANCANGAN
3.1. Diagram Konteks Diagram Konteks ini menggambarkan sistem secara garis besar dengan memperlihatkan masukan, proses, dan keluaran dari sistem yangakan dirancang. Diagram Konteks dari Sistem Sistem Informasi Akademik SDN Darmorejo 02. adalah sebagai berikut :
Admin Nilai siswa
Data jadwal Data mapel SIA SDN Darmorejo 02
Data guru Data siswa Data pembagian kelas
Data pembagian kelas Data jadwal Data siswa
Nilai siswa
Guru
Gambar 3.1. Diagram Context 3.2. Data Flow Diagram (DFD) DFD pada Sistem Informasi Akademik SDN Darmorejo 02 adalah sebagai berikut : 3.2.1. Data Flow Diagram(DFD) level 0 DFD merupakan pengembangan dari Contex Diagram yang terdiri dari DFD level 0 dan level 1. DFD level 0 pada Sistem Informasi Akademik SDN Darmorejo 02 seperti pada gambar 3.2.
14
15
Admin 1 Data sisiwa
1 siswa
Data siswa
Input data siswa
2 Guru Data siswa Data guru 5 Mata pelajaran
7
3 Kelas
Data siswa Data kelas
Input data guru
4
2 Pembagian kelas
Guru
Data mapel Jadwal pelajaran
Pembagian kelas 3 Jadwal pelajaran
Data mapel
Data pelajaran
6 Nilai
Data kelas
4
Lap nilai
Menginput nilai siswa
Lap data siswa
Jadwal pelajaran
Data nilai
5 Mencetak lap data siswa
6 Laporan nilai
Gambar 3.2 Data Flow Diagram (DFD) level 0
16
3.2.2. Data Flow Diagram(DFD) level 1 proses pengolah data siswa dan mencetak laporan pembagi kelas 3 Kelas 1 Siswa
Data siswa
Data kelas
1
Data guru Mengolah data siswa
2 Guru Data kelas
2 Pembagian kelas
Mencetak laporan pembagian kelas
Guru
Gambar 3.3Data Flow Diagram (DFD) level 1 proses pengolah data siswa dan mencetak laporan pembagi kelas 3.2.3. Data Flow Diagram(DFD) level 1 proses mengolah nilai dan mencetak laporan nilai 5 Mata pelajaran
Guru 1
Mengolah nilai
Laporan nilai Data siswa
1 Siswa
2 Mencetak lap nilai
Data nilai
6 Nilai
Gambar 3.4Data Flow Diagram (DFD) level 1 proses mengolah nilai dan mencetak laporan 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 informasi yang digunakan dan juga dalam pengolahan data. 3.3.1. Conceptual Data Model (CDM) Conceptual Data Model (CDM)
dari sistem informasi
akademik SDN Darmorejo 02 , dimana masing-masing mempunyai relasi ke tabel-tabel yang lain seperti pada gambar 3.5. pembagian_kelas # dk_kelas Variable characters (20) o wali_kelas Variable characters (20)
siswa # nis Variable characters (20) o nama_siswa Variable characters (50) o jk Variable characters (20) o ttl Variable characters (50) o agama Variable characters (20) o nama_ortu Variable characters (25) o pekerjaan_ortu Variable characters (20) o alamat_siswa Variable characters (50) o kelas Variable characters (20) ... Relationship_4 Relationship_3
Relationship_8
jadwal_pelajaran o nama_mapel Variable characters (20) Relationship_7
nilai Relationship_2 # uh Integer o uts Integer o uas Integer ... Relationship_6
o o o o o o o o o o
pai b_indonesia pkn ipa ips mtk pjok plh b_jawa b_inggris ...
mapel Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (20)
Relationship_9
Relationship_5
# o o o o o o o o
nama_guru nip ttl agama nuptk jabatan pangkat gol alamat ...
guru Variable characters (50) Integer Variable characters (50) Variable characters (20) Integer Variable characters (20) Variable characters (20) Variable characters (20) Variable characters (50)
Gambar 3.5. CDM Sistem Informasi Akademik
18
3.3.2. Physical Data Model(PDM) Physical Data Model (PDM) adalah hasil generate dari CDM. Entitas dan atribut pada PDM inilah yang akan digunakan untuk membuat rancangan database. PDM dari sistem informasi akademik SDN Darmorejo 02 dapat dilihat pada Gambar 4.6. Relationship_2 guru
nis varchar(50)
SISWA nis nama_siswa jk ttl_siswa agama_siswa nama_ortu pekerjaan_ortu alamat_siswa kelas ...
varchar(50) FK_RELATION_RELATIONS_SISWA varchar(50) varchar(25) varchar(30) varchar(25) varchar(50) FK_GURU_RELATIONS_JADWAL_P FK_JADWAL_P_RELATIONS_GURU varchar(50) varchar(50) varchar(20)
FK_RELATION_RELATIONS_SISWA
kd_kelas nama_guru nip ttl_guru agama_guru nuptk jabatan pangkat gol alamat ...
varchar(50) varchar(50) integer varchar(50) varchar(50) integer varchar(50) varchar(50) varchar(50) varchar(50)
FK_RELATION_RELATIONS_JADWAL_P
jadwal pelajaran
FK_GURU_RELATIONS_PEMBAGIA FK_PEMBAGIA_RELATIONS_GURU
nama_mapel varchar(50) FK_RELATION_RELATIONS_SISWA Relationship_1 nis varchar(50) uh integer
pembagian kelas
Relationship_4 nis varchar(50) FK_RELATION_RELATIONS_NILAI
kd_kelas varchar(50) wali_kelas varchar(50)
nilai uh integer uts integer uas integer ...
FK_RELATION_RELATIONS_MAPEL
FK_RELATION_RELATIONS_NILAI mapel pai b_indonesia pkn Relationship_6 ipa uh integer FK_RELATION_RELATIONS_MAPEL ips mtk pjok plh b_jawa b_inggris ...
varchar(50) varchar(50) varchar(50) varchar(50) varchar(50) varchar(50) varchar(50) varchar(50) varchar(50) varchar(50)
FK_GURU_RELATIONS_MAPEL FK_MAPEL_RELATIONS_GURU
Gambar 3.6. PDM Sistem Informasi 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 informasi yang digunakan dan juga dalam pengolahan 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 informasi yang diperlukan oleh user. Tabel-tabel yang digunakan dalam aplikasi ini adalah sebagai berikut : a. Tabel administrator Nama tabel : admin Digunakan : untuk menyimpan data nama dan password admin yang digunakan untuk login ke sistem Primary Key :nama_admin Tabel 3.1 Tabel admin Nama field Nama_admin Pass_admin
Tipe data Varchar Varchar
Ukuran field 15 6
Keterangan Primary key Password
b. Tabel siswa Nama tabel : siswa Digunakan : untuk menyimpan data siswa Primary Key : nis Tabel 3.2 Tabel siswa Nama field Nis Nama_siswa Jk Ttl Agama nama_ortu Pekerjaan_ortu Alamat_siswa Kelas
Tipe data Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar
Ukuran field 20 50 20 30 20 20 30 50 10
Keterangan Primary key Nama_siswa Jk Ttl Agama nama_ortu Pekerjaan_ortu Alamat_siswa Kelas
20
c. Tabel guru Nama tabel : guru Digunakan : untuk menyimpan data guru Primary Key : nama_guru Tabel 3.3 Tabel guru Nama field Nama_guru Nip Ttl Agama Nuptk Jabatan Pangkat Gol Alamat
Tipe data Varchar Integer Varchar Varchar Intege Varchar Varchar Varchar Varchar
Ukuran field 20 20 30 20 20 30 20 10 50
Keterangan Primary key Nip Ttl Agama Nuptk Jabatan Pangkat Gol Alamat
d. Tabel nilai Nama tabel : nilai Digunakan : untuk menyimpan data nilai Primary Key : uh Tabel 3.4 Tabel nilai Nama field Uh Uts Uas
Tipe data Intege Intege Intege
Ukuran field 10 10 10
Keterangan Primary key Uts 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 Nama_guru Nama_mapel
Tipe data Varchar Varchar
Ukuran field 20 20
Keterangan Primary key Jenis soal
f. Tabel mapel Nama tabel : maple Foreign Key : nilai(uh), siswa(nis) Digunakan : untuk menyimpan data mapel Tabel 3.6. Tabel mapel Nama field uh Nis Pai B_iindonesia Pkn Ipa Ips Mtk Pjok Plh B_jawa B_inggris
Tipe data Intege Intege Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar
Ukuran field 10 20 10 10 10 10 10 10 10 10 10 10
Keterangan Foreign Key Foreign Key Pai B_iindonesia Pkn Ipa Ips Mtk Pjok Plh B_jawa B_inggris
3.4. Perancangan AntarMuka (Interface) Menu dari Sistem Informasi Akademik SDN Darmorejo 02 itu sendiri yang terdiri atas Login, Home, Siswa, Guru, Mapel, jadwal_pelajaran, Nilai. 3.4.1. Rancangan Login Login akan digunakan sebagai interface untuk pengguna apabila akan masuk keseluruh fungsi menu dengan melakukan otorisasi melalui user dan password. Desain input form login dapat dilihat pada Gambar 3.7 dibawah ini.
22
Gambar 3.7 Desain Login 3.4.2. Rancangan Home Desain menu utama digunakan agar user dapat mengakses form-form yang diinginkan.Menu yang ada sesuai dengan hak akses user yang telah ditentukan pada saat login. Desain menu utama dapat dilihat pada Gambar 3.8.
Gambar 3.8 Desain Home
23
3.4.3. Rancangan Data Siswa Data
siswa
merupakan
form
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
form
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 form 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
form
yang
digunakan
untuk
menginputkan data nilai oleh 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 form 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 output nilai siswa. Desain output nilai siswas dapat dilihat pada Gambar 3.14
Gambar 3.14 Desain Output Nilai Siswa UTS
27
3.4.9. Hasil Ouput Nilai US / Rapot Ini hasil dari output nilai siswa. Desain output nilai siswas dapat dilihat pada Gambar 3.15
Gambar 3.15 Desain Output Nilai Siswa US / Rapot