Anda di halaman 1dari 22

IV.

57
BAB IV
PERANCANGAN SISTEM INFORMASI
4.1. Perancangan Prosedur
Pada bab sebelumnya dijelaskan mengenai prosedur
pengolahan data nilai siswa dengan menggunakan sistem
lama, selanjutnya pada bab ini penulis akan menjelaskan
mengenai prosedur pengolahan nilai siswa dengan
menggunakan sistem baru.
Adapun prosedur kerja sistem baru adalah :
1. Guru memberikan data nilai siswa ke bagian tata
usaha.
2. Bagian tata usaha memasukkan data nilai siswa ke
dalam sistem sehingga data diproses dan disimpan.
3. ata !ilai siswa yang disimpan diproses untuk
mengetahuai siswa mana yang lulus dan tidak
". ibuat laporan sehingga data dapat dilihat oleh guru
dan kepala sekolah
Guru Tata Ko!uter Guru Ke!se"
IV.57
IV.58
#sa$a
Gambar ".1 #lowmap sistem penilaian baru
4.%. Perancangan Perang"at Keras
4.%.1. S!es&'&"as& Perang"at Keras
Sisw
a
Proses
pengolahan
nilai
Kela
s
Cetak
laporan
data
Laporan nilai
siswa
Laporan
nilai siswa
Laporan
nilai
siswa
Diset
u jui
Nilai siswa Nilai
siswa
Input
nilai
siswa
Diset
u jui
IV.59
1. $er%er
Pro&essor Pentium '( 2.) G*+ atau lebih
*ardisk ), GB
-emory 2./ atau lebih
(GA 0ard /" -b
!etwork 'nter#a&e 0ard dengan 1$B dan 2G slots
023- minimal .24
0olor -onitor 1. in&i
5eyboard dan -ouse
Akti%e *ub
$tabili+er
2. 6orkstation
Pro&essor Pentium '(
*ardisk ", GB atau lebih
-emory 2./ atau lebih
(GA 0ard /" -b
!etwork 'nter#a&e 0ard dengan 1$B dan 2G slots
023- minimal .24
0olor -onitor 1. in&i
5eyboard dan -ouse
$tabili+er
4.%.%. S!es&'&"as& Perang"at (una"
IV.60
Berikut adalah perangkat lunak yang digunakan dalam
proses peran&angan perangkat lunak ini:
6indows 7p Pro#essional $P2 sebagai sistem operasi
P*P ..3., sebagai bahasa pemrograman web
-y$89 ..1.3/ sebagai database ser%ernya
-a&romedia reamwea%er dan phpesigner sebagai
editor
$tar1-9 sebagai alat bantu desain pemodelan sistem
1-9
-i&roso#t word 2,,: sebagai alat bantu pembuatan
laporan
-i&roso#t (isio 2,,: sebagai alat bantu design table
dan antar muka.
Browser -o+illa ;ire#o4, 'nternet e4plorer dan $a#ari
sebagai lingkungan aplikasi.
4.). C*ass +&agra
IV.61
Gambar. ".1. iagram &lass proses penilaian
IV.62
4.4. Perancangan Bas&s +ata
4.4.1. Keter$u,ungan antar ta,e*
Gambar.".2. 5eterhubungan Antar tabel
IV.63
4.4.%. +es"r&!s& Ta,e*
1. tabel siswa
;ungsi : -enyimpan data siswa
Primary key : nim
;oreign key :
<enis tabel : -aster
$truktur tabel :
No Nama field Type Size Keterangan
1 Nim Char 1 Nomor induk
murid
! Nisn Char 11 Nomor N"SN
# nama$murid Char #% Nama lengkap
murid
& jenis$kelamin Tinyint 1 'enis kelamin
murid
% tmp$lahir Char # Tempat lahir
( tgl$lahir Date Tanggal lahir
) *gama Tinyint 1 *gama murid
+ *lamat Te,t *lamat tempat
tinggal
- Telepon Char 1! Telepon . /P
1 ortu$a$nama Char #% Nama *yah
11 tanggal$edit Date Tanggal data di
edit
1! Pi0$siswa 1ar0har 1 Nama photo
2. tabel guru
;ungsi : -enyimpan data guru
Primary key : !'P
;oreign key :
<enis tabel : -aster
IV.64
$truktur tabel :
No Nama field Type Size Keterangan
1 NIP 0har 1+ Nomor induk
Pegawai
! N2PTK 0har 1+ Nomor 2nit
Pegawai
# Nama 0har #% Nama lengkap
3uru
& jenis$kelamin tinyint 1 'enis kelamin
murid
% tmp$lahir 0har # Tempat lahir
( tgl$lahir date Tanggal lahir
) *gama tinyint 1 *gama
+ *lamat te,t *lamat tempat
tinggal
- Telepon 0har 1! Telepon . /P
1 tanggal$edit date Tanggal data di
edit
11 Pi0$guru 1ar0har 1 Nama photo
3. tabel =ahun Ajaran
;ungsi : -enyimpan data =ahun Ajaran
Primary key : 'd>thn>ajaran
;oreign key :
<enis tabel : -aster
$truktur tabel :
No Nama field Type Size Keterangan
1 id_thn_ajaran Char + Kode tahun
*jaran
! Tahun$ajaran Char 1 Nama tahun
IV.65
ajaran
". tabel kelas
;ungsi : -enyimpan data kelas
Primary key : id>kelas
;oreign key :
<enis tabel : -aster
$truktur tabel :
No Nama field Type Size Keterangan
1 id_kelas "nt & Kode kelas
! Tingkat$kelas tinyint 1 Tingkatan kelas
# Kapasitas "nt ! Kapasitas siswa
per kelas
.. tabel kelas paralel
;ungsi : -enyimpan data kelas paralel
Primary key : id>paralel
;oreign key :
<enis tabel : -aster
$truktur tabel :
No Nama field Type Size Keterangan
1 id_paralel "nt & Kode kelas
paralel
! Nama$paralel 1ar0har 1 Nama paralel
/. tabel -atapelajaran
;ungsi : -enyimpan data matapelajaran
IV.66
Primary key : id>matpel
;oreign key :
<enis tabel : -aster
$truktur tabel :
No Nama field Type Size Keterangan
1 id_matpel "nt & Kode mata
pelajaran
! Nama$matpel 1ar0har #% Nama
matapelajaran
# 'enis$matpel tinyint 1 'enis
matapelajaran
:. tabel !ilai
;ungsi : -enyimpan data nilai siswa
Primary key : id>nilai
;oreign key : id>thn>ajaran, id>kelas, id>paralel,
id>matpel, nim
<enis tabel : =ransaksi
$truktur tabel :
No Nama field Type Size Keterangan
1 id_matpel "nt !%% Kode nilai
! Nim 0har 1 Nomor "nduk
4urid
# "d$thn$ajaran tinyint 1 Kode Tahun
*jaran
& "d$kelas "nt & Kode kelas
% "d$paralel "nt & Kode kelas
paralel
( Sem tinyint 1 Semester
IV.67
) "d$matpel "nt & Kode mata
pelajaran
+ 'enis$nilai tinyint 1 'enis penilaian
- Nilai float % 5esar nilai
). tabel wali kelas
;ungsi : -enyimpan data guru wali kelas
Primary key : id>guru>kelas
;oreign key : id>thn>ajaran, id>kelas, id>paralel, !'P
<enis tabel : =ransaksi
$truktur tabel :
No Nama field Type Size Keterangan
1 id_guru_kelas "nt -- Kode guru kelas
! "d$thn$ajaran tinyint 1 Kode Tahun
*jaran
# "d$kelas "nt & Kode kelas
& "d$paralel "nt & Kode kelas
paralel
% N"P 0har 1+ Nomor "nduk
Pegawai
IV.68
?. tabel matpel kelas
;ungsi : -enyimpan data matapelajaran per kelas
Primary key : id>matpel>kls
;oreign key : id>kelas, id>matpel
<enis tabel : =ransaksi
$truktur tabel :
No Nama field Type Size Keterangan
1 id_matpel_kls "nt % Kode
matapelajaran
per kelas
! "d$kelas "nt & Kode Kelas
# "d$matpel "nt & Kode mata
pelajaran
IV.69
4.- Perancangan Perang"at (una"
-enjelaskan hasil peran&angan perangkat lunak,
men&akup perangkat lunak, antarmuka pemakai, dan algoritma
modul program
.
4.-.1 Ars&te"tur Perang"at (una"
Gambar ".3. Arsitektur Perangkat 9unak $istem akademis
sekolah
4.-.% Stru"tur Menu
$truktur -enu merupakan ran&angan dari pilihan
menu yang akan dibuat dalam program.
IV.70
Gambar "." Struktur Menu
4.-.) Antaru"a Pea"a&
=ata letak layar merupakan ran&angan dalam menata
tampilan layar yang akan digunakan dalam pembuatan
program sebagai sarana memasukkan data. i dalam program
aplikasi yang akan dibuat, sebagai berikut :
1. =ata letak layar halaman 9ogin
2ser
16 Lihat 7iodata siswa
!6 Lihat data nilai
*dmin
16Lihat data siswa
!6Lihat data nilai
#6Kelola data siswa
&6Kelola data nilai
3uru
16 Lihat data siswa
!6 Lihat data nilai
Menu
utama
IV.71
Gambar. "... tata letak halaman login
2. =ata letak layar halaman da#tar siswa
Gambar. "./. tata letak halaman da#tar siswa
3. =ata letak layar halaman da#tar guru
IV.72
Gambar. ".:. tata letak halaman da#tar guru
". =ata letak layar halaman da#tar kelas
Gambar. ".). tata letak halaman da#tar kelas
.. =ata letak layar halaman da#tar nilai
IV.73
Gambar. ".?. tata letak halaman da#tar nilai
/. =ata letak layar halaman rubah siswa
Gambar. ".1,. tata letak halaman rubah siswa
:. =ata letak layar halaman rubah guru
IV.74
Gambar. ".11. tata letak halaman rubah guru
). =ata letak layar halaman rubah nilai
Gambar. ".12. tata letak halaman rubah nilai
4.-.4 Pe,uatan A*gor&ta Progra
IV.75
Algoritma program merupakan rangkaian perintah
program di dalam satu modul program. Beberapa modul
program akan diuraikan sebagai berikut :
1. Proses 9ogin Admin
Begin
Buka #ile inde4.php
5oneksi ke database
'# koneksi database %alid =hen
=ampilkan ;orm 9ogin
<ika tidak ada maka tampilan pesan
'# nama dan password %alid =hen
0ek role do
'# role adalah Admin =hen
*ak akses Admin =hen
Panggil #ile admin.php
@nd.
2. Proses 'nput ata $iswa
Begin
5oneksi ke database
'# nim siswa not %alid =hen
2ekam ke tabel $iswa dan tabel masuk
@lse
=ampilkan pesan error
@nd
IV.76
3. Proses 2ubah ata $iswa
Begin
5oneksi ke database
'# nim siswa %alid =hen
=ampilkan ata $iswa
@lse
=ampilkan pesan error
6hile Biodata $iswa %alid =hen
2ekam ke tabel $iswa dan tabel masuk
@lse
=ampilkan pesan error
@nd
". Proses *apus ata $iswa
Begin
5oneksi ke database
'# nim siswa %alid =hen
*apus data dari tabel $iswa dan tabel masuk
@lse
=ampilkan pesan error
@nd
.. Proses =ampilkan ata $iswa
Begin
5oneksi ke database
'# nim siswa %alid =hen
=ampilkan biodata siswa
IV.77
@lse
=ampilkan pesan error
@nd
/. Proses 'nput ata 5elas
Begin
5oneksi ke database
'# nim siswa and kelas not %alid =hen
2ekam ke tabel 5elas
@lse
=ampilkan pesan error
@nd
:. Proses 2ubah ata 5elas
Begin
5oneksi ke database
'# kelas %alid =hen
=ampilkan ata 5elas
@lse
=ampilkan pesan error
6hile kelas and nim murid %alid =hen
2ekam ke tabel kelas
@lse
=ampilkan pesan error
@nd
). Proses *apus ata 5elas
Begin
IV.78
5oneksi ke database
'# kelas %alid =hen
*apus data dari tabel kelas
@lse
=ampilkan pesan error
@nd
?. Proses =ampilkan ata 5elas
Begin
5oneksi ke database
'# =ahun Ajaran dan 5elas %alid =hen
=ampilkan da#tar kelas
@lse
=ampilkan pesan error
@nd