PERANCANGAN SISTEM. tertinggi dari DFD yang menggambarkan seluruh input ke dalam sistem atau

Transkripsi

1 IV. PERANCANGAN SISTEM 4. 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. Diagram Konteks

2 7 4.. DFD Level Data flow diagram level 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 dapat dilihat pada gambar berikut. Gambar 4. DFD Level

3 8 4.. DFD Level (Proses P.) Data flow diagram level adalah proses alur cetak laporan data calon murid dapat dilihat pada gambar 4.. Diagram ini merupakan penjabaran dari proses alur cetak laporan pada data flow diagram level. DFD Level (Proses P.) dapat dilihat pada gambar berikut. Gambar 4. DFD Level (Proses P.) 4.. DFD Level (Proses P.) Diagram ini merupakan penjabaran dari proses alur tampilan pada data pengajar. DFD Level (Proses P.) dapat dilihat pada gambar berikut. Gambar 4.4 DFD Level (Proses P.)

4 9 4.. DFD Level (Proses P.4) Diagram ini merupakan penjabaran dari proses alur tampilan pada data kelas. DFD Level (Proses P.4) dapat dilihat pada gambar berikut. Gambar 4.5 DFD Level (Proses P.4) 4..4 DFD Level (Proses P.5) Diagram ini merupakan penjabaran dari proses alur cetak laporan pada data murid. DFD Level (Proses P.5) dapat dilihat pada gambar berikut. Gambar 4.6 DFD Level (Proses P.5)

5 0 4. 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)

6 4. Perancangan Tabel Data Perancangan sistem pendaftaran siswa baru pada angelly kids prabumulih berbasis web memiliki (7) tujuh buah tabel, antara lain :. Login Nama tabel : Login Tabel login digunakan untuk masuk ke form admin : Tabel 4. Login User_id Password Nama varchar (7) varchar (7). Data Calon Murid Nama tabel : Calon murid Tabel calon murid digunakan untuk menyimpan data calon : murid Tabel 4. Data calon murid Tanggal KodePendaftaran NamaCalonMurid Umur TempatLahir TanggalLahir Agama JenisKelamin NamaOrangTua PekerjaanOrangTua Alamat Telepon date Int (6) varchar (0) date varchar (0) varchar (0) varchar (0) varchar (5) varchar () Primary

7 . Data Murid Nama tabel : Murid : Tabel murid digunakan untuk menyimpan data murid Tabel 4. Data murid Induk NamaMurid TempatLahir TanggalLahir Agama JenisKelamin Alamat Telepon KodeKelas TahunAjaran TahunAngkatan varchar (0) date varchar (0) varchar (0) varchar () varchar (0) Primary Foreign 4. Data Jadwal Nama tabel : Jadwal : Tabel jadwal digunakan untuk mengolahan data informasi jadwal. Tabel 4.4 Data jadwal Kelas Waktu Senin Selasa Rabu Kamis Jumat varchar (0) varchar(0) varchar(0)

8 5. Data Pengajar Nama tabel : Pengajar : Tabel pengajar digunakan untuk menyimpan data pengajar Tabel 4.5 Data pengajar NIP NamaPengajar TempatLahir TanggalLahir Agama JenisKelamin Alamat Telepon KodeKelas Pendidikan Jabatan varchar (5) varchar (0) Date varchar (0) varchar (0) varchar (5) varchar () varchar (5) Primary Foreign 6. Data Kelas Nama tabel : Kelas : Tabel kelas digunakan untuk menyimpan data kelas Tabel 4.6 Data kelas KodeKelas NamaKelas Usia Hari Jam Pelajaran varchar (5) varchar () varchar (00) Primary

9 4 7. Data Wali Kelas Nama tabel : Wali kelas : Tabel wali kelas digunakan untuk menyimpan data wali kelas. Tabel 4.7 Data wali kelas 4.4 Nip KodeKelas Tahun Ajaran varchar (5) varchar (5) Primary Diagram Alir Data (Flowchart) Gambar 4.8 Flowchart halaman menu utama.

10 5 Gambar 4.9 Flowchart halaman login admin

11 6 Gambar 4.0 Flowchart halaman menu utama admin