BAB IV RANCANGAN SISTEM USULAN - repository.bsi.ac.idrepository.bsi.ac.id/index.php/unduh/item/38934/File_12-Bab-IV-Rancangan...39 b. Diagram Alir Data Nol Usulan GURU 1.0 ABSENSI

37

BAB IV

RANCANGAN SISTEM USULAN

4.1 Umum

Dengan sistem informasi absensi siswa yang ada pada SMK Cempaka

Jakarta yang masih menggunakan sistem manual dalam pengolahan data absensi

siswa. Maka penulis mengajukan rancangan sistem usulan yang diharapkan dapat

membantu dalam penggolahan data absensi siswa baik dalam pengimputan

ataupun dalam pembuatan laporan absensi siswa agara lebih efektif dan efesien.

4.2 Prosedur Sistem Usulan

Pada sistem usulan absensi siswa pada SMK Cempaka Jakarta ini

melaukan pembangunan komputerisasi sistem untuk sistem absensi siswa. Untuk

lebih jelass prosedur sistem usulan sebagai berikut:

1. Prosedur Login

a. Setiap guru wajib login dan memasukan username dan password

2. Proder Absen

a. Memilih kelas dan melakukan Data Absen Siswa

3. Pembuatan Laporan

a. Setiap guru membuat laporan setiap bulan yang diberikan kepada wali

kelas untuk mengetahui tingkat kehadiran siswa.

38

b. Wali kelas membuat laporan dari absen kelas, dan diberikan kepada

kepala sekolah.

4.3 Diagram Alir Data (DAD) Sistem Usulan

a. Diagram Alir Data Konteks Usulan

GURU

0

SISTEM ABSENSIWALI KELAS

KEPALA SEKOLAH

AS

LDAS

LDAS

DAS

Ket: AS: Absen Siswa

DAS: Data Absen Siswa

LDAS: Laporan Data Absen Siswa

Gambar IV.1

39

b. Diagram Alir Data Nol Usulan

GURU1.0

ABSENSI

2.0

HITUNGABSENSI

3.0

LAPORAN

WALI KELAS

KEPALA SEKOLAH

FILE ABSEN

LDAS DAS

DAS

DAS

DASAS

Ket: AS: Absen Siswa

DAS: Data Absen Siswa

LDAS: Laporan Data Absen Siswa

Gambar IV.2

40

c. Diagram Detail

1.1

Mendapatkan Data Absen

Siswa

1.2

Data Absen Siswa

DiperbaruiData Absen Siswa

Data Absen SiswaData Absen Siswa

Informasi Data Absen Siswa

File Master Absensi

Gambar IV.3

4.4 Kamus Data Sistem Usulan

Pembuatan kamus data sistem usulan ini diambil dari rancangan dokumen

keluaran yang diusulkan penulis. Maka kamus data dari dokumen keluaran sistem

usulan sebagai berikut:

1. Kamus Data Dokumen masukan absenb siswa

a. Absensi siswa

Nama Arus Data : Absensi Siswa

Alias : -

Bentuk data : Dokumen File Komputer

Arus data : Proses 1.0 – Guru

Penjelasan : Sebagai Masukan Absensi Siswa

41

Periode : Setiap hari

Volume : 1 halaman

Struktur data : header + isi

Header : nm_sekolah + Alamat + Periode

keterangan : Periode = Bulan +Tahun

Isi : No + Nis + Nama Siswa + Jenis kelamin +

Jumlah

2. Kamus Data Dokumen keluaran laporan absen siswa

a. Laporan Data Absensi Siswa

Nama Arus Data : Laporan Data Absensi Siswa

Alias : LAS

Bentuk data : Dokumen File Komputer

Arus data : Proses 3.0 – Kepala Sekolah

Penjelasan : Laporan untuk mengetahui tingkat

kehadiran siswa

Periode : Setiap bulan, pengambilan rapot dan

kenaikan kelas

Volume : 1 halaman

Struktur data : header + isi

Header : nm_sekolah + Alamat + Periode

keterangan : Periode = Bulan +Tahun

Isi : No + Nis + Nama Siswa + Jenis kelamin +

Jumlah

42

4.5 Spesifikasi Rancangan Sistem Usulan

4.5.1 Bentuk Dokumen Masukan

1. Nama Dokumen : Data Wali Kelas

Fungsi : Untuk mengetahui data Wali Kelas

Sumber : Sekolah

Tujuan : Admin

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap Wali kelas

Bentuk : Lihat lampiran C1

2. Nama Dokumen : Data Guru

Fungsi : Untuk mengetahui data Guru Kelas

Sumber : Sekolah

Tujuan : Admin

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada guru kelas baru


43

3. Nama Dokumen : Data Siswa Kelas

Fungsi : Untuk mengetahui data siswa kelas

Sumber : Sekolah

Tujuan : Guru

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap hari dalam kegiatan belajar

mengajar


4.5.2 Bentuk Dokumen Keluaran

3. Nama Dokumen : Laporan Absen Siswa

Fungsi : Untuk mengetahui tingkat kehadiran siswa

Sumber : Guru

Tujuan : Wali kelas

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap Bulan dalam kegiatan belajar

mengajar

44

Bentuk : Lihat lampiran D1

4. Nama Dokumen : Laporan Absen Kelas

Fungsi : Untuk mengetahui tingkat kehadiran siswa

Sumber : Wali Kelas

Tujuan : Kepala Sekolah

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap kenaikan kelas

Bentuk : Lihat lampiran D2

4.5.3 Entity Relationship Diagram

Penggambaran proses relasi yang telah dibuat pada diagram alir data

dikembangkan kembali kedalam bentuk Entity Relational Diagram, sehingga

hubungan antar entity satu dengan lainnya dapat terlihat dan melibatkan

rancangan field-field didalam database. Berikut adalah ERD yang dibuat untuk

sistem absensi siswa.

45

a. Entity Relationship Diagram

tb_admin

tb_guru

menambah

tb_absensitb_absensikelas melakukan melakukan

tb_siswa

tb_walikelas

memiliki

tb_kelas

menambah

memiliki

memilikimemiliki

NisNis

Nm_siswaNm_siswa

kelaskelas

jenis_kelaminjenis_kelamin

NipNip

Kd_absenKd_absen

keteranganketerangan sakitsakit

hadirhadir

alfaalfa

izinizin

tanggaltanggal

jumlahjumlah

1M

1

M

M MMM

1

1

1

M

M

M

M

1

NisNis

nm_siswanm_siswa

kelaskelas


alamatalamat

Id_adminId_admin

nm_adminnm_admin

usernameusername

levellevel

passwordpassword

NisNis

Nm_siswaNm_siswa

kelaskelas


NipNip

Kd_absenkelasKd_absenkelas

keteranganketerangansakitsakit

hadirhadiralfaalfa

izinizin

tanggaltanggal

jumlahjumlah

nipnip

nm_walikelasnm_walikelasJenis_kelaminJenis_kelamin

usernameusername

kelaskelas

Id_kelasId_kelas

kelaskelas

Jumlah_siswaJumlah_siswa

NipNip

nm_gurunm_guru

mapelmapel

usernameusername

alamatalamat


passwordpassword

passwordpassword

Gambar IV.4

46

b. Logical Record Structure

tb_guru

PK kd_guru

nm_guru mapel jenis_kelamin alamat username password FK1 id_admin

tb_siswa

PK nis

nm_siswa kelas jenis_kelamin alamat

tb_absensi

PK kd_absen

nm_siswa kelas jenis_kelamin hadir alfa izin sakit keterangan jumlah tanggalFK1 nipFK2 nis

tb_admin

PK id_admin

nm_admin username password level

1M

1

M

M

M

tb_walikelas

PK nip

nm_walikelas jenias_kelamin kelas username passwordFK1 id_admin

tb_absensikelas

PK kd_absenkelas

nm_siswa kelas jenis_kelamin hadir alfa izin sakit keterangan jumlah tanggal nisFK1 nip

tb_kelas

PK id_kelas

kelas jumlah_siswa FK1 kd_absenkelasFK2 nis

1

1

1

1

M

MM

M

M

Ket: PK: Primary Key

FK: Foreign Key

Gambar IV.5

47

4.5.4 Spesifikasi File

1. Spesifikasi File Tabel Admin

Nama file : tabel admin

Akronim : tb_admin

Fungsi : untuk menambah data guru

Tipe file : file master

Organisasi file : index sequential

Akses file : Random

Media : Hard disk

Panjang record : 77 Karakter

Kunci field : id_admin

Software : Phpmyadmin 3.2.1

No Elemen Data Akronim Tipe Panjang Keterangan

1 Id admin Id_admin Varchar 6 Primary key

2 Nama admin Nm_admin Varchar 30

3 Username Username Varchar 20

4 Password Password Varchar 10

5 Level Level Varchar 11

Table IV.1

Spesifikasi Table Admin

48

2. Spesifikasi File Tabel Guru

Nama file : Tabel Guru

Akronim : tb_guru

Fungsi : untuk mengetahui data guru



Akses file : Random

Media : Hard disk


Kunci field : kode guru



1 Kode Guru kd_guru Varchar 6 Primary key

2 Nama Guru nm_guru Varchar 30

3 Mata pelajaran Mapel Varchar 20

4 Jenis kelamin jenis_kelamin Text 10

5 Alamat Alamat Text 30



Tabel IV.2

Spesifikasi Tabel Guru

49

3. Spesifikasi File Tabel Siswa

Nama file : Tabel Siswa

Akronim : tb_siswa

Fungsi : untuk mengetahui data siswa



Akses file : Random

Media : Hard disk


Kunci field : Nis



1 Nis Nis Varchar 5 Primary key

2 Nama Siswa Nm_siswa Varchar 30

3 Kelas Kelas varchar 20

4 Jenis kelamin Jenis_kelamin Text 10

5 Alamat Alamat Text 30

Tabel IV.3

Spesifikasi Tabel Siswa

50

4. Spesifikasi File Tabel Absensi

Nama file : Tabel Absensi

Akronim : tb_absensi

Fungsi : untuk mengimput data absen siswa



Akses file : Random

Media : Hard disk


Kunci field : kd_absen


NO Elemen Data Akronin Tipe Panjanng Keterangan

1 Kode absen Kd_absen Varchar 6 Primary key

2 Kode guru Kd_guru Varchar 20

3 Nis Nis Varchar 5

4 Nama siswa Nm_siswa Varchar 30

5 Kelas Kelas Varchar 10


7 Hadir Hadir Varchar 5

8 Alfa Alfa Varchar 5

9 Izin Izin Varchar 5

10 Sakit Sakit Varchar 5

11 Keterangan Keterangan Text 20

51

12 Jumlah Jumlah Char 5

13 Tanggal Tanggal Date

Tabel IV.4

Spesifikasi Tabel Absensi

5. Spesifikasi File Tabel Kelas

Nama file : Tabel kelas

Akronim : tb_kelas

Fungsi : untuk mengimput data kelas



Akses file : Random

Media : Hard disk


Kunci field : kd_kelas



1 Kode kelas Kd_kelas Varchar 7 Primary key


3 Jumlah siswa Jumlah_siswa Varchar 5

Tabel IV.5

Spesifikasi Tabel Kelas

52

6. Spesifikasi File Tabel Wali Kelas

Nama file : Tabel wali kelas

Akronim : tb_walikelas

Fungsi : Untuk mengimput data wali kelas

Tipe file : File master

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk


Kunci field : Nip



1 Kode walikelas Kd_walikelas Varchar 20 Primary key

2 Nama wali kelas Nm_walikelas Varchar 30

3 Jenis kelamin Jenis_kelamin varchar 10




Tabel IV.6

Spesifikasi Tabel Wali Kelas

53

1. Spesifikasi File Tabel Absen Kelas

Nama file : Tabel absen kelas

Akronim : tb_absenkelas

Fungsi : Untuk mengimput data absen kelas

Tipe file : File master

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk


Kunci field : kd_absenkelas


NO Elemen Data Akronin Tipe Panjanng Keterangan

1 Kode absen kelas Kd_absenkelas Int 11 Primary key

2 Kode walikelas Kd_walikelas Varchar 20

3 Nis Nis Varchar 5

4 Nama siswa Nm_siswa Varchar 30



7 Hadir Hadir Varchar 5

8 Alfa Alfa Varchar 5

9 Izin Izin Varchar 5

10 Sakit Sakit Varchar 5

11 Keterangan Keterangan Text 20

54

12 Jumlah Jumlah Char 5

13 Tanggal Tanggal Date

Tabel IV.7

Spesifikasi Tabel Absen Kelas

4.5.5 Struktur Kode

1. Nama Kode : id admin

Panjang : 6 Digit

Tipe : Varchar

Format :

X X X - 0 1

Singkatan dari id admin Tanggal Daftar

Contoh : ADM-01

Keterangan :

ADM : Admin

01 : Tanggal daftar

55

2. Nama Kode : kode guru

Panjang : 6 Digit

Tipe : Varchar

Format :

X X - M T K

Singktan dari Guru singkatan dari mata pelajaran

Contoh :GR-MTK

Keterangan :

GR : Guru

MTK : Mata Pelajaran

3. Nama Kode : Nis

Panjang : 5 Digit

Tipe : Varchar

Format :

X X 0 3 3

Tahun masuk nomor urut daftar masuk

Contoh : 10033

Keterangan :

10 : tahun masuk

56

033 : nomor urut dftaran masuk

4. Nama Kode : kode kelas

Panjang : 7 Digit

Tipe : Varchar

Format :

K L S - P M X

Singkatan dari kelas singkatan dari nama kelas

Contoh : KLS-PM1

Keterangan :

KLS : Kelas

PM1 : Pemasaran 1

5. Nama Kode : kode wali kelas

Panjang : 8 Digit

Tipe : Varchar

Format :

57

W K L S - P M X

Singkatan dari wali kelas singkatan dari nama kelas

Contoh : WKLS-PM1

Keterangan :

WKLS : Wali Kelas

PM1 : Pemasaran 1

6. Nama Kode : kode absen kelas

Panjang : 6 Digit

Digit

Tipe : Varchar

Format :

Singkatan dari nama kelas nomor urut

Contoh : PM1-01

Keterangan :

PM1 : pemasaran 1

01 : nomor urut

P M X - 0 1

58

4.5.6 Spesifikasi Program

00

Menu Awal

00

Login

00

Menu Utama

1.0

Beranda

0.0

4.0

Logout

0.0

2.0

Data Guru

0.0

3.0

Data Walikelas

0.0

2.1

Data Guru

0.0

3.1

Data Guru

0.0

Gambar IV.6

Diagram HIPO ADMIN

59

00

Menu Awal

00

Masuk

00

Menu Utama

2.0

Absen

0.0

2.1

Data Absen Siswa

0.0

3.0

Absen Kelas

0.0

3.1

Data Absen Kelas

0.0

4.1

Data Siswa Kelas

0.0

4.0

Siswa

0.0

5.1

Laporan Aben Siswa

0.0

5.0

Cetak Laporan

0.0

6.0

keluar

0.0

1.0

Beranda

0.0

Gambar IV.7

Diagram HIPO GURU

60

00

Menu Awal

00

Masuk

00

Menu Utama

1.0

Beranda

0.0

2.0

Absen Kelas

0.0

2.1

Data Absen Kelas

0.0

3.1

Data Siswa Kelas

0.0

3.0

Siswa

0.0

4.1

Laporan Aben Siswa

0.0

4.0

Cetak Laporan

0.0

5.0

keluar

0.0

Gambar IV.8

Diagram HIPO WALI KELAS

61

Spesifikasi program dalam perancangan program pada pembuatan tugas

akhir ini, terdiri dari:

a. Menu Awal

Nama Program : Menu Awal

Akronim : index.php

Fungsi : Isi Disesuaikan dengan Kamusnya

Index Program : -

Bahasa Program : php

Bentuk Tampilan : Gambar IV.9

Proses : Pada Menu Awal terdapat dua buah pilihan yaitu:

1. Admin

2. Login Guru

Gambar IV.9

62

b. Tampilan Login Admin

Nama Program : Tampilan Login Admin

Akronim : login_admin.php


Index Program : -



Proses : Pada Menu Admin terdapat tiga buah pilihan yaitu:

1. Username

2. Password

3. Login

Gambar IV.10

63

c. Tampilan Beranda Admin

Nama Program : Tampilan Beranda Admin

Akronim : admin.php


Index Program : -



Proses : Pada Menu Admin terdapat tiga buah pilihan yaitu:

4. beranda

5. data guru

6. data wali kelas

7. logout

Gambar IV.11

64

d. Tampilan Data Guru (Admin)

Nama Program : Tampilan Data Guru (Admin)

Akronim : data_guru.php


Index Program : -



Proses : Pada data guru terdapat dua buah pilihan yaitu:

1. tambah

2. cari

Gambar IV.12

65

e. Tampilan Data Wali kelas (Admin)

Nama Program : Tampilan Data Wali kelas (Admin)

Akronim : data_walikelas.php


Index Program : -



Proses : Pada data wali kelas terdapat dua buah pilihan

yaitu:

1. tambah

2. cari

Gambar IV.13

66

f. Tampilan Beranda Guru

Nama Program : Tampilan Beranda Guru

Akronim : home.php


Index Program : -



Proses : Pada Menu Utama Guru terdapat lima buah pilihan

yaitu:

1. Beranda

2. Absen

3. Absen Kelas

4. Siswa

5. Cetak Laporan

6. Keluar

67

Gambar IV.14

g. Tampilan Pilih Absen

Nama Program : Tampilan pilih Absen

Akronim : pilih_absen.php


Index Program : -



Proses : Pada Pilih Absensi terdapat satu buah pilihan

yaitu:

1. Pilih Absensi

68

Gambar IV.15

h. Tampilan Absensi

Nama Program : Tampilan Absensi

Akronim : absen.php


Index Program : -



Proses : Pada Tampilan Absensi terdapat tiga buah pilihan

yaitu:

1. Pilih Tanggal

2. Isi absensi

3. Simpan

69

Gambar IV.16

i. Tampilan Absensi Kelas

Nama Program : Tampilan Absensi kelas

Akronim : absensi_kelas.php


Index Program : -



Proses : Pada Tampilan Absensi kelas terdapat tiga buah

pilihan yaitu:

1. Pilih Tanggal

2. Isi absensi

3. Simpan

70

Gambar IV.17

j. Tampilan Pilih Kelas Siswa

Nama Program : Tampilan Pilih Siswa

Akronim : pilih_siswa.php


Index Program : -



Proses : Pada Pilih kelas Siswa terdapat satu buah pilihan

yaitu:

1. Lihat Kelas

71

Gambar IV.18

k. Tampilan Tambah Siswa

Nama Program : Tampilan Tambah Siswa

Akronim : siswa.php


Index Program : -



Proses : Pada Tambah Data Siswa terdapat dua buah

pilihan yaitu:

1. Tambah Data Siswa

2. Cari

72

Gambar IV.19

l. Tampilan Cetak Laporan

Nama Program : Tampilan Cetak Laporan

Akronim : cetak_laporan.php


Index Program : -



Proses : Pada Cetak Laporan Absensi terdapat satu buah

pilihan yaitu:

1. Cetak Laporan Absensi

73

Gambar IV.20

m. Tampilan Utama Walikelas

Nama Program : Tampilan Utama Walikelas

Akronim : home_walikelas.php


Index Program : -



Proses : Pada Tampilan Utama Walikelas terdapat empat

buah pilihan yaitu:

1. Beranda

2. Absen kelas

3. Siswa

74

4. Cetak laporan

Gambar IV.21

4.6 Spesifikasi Sistem Komputer

4.6.1 Umum

Diperlukan sarana pendukung dalam melaksanakan suatu program.

Karena sarana pendukung tersebut dapat membuat suatu program bias berjalan

sebagaimana mestinya, sarana pendukung yang dimaksud adalah perangkat lunak

(software) dan perangkat keras (hardware)

4.6.2 Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

75

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

4.6.3 Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dan lain-lain).

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server

(2) Aplikasi bundle web server Xampp

(3) Aplikasi MySQL Server v3.2.1

(4) Aplikasi phpMyAdmin v3.2.1

76

c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dan lain-lain).

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

77

4.2 Jadwal Implementasi

Tabel IV.8

Jadwal Implementasi

No KEGIATAN

WAKTU

BULAN I BULAN II BULAN II

1 2 3 4 1 2 3 4 1 2 3 4

1 Persiapan data awal

2 Analisa

3 Desain Sistem

4 Desain Perangkat Lunak

5 Pembuatan & Tes Program

6 Tes Sistem

7 Pelatihan

8 Pembuatan Buku Petunjuk

9 Evaluasi & Operasional

Documents

BAB IV RANCANGAN SISTEM USULAN - repository.bsi.ac.idrepository.bsi.ac.id/index.php/unduh/item/38934/File_12-Bab-IV-Rancangan...39 b. Diagram Alir Data Nol Usulan GURU 1.0 ABSENSI