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 1 2 3
Field User_id Password Nama
Type varchar (7) varchar (4) varchar (7)
Null
Key
Default
Extra
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 1 2 3 4 5 6 7 8 9 10 11 12
Field Tanggal KodePendaftaran NamaCalonMurid Umur TempatLahir TanggalLahir Agama JenisKelamin NamaOrangTua PekerjaanOrangTua Alamat Telepon
Type date Int (6) varchar (20) varchar (4) varchar (15) date varchar (10) varchar (10) varchar (20) varchar (15) varchar (25) varchar (12)
Null
Key Primary Key
Default
Extra
32
3. Data Murid Nama tabel
: Murid
Deskripsi
: Tabel murid digunakan untuk menyimpan data murid
Tabel 4.3 Data murid No 1 2 3 4 5 6 7 8 9 10 11
Field NoInduk NamaMurid TempatLahir TanggalLahir Agama JenisKelamin Alamat Telepon KodeKelas TahunAjaran TahunAngkatan
Type varchar (15) varchar (30) varchar (20) date varchar (10) varchar (10) varchar (30) varchar (12) varchar (4) varchar (20) varchar (4)
Null
Key Primary Key
Default
Extra
Foreign Key
4. Data Jadwal Nama tabel
: Jadwal
Deskripsi
: Tabel jadwal digunakan untuk mengolahan data informasi jadwal. Tabel 4.4 Data jadwal
No 1 2 4 5 6 7 8
Field Kelas Waktu Senin Selasa Rabu Kamis Jumat
Type varchar (20) varchar (15) varchar (30) varchar (30) varchar (30)
varchar(30) varchar(30)
Null
Key
Default
Extra
33
5. Data Pengajar Nama tabel
: Pengajar
Deskripsi
: Tabel pengajar digunakan untuk menyimpan data pengajar
Tabel 4.5 Data pengajar No 1 2 3 4 5 6 7 8 9 10 11
Field NIP NamaPengajar TempatLahir TanggalLahir Agama JenisKelamin Alamat Telepon KodeKelas Pendidikan Jabatan
Type varchar (5) varchar (30) varchar (20) Date varchar (10) varchar (10) varchar (25) varchar (12) varchar (4) varchar (4) varchar (5)
Null
Key Primary Key
Default
Extra
Foreign Key
6. Data Kelas Nama tabel
: Kelas
Deskripsi
: Tabel kelas digunakan untuk menyimpan data kelas
Tabel 4.6 Data kelas No 1 2 3 4 5 6
Field KodeKelas NamaKelas Usia Hari Jam Pelajaran
Type varchar (5) varchar (15) varchar (12) varchar (15) varchar (15) varchar (100)
Null
Key Primary Key
Default
Extra
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 1 2 3
4.4
Field Nip KodeKelas Tahun Ajaran
Type varchar (5) varchar (5) varchar (4)
Null
Key Primary Key
Default
Diagram Alir Data (Flowchart)
Gambar 4.8 Flowchart halaman menu utama.
Extra
35
Gambar 4.9 Flowchart halaman login admin
36
Gambar 4.10 Flowchart halaman menu utama admin
