IV.

PERANCANGAN SISTEM

4.1 Diagram Konteks (Context Diagram)

Diagram konteks adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level

tertinggi dari DFD yang menggambarkan seluruh input ke dalam sistem atau

output dari sistem yang memberi gambaran tentang keseluruhan sistem. Sistem

dibatasi oleh boundary (Digambarkan dengan garis putus - putus). Dalam diagram

konteks hanya ada satu proses, tidak boleh ada store dalam diagram konteks.

Berikut ini adalah gambar diagram konteks dari sistem pendaftaran siswa baru

terdapat pada play group angelly kids prabumulih.

Gambar 4.1 Diagram Konteks

 27

4.1.1 DFD Level 1

Data flow diagram level 1 proses pengolahan data pada halaman administrator

yang merupakan penjabaran lebih rinci dari proses laporan pada diagram diagram

konteks, yang terdiri dari proses pendataan calon murid, data murid, data

pengajar, data kelas serta percetakan laporan. Data masukan pada proses ini

adalah periode yang didapat dari para pendaftar atau user. DFD Level 1 dapat

dilihat pada gambar berikut.

Gambar 4.2 DFD Level 1

 28

4.1.2 DFD Level 2 (Proses P.1)

Data flow diagram level 2 adalah proses alur cetak laporan data calon murid dapat

dilihat pada gambar 4.3. Diagram ini merupakan penjabaran dari proses alur cetak

laporan pada data flow diagram level 1. DFD Level 2 (Proses P.1) dapat dilihat

pada gambar berikut.

Gambar 4.3 DFD Level 2 (Proses P.1)

4.1.2 DFD Level 2 (Proses P.3)

Diagram ini merupakan penjabaran dari proses alur tampilan pada data pengajar.

DFD Level 2 (Proses P.3) dapat dilihat pada gambar berikut.

Gambar 4.4 DFD Level 2 (Proses P.3)

 29

4.1.3 DFD Level 2 (Proses P.4)

Diagram ini merupakan penjabaran dari proses alur tampilan pada data kelas. DFD

Level 2 (Proses P.4) dapat dilihat pada gambar berikut.

Gambar 4.5 DFD Level 2 (Proses P.4)

4.1.4 DFD Level 2 (Proses P.5)

Diagram ini merupakan penjabaran dari proses alur cetak laporan pada data

murid. DFD Level 2 (Proses P.5) dapat dilihat pada gambar berikut.

Gambar 4.6 DFD Level 2 (Proses P.5)

 30

4.2 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) menjelaskan antara data dalam system basis

data. Diagram ini merupakan penjabaran dari hubungan proses alur dari calon

murid menjadi murid yang mendapat jadwal selajutnya menempati suatu kelas.

Entity relationship diagram pada angelly kids dapat dilihat pada gambar berikut.

Gambar 4.7 Entity Relationship Diagram (ERD)

 31

4.3 Perancangan Tabel Data

Perancangan sistem pendaftaran siswa baru pada angelly kids prabumulih berbasis

web memiliki (7) tujuh buah tabel, antara lain :

1. Login

Nama tabel : Login

Deskripsi : Tabel login digunakan untuk masuk ke form admin

Tabel 4.1 Login

No Field Type Null Key Default Extra

1 User_id varchar (7)
2 Password varchar (4)
3 Nama varchar (7)

2. Data Calon Murid

Nama tabel : Calon murid

Deskripsi : Tabel calon murid digunakan untuk menyimpan data calon

murid

Tabel 4.2 Data calon murid

No Field Type Null Key Default Extra

1 Tanggal date
2 KodePendaftaran Int (6) Primary Key
3 NamaCalonMurid varchar (20)
4 Umur varchar (4)
5 TempatLahir varchar (15)
6 TanggalLahir date
7 Agama varchar (10)
8 JenisKelamin varchar (10)
9 NamaOrangTua varchar (20)
10 PekerjaanOrangTua varchar (15)
11 Alamat varchar (25)
12 Telepon varchar (12)
 32

3. Data Murid

Nama tabel : Murid

Deskripsi : Tabel murid digunakan untuk menyimpan data murid

Tabel 4.3 Data murid

No Field Type Null Key Default Extra

1 NoInduk varchar (15) Primary Key
2 NamaMurid varchar (30)
3 TempatLahir varchar (20)
4 TanggalLahir date
5 Agama varchar (10)
6 JenisKelamin varchar (10)
7 Alamat varchar (30)
8 Telepon varchar (12)
9 KodeKelas varchar (4) Foreign Key
10 TahunAjaran varchar (20)
11 TahunAngkatan varchar (4)

4. Data Jadwal

Nama tabel : Jadwal

Deskripsi : Tabel jadwal digunakan untuk mengolahan data informasi

jadwal.

Tabel 4.4 Data jadwal

No Field Type Null Key Default Extra
1 Kelas varchar (20)
2 Waktu varchar (15)
4 Senin varchar (30)
5 Selasa varchar (30)
6 Rabu varchar (30)
7 Kamis varchar(30)
8 Jumat varchar(30)
 33

5. Data Pengajar

Nama tabel : Pengajar

Deskripsi : Tabel pengajar digunakan untuk menyimpan data pengajar

Tabel 4.5 Data pengajar

No Field Type Null Key Default Extra

1 NIP varchar (5) Primary Key
2 NamaPengajar varchar (30)
3 TempatLahir varchar (20)
4 TanggalLahir Date
5 Agama varchar (10)
6 JenisKelamin varchar (10)
7 Alamat varchar (25)
8 Telepon varchar (12)
9 KodeKelas varchar (4) Foreign Key
10 Pendidikan varchar (4)
11 Jabatan varchar (5)

6. Data Kelas

Nama tabel : Kelas

Deskripsi : Tabel kelas digunakan untuk menyimpan data kelas

Tabel 4.6 Data kelas

No Field Type Null Key Default Extra

1 KodeKelas varchar (5) Primary Key
2 NamaKelas varchar (15)
3 Usia varchar (12)
4 Hari varchar (15)
5 Jam varchar (15)
6 Pelajaran varchar (100)
 34

7. Data Wali Kelas

Nama tabel : Wali kelas

Deskripsi : Tabel wali kelas digunakan untuk menyimpan data wali

kelas.

Tabel 4.7 Data wali kelas

No Field Type Null Key Default Extra

1 Nip varchar (5) Primary Key
2 KodeKelas varchar (5)
3 Tahun Ajaran varchar (4)

4.4 Diagram Alir Data (Flowchart)

Gambar 4.8 Flowchart halaman menu utama.

 35

Gambar 4.9 Flowchart halaman login admin

 36

Gambar 4.10 Flowchart halaman menu utama admin