Laporan PKL

LAPORAN PRAKTIK KERJA LAPANGAN
SISTEM INFORMASI RAPOR ONLINE BERBASIS WEB

DENGAN MENGGUNAKAN MODEL PROSES PROTOTYPE DI
SMAIT BINA AMAL SEMARANG
Disusun oleh:
Alfi Fadel Majid
24010314130081
DEPARTEMEN ILMU KOMPUTER/INFORMATIKA

FAKULTAS SAINS DAN MATEMATIKA
UNIVERSITAS DIPONEGORO
2017
HALAMAN PENGESAHAN
Laporan Praktik Kerja Lapangan (PKL) dengan judul:

“Sistem Informasi Rapor Online Berbasis Web Dengan Menggunakan Model
Proses Prototype Pada SMAIT Bina Amal”
Disusun oleh:
Nama : Alfi Fadel Majid
NIM : 24010314130081
Fakultas/ Jurusan : Ilmu Komputer/ Informatika
Telah diseminarkan pada Seminar PKL dan dinyatakan lulus pada tanggal 22 Mei 2017 di
Fakultas Sains dan Matematika Universitas Diponegoro.
Semarang, 22 Mei 2017

Menyetujui,
Koordinator PKL Dosen Pembimbing,
Khadijah, S.Kom., M.Cs. Nurdin Bahtiar, S.Si, MT.

NIP. 198903032015042002 NIP. 197907202003121002
Mengetahui,
Ketua Departemen Ilmu Komputer/Informatika
Ragil Saputra, S.Si, M.Cs.

NIP. 198010212005011003
ii
ABSTRAK
Seperti layaknya sekolah pada umumnya, SMAIT Bina Amal Semarang menggunakan
suatu sistem informasi untuk melakukan pengelolaan terkait data-data terkait siswa
khususnya yang berhubungan dengan nilai. Sementara ini sistem informasi terkait
pengelolaan data yang berhubungan dengan nilai siswa masih dilakukan dengan
menggunakan metode konvensional, yaitu dengan memasukkan nilai di atas kertas untuk
setiap jenis mata pelajaran. Dengan menggunakan metode yang belum terkomputerisasi
seperti itu dapat menimbulkan kemungkinan redundansi atau bahkan kehilangan data.
Untuk itu diperlukan suatu sistem terkomputerisasi yang selain berfungsi untuk menangani
masalah tersebut, juga untuk meningkatkan efektifitas dan efisiensi dalam pelaksanaan
pendataan kehadiran kuliah mahasiswa. Sistem Informasi Rapor Online SMAIT Bina
Amal Semarang ini dikembangkan dengan menggunakan bahasa pemrograman PHP untuk
aplikasi berbasis web, dan model proses Prototyping, serta dengan menggunakan sistem
manajemen basis data MySQL. Berdasarkan hasil pengujian dengan metode black-box.
Kata kunci : Sekolah, Sistem Informasi, web.
iii
ABSTRACT
Like most schools in general, SMAIT Bina Amal Semarang uses an information system to
manage related data related to students especially those related to values. While this
information system related to data management related to student value is still done by
using conventional method, that is by inserting value on paper for each kind of subject. By
using the method that have not been computerized can lead to the possibility of redundancy
or even data loss. Therefore we need a computerized app that not only aims to address the
problem but also to increase effectiveness and efficiency in the implementation. . By using
the method that have not been computerized can lead to the possibility of redundancy or
even data loss. Therefore we need a computerized app that not only aims to address the
problem but also to increase effectiveness and efficiency in the implementation. Online
Reporting System in SMAIT Bina Amal Semarang is developed by using PHP
programming language for web-based applications, and Prototyping process model, and by
using MySQL database management system. Based on test results with black-box method.
Keywords : School, Information Systems, web.
iv
KATA PENGANTAR
Segala puji syukur penulis panjatkan kepada Allah SWT atas karunia-Nya,
sehingga penulis dapat menyelesaikan laporan Praktik Kerja Lapangan (PKL) yang
berjudul “Sistem Informasi Rapor Online Berbasis Website dengan Menggunakan Model
Proses Prototype Pada SMAIT Bina Amal Semarang”.
Dalam penyusunan laporan ini tentulah banyak mendapat bimbingan dan bantuan
dari berbagai pihak. Untuk itu, pada kesempatan ini penulis mengucapkan rasa hormat dan
terima kasih kepada:
1. Ragil Saputra, S.Si., M.Cs. selaku Ketua Departemen Ilmu Komputer/Informatika.
2. Nurdin Bahtiar, S.Si, MT selaku dosen pembimbing.
3. Khadijah, S.Kom, MCs. selaku Koordinator PKL.
4. Pihak administrator SMAIT Bina Amal Semarang.
5. Semua pihak yang telah membantu kelancaran dalam pelaksanaan PKL, yang tidak
dapat penulis sebutkan satu persatu.
Penulis menyadari bahwa dalam laporan ini masih banyak kekurangan baik dari segi
materi ataupun dalam penyajiannya, kritik dan saran sangat penulis harapkan untuk
perbaikan pada penulisan ilmiah yang akan datang.
Penulis berharap laporan ini dapat bermanfaat bagi pembaca pada umumnya dan
penulis sendiri pada khususnya.
Semarang, 1 Mei 2017

Penulis,
Alfi Fadel Majid

24010314130081
v
DAFTAR ISI
HALAMAN PENGESAHAN ............................................................................................... ii

ABSTRAK ........................................................................................................................... iii
ABSTRACT ......................................................................................................................... iv
KATA PENGANTAR ........................................................................................................... v
DAFTAR ISI ........................................................................................................................ vi
DAFTAR GAMBAR ............................................................................................................ ix
DAFTAR TABEL ............................................................................................................... xii
BAB I PENDAHULUAN ................................................................................................ 13
1.1. Latar Belakang Masalah ................................................................................. 13
1.2. Rumusan Masalah .......................................................................................... 14
1.3. Tujuan dan Manfaat ....................................................................................... 14
1.4. Ruang Lingkup ............................................................................................... 14
1.5. Sistematika Penulisan..................................................................................... 15
BAB II TINJAUAN INSTANSI ....................................................................................... 16
2.1. Profil ............................................................................................................... 16
2.2. Visi ................................................................................................................. 16
2.3. Misi................................................................................................................. 16
2.4. Tujuan Umum ................................................................................................ 16
2.5. Tujuan Khusus................................................................................................ 17
BAB III LANDASAN TEORI ............................................................................................ 18
3.1. Studi Pustaka .................................................................................................. 18
3.1.1. Pengertian Website ................................................................................ 18
3.1.2. Software Untuk Membangun Website .................................................. 18
3.1.3. Bahasa Pemrograman untuk Membangun Website .............................. 19
3.2. Observasi ........................................................................................................ 20
3.3. Garis Besar Masalah....................................................................................... 20
3.3.1. Metode Pengembangan ......................................................................... 20
BAB IV ANALISIS DAN PERANCANGAN ................................................................... 22
4.1. Deskripsi Umum Perangkat Lunak ................................................................ 22
4.1.1. Deskripsi Umum ................................................................................... 22
vi
4.1.2. Kebutuhan Fungsional .......................................................................... 22
4.1.3. Kebutuhan Non Fungsional .................................................................. 23
4.2. Pemodelan Analisis ........................................................................................ 24
4.2.1. Pemodelan Data .................................................................................... 24
4.2.1.1. Entitas dan Atribut .................................................................... 26
4.2.1.2. Relasi ......................................................................................... 30
4.2.2. Pemodelan Fungsional .......................................................................... 31
4.2.2.1. Data Context Diagram (DCD) .................................................. 31
4.2.2.2. Data Flow Diagram ................................................................... 32
4.3. Desain Sistem Informasi ................................................................................ 38
4.3.1. Desain Basis Data ................................................................................. 38
4.3.2. Desain Algoritma .................................................................................. 49
4.3.2.1. Desain Algoritma Login............................................................ 49
4.3.2.2. Desain Algoritma Kelola User .................................................. 50
4.3.2.3. Desain Algoritma Kelola Data Setting Rapor ........................... 52
4.3.2.4. Desain Algoritma Import Nilai Rapor ...................................... 55
4.3.2.5. Desain Algoritma Kelola Data Nilai Rapor .............................. 56
4.3.2.6. Desain Algoritma Download Blanko Nilai ............................... 58
4.3.2.7. Desain Algoritma Download Rapor .......................................... 58
4.3.3. Desain Antarmuka ................................................................................ 59
4.3.3.1. Desain Antarmuka Login .......................................................... 59
4.3.3.2. Desain Antarmuka Kelola User ................................................ 60
4.3.3.3. Desain Antarmuka Kelola Data Setting Rapor ......................... 61
4.3.3.4. Desain Antarmuka Kelola Data Nilai Rapor............................. 64
4.3.3.5. Desain Antarmuka Download Blanko Nilai ............................. 69
4.3.3.6. Desain Antarmuka Download Rapor ........................................ 70
BAB V IMPLEMENTASI DAN PENGUJIAN ................................................................ 71
5.1. Implementasi Sistem Informasi Rapor Online SMAIT Bina Amal Semarang
71
5.1.1. Implementasi Basis Data ...................................................................... 71
5.1.2. Implementasi Algoritma ....................................................................... 80
5.1.2.1. Implementasi Algoritma Login ................................................. 80
5.1.2.2. Implementasi Algoritma Kelola User ....................................... 81
vii
5.1.2.3. Implementasi Algoritma Kelola Data Setting Rapor ................ 81
5.1.2.4. Implementasi Algoritma Import Nilai Rapor ............................ 82
5.1.2.5. Implementasi Algoritma Kelola Data Nilai Rapor ................... 84
5.1.2.6. Implementasi Algoritma Download Blanko Nilai .................... 85
5.1.2.7. Implementasi Algoritma Download Rapor ............................... 86
5.1.3. Implementasi Antarmuka ...................................................................... 88
5.1.3.1. Implementasi Antarmuka Login ............................................... 88
5.1.3.2. Implementasi Antarmuka Kelola User ...................................... 89
5.1.3.3. Implementasi Antarmuka Kelola Data Setting Rapor............... 89
5.1.3.4. Implementasi Antarmuka Kelola Data Nilai Rapor .................. 92
5.1.3.5. Implementasi Antarmuka Download Blanko Nilai ................... 97
5.1.3.6. Implementasi Antarmuka Download Rapor ............................. 97
5.2. Pengujian Sistem Informasi Rapor Online SMAIT Bina Amal Semarang .... 98
5.2.1. Persiapan Prosedural ............................................................................. 98
5.2.2. Rencana Pengujian ................................................................................ 99
5.2.3. Deskripsi dan Hasil Uji ....................................................................... 100
5.2.4. Analisis Hasil Uji ................................................................................ 100
BAB VI PENUTUP .......................................................................................................... 101
6.1. Kesimpulan................................................................................................... 101
6.2. Saran ............................................................................................................. 101
DAFTAR PUSTAKA ........................................................................................................ 102
viii
DAFTAR GAMBAR
Gambar III.1. Model Prototype (Roger S. Pressman, 2010) ............................................... 20

Gambar IV.1 Entity Relational Diagram (ERD) SIRO ....................................................... 25
Gambar IV.2. Data Context Diagram (DCD) SIRO ........................................................... 32
Gambar IV.3. Data Flow Diagram (DFD) level 1 .............................................................. 33
Gambar IV.4. DFD level 2 proses login .............................................................................. 34
Gambar IV.5. DFD level 2 proses pengelolaan admin rapor .............................................. 35
Gambar IV.6. DFD level 2 proses pengelolaan nilai rapor ................................................. 36
Gambar IV.7. DFD level 2 proses pengelolaan pengumuman ........................................... 37
Gambar IV.8. DFD level 2 proses pengelolaan data inti rapor ........................................... 38
Gambar IV.9. Desain Antarmuka Login.............................................................................. 60
Gambar IV.10. Desain Antarmuka Kelola User .................................................................. 61
Gambar IV.11. Desain Antarmuka Kelola Data Mata Pelajaran ......................................... 62
Gambar IV.12. Desain Antarmuka Kelola Data Tahfidz .................................................... 62
Gambar IV.13. Desain Antarmuka Kelola Data Ekstrakulikuler ........................................ 63
Gambar IV.14. Desain Antarmuka Kelola Data Kepribadian ............................................. 63
Gambar IV.15. Desain Antarmuka Kelola Data Character Building ................................. 64
Gambar IV.16. Desain Antarmuka Kelola Data Pengumuman ........................................... 64
Gambar IV.17. Desain Antarmuka Kelola Data Nilai Mata Pelajaran ................................ 65
Gambar IV.18. Desain Antarmuka Kelola Data Nilai Tahfidz ........................................... 65
Gambar IV.19. Desain Antarmuka Kelola Data Nilai Ekstrakulikuler ............................... 66
Gambar IV.20. Desain Antarmuka Kelola Data Nilai Kepribadian .................................... 66
Gambar IV.21. Desain Antarmuka Kelola Data Nilai Character Building ........................ 67
Gambar IV.22. Desain Antarmuka Kelola Data Nilai Capaian Karakter ............................ 67
Gambar IV.23. Desain Antarmuka Kelola Data Nilai Capaian Hafalan ............................. 68
Gambar IV.24. Desain Antarmuka Kelola Data Bimbingan Konseling ............................. 68
Gambar IV.25. Desain Antarmuka Kelola Data Absensi .................................................... 69
Gambar IV.26. Desain Antarmuka Download Blanko Nilai ............................................... 69
Gambar IV.27. Desain Antarmuka Download Rapor.......................................................... 70
Gambar V.1. Implementasi tabel absensi…...…………….……………………………… 71
Gambar V.2. Implementasi tabel berada di kelas………….......................................……. 71
ix
Gambar V.3. Implementasi tabel character building……………………………………....71
Gambar V.4. Implementasi tabel ekstrakulikuler………………………………………….72
Gambar V.5. Implementasi tabel guru…………………………………………………….72
Gambar V.6. Implentasi tabel organisasi………………………………………………… 72
Gambar V.7. Implentasi tabel kelas........……………….................................................... 73
Gambar V.8. Implementasi tabel character building………………………………………73
Gambar V.9. Implementasi tabel kelompok ekstrakulikuler………………………………73
Gambar V.10. Implementasi tabel kepribadian……………………………………………73
Gambar V.11. Implementasi tabel konseling…………………………………………….. 74
Gambar V.12. Implementasi tabel mata pelajaran……………………………………….. 74
Gambar V.13. Implementasi tabel nilai capaian karakter………………………………... 74
Gambar V.14. Implementasi tabel nilai character building ……………………………… 74
Gambar V.15. Implementasi tabel nilai ekstrakulikuler …………………………………. 75
Gambar V.16. Implementasi tabel nilai kepribadian……………………………………... 75
Gambar V.17. Implementasi tabel nilai mata pelajaran………………………………….. 75
Gambar V.18. Implementasi tabel nilai standar capaian hafalan……………………….... 76
Gambar V.19. Implementasi tabel nilai tahfidz………………………………………….. 76
Gambar V.20. Implementasi tabel organisasi……………………………………………. 77
Gambar V.21. Implementasi tabel pengumuman............................................................... 77
Gambar V.22. Implementasi tabel setting raport …………………………………………77
Gambar V.23. Implementasi tabel siswa …………………………………………………77
Gambar V.24. Implementasi tabel tahfidz……………………………………………….. 78
Gambar V.25. Implementasi tabel users…………………………………………………. 78
Gambar V. 1. Implementasi Antarmuka Login………………………………………….. 95
Gambar V. 2. Implementasi Kelola User………………………………………………… 96
Gambar V. 3. Implementasi Antarmuka Kelola Data Mata Pelajaran…………………… 97
Gambar V. 4. Implementasi Kelola Data Tahfidz…………………………………………97
Gambar V. 5. Implementasi Kelola Data Ekstrakulikuler……………………………….. 98
Gambar V. 6. Implementasi Kelola Data Kepribadian……………………………………98
Gambar V. 7. Implementasi Kelola Data Character Building………………………………. 99
Gambar V. 8. Implementasi Kelola Data Pengumuman………………………………..... 99
Gambar V. 9. Implementasi Antarmuka Kelola Data Nilai Mata Pelajaran…………..... 100
Gambar V. 10. . Implementasi Antarmuka Kelola Data Nilai Tahfidz…………………. 100
x
Gambar V. 11. Implementasi Antarmuka Kelola Data Nilai Ekstrakulikuler……………101
Gambar V. 12. Implementasi Antarmuka Kelola Data Nilai Kepribadian………………101
Gambar V. 13. Implementasi Antarmuka Kelola Data Character Building………...........102
Gambar V. 14. Implementasi Antarmuka Kelola Data Nilai Capaian Karakter………....102
Gambar V. 15. Implementasi Antarmuka Kelola Data Nilai Standar Capaian Hafalan…103
Gambar V. 16. Implementasi Antarmuka Kelola Data Bimbingan Konseling…………..103
Gambar V. 17. Implementasi Antarmuka Kelola DataAbsensi……………………….....104
Gambar V. 18. Implementasi Antarmuka Download Blanko Nilai……………………...104
Gambar V. 19. Implementasi Antarmuka Download Rapor……………………………. 105
xi
DAFTAR TABEL
Tabel IV.1. Kebutuhan Fungsional ..................................................................................... 22

Tabel IV.2. Kebutuhan Non Fungsional .............................................................................. 23
Tabel IV.3.Entitas dan Atribut ............................................................................................ 26
Tabel IV. 4. Tabel Users ...................................................................................................... 39
Tabel IV. 5. Tabel Berada di Kelas ..................................................................................... 39
Tabel IV. 6. Tabel Character Building................................................................................ 39
Tabel IV. 7. Tabel Ekstrakulikuler ...................................................................................... 40
Tabel IV. 8. Tabel Guru....................................................................................................... 40
Tabel IV. 9. Tabel Keikutsertaan Organisasi ...................................................................... 41
Tabel IV. 10. Tabel Kelas.................................................................................................... 41
Tabel IV. 11. Tabel Kelompok Character Building ............................................................ 42
Tabel IV. 12. Tabel Kelompok Ekstrakulikuler .................................................................. 42
Tabel IV. 13. Tabel Kepribadian ......................................................................................... 42
Tabel IV. 14. Tabel Konseling ............................................................................................ 42
Tabel IV. 15. Tabel Mata Pelajaran ..................................................................................... 43
Tabel IV. 16. Tabel Nilai Capaian Karakter ........................................................................ 43
Tabel IV. 17. Tabel Nilai Character Building .................................................................... 44
Tabel IV. 18. Tabel Nilai Ekstrakulikuler ........................................................................... 44
Tabel IV. 19. Tabel Nilai Kepribadian ................................................................................ 45
Tabel IV. 20. Tabel Nilai Mata Pelajaran ............................................................................ 45
Tabel IV. 21. Tabel Nilai Standar Capaian Hafalan ............................................................ 46
Tabel IV. 22. Tabel Nilai Tahfidz ....................................................................................... 47
Tabel IV. 23. Tabel Organisasi............................................................................................ 47
Tabel IV. 24. Tabel Pengumuman ....................................................................................... 47
Tabel IV. 25. Tabel Setting Raport ...................................................................................... 48
Tabel IV. 26. Tabel Siswa ................................................................................................... 48
Tabel IV. 27. Tabel Tahfidz ................................................................................................ 48
Tabel IV. 28. Tabel Users.................................................................................................... 49
xii
BAB I
PENDAHULUAN
Bab ini membahas latar belakang masalah, rumusan masalah, tujuan dan manfaat,dan
ruang lingkup dari sistem yang akan dibuat.
1.1. Latar Belakang Masalah
Sekolah dituntut untuk selalu berkembang dan meningkatkan kualitas

pendidikan serta profesionalisme pelayanan kepada para siswa. Pengelolaan data
dalam jumlah banyak, serta adanya perubahan yang bersifat rutin dan berulang-
ulang, sering menimbulkan kesulitan dalam penyediaan informasi, terlebih karena
kegiatan pengolahan data akademik seperti nilai rapor pada sekolah selama ini masih
menggunakan sistem pemrosesan manual dan sistem pemrosesan berkas. Proses
pengolahan, penyimpanan dan pengambilan data nilai pada siswa yang belum praktis
menimbulkan ketidakefektifan dalam segi waktu, tenaga dan biaya.
Di era globalisasi ini, pemakaian teknologi komputer dalam segala bidang
kehidupan sehari-hari tidak dapat dihindari. Bahkan, penggunaan teknologi komputer
tersebut akan menjadi syarat utama untuk menunjukkan kualitas suatu bidang dan
menjadi modal terpenting dalam memenangkan persaingan.
Salah satu kegiatan operasional sekolah yang ada di kota Semarang adalah
kegiatan operasional SMAIT Bina Amal menyelenggarakan proses belajar mengajar,
salah satu aspek untuk mendukung proses belajar mengajar berjalan baik yaitu
mengolah data-data baik yang berhubungan dengan siswa, nilai siswa maupun data
pendukung yang dilakukan oleh pihak sekolah. Salah satu bentuk pengolahan data
nilai siswa adalah dengan buku rapor. Buku rapor memberikan laporan dari pihak
sekolah kepada orang tua tentang proses dan hasil belajar
siswa. (matrapendidikan.com, 2015).
Oleh karena itu, penulis ingin membuat sebuah Rapor Online berbasis Website
yang dapat digunakan oleh SMAIT Bina Amal dalam melakukan pengelolaan data
nilai siswa sehingga dapat memberikan laporan pencapaian kompetensi siswa kepada
orangtua dengan lebih mudah.
1.2. Rumusan Masalah
Berdasarkan latar belakang yang telah dijelaskan dapat dirumuskan suatu

permasalahan yaitu bagaimana cara dan tahapan dalam membuat Sistem Informasi
Rapor Online SMAIT Bina Amal Semarang.
1.3. Tujuan dan Manfaat
PKL yang akan dilakukan hanya sampai pada tahap implementasi. Adapun
tujuan dan manfaat dijelaskan sebagai berikut :
1. Tujuan dilaksanakan Praktek Kerja Lapangan (PKL) ini adalah:
a. Membantu SMAIT Bina Amal dalam mengelola data nilai siswa.
b. Menerapkan ilmu pengetahuan yang telah didapatkan diperkuliahan pada
aplikasi yang dibuat.
2. Manfaat dari Praktek Kerja Lapangan (PKL) diantaranya adalah:
a. Bagi Mahasiswa
Mendapatkan pengetahuan dan pengalaman mengenai pembuatan sistem
informasi Rapor Online berbasis Website.
b. Bagi Instansi
SMAIT Bina Amal dapat menggunakan sistem ini untuk melakukan
pengelolaan nilai siswa dengan lebih mudah.
1.4. Ruang Lingkup
Ruang lingkup dari sistem yang dibuat adalah sebagai berikut:

1. Aplikasi memiliki beberapa lingkup manajemen seperti manajemen pengelolaan
data, manajemen tautan manajemen admin.
2. Bentuk implementasi dari sistem informasi ini berbasis Website, menggunakan
bahasa pemrograman PHP, sistem manajemen basis data MySQL, dan
menggunakan Matrilize sebagai library CSS untuk tampilannya.
3. Aplikasi ini dirancang dengan menggunakan model Prototype.
4. PKL yang akan dilakukan hanya sampai pada tahap implementasi.
14
1.5. Sistematika Penulisan
Untuk memberikan suatu gambaran yang urut dan jelas mengenai pembahasan
penyusunan Sistem Informasi Rapor Online SMAIT Bina Amal Semarang berikut
ini disesuaikan dengan sistematika pembahasan, yaitu:
BAB I PENDAHULUAN
Bab ini membahas latar belakang masalah, rumusan masalah, tujuan dan
manfaat, ruang lingkup, serta sistematika penulisan laporan yang dibuat.
BAB II TINJAUAN INSTANSI
Bab ini membahas mengenai mengenai data umum mengenai SMAIT
Bina Amal, tempat penulis melaksanakan praktik kerja lapangan. Data
umum tersebut meliputi profil, visi, dan misi instansi.
BAB III LANDASAN TEORI
Bab ini menjelaskan tentang teori-teori yang digunakan untuk
membangun Sistem Informasi Rapor Online SMAIT Bina Amal
Semarang dan teori lain yang mendukung pengembangannya.
BAB IV ANALISIS DAN PERANCANGAN
Bab ini menjelaskan tentang pembahasan yang meliputi deskripsi
umum perangkat lunak dan desain rancangan dari hasil analisis Sistem
Informasi Rapor Online SMAIT Bina Amal Semarang.
BAB V IMPLEMENTASI DAN PENGUJIAN
Bab ini menjelaskan tentang hasil implementasi dari hasil rancangan dan
hasil pengujian yang dilakukan terhadap Sistem Informasi Rapor Online
SMAIT Bina Amal Semarang.
BAB VI PENUTUP
Bab ini merupakan kesimpulan dari bab-bab yang dibahas sebelumnya
dan saran bagi instansi dan pembaca sebagai bahan masukan.
15
BAB II
TINJAUAN INSTANSI
Dalam bab kedua ini penulis akan memberikan tinjauan terkait instansi yang menjadi
lokasi Praktik Kerja Lapangan. Tinjauan yang akan dijabarkan terkait profil, visi, misi,
tujuan umum dan tujuan khusus dari SMAIT Bina Amal Semarang.
2.1. Profil
Pendidikan yang baik adalah pendidikan yang mampu mengembangkan potensi

anak secara integral dengan memperhatikan tahap-tahap perkembangan anak.
Sehingga sebagai bentuk tanggungjawab terhadap idealisme di atas mulai tahun didik
2008 / 2009 Yayasan Wakaf Bina Amal mendirikan Sekolah Menengah Islam
Terpadu dengan waktu pendidikan 5 tahun.
2.2. Visi
Memposisikan Sekolah Islam Terpadu Sebagai pusat keunggulan yang mampu

mengembangkan masyarakat mandiri berkarakter Robbani.
2.3. Misi
Menyelenggarakan pendidikan yang berorientasi pada kualitas baik secara

keilmuan, penguasaan teknologi dan bahasa, kematangan emosional dan sosial,
aqidah dan moral, sehingga mampu mengembangkan sumber daya insani yang
berkualitas di bidang ilmu pengetahuan (IPTEK) dan iman taqwa (IMTAQ) menjadi
Pribadi Mandiri dan Berkarakter Robbani.
2.4. Tujuan Umum
Memberikan bekal kemampuan berbahasa Indonesia, Inggris dan Arab,

penguasaan ilmu pengetahuan dan teknologi, penguasaan ilmu pengetahuan Islam
beserta pengalamannya sesuai dengan perkembangan peserta didik serta
mempersiapkan mereka untuk mengikuti jenjang pendidikan perguruan tinggi
dengan sistem pendekatan integral learning.
16
2.5. Tujuan Khusus
Selain tujuan umum yang dituliskan sebelumnya, SMAIT Bina Amal

Semarang mempunyai beberapa tujuan khusus yang kemudian harus dimiliki oleh
siswanya, yaitu
1. Memiliki bacaan Al-Quran yang baik dan benar serta mampu menghafal 5 juz
Al-Quran
2. Memiliki semangat keislaman yang tinggi
3. Memiliki kesiapan untuk menjadi guru bagi semesta alam, dengan
teraplikasikannya 10 kemampuan pribadi muslim dalam kehidupan sehari-hari.
4. Penguasaan Teknologi Informasi (TI) untuk menghadapi tantangan masa depan.
17
BAB III
LANDASAN TEORI
Bab ini menjelaskan tentang teori-teori yang digunakan untuk merancang sistem
informasi presensi dan teori lain yang mendukung pengembangan sistem ini.
3.1. Studi Pustaka
World Wide Web atau biasa disebut dengan Website, merupakan salah satu
sumberdaya internet. Melalui web, informasi dapat disebarkan melalui pendekatan
hypertext, yaitu suatu teks pendek dapat dijadikan acuan untuk menghubungkan
dokumen lain. Jadi, seseorang dapat berkunjung dari satu dokumen ke dokumen lain
dengan cepat. Dokumen-dokumen tersebut dapat terletak dalam satu Website atau
beberapa Website (Khadir, 2003).
3.1.1. Pengertian Website
Website dapat dibagi menjadi dua, yaitu web statis dan dinamis (Khadir, 2003).
Web statis adalah web yang tidak memerlukan banyak interaksi dengan pengunjung
web, sebagai contoh web jenis blog. Sedangkan web dinamis yaitu web yang dapat
melakukan banyak interaksi dengan pengunjung, sebagai contoh seperti web e-
commerce.
3.1.2. Software Untuk Membangun Website
Dalam membangun Sistem Informasi Rapor Online SMAIT Bina Amal

Semarang yang berbasis website digunakan beberapa software, diantaranya adalah
a. Web Browser
Web browser adalah software yang digunakan untuk menjalankan sintak kode
HTML atau PHP yang telah dibuat. Contoh : Mozilla Firefox, Safari, dan
Opera (Darmawan, 2013).
b. Text Editor
Text Editor merupakan software yang digunakan untuk menulis kode untuk
membuat Website. Contoh : Notepad++ dan Sublime (Darmawan, 2013).
c. Web Server
Web server adalah software yang digunakan untuk merespon request dari sisi
klien. Contoh : Apache
d. Database
Database atau basis data adalah software yang digunakan untuk menyimpan
dan mengambil data se-efisien mungkin. Sebagai contoh adalah MySQL. Basis
Data bermanfaat agar pengguna dapat menyimpan data secara terorganisir.
Cara penyimpanan data dalam basis data menentukan seberapa mudah atau
cepat dalam mencari informasi berdasarkan kriteria-kriteria tertentu.
3.1.3. Bahasa Pemrograman untuk Membangun Website
Pembuatan Website membutuh beberapa bahasa pemrograman seperti HTML,

CSS, JavaScript, dan PHP.
a. HTML (Hyper Text Markup Language)
Menurut Reggett et al (1999) dalam Baldi et al (2003), HTML adalah suatu
bahasa yang menyediakan dukungan penandaan dasar untuk menyusun dan
meletakkan teks dan gambar. Dengan HTML, kita dapat membuat paragraf,
formulir, atau memasukkan file video atau audio ke dalam halaman Website,
bahasa ini dikembangkan oleh Tim Berners-Lee di CERN.
b. CSS (Cascading Style Sheet)
CSS merupakan bahasa yang digunakan untuk mengatur elemen yang terdapat
pada teks HTML. Dengan menggunakan CSS, sebuah halaman Website dapat
terlhat lebih indah dan rapi.
c. JavaScript
JavaScript digunakan untuk memberikan perlakuan pada teks HTML, seperti
membuat image slider, dropdown menu, dan menampilkan kotak dialog ketika
suatu tombol ditekan. Dengan JavaScript, halaman web dapat terlihat lebih
dinamis.
d. PHP (Hypertext Preprocessor)
PHP adalah bahasa script dan penerjemah yang tersedia secara bebas (gratis)
dan digunakan terutama di web server Linux (Rouse, 2006). PHP digunakan
untuk memberikan tanggapan dari sever terhadap permintaan dari klien
(Website).
19
3.2. Observasi
Dalam pembuatan proposal ini penulis menggunakan metode wawancara untuk

melakukan survei. Metode wawancara adalah metode pengumpulan data dengan cara
bertanya langsung kepada responden dalam hal ini adalah Kepala SMAIT Bina Amal
Semarang.
3.3. Garis Besar Masalah
Pada bagian ini akan dijelaskan bagaimana Rapor Online SMAIT Bina Amal
Semarang akan dibangun, yaitu mengenai metode pengembangan apa yang akan
dipakai, kebutuhan fungsional dan kebutuhan non fungsionalnya.
3.3.1. Metode Pengembangan
Model proses prototype digunakan untuk memahami ketidakpahaman

pelanggan mengenai spesifikasi pengembangan perangkat lunak. Langkah dimulai
dari pengumpulan kebutuhan pelanggan kemudian dibuatlah program prototype agar
pelanggan lebih mengerti dengan apa yang diinginkan. Program prototype biasanya
merupakan program belum jadi. Program prototype ini dievaluasi oleh pelanggan
hingga ditemukan spesifikasi yang sesuai dengan keinginan pelanggan (Roger S.
Pressman, 2010).
Gambar III.1. Model Prototype (Roger S. Pressman, 2010)
Langkah-langkah umum model proses prototype sebagai berikut (Sommerville,

2003):
20
1. Penentuan kebutuhan
Pelanggan dan pengembang bersama-sama mendefinisikan format seluruh
perangkat lunak, mengidentifikasikan semua kebutuhan, dan garis besar sistem
yang akan dibuat.
2. Membangun prototype
Membangun prototype dengan membuat perancangan sementara yang berfokus
pada penyajian kepada pelanggan (misalnya dengan membuat input dan format
output).
3. Evaluasi prototype
Evaluasi ini dilakukan oleh pelanggan apakah prototype yang sudah dibangun
sudah sesuai dengan keinginan pelanggan. Jika sudah sesuai maka langkah 4
akan diambil. Jika tidak prototype direvisi dengan mengulangi langkah 1, 2,
dan 3.
4. Mengkodekan sistem
Dalam tahap ini prototype yang sudah di sepakati diterjemahkan ke dalam
bahasa pemrograman yang sesuai.
5. Menguji sistem Setelah sistem sudah menjadi suatu perangkat lunak yang siap
pakai, harus dites dahulu sebelum digunakan. Pengujian ini dilakukan dengan
White Box, Black Box, Basis Path, pengujian arsitektur dan lain-lain.
6. Evaluasi sistem
Pelanggan mengevaluasi apakah sistem yang sudah jadi sudah sesuai dengan
yang diharapkan. Jika ya, langkah 7 dilakukan; jika tidak, ulangi langkah 4 dan
5.
7. Menggunakan sistem Perangkat lunak yang telah diuji dan diterima pelanggan
siap untuk digunakan.
21
BAB IV
ANALISIS DAN PERANCANGAN
Bab ini dibahas mengenai deskripsi umum perangkat lunak, baik dari kebutuhan
fungsional dan non fungsional, analisa dari perangkat lunak hingga perancangan sesuai
denga tahap-tahap pada rekayasa perangkat lunak
4.1. Deskripsi Umum Perangkat Lunak
Definisi umum perangkat lunak adalah kemampuan yang harus dimiliki oleh
perangkat lunak. Definisi kebutuhan pada sistem ini meliputi deskripsi umum
perangkat lunak, kebutuhan perangkat lunak dan kebutuhan fungsional.
4.1.1. Deskripsi Umum
Sistem Informasi Rapor Online SMAIT Bina Amal Semarang adalah sebuah
sistem yang berfungsi untuk melakukan import data nilai siswa dan mengelolanya,
serta menghasilkan dokumen rapor terkait nilai mata pelajaran, ekstrakulikuler,
tahfidz, chararacter building, dan kehadiran siswa di SMAIT Bina Amal Semarang.
4.1.2. Kebutuhan Fungsional
Spesifikasi kebutuhan fungsional Software Requirements Specification (SRS)

Sistem Informasi Rapor Online SMAIT Bina Amal Semarang ini dapat dilihat pada
tabel IV.1.
Tabel IV.1. Kebutuhan Fungsional
No. SRS Keterangan

1. SRS-SIRO-F-01 Sistem dapat mengakses data rapor dengan cara login
kedalam Sistem Informasi Rapor Online (SIRO).
2. SRS-SIRO-F-02 Sistem menyediakan fitur pengelolaan (menambahkan,
menghapus, melihat, dan mengedit) admin raport yang
dilakukan oleh admin master
menghapus, melihat, dan mengedit) data mata pelajaran,
tahfidz, ekstrakulikuler, kepribadian, dan character building
untuk user dengan hak akses admin master
22
No. SRS Keterangan
4. SRS-SIRO-F-04 Sistem menyediakan fitur untuk memasukkan (import) data
nilai mata pelajaran, tahfidz, ekstrakulikuler, character
building, kepribadian, capaian karakter, standar capaian
tahfidz, bimbingan konseling, dan data absensi bagi user
dengan hak akses admin rapor dan admin master.
melihat, mengedit, dan menghapus) data nilai mata
pelajaran, tahfidz, ekstrakulikuler, character building,
kepribadian, capaian karakter, standar capaian tahfidz,
bimbingan konseling, dan data absensi.
6. SRS-SIRO-F-06 Sistem menyediakan fitur download semua jenis blanko
nilai untuk user dengan hak akses admin rapor dan admin
master
7. SRS-SIRO-F-07 Sistem menyediakan fitur download nilai rapor untuk admin
master.
4.1.3. Kebutuhan Non Fungsional
Spesifikasi kebutuhan non-fungsional Software Requirements Specification

(SRS) Sistem Informasi Rapor Online SMAIT Bina Amal Semarang ini dapat dilihat
pada tabel IV.2
Tabel IV.2. Kebutuhan Non Fungsional
No. SRS Keterangan

1. SRS-SIRO-N-01 Rapor Online mampu menampilkan dan tidak
menampilkan menu tertentu sesuai status dan hak
pengguna
2. SRS-SIRO-N-02 Rapor Online dapat diakses dengan cepat, maksimal waktu
load 5 detik
3. SRS-SIRO-N-03 Rapor Online dapat menampilkan laporan dengan akurat
4. SRS-SIRO-N-04 Rapor Online mampu menampilkan website secara
responsive
5. SRS-SIRO-N-05 Rapor Online dapat diakses di semua jenis browser
23
4.2. Pemodelan Analisis
Pemodelan analisis bertujuan untuk mengetahui apa saja yang diperlukan

dalam membangun sebuah sistem. Salah satunya yang digunakan pada sistem ini
adalah analisis terstruktur.
Analisis terstruktur merupakan aktivitas analisa dalam pembangunan model.
Model diciptakan untuk menggambarkan aliran dari sebuah muatan informasi berupa
data dan kontrol. Analisa sistem berfungsi untuk menemukan kesalahan atau
kelemahan sebuah sistem, sehingga dapat dicari solusinya. Analisa sistem dilakukan
setelah perencanaan sistem dan sebelum perancangan sistem. Hal ini dilakukan agar
mengurangi kesalahan sistem pada tahap selanjutnya (Ladjamudin B., 2006).
4.2.1. Pemodelan Data
Pemodelan data bertujuan untuk menjawab pertanyaan spesifik yang relevan

pada aplikasi pemrosesan data. Hal ini berkaitan dengan komposisi objek dan atribut,
keberadaan objek, serta hubungan antar objek.
Data yang diproses dalam Sistem Informasi Rapor Online SMAIT Bina Amal
Semarang ini meliputi data absesnsi, berada_di_kekas, character_building,
ekstrakulikuler, guru, keikutsertaan_organisasi, kelas, kelompok_cb,
kelompok_ekskul, kepribadian, konseling, mata_pelajaran, nilai_capaian_karakter,
nilai_cb,nilai_ekskul,nilai_kepribadian,nilai_mata_pelajaran,nilai_standar_capaian_h
afalan, nilai_tahfidz, organisasi, pengumumanm setting_raport, siswa tahfidz, dan
user.
Media yang digunakan dalam pemodelan data untuk sistem informasi ini
adalah Entity Relationship Diagram (ERD). ERD menggambarkan hubungan antar
objek yang digambarkan dengan menggunakan deskripsi data. ERD hanya berfokus
pada data yang mewakili jaringan data yang terdapat pada sistem tertentu. Untuk
mengakomodasi kebutuhan data di atas, maka ERD yang dibuat untuk Sistem
Informasi Rapor Online SMAIT Bina Amal Semarang dapat dilihat pada Gambar
IV.1.
24
Gambar IV.1 Entity Relational Diagram (ERD) SIRO
25
4.2.1.1. Entitas dan Atribut
Entitas dan atribut dapat dilihat pada tabel IV.3. berikut ini.
Tabel IV.3.Entitas dan Atribut
No. Entitas Atribut

1. Absensi id_absensi
nis
tahun
kelas
semester
sakit
izin
tanpa_keterangan
2. berada_di_kelas id
tahun
3. character_building id_cb
nama_cb
aktif
4. Ekstrakulikuler id_ekskul
nama_ekskul
aktif
5. Guru nip
nama
jabatan
6. keikutsertaan_organissai id
tahun
keterangan
7. Kelas kd_kelas
nama_kelas
jurusan
kategori
thn
26
No. Entitas Atribut
guru_tahfidz
8. kelompok_cb id_kelompok_cb
nama_kelompok
kelompok_besar
9. kelompok_ekskul id_kelompok_ekskul
nama_kelompok
10 Kepribadian id_kepribadian
nama_kepribadian
aktif
11. Konseling id
tahun
kelas
semester
kegiatan_konseling
keterangan
12. mata_pelajaran kd_mapel
nama_mapel
kategori
jenjang
jurusan
kkm
aktif
13. nilai_capaian_karakter id_nilai
tahun
kelas
semester
deskripsi
14. nilai_cb id_nilai
nilai
kelas
tahun
27
No. Entitas Atribut
semester
15. nilai_ekskul id_nilai
keterangan
kelas
tahun
semester
16. nilai_kepribadian id_nilai
nilai
kelas
tahun
semester
17. nilai_mata_pelajaran id_nilai
nilai_keterampilan
kelas
tahun
semester
sikap
nilai_pengetahuan
18. nilai_standar_capaian_hafalan id_nilai
kelas
tahun
semester
standar_jumlah_halaman
standar_capaian_wajib
kuantitas
makhraj
tajwid
kelancaran
capaian_hafalan_wajib
capaian_hafalan_tambahan
jumlah_halaman_tercapai
28
No. Entitas Atribut
catatan
19. nilai_tahfidz id_nilai
kelas
tahun
semester
tajwid
makhraj
kelancaran
20. Organisasi id (Primary Key)
tahun
keterangan
21. Pengumuman id_pengumuman
isi_pengumuman
status
22. setting_raport id_setting
tanggal_raport
tahun
semester
nama_kepala_sekolah
23. Siswa nis
nama
24. tahfidz id_surah
nama_surah
juz_ke
aktif
25. Users id_user
username
password
level
29
4.2.1.2. Relasi
Relasi atau hubungan antar tabel dijelaskan di pemerian di bawah.

a. Relasi siswa dengan mata_pelajaran adalah banyak ke banyak. Satu siswa
dapat menerima beberapa mata_pelajaran, dan satu mata_pelajaran bisa
diterima oleh banyak siswa. Hasil dari relasi tersebut menghasilkan pivot
table berupa tabel nilai_mata_pelajaran.
b. Relasi siswa dengan tahfidz (hafalan) adalah banyak ke banyak. Satu siswa
dapat mengambil beberapa tahfidz, dan satu tahfidz bisa diambil oleh
banyak siswa. Hasil dari relasi tersebut menghasilkan pivot table berupa
tabel nilai_tahfidz.
c. Relasi siswa dengan ekstrakulikuler adalah banyak ke banyak. Satu siswa
dapat mengambil beberapa ekstrakulikuler, dan satu ekstrakulikuler bisa
diambil oleh banyak siswa. Hasil dari relasi tersebut menghasilkan pivot
table berupa tabel nilai_ekskul.
d. Relasi siswa dengan character_building adalah banyak ke banyak. Satu
siswa dapat menerima beberapa character_building, dan satu
character_building bisa diterima oleh banyak siswa. Hasil dari relasi
tersebut menghasilkan pivot table berupa tabel nilai_cb.
e. Relasi siswa dengan organsasi adalah banyak ke banyak. Satu siswa dapat
mengikuti beberapa organisasi, dan satu organisasi bisa diikuti oleh banyak
siswa. Hasil dari relasi tersebut menghasilkan pivot table berupa tabel
keikutsertaan_organisasi.
f. Relasi siswa dengan kelas adalah banyak ke banyak. Satu siswa dapat
berada dalam beberapa kelas berbeda dalam kurun waktu tertentu, dan satu
kelas bisa diikuti oleh banyak siswa. Hasil dari relasi tersebut menghasilkan
pivot table berupa tabel berada_di_kelas.
g. Relasi siswa dengan kepribadian adalah banyak ke banyak. Satu siswa dapat
menerima beberapa kepribadian, dan satu kepribadian bisa diterima oleh
banyak siswa. Hasil dari relasi tersebut menghasilkan pivot table berupa
tabel nilai_kepribadian.
h. Relasi antara tabel siswa dengan nilai_standar_capaian_hafalan adalah satu
ke banyak. Satu siswa bisa memiliki beberapa
nilai_standar_capaian_hafalan.
30
i. Relasi antara tabel siswa dengan konseling adalah satu ke banyak. Satu
siswa bisa beberapa kali mengikuti konseling..
j. Relasi antara tabel siswa dengan absensi adalah satu ke banyak. Satu siswa
bisa memiliki beberapa keterangan absensi.
k. Relasi antara tabel siswa dengan nilai_capaian_karakter adalah satu ke
banyak. Satu siswa bisa memiliki beberapa nilai_capaian_karakter.
l. Relasi antara tabel ekstrakulikuler dengan kelompok_ekskul adalah banyak
ke satu. Beberapa ekstrakulikuler bisa berada dalam satu kelompok_ekskul.
m. Relasi antara tabel character_building dengan kelompok_cb adalah banyak
ke satu. Beberapa character_building bisa berada dalam satu kelompok_cb.
n. Relasi antara tabel kelas dengan guru adalah banyak ke satu. Beberapa kelas
dalam kurun waktu tertentu dapat memiliki seorang guru.
o. Relasi antara tabel siswa dengan users adalah satu ke satu. Satu siswa hanya
bisa memiliki satu akun pada tabel users
4.2.2. Pemodelan Fungsional
Model fungsional digambarkan melalui diagram alir data yang dapat

memperlihatkan ketergantungan antara proses, input, dan output. Media yang
digunakan untuk mendeskripsikan model fungsional dari Sistem Informasi Rapor
Online SMAIT Bina Amal Semarang adalah Data Context Diagram (DCD) dan Data
Flow Diagram (DFD).
4.2.2.1. Data Context Diagram (DCD)
Data Context Diagram (CD) disebut juga DFD Level-0 yang berisi
representasi sistem informasi sebagai sebuah blackbox di lingkungan sekitarnya. CD
menggambarkan aliran data baik yang masuk maupun keluar dari sistem. CD dari
SIRO dapat dilihat pada gambar IV.2.
31
Gambar IV.2. Data Context Diagram (DCD) SIRO
4.2.2.2. Data Flow Diagram
Data Flow Diagram (DFD) merupakan diagram yang merepresentasikan

komponen-komponen sebuah sistem informasi beserta aliran-aliran datanya.
Terdapat 3 entitas eksternal, 7 proses, dan 4 data store yang dihubungkan oleh
konektor aliran data pada DFD ini. Data store data nilai rapor di sini merupakan
penyederhaan dari beberapa tabel di dalam basis data, yaitu nilai mata pelajaran,
tahfidz, ekstrakulikuler, character building, kepribadian, capaian karakter, standar
capaian hafalan, bimbingan konseling, dan absensi. Sedangkan data store data inti
rapor merupakan penyederhaan dari beberapa tabel di basis data, yaitu mata
pelajaran, tahfidz, ekstrakulikuler, kepribadian, character building, dan data setting
raport.
DFD sistem informasi ini diuraikan sampai DFD level 2, dimana terdapat
proses pada DFD level 1 yang masih dapat diuraikan ke level 2. Proses tersebut
antara lain proses login, pengelolaan admin, pengelolaan nilai, pengelolaan
pengumuman, dan pengelolaan data inti rapor. DFD level 2 tersebut dapat dilihat
pada gambar IV.3 sampai dengan IV.8.
32
a. Data Flow Diagram (DFD) level 1
Gambar IV.3. Data Flow Diagram (DFD) level 1
33
b. Data Flow Diagram (DFD) level 2
Gambar IV.4. DFD level 2 proses login
34
Gambar IV.5. DFD level 2 proses pengelolaan admin rapor
35
Gambar IV.6. DFD level 2 proses pengelolaan nilai rapor
36
Gambar IV.7. DFD level 2 proses pengelolaan pengumuman
37
Gambar IV.8. DFD level 2 proses pengelolaan data inti rapor
4.3. Desain Sistem Informasi
Desain Sistem Informasi Rapor Online SMAIT Bina Amal Semarang ini
meliputi desain basis data, desain algoritma, dan desain antarmuka.
4.3.1. Desain Basis Data
Desain basis data yang digunakan di dalam aplikasi adalah sebagai berikut.
a. Nama tabel : absensi
Deskripsi tabel : berisi data absensi siswa dalam kurun waktu tertentu
yang berada di SIRO
Primary key : id_absensi
38
Tabel IV. 4. Tabel Users
No. Field Deskripsi Tipe Keterangan

1. id_absensi Nomor id absesnsi Int(11) primary key
2. nis Nomor induk siswa Char(17)
3. tahun Tahun ajaran Char(9)
4. kelas Kelas siswa Char(6)
5. semester Semester absensi Char(1)
6. Sakit Keterangan kehadiran Int(11)
7. Iziin Keterangan kehadiran Int(11)
8. tanpa_keterangan Keterangan kehadiran Int(11)
b. Nama tabel : berada_di_kelas

Deskripsi tabel : berisi data siswa yang berada dikelas tertentu
berdasarkan kode kelasnya
Primary key : id
Tabel IV. 5. Tabel Berada di Kelas

1. Id Nomor id berada_di_kelas Int(11) primary key
2. nis Nomor induk siswa Char(17) foreign key
3. kd_kelas Kode kelas Char(6) foreign key
c. Nama tabel : character_building

Deskripsi tabel : berisi data daftar character_building yang ada di
SMAIT Bina Amal Semarang
Primary key : id_cb
Tabel IV. 6. Tabel Character Building

1. id_cb Nomor id character Int(11) primary
building key
2. nama_cb Nama character Varchar(50)
39
building
3. id_kelompok_cb Nomor id kelompok Int(11) foreign key
cb
4. Aktif Status character Tinyint(1)
building
d. Nama tabel : ekstrakulikuler

Deskripsi tabel : berisi data ekstrakulikuler yang ada di SMAIT Bina
Amal Semarang
Primary key : id_ekskul
Tabel IV. 7. Tabel Ekstrakulikuler

1. id_ekskul Nomor id Int(11) primary key
ekstrakulikuler
2. nama_ekskul Nama Varchar(50)
ekstrakulikuler
3. id_kelompok_ Nomor id Int(11) foreign key
ekskul kelompok
ekstrakululer
4. Aktif Status Tinyint(1)
ekstrakulikuler
e. Nama tabel : guru

Deskripsi tabel : berisi data guru yang ada di SMAIT Bina Amal
Semarang
Primary key : nip
Tabel IV. 8. Tabel Guru

1. Nip Nomor induk pegawai char(18) primary key
2. Nama Kode dosen varchar(50)
3. Jabatan Nomor id mata kuliah varchar(20)
40
f. Nama tabel : keikutsertaan_organisasi
Deskripsi tabel : berisi data organisasi yang diikuti oleh siswa
Primary key : id
Tabel IV. 9. Tabel Keikutsertaan Organisasi

1. Id Nomor id keikutsertaan Int(11) primary key
organisasi
2. Nis Nomor induk siswa Char(17) foreign key
3. id_organisasi Nomor id organisasi Int(11) foreign key
4. Tahun Tahun ajaran Char(9)
5. Keterangan Keterangan organisasi Text
yang diikuti
g. Nama tabel : kelas

Deskripsi tabel : berisi data kelas yang ada di SMAIT Bina Amal
Semarang
Primary key : kd_kelas
Tabel IV. 10. Tabel Kelas

1. kd_kelas Kode kelas Char(6) primary key
2. guru_tahfidz Guru yang menilai hafalan Char(18)
3. nama_kelas Nama kelas Varchar(20)
4. Jurusan Jurusan di SMA Varchar(7)
5. Kategori Kategori kelas Char(1)
6. wali_kelas Guru wali kelas Char(18) foreign key
7. Thn Tahun ajaran Char(9)
h. Nama tabel : kelompok_cb

Deskripsi tabel : berisi data pengelompokan character building
Primary key : id_kelompok_cb
41
Tabel IV. 11. Tabel Kelompok Character Building

1. id_kelompok_cb Nomor id kelompok cb Int(11) primary key
2. nama_kelompok Nama kelompok cb Varchar(50)
3. kelompok_besar Kelompok cb besar Int(1)
i. Nama tabel : kelompok_ekskul

Deskripsi tabel : berisi data pengelompokan ekstrakulikuler
Primary key : id_kelompok_ekskul
Tabel IV. 12. Tabel Kelompok Ekstrakulikuler

1. id_kelompok_ekskul Nomor id Int(11) primary key
kelompok ekskul
2. nama_kelompok Nama kelompok Varchar(50)
ekskul
j. Nama tabel : kepribadian

Deskripsi tabel : berisi data nama kepribadian
Primary key : id_kepribadian
Tabel IV. 13. Tabel Kepribadian

1. id_kepribadian Nomor id kepribadian Int(11) primary key
2. nama_kepribadian Nama kepribadian Varchar(20)
3. Aktif Status kepribadian Tinyint(1)
k. Nama tabel : konseling

Deskripsi tabel : berisi data konseling yang telah dilakukan siswa
Primary key : id
Tabel IV. 14. Tabel Konseling

1. Id Nomor id konseling Int(11) primary key
42
2. nis Nomor induk siswa Char(17) foreign key
4. kelas Kelas siswa konseling Char(6)
5. semester Semester konseling Char(1)
6. kegiatan_konseling Kegiatan konseling yang Text
7. keterangan Keterangan konseling Text
l. Nama tabel : mata_pelajaran

Deskripsi tabel : data mata pelajaran yang ada di SMAIT Bina Amal
Primary key : id
Tabel IV. 15. Tabel Mata Pelajaran
No Field Deskripsi Tipe Keterangan

1. kd_mapel Kode mata pelajaran Int(11) primary key
2. nama_mapel Nama mata pelajaran Varchar(35)
3. kategori Kategori mata pelajaran Varchar(20)
4. jenjang Jenjang mata pelajaran Varchar(3)
5. jurusan Mata pelajaran pada jurusan Varchar(3)
6. kkm Kkm nilai mata pelajaran Int(3)
7. aktif Status mata pelajaran Tinyint(1)
m. Nama tabel : nilai_capaian_karakter

Deskripsi tabel : data nilai capaian karakter yang diperoleh siswa
Primary key : id_nilai
Tabel IV. 16. Tabel Nilai Capaian Karakter

1. id_nilai Nomor id nilai capaian karakter Int(11) primary key
4. Kelas Kelas siswa Char(6)
5. Semester Semester Char(1)
6. Deskripsi Deskripsi capaian karakter Text
43
n. Nama tabel : nilai_cb
Deskripsi tabel : data nilai character building yang di peroleh siswa
Tabel IV. 17. Tabel Nilai Character Building

1. id_nilai Nomor id nilai character building Int(11) primary key
3. id_cb Nomor id character building Int(11) foreign key
7. Nilai Nilai character building Char(1)
o. Nama tabel : nilai_ekskul

Deskripsi tabel : data nilai ekstrakulikuler yang diperoleh siswa
Tabel IV. 18. Tabel Nilai Ekstrakulikuler

1. id_nilai Nomor id nilai ekstrakulikuler Int(11) primary
key
3. id_ekskul Nomor id ekstrakulikuler Int(11) foreign key
7. Keterangan Keterangan ekstrakulikuler Char(1)
p. Nama tabel : nilai_kepribadian

Deskripsi tabel : berisi data nilai kepribadian siswa
44
Tabel IV. 19. Tabel Nilai Kepribadian

1. id_nilai Nomor id nilai kepribadian Int(11) primary key
3. id_kepribadian Nomor id kepribadian Int(11) foreign key
6. semester Semester Char(1)
7. Nilai Nilai kepribadian siswa Text
q. Nama tabel : nilai_mata_pelajaran

Deskripsi tabel : berisi data nilai mata pelajaran yang diperoleh siswa
Tabel IV. 20. Tabel Nilai Mata Pelajaran

1. id_nilai Nomor id nilai mata Int(11) primary key
pelajaran
3. kd_mapel Nomor id mata Int(11) foreign key
pelajaran
7. nilai_pengetahuan Nilai pengetahuan Int(3)
mata pelajaran
8. nilai_keterampilan Nilai keterampilan Int(3)
mata pelajaran
9. Sikap Sikap siswa Varchar(3)
10. deskripsi Keterangan Text
45
r. Nama tabel : nilai_standar_capaian_hafalan
Deskripsi tabel : berisi data nilai standar capaian hafalan siswa
Tabel IV. 21. Tabel Nilai Standar Capaian Hafalan

1. id_nilai Nomor id nilai Int(11) primary key
standar capaian
hafalan
5. Semester Semester Int(11)
6. standar_jumlah_ Standar jumlah Int(11)
halaman halaman hafalan
7. standar_capaian Standar capaian Varchar(75)
_wajib wajib hafalan
8. Kuantitas Kuantitas hafalan Varchar(15)
9. Makhraj Makhraj hafalan Varchar(15)
10. Tajwid Tajwid hafalan Varchar(15)
11. kelancaran Kelancaran hafalan Varchar(15)
12. capaian_hafalan Capaian hafalan Varchar(75)
_wajib wajib
13. capaian_hafalan Capaian hafalan Varchar(75)
_tambahan tambahan
14. jumlah_halaman Jumlah halaman Int(11)
_tercapai hafalan
15. Catatan Catatan dari ustadz Text
46
s. Nama tabel : nilai_tahfidz
Deskripsi tabel : berisi nilai hafalan persurat yang diperoleh siswa
Tabel IV. 22. Tabel Nilai Tahfidz

1. id_nilai Nomor id nilai tahfidz Int(11) primary key
3. id_surah Nomor id surah Int(11) foreign key
7. Makhraj Makhraj hafalan Char(1)
8. Tajwid Tajwid hafalan Char(1)
9. kelancaran Kelancaran hafalan Char(1)
10 Makhraj Makhraj hafalan Char(1)
t. Nama tabel : organisasi

Deskripsi tabel : data organisasi yang ada di SMAIT Bina Amal
Primary key : id_organisasi
Tabel IV. 23. Tabel Organisasi

1. id_organisasi Nomor id organisasi Int(11) primary key
2. nama_organisasi Nama organisasi Varchar(50)
u. Nama tabel : pengumuman

Deskripsi tabel : berisi data pengumuman pada halaman SIRO
Primary key : id_pengumuman
Tabel IV. 24. Tabel Pengumuman

1. id_pengumuman Nomor id pengumuman Int(11) primary key
47
2. isi_pengumuman Isi pengumuman Text
3. Status Status pengumuman Int(11)
v. Nama tabel : setting_raport

Deskripsi tabel : berisi data setting raport yang akan dicetak
Primary key : id_setting
Tabel IV. 25. Tabel Setting Raport

1. id_setting Nomor id setting raport Int(11) primary key
2. tanggal_raport Tanggal raport dicetak Date
3. nama_kepala_ Nama kepala sekolah Varchar(30)
sekolah
4. Tahun Tahun raport dicetak Char(9)
5. semester Semester raport dicetak Char(1)
w. Nama tabel : siswa

Deskripsi tabel : berisi data siswa
Primary key : nis
Tabel IV. 26. Tabel Siswa

1. Nis Nomor induk siswa Char(17) primary key
2. Nama Nama siswa Varchar(30)
x. Nama tabel : tahfidz

Deskripsi tabel : berisi data surah yang dihafalkan siswa
Primary key : id_surah
Tabel IV. 27. Tabel Tahfidz

1. id_surah Nomor id surah Int(11) primary key
2. juz_ke Juz surah Int(11)
48
3. nama_surah Nama surah Varchar(15)
4. Aktif Status surah Tinyint(1)
y. Nama tabel : users

Deskripsi tabel : berisi data user dari SIRO
Primary key : id_user
Tabel IV. 28. Tabel Users

1. id_user Nomor id user Int(11) primary key
2. Username Username akun Varchar(20)
3. password Password akun Varchar(40)
4. Level Level akun Int(1)
4.3.2. Desain Algoritma
Desain atau perancangan algoritma dalam dokumen desain SIRO SMAIT Bina
Amal Semarang ini menggunakan natural language atau bahasa natural. Bahasa
natural merupakan alat bantu yang digunakan untuk mengorganisasikan logika
prosedur suatu program dengan menggunakan bahasa alami, tanpa terikat dengan
bahasa pemrograman tertentu. Dalam dokumen ini terdapat sembilan bahasa natural
yang merupakan gambaran fungsi-fungsi yang ada dalam SIRO SMAIT Bina Amal
Semarang.
4.3.2.1. Desain Algoritma Login
Login dibutuhkan untuk masuk ke sistem. User bisa masuk ke dalam sistem
dengan memastikan apakah kombinasi username dan password yang dimasukkan
cocok.
Initial State
Memasukkan username dan password ke dalam form yang sudah disediakan.
Final State
User berhasil masuk dan diarahkan ke halaman beranda atau tampilkan pesan
49
kombinasi username dan password salah atau kombinasi username dan
password tidak boleh kosong
Spesifikasi Proses/Algoritma
Sistem membaca username dan password.
IF
Kombinasi username dan password tidak kosong.
THEN
IF
Kombinasi username dan password cocok
THEN
Arahkan ke halaman home.
ELSE
Tampilkan pesan kombinasi username dan password salah.
ELSE
Tampilkan pesan kombinasi username dan password tidak boleh kosong.
4.3.2.2. Desain Algoritma Kelola User
Admin master dapat melakukan pengelolaan user. Pengelolaan disini dapat

dijabarkan menggunakan natural language menjadi beberapa bagian, diantaranya
sebagai berikut :
a. Melihat user
Initial State
Admin master menekan menu “kelola admin”
Final State
Data user (admin rapor) berhasil ditampilkan atau data user tidak ditemukan
Sistem membaca perintah pada menu “kelola admin”
Sistem mengambil data user dari database
IF
Data user tersedia
THEN
50
Tampilkan data user
ELSE
Tampilkan data user tidak ditemukan
b. Mengedit user
Initial State
Admin master menekan tombol “edit” di sebelah nama admin rapor yang ingin
diedit.
Final State
Data admin rapor berhasil diubah atau tampilkan pesan error
Sistem membaca perintah “edit”.
Tampilkan form edit admin rapor
IF
Data admin rapor yang dimasukkan kedalam field sesuai
THEN
Simpan data admin rapor ke dalam database dan tampilakan notifikasi
berhasil diubah
ELSE
Tampilkan pesan error.
c. Menambah user
Initial State
Admin master menekan tombol “tambah” di bagian kanan bawah halaman
menu kelola admin
Final State
Data user (admin rapor) berhasil ditambahkan atau tampilkan pesan error
Sistem membaca perintah “tambah”.
Tampilkan form tambah admin rapor
IF
51
Data admin rapor yang dimasukkan kedalam field sesuai
THEN
Simpan data admin rapor kedalam basis data dan tampilkan notifikasi data
admin rapor berhasil ditambahkan
ELSE
d. Menghapus user
Initial State
Admin master menekan tombol delete di sebelah nama admin rapor yang ingin
dihapus.
Final State
Data admin rapor berhasil dihapus atau tutup kotak dialog, batal melakukan
penghapusan.
Sistem membaca perintah delete
Tampilkan kotak dialog konfirmasi.
IF
Admin menekan tombol delete.
THEN
Hapus data admin rapor dari basis data dan tampilkan notifikasi berhasil
menghapus.
ELSE
Tutup kotak dialog, batal melakukan penghapusan.
4.3.2.3. Desain Algoritma Kelola Data Setting Rapor
Admin master dapat mengelola data setting rapor. Pengelolaan disini dapat
dijabarkan menggunakan natural language menjadi beberapa bagian, diantaranya
sebagai berikut :
52
a. Melihat data setting rapor
Initial State
Admin master menekan menu “pengaturan”
Final State
Data setting rapor ditampilkan atau data setting rapor tidak ditemukan
Sistem membaca perintah “pengaturan”
Sistem mengambil data setting rapor dari database
IF
Data setting rapor tersedia
THEN
Tampilkan data setting rapor
ELSE
Tampilkan data setting rapor tidak ditemukan
b. Mengedit data setting rapor

Initial State
Admin master menekan tombol “edit” di sebelah nama data setting rapor yang
ingin diedit.
Final State
Data setting rapor berhasil diubah atau tampilkan pesan error
Sistem membaca perintah “edit”
Sistem menampilkan data setting rapor pada form edit data setting rapor.
IF
Data setting rapor yang dimasukkan kedalam field sesuai
THEN
Simpan data setting rapor ke dalam database dan tampilkan notifikasi berhasil
diubah
ELSE
53
c. Menambah data setting rapor
Initial State
Admin master menekan tombol “tambah” di bagian kanan bawah halaman
menu pengaturan
Final State
Data setting rapor berhasil ditambahkan atau tampilkan pesan error
Tampilkan form tambah data setting rapor
IF
Data setting rapor yang dimasukkan kedalam field sesuai
THEN
Simpan data setting rapor kedalam basis data dan tampilkan notifikasi data
setting rapor berhasil ditambahkan
ELSE
d. Menghapus data setting rapor

Initial State
Admin master menekan tombol delete di sebelah nama data setting rapor yang
ingin dihapus.
Final State
Data setting rapor berhasil dihapus atau tutup kotak dialog, batal melakukan
penghapusan.
IF
Admin master menekan tombol delete.
THEN
Hapus data setting rapor dari basis data dan tampilkan notifikasi berhasil
menghapus.
54
ELSE
4.3.2.4. Desain Algoritma Import Nilai Rapor
Admin master dan admin rapor dapat melakukan import data nilai rapor
kedalam database. Admin master dan admin rapor dapat menggunakan file yang
sudah didownload sebelumnya dari blanko nilai untuk mengisi database. Pengisian
satu tabel di database diwakili oleh satu file.
Initial State
Admin master atau admin rapor menekan tombol “import” di halaman nilai
yang maksud
Final State
File berhasil di-import dan tabel target di basis data terisi atau tampilkan pesan
error/gagal melakukan import.
Sistem membaca informasi terkait file yang dipilih.
IF
Isi file yang di-import valid
THEN
IF
Data nilai rapor yang ada dalam file valid
THEN
Masukkan data nilai rapor kedalam database
ELSE
Tampilkan pesan bahwa data nilai rapor yang ada dalam file tidak valid
ELSE
Tampilkan pesan error/file tidak valid.
55
4.3.2.5. Desain Algoritma Kelola Data Nilai Rapor
Admin master dan admin rapor dapat mengelola data nilai rapor. Pengelolaan
disini dapat dijabarkan menggunakan natural language menjadi beberapa bagian,
diantaranya sebagai berikut :
a. Melihat data nilai rapor
Initial State
Admin memilih tahun ajaran, jenis nilai (nama mata pelajaran atau nama surah
dan lain lain) , kelas, dan semester diinginkan.
Final State
Data nilai rapor berhasil ditampilkan atau data nilai rapor tidak ditemukan
Sistem membaca tahun ajaran, jenis nilai (nama mata pelajaran atau nama surah
dan lain lain) , kelas, dan semester
IF
Data nilai rapor tersedia
THEN
Tampilkan data nilai rapor
ELSE
Tampilkan data nilai rapor tidak ditemukan
b. Mengedit data nilai rapor

Initial State
Admin menekan tombol “edit” di sebelah nama data nilai rapor yang ingin
diedit.
Final State
Data nilai rapor berhasil diubah atau tampilkan pesan error
Sistem membaca perintah “edit”.
Tampilkan form edit data nilai rapor
IF
Data nilai rapor yang dimasukkan kedalam field sesuai
THEN
56
Simpan data nilai rapor ke dalam database dan tampilakan notifikasi berhasil
diubah
ELSE
c. Menambah data nilai rapor

Initial State
Admin menekan tombol “tambah” di bagian kanan bawah halaman menu nilai
Final State
Data nilai rapor berhasil ditambahkan atau tampilkan pesan error
Tampilkan form tambah data nilai rapor
IF
Data nilai rapor yang dimasukkan kedalam field sesuai
THEN
Simpan data nilai rapor kedalam basis data dan tampilkan notifikasi data nilai
rapor berhasil ditambahkan
ELSE
d. Menghapus data nilai rapor

Initial State
Admin menekan tombol delete di sebelah nama data nilai rapor yang ingin
dihapus.
Final State
Data nilai rapor berhasil dihapus atau tutup kotak dialog, batal melakukan
penghapusan.
IF
57
Admin menekan tombol delete.
THEN
Hapus data nilai rapor dari basis data dan tampilkan notifikasi berhasil
menghapus.
ELSE
4.3.2.6. Desain Algoritma Download Blanko Nilai
Admin master dan admin rapor dapat mendownload blanko nilai dari masing-
masing nilai mata pelajaran, tahfidz, ekstrakulikuler, character building, kepribadian,
capaian karakter, standar capaian tahfidz, bimbingan konseling, dan data absensi
untuk kemudian mengisikan nilainya.
Initial State
Admin memilih jenis blanko nilai yang akan didownload.
Final State
File blanko nilai berhasil didownload atau blanko nilai tidak tersedia
Sistem membaca jenis blanko nilai
IF
Jika blanko nilai yang dipilih tersedia.
THEN
Sistem mengambil data siswa dari database.
Sistem secara langsung menyimpan file blanko nilai di tempat penyimpanan
admin master dan admin rapor.
ELSE
Tampilkan blanko nilai tidak tersedia
4.3.2.7. Desain Algoritma Download Rapor
Admin master dan admin rapor dapat mendownload rapor.

Initial State
Admin memilih jenis rapor yang akan didownload.
58
Final State
File rapor berhasil didownload
Sistem membaca jenis rapor
IF
Jika rapor yang dipilih tersedia.
THEN
Sistem mengambil data siswa dari database.
Sistem secara langsung menyimpan file rapor di tempat penyimpanan admin
master dan admin rapor.
ELSE
Tampilkan rapor tidak tersedia.
4.3.3. Desain Antarmuka
Desain antarmuka merupakan perancangan bentuk tampilan dari Sistem

Informasi Rapor Online SMAIT Bina Amal Semarang ini. Rancangan desain
antarmuka yang akan digunakan adalah sebagai berikut.
4.3.3.1. Desain Antarmuka Login
Halaman login meminta user untuk memasukkan username dan password.

Apabila kombinasi dari keduanya cocok maka user akan diarahkan ke halaman
beranda/home sesuai dengan hak aksesnya. Desain antarmuka login dapat dilihat
pada gambar IV.9.
59
Gambar IV.9. Desain Antarmuka Login
4.3.3.2. Desain Antarmuka Kelola User
Halaman kelola user (admin rapor) hanya dapat dilihat dan digunakan pada
halaman admin master. Halaman ini berfungsi untuk mengelola admin rapor.
Halaman ini memiliki beberapa menu, yaitu lihat admin rapor, edit admin rapor,
tambah admin rapor, dan hapus admin rapor. Desain antarmuka kelola user dapat
dilihat pada gambar IV.10.
60
Gambar IV.10. Desain Antarmuka Kelola User
4.3.3.3. Desain Antarmuka Kelola Data Setting Rapor
Halaman kelola data setting rapor hanya dapat dilihat dan digunakan pada
halaman admin master. Halaman ini berfungsi untuk mengelola data setting rapor.
Halaman ini memiliki beberapa menu yang terdiri dari data setting rapor itu sendiri,
yaitu mata pelajaran, tahfidz, ekstrakulikuler, kepribadian, character building, dan
pengumuman. Didalam masing-masing menu, memiliki beberapa sub – menu yang
berfungsi untuk melihat, menambahkan, mengedit dan menghapus data setting rapor.
Desain antarmuka kelola data setting rapor dapat dilihat pada gambar IV.11. sampai
gambar IV.16.
61
Gambar IV.11. Desain Antarmuka Kelola Data Mata Pelajaran
Gambar IV.12. Desain Antarmuka Kelola Data Tahfidz
62
Gambar IV.13. Desain Antarmuka Kelola Data Ekstrakulikuler
Gambar IV.14. Desain Antarmuka Kelola Data Kepribadian
63
Gambar IV.15. Desain Antarmuka Kelola Data Character Building
Gambar IV.16. Desain Antarmuka Kelola Data Pengumuman
4.3.3.4. Desain Antarmuka Kelola Data Nilai Rapor
Halaman kelola data nilai rapor dapat dilihat dan digunakan pada halaman
admin master dan admin rapor. Halaman ini berfungsi untuk mengelola data nilai
rapor. Data nilai rapor itu sendiri terdiri dari beberapa jenis nilai, yaitu nilai mata
pelajaran, tahfidz, ekstrakulikuler, character building, kepribadian, capaian karakter,
standar capaian tahfidz, bimbingan konseling, dan data absensi. Didalam masing-
64
masing jenisnya, memiliki beberapa menu yang berfungsi untuk melihat,
menambahkan, mengedit, menghapus, dan import nilai rapor yang blankonya dapat
didownload dimenu yang lain. Desain antarmuka kelola data nilai rapor dapat dilihat
pada gambar IV.17 sampai gambar IV.25
Gambar IV.17. Desain Antarmuka Kelola Data Nilai Mata Pelajaran
Gambar IV.18. Desain Antarmuka Kelola Data Nilai Tahfidz
65
Gambar IV.19. Desain Antarmuka Kelola Data Nilai Ekstrakulikuler
Gambar IV.20. Desain Antarmuka Kelola Data Nilai Kepribadian
66
Gambar IV.21. Desain Antarmuka Kelola Data Nilai Character Building
Gambar IV.22. Desain Antarmuka Kelola Data Nilai Capaian Karakter
67
Gambar IV.23. Desain Antarmuka Kelola Data Nilai Capaian Hafalan
Gambar IV.24. Desain Antarmuka Kelola Data Bimbingan Konseling
68
Gambar IV.25. Desain Antarmuka Kelola Data Absensi
4.3.3.5. Desain Antarmuka Download Blanko Nilai
Halaman blanko nilai dapat dilihat dan digunakan pada halaman admin master
dan admin rapor. Halaman ini berfungsi untuk memilih dan mendownload beberapa
jenis blanko nilai. Desain antarmuka download blanko nilai dapat dilihat pada
gambar IV.26
Gambar IV.26. Desain Antarmuka Download Blanko Nilai
69
4.3.3.6. Desain Antarmuka Download Rapor
Halaman download rapor dapat dilihat dan digunakan pada halaman admin
master dan admin rapor. Halaman ini berfungsi untuk memilih dan mendownload
beberapa jenis rapor. Desain antarmuka download rapor dapat dilihat pada gambar
IV. 27.
Gambar IV.27. Desain Antarmuka Download Rapor
70
BAB V
IMPLEMENTASI DAN PENGUJIAN
Bab ini membahas tentang bagaimana implementasi dan pengujian yang dilakukan
terhadap sistem informasi rapor online ini.
5.1. Implementasi Sistem Informasi Rapor Online SMAIT Bina Amal Semarang
Sistem Informasi Rapor Online SMAIT Bina Amal Semarang ini

diimplementasikan dengan menggunakan bahasa pemrograman HTML, PHP, dan
perpaduan CSS, JavaScript, serta Ajax. Untuk manajemen basis datanya, sistem
informasi dan registrasi ini menggunakan MySql. Implementasi Sistem Informasi
Rapor Online SMAIT Bina Amal Semarang dijelaskan di bawah ini.
5.1.1. Implementasi Basis Data
Implementasi basis data dari SIRO menggunakan basis data relasional MySql.
Tabel yang diimplementasikan dalam SIRO dijabarkan sebagai berikut:
a. Implementasi Tabel Absensi
Implementasi dari rancangan tabel absensi dapat dilihat pada gambar V.1.
b. Implementasi Tabel Berada di Kelas
Implementasi dari rancangan tabel berada di kelas dapat dilihat pada gambar V.2.
c. Implementasi Tabel Character Building
Implementasi dari rancangan tabel character building dapat dilihat pada gambar
V.3.
d. Implementasi Tabel Ekstrakulikuler
Implementasi dari rancangan tabel ekstrakulikuler dapat dilihat pada gambar V.4.
e. Implementasi Tabel Guru
Implementasi dari rancangan tabel guru dapat dilihat pada gambar V.5.
f. Implementasi Tabel Keikutsertaan Organisasi
Implementasi dari rancangan tabel keikutsetaan organisasi dapat dilihat pada
gambar V.6.
g. Implementasi Tabel Kelas
Implementasi dari rancangan tabel kelas dapat dilihat pada gambar V.7.
h. Implementasi Tabel Kelompok Character Building
71
Implementasi dari rancangan tabel kelompok character building dapat dilihat pada
gambar V.8.
i. Implementasi Tabel Kelompok Ekstrakulikuler
Implementasi dari rancangan tabel kelompok ekstrakulikuler dapat dilihat pada
gambar V.9.
j. Implementasi Tabel Kepribadian
Implementasi dari rancangan tabel kepribadian dapat dilihat pada gambar V.10.
k. Implementasi Tabel Konseling
Implementasi dari rancangan tabel konseling dapat dilihat pada gambar V.11.
l. Implementasi Tabel Mata Pelajaran
Implementasi dari rancangan tabel mata pelajaran dapat dilihat pada gambar V.12.
m. Implementasi Tabel Nilai Capaian Karakter
Implementasi dari rancangan tabel nilai capaian karakter dapat dilihat pada
gambar V.13.
n. Implementasi Tabel Nilai Character Building
Implementasi dari rancangan tabel nilai character building dapat dilihat pada
gambar V.14.
o. Implementasi Tabel Nilai Ekstrakulikuler
Implementasi dari rancangan tabel nilai ekstrakulikuler dapat dilihat pada gambar
V.15.
p. Implementasi Tabel Nilai Kepribadian
Implementasi dari rancangan tabel nilai kepribadian dapat dilihat pada gambar
V.16.
q. Implementasi Tabel Nilai Mata Pelajaran
Implementasi dari rancangan tabel nilai mata pelajaran dapat dilihat pada gambar
V.17.
r. Implementasi Tabel Nilai Standar Capaian Hafalan
Implementasi dari rancangan tabel nilai standar capaian hafalan dapat dilihat pada
gambar V.18.
s. Implementasi Tabel Nilai Tahfidz
Implementasi dari rancangan tabel nilai tahfidz dapat dilihat pada gambar V.19.
t. Implementasi Tabel Organisasi
Implementasi dari rancangan tabel organisasi dapat dilihat pada gambar V.20.
72
u. Implementasi Tabel Pengumuman
Implementasi dari rancangan tabel pengumuman dapat dilihat pada gambar V.21.
v. Implementasi Tabel Setting Raport
Implementasi dari rancangan tabel setting raport dapat dilihat pada gambar V.22.
w. Implementasi Tabel Siswa
Implementasi dari rancangan tabel siswa dapat dilihat pada gambar V.23.
x. Implementasi Tabel Tahfidz
Implementasi dari rancangan tabel tahfidz dapat dilihat pada gambar V.24.
y. Implementasi Tabel Users
Implementasi dari rancangan tabel siswa dapat dilihat pada gambar V.25.
Gambar V. 20. Implementasi Tabel Absensi
Gambar V. 21. Implementasi tabel berada di kelas
73
Gambar V. 22. Implementasi tabel character building
Gambar V. 23. Implementasi tabel ekstrakulikuler
Gambar V. 24. Implementasi tabel guru
Gambar V. 25. Implentasi tabel organisasi
74
Gambar V. 26. Implementasi tabel kelas
Gambar V. 27. Implementasi tabel kelompok character building
Gambar V. 28. Implementasi tabel kelompok ekstrakulikuler
Gambar V. 29. Implementasi tabel kepribadian
75
Gambar V. 30. Implementasi tabel konseling
Gambar V. 31. Implementasi tabel mata pelajaran
Gambar V. 32. Implementasi tabel nilai capaian karakter
76
Gambar V. 33. Implementasi tabel nilai character building
Gambar V. 34. Implementasi tabel nilai ekstrakulikuler
Gambar V. 35. Implementasi tabel nilai kepribadian
77
Gambar V. 36. Implementasi tabel nilai mata pelajaran
Gambar V. 37. Implementasi tabel nilai standar capaian hafalan
78
Gambar V. 38. Implementasi tabel nilai tahfidz
Gambar V. 39. Implementasi tabel organisasi
Gambar V. 40. Implementasi tabel pengumuman
Gambar V. 41. Implementasi tabel setting raport
79
Gambar V. 42. Implementasi tabel siswa
Gambar V. 43. Implementasi tabel tahfidz
Gambar V. 44. Implementasi tabel users
5.1.2. Implementasi Algoritma
Implementasi Algoritma dari SIRO berdasarkan rancangan fungsi yang telah

dibuat dapat dijabarkan sebagai berikut:
5.1.2.1. Implementasi Algoritma Login
Login dibutuhkan untuk masuk ke sistem. User bisa masuk ke dalam sistem
dengan memastikan apakah kombinasi username dan password yang dimasukkan
cocok. Berikut adalah algorima login.
function login($username,$password) {
global $link;
$password = md5($password);
$result = $link->query("SELECT * FROM users WHERE username =
'$username'");
if($result->num_rows > 0) {
$data = $result->fetch_object();
if ($data->password == $password) {
return true;
}
else {
80
return showAlertDanger("Incorrect password");
}
}
else {
return showAlertDanger("Incorrect username");
}
}
5.1.2.2. Implementasi Algoritma Kelola User
Admin master dapat melakukan pengelolaan user. Pengelolaan yang dimaksud

disini adalah melihat, mengedit, menambah dan menghapus data user. Berikut
algoritma kelola user.
//Fungsi Read User

function getUsers($level) {
global $link;
$result = $link->query("SELECT * FROM users WHERE level =
'$level'");
return checkQueryRun($result);
}
//Fungsi Edit User

function ubahItem($page,$arr) {
global $link;
$result = $link->query("UPDATE users SET username =
'$arr[0]', password = '$arr[1]' WHERE id_user = '$arr[3]'");
return isset($result) ? checkQueryRunning($result) : false;
}
//Fungsi Add User

function tambahItem($page,$arr) {
global $link;
$password = md5($arr[1]);
$result = $link->query("INSERT INTO users
(username,password,level) VALUES ('$arr[0]','$password',2)");
}
//Fungsi Delete User

function deleteItem($page,$arr) {
global $link;
$result = $link->query("DELETE FROM users WHERE id_user =
'$arr[0]'");
}
5.1.2.3. Implementasi Algoritma Kelola Data Setting Rapor
Admin master dapat mengelola data setting rapor. Pengelolaan yang dimaksud
disini adalah melihat, mengedit, menambah dan menghapus data setting rapor.
Sedangkan untuk data setting rapor itu sendiri terdiri dari beberapa bagian
diantaranya sebagai berikut :
81
//Fungsi Read Mata Pelajaran($table = tabel mata pelajaran)
function getAllRow($table) {
global $link;
$result = $link->query("SELECT * FROM ".$table);
return checkQueryRun($result);
}
//Fungsi Add Mata Pelajaran

function tambahItem($page,$arr) {
global $link;
$result = $link->query("INSERT INTO mata_pelajaran
(nama_mapel,kategori,jenjang,jurusan,kkm) VALUES
('$arr[0]','$arr[1]','$arr[2]','$arr[3]','$arr[4]')");
}
//Fungsi Edit Mata Pelajaran

function ubahItem($page,$arr) {
global $link;
$result = $link->query("UPDATE mata_pelajaran SET nama_mapel
= '$arr[0]', kategori = '$arr[1]', jenjang = '$arr[2]',
jurusan = '$arr[3]', kkm = '$arr[4]' WHERE kd_mapel =
'$arr[5]'");
}
//Fungsi Delete Mata Pelajaran

function deleteItem($page,$arr) {
global $link;
$result = $link->query("UPDATE mata_pelajaran SET aktif =
'0' WHERE kd_mapel = '$arr[0]'");
}
5.1.2.4. Implementasi Algoritma Import Nilai Rapor
Admin master dan admin rapor dapat melakukan import data nilai rapor
kedalam database. Admin master dan admin rapor dapat menggunakan file yang
sudah didownload sebelumnya dari blanko nilai untuk mengisi database. Pengisian
satu tabel di database diwakili oleh satu file. Berikut implementasi algoritma import
nilai rapor.
$mataPelajaran = validateInput($sheet->getCell('C4')->getValue());
$kelas = validateInput($sheet->getCell('C5')->getValue());
$semester = validateInput($sheet->getCell('C6')->getValue());
$tahun = str_replace(' ', '', validateInput($sheet-
>getCell('C7')->getValue()));
$kdMapel =
getOneRecord(TABLE_MATA_PELAJARAN,'kd_mapel','nama_mapel',$ma
taPelajaran);
$idKelas = getKelasImport($kelas,$tahun);
$link->autocommit(false);
$arrFlag = array();
$highestColumn++;
82
for ($row = 0; $row <= $highestRow; ++$row) {
if ($row >= 10) {
$nis = validateInput($sheet-
>getCell('B'.$row)->getValue());
$nama = validateInput($sheet-
>getCell('C'.$row)->getValue());
$pengetahuan = validateInputNumeric($sheet-
>getCell('D'.$row)->getValue());
$keterampilan = validateInputNumeric($sheet-
>getCell('E'.$row)->getValue());
$sikap = validateInputAlphabet($sheet-
>getCell('F'.$row)->getValue());
$deskripsi = validateInput($sheet-
>getCell('G'.$row)->getValue());
$nis2 =
getOneRecord(TABLE_SISWA,'nis','nama',$nama);
$kelasSiswa =
getOneRecord(TABLE_BERADA_DI_KELAS,'kd_kelas','nis',$nis);
if ($nis != 0 && $kdMapel != 0 && $nis == $nis2

&&
!checkNilai($nis,$kdMapel,$tahun,$idKelas,$semester,$action))
{
if ($idKelas == $kelasSiswa) {
if ($pengetahuan != "" || $keterampilan !=
"" || $sikap != "" || $deskripsi != "") {
if (cekRangeNilaiAngka($pengetahuan) &&
cekRangeNilaiAngka($keterampilan) &&
cekRangeNilaiHuruf($sikap)) {
$result = $link->query("INSERT INTO
nilai_mata_pelajaran
(nis,kd_mapel,tahun,kelas,semester,nilai_pengetahuan,nilai_ke
terampilan,sikap,deskripsi) VALUES
('$nis','$kdMapel','$tahun','$idKelas','$semester','$pengetah
uan','$keterampilan','$sikap','$deskripsi')");
if (!$result) {
array_push($arrFlag,0);
$_SESSION['notif'] = '2,Data gagal
diimport';
break;
}
}
else {
$_SESSION['notif'] = '2,Ada kesalahan
pada nilai';
break;
}
}
}
else {
$_SESSION['notif'] = '2,Terdapat siswa salah
kelas';
break;
}
}
else {
$_SESSION['notif'] = '2,Data gagal diimport';
83
break;
}
}
}
5.1.2.5. Implementasi Algoritma Kelola Data Nilai Rapor
Admin master dan admin rapor dapat mengelola data nilai rapor. Pengelolaan
yang dimaksud disini adalah melihat, mengedit, menambah dan menghapus data nilai
rapor. Berikut implementas algoritma kelola data nilai rapor.
//Fungsi Tampil Nilai Mata Pelajaran
function getNilai($arr,$action) {
global $link;
$id = $arr['id'];
$tahun = $arr['tahun'];
$kelas = $arr['kelas'];
$semester = $arr['semester'];
case 'nilai-mata-pelajaran':
$result = $link->query("SELECT * FROM nilai_mata_pelajaran
WHERE kd_mapel = '$id' AND tahun = '$tahun' AND kelas =
'$kelas' AND semester = '$semester'");
//Fungsi Tambah Nilai Mata Pelajaran

function tambahNilai($page,$arr) {
global $link;
$result = $link->query("INSERT INTO nilai_mata_pelajaran
(nis,kd_mapel,tahun,kelas,semester,nilai_pengetahuan,nilai_ke
terampilan,sikap,deskripsi) VALUES
('$arr[0]','$arr[4]','$arr[1]','$arr[2]','$arr[3]','$arr[5]',
'$arr[6]','$arr[7]','$arr[8]')");
}
//Fungsi Edit Nilai Mata Pelajaran

function ubahNilai($page,$arr) {
global $link;
$result = $link->query("UPDATE nilai_mata_pelajaran SET
nilai_pengetahuan='$arr[1]', nilai_keterampilan = '$arr[2]',
sikap = '$arr[3]', deskripsi = '$arr[4]' WHERE id_nilai =
'$arr[0]'");
return checkQueryRunning($result);
}
//Fungsi Hapus Nilai Mata Pelajaran

function hapusNilai($action,$id) {
global $link;
$result = $link->query("DELETE FROM nilai_mata_pelajaran
WHERE id_nilai='$id'");
}
84
5.1.2.6. Implementasi Algoritma Download Blanko Nilai
Admin master dan admin rapor dapat mendownload blanko nilai dari masing-
masing nilai mata pelajaran, tahfidz, ekstrakulikuler, character building, kepribadian,
capaian karakter, standar capaian tahfidz, bimbingan konseling, dan data absensi
untuk kemudian mengisikan nilainya. Berikut implementasi algoritma download
blanko nilai.
$fileName = "Blanko nilai mata pelajaran.xlsx";

$kdMapel = isset($_POST['mapel']) ?
validateInput($_POST['mapel']) : '';
$sheet->SetCellValue('A4','Mata Pelajaran :')-
>mergeCells('A4:B4')->getStyle('A4:B4')-
>applyFromArray($rightAlign);
$sheet-
>SetCellValue('C4',getOneRecord(TABLE_MATA_PELAJARAN,'nama_ma
pel','kd_mapel',$kdMapel))->getStyle('C4')-
>applyFromArray($centerAlign);
$sheet->SetCellValue('A5','Kelas :')->mergeCells('A5:B5')-
>getStyle('A5:B5')->applyFromArray($rightAlign);
$sheet-
>SetCellValue('C5',getOneRecord(TABLE_KELAS,'nama_kelas','kd_
kelas',$kelas))->getStyle('C5')-
$sheet->SetCellValue('A6','Semester :')-
$sheet->SetCellValue('C6',$semester)->getStyle('C6')-
$sheet->SetCellValue('A7','Tahun didik :')-
$sheet->SetCellValue('C7',$tahun)->getStyle('C7')-
$sheet->SetCellValue('A9','No.')->getStyle('A9')-
>applyFromArray($boldAndCenterAlign);
$sheet->getColumnDimension('A')->setWidth(10.71);
$sheet->SetCellValue('B9','NIS')->getStyle('B9')-
$sheet->getColumnDimension('B')->setWidth(20.71);
$sheet->SetCellValue('C9','Nama')->getStyle('C9')-
$sheet->getColumnDimension('C')->setWidth(35.71);
$sheet->SetCellValue('D9','Pengetahuan')->getStyle('D9')-
$sheet->getColumnDimension('D')->setWidth(15.71);
$sheet->SetCellValue('E9','Keterampilan')->getStyle('E9')-
$sheet->getColumnDimension('E')->setWidth(15.71);
$sheet->SetCellValue('F9','Sikap')->getStyle('F9')-
$sheet->getColumnDimension('F')->setWidth(15.71);
$sheet->SetCellValue('G9','Deskripsi')->getStyle('G9')-
$sheet->getColumnDimension('G')->setWidth(50.71);
$i = 1;
85
$startRow = 10;
$startCell = 'A9';
$data = getListSiswa($kelas,$tahun);
while($row = $data->fetch_object()){
$sheet->SetCellValue('A'.$startRow,$i++)-
>getStyle('A'.$startRow)->applyFromArray($centerAlign);
$sheet->SetCellValue('B'.$startRow,$row->nis)-
>getStyle('B'.$startRow)->applyFromArray($centerAlign);
$sheet-
>SetCellValue('C'.$startRow,getOneRecord(TABLE_SISWA,'nama','
nis',$row->nis))->getStyle('C'.$startRow)-
>applyFromArray($leftAlign);
$startRow++;
}
$sheet->getStyle($startCell.':'.'G'.--$startRow)-
>applyFromArray($border);
$sheet->SetCellValue('A2','Nilai Mata Pelajaran')-
>getStyle('A2')->applyFromArray($boldAndCenterAlign);
$sheet->mergeCells('A2:'.'G3');
break;
5.1.2.7. Implementasi Algoritma Download Rapor
Admin master dan admin rapor dapat mendownload semua jens rapor. Berikut
algoritma implementasi download rapor.
$fileName = "Raport nilai mata pelajaran.xlsx";
$dataSekolah = getSettingRaport('',$tahun,$semester);
$data = $dataSekolah->fetch_object();
$objPHPExcel = PHPExcel_IOFactory::load('excel/R1.xlsx');
$objPHPExcel->setActiveSheetIndex(0);
$sheet = $objPHPExcel->getActiveSheet();
$nis = validateInput($_SESSION['user-raport']);
$sheet->SetCellValue('C3',':
'.getOneRecord(TABLE_SISWA,'nama','nis',$nis))-
>mergeCells('C2:E2')->getStyle('C2:E2')-
$sheet->SetCellValue('C4',': '.$nis)->mergeCells('C3:E3')-
>getStyle('C3:E3')->applyFromArray($leftAlign);
$sheet->SetCellValue('H3',':
'.getOneRecord(TABLE_KELAS,'nama_kelas','kd_kelas',$idKelas))
->mergeCells('J2:K2')->getStyle('J2:K2')-
$sheet->SetCellValue('H4',': '.(($semester == 1) ? '1
(Gasal)' : '2 (Genap)'))->mergeCells('J3:K3')-
>getStyle('J3:K3')->applyFromArray($leftAlign);
$sheet->SetCellValue('H5',': '.$tahun)-
>mergeCells('J4:K4')->getStyle('J4:K4')-
$sheet->SetCellValue('C16',': '.tanggal($data-
>tanggal_raport));
$sheet->SetCellValue('B23',$data->nama_kepala_sekolah);
$sheet-
>SetCellValue('G23',getOneRecord(TABLE_GURU,'nama','nip',getO
neRecord(TABLE_KELAS,'wali_kelas','kd_kelas',$idKelas)));
$row = 11;
$startColumn = 'A';
86
$no = 1;
$arrMapel = getInti($tahun,$idKelas,$semester,$q);
while($mapel = $arrMapel->fetch_object()) {
$col = $startColumn;
if ($mapel->kategori == 'Mata Pelajaran') {
if ($no != 1) {
$sheet->insertNewRowBefore($row, 1);
}
$sheet->SetCellValue($col.$row,$no);
$sheet->SetCellValue(++$col.$row,$mapel->nama_mapel)-
>mergeCells($col.$row.':'.++$col.$row);
$dataNilai = getNilaiSiswa($nis,$mapel-
>kd_mapel,$tahun,$idKelas,$semester,$q);
if ($dataNilai != null && $dataNilai->num_rows > 0) {
$nilai = $dataNilai->fetch_object();
$sheet-
>SetCellValue(++$col.$row,getOneRecord(TABLE_MATA_PELAJARAN,'
kkm','kd_mapel',$nilai->kd_mapel));
$sheet->SetCellValue(++$col.$row,$nilai-
>nilai_pengetahuan);
$sheet->SetCellValue(++$col.$row,(($nilai-
>nilai_pengetahuan == 0) ? 'nol' : sebutNilai($nilai-
>nilai_pengetahuan)))->getStyle($col.$row)->getAlignment()-
>setWrapText(true);
>nilai_keterampilan);
>nilai_keterampilan == 0) ? 'nol' : sebutNilai($nilai-
>nilai_keterampilan)))->getStyle($col.$row)->getAlignment()-
>setWrapText(true);
$sheet->SetCellValue(++$col.$row,$nilai->sikap);
}
else {
$sheet->SetCellValue(++$col.$row,'0');
$sheet->SetCellValue(++$col.$row,'nol');
$sheet->SetCellValue(++$col.$row,'-');
}
$no++;
$row++;
}
}
$row++;
$no = 1;
$arrMapel = getInti($tahun,$idKelas,$semester,$q);
while($mapel = $arrMapel->fetch_object()) {
$col = $startColumn;
if ($mapel->kategori == 'Muatan Lokal') {
if ($no != 1) {
$sheet->insertNewRowBefore($row, 1);
}
$sheet->SetCellValue($col.$row,$no);
$sheet->SetCellValue(++$col.$row,$mapel->nama_mapel)-
>mergeCells($col.$row.':'.++$col.$row);
$dataNilai = getNilaiSiswa($nis,$mapel-
>kd_mapel,$tahun,$idKelas,$semester,$q);
if ($dataNilai != null && $dataNilai->num_rows > 0) {
$nilai = $dataNilai->fetch_object();
87
$sheet-
>SetCellValue(++$col.$row,getOneRecord(TABLE_MATA_PELAJARAN,'
kkm','kd_mapel',$nilai->kd_mapel));
>nilai_pengetahuan);
>nilai_pengetahuan == 0) ? 'nol' : sebutNilai($nilai-
>nilai_pengetahuan)))->getStyle($col.$row)->getAlignment()-
>setWrapText(true);
>nilai_keterampilan);
>nilai_keterampilan == 0) ? 'nol' : sebutNilai($nilai-
>nilai_keterampilan)))->getStyle($col.$row)->getAlignment()-
>setWrapText(true);
$sheet->SetCellValue(++$col.$row,$nilai->sikap);
}
else {
$sheet->SetCellValue(++$col.$row,'-');
}
$no++;
$row++;
}
}
5.1.3. Implementasi Antarmuka
Implementasi antarmuka dari SIRO SMAIT Bina Amal berdasarkan rancangan

antarmuka yang telah dibuat dapat dijabarkan pada gambar V.1. sampai dengan
Gambar 5.6. berikut ini
5.1.3.1. Implementasi Antarmuka Login
Halaman ini adalah halaman pertama ketika user membuka web SIRO SMAIT
Bina Amal Semarang. Halaman login meminta user untuk memasukkan username
dan password. Apabila kombinasi dari keduanya cocok maka user akan diarahkan ke
halaman beranda/home sesuai dengan hak aksesnya. Implementasi antarmuka login
dapat dilihat pada gambar V.26.
88
Gambar V. 45. Implementasi Antarmuka Login
5.1.3.2. Implementasi Antarmuka Kelola User
Halaman kelola user (admin rapor) hanya dapat dilihat dan digunakan ketika
user memiliki hak akses sebagai admin master. Halaman ini berfungsi untuk
mengelola admin rapor. Halaman ini memiliki beberapa menu, yaitu lihat admin
rapor, edit admin rapor, tambah admin rapor, dan hapus admin rapor. Implementasi
antarmuka kelola user dapat dilihat pada gambar V.27.
Gambar V. 46. Implementasi Kelola User
5.1.3.3. Implementasi Antarmuka Kelola Data Setting Rapor
Halaman kelola data setting rapor hanya dapat dilihat dan digunakan pada
halaman admin master dan admin rapor. Halaman ini berfungsi untuk mengelola data
89
setting rapor. Halaman ini memiliki beberapa menu yang terdiri dari data setting
rapor itu sendiri, yaitu mata pelajaran, tahfidz, ekstrakulikuler, kepribadian,
character building, dan pengumuman. Didalam masing-masing menu, memiliki
beberapa sub – menu yang berfungsi untuk melihat, menambahkan, mengedit dan
menghapus data setting rapor. Implementasi antarmuka kelola data setting rapor
dapat dilihat pada gambar V.28. sampai gambar V.34
Gambar V. 47. Implementasi Antarmuka Kelola Data Mata Pelajaran
Gambar V. 48. Implementasi Kelola Data Tahfidz
90
Gambar V. 49. Implementasi Kelola Data Ekstrakulikuler
Gambar V. 50. Implementasi Kelola Data Kepribadian
91
Gambar V. 51. Implementasi Kelola Data Character Building
Gambar V. 52. Implementasi Kelola Data Pengumuman
5.1.3.4. Implementasi Antarmuka Kelola Data Nilai Rapor
Halaman kelola data nilai rapor dapat dilihat dan digunakan pada halaman
admin master dan admin rapor. Halaman ini berfungsi untuk mengelola data nilai
rapor. Data nilai rapor itu sendiri terdiri dari beberapa jenis nilai, yaitu nilai mata
pelajaran, tahfidz, ekstrakulikuler, character building, kepribadian, capaian karakter,
standar capaian tahfidz, bimbingan konseling, dan data absensi. Didalam masing-
masing jenisnya, memiliki beberapa menu yang berfungsi untuk melihat,
menambahkan, mengedit, menghapus, dan import nilai rapor yang blankonya dapat
92
didownload dimenu yang lain. Implementasi antarmuka kelola data nilai rapor dapat
dilihat pada gambar V.35. sampai gambar V.43.
Gambar V. 53. Implementasi Antarmuka Kelola Data Nilai Mata Pelajaran
Gambar V. 54. . Implementasi Antarmuka Kelola Data Nilai Tahfidz
93
Gambar V. 55. Implementasi Antarmuka Kelola Data Nilai Ekstrakulikuler
Gambar V. 56. Implementasi Antarmuka Kelola Data Nilai Kepribadian
94
Gambar V. 57. Implementasi Antarmuka Kelola Data Character Building
Gambar V. 58. Implementasi Antarmuka Kelola Data Nilai Capaian Karakter
95
Gambar V. 59. Implementasi Antarmuka Kelola Data Nilai Standar Capaian Hafalan
Gambar V. 60. Implementasi Antarmuka Kelola Data Bimbingan Konseling
96
Gambar V. 61. Implementasi Antarmuka Kelola Data Absensi
5.1.3.5. Implementasi Antarmuka Download Blanko Nilai
Halaman blanko nilai dapat dilihat dan digunakan pada halaman admin master
dan admin rapor. Halaman ini berfungsi untuk memilih dan mendownload beberapa
jenis blanko nilai. Desain antarmuka download blanko nilai dapat dilihat pada
gambar V.18.
Gambar V. 62. Implementasi Antarmuka Download Blanko Nilai
5.1.3.6. Implementasi Antarmuka Download Rapor
Halaman download rapor dapat dilihat dan digunakan pada halaman admin
master dan admin rapor. Halaman ini berfungsi untuk memilih dan mendownload
97
beberapa jenis rapor. Implementasi antarmuka download rapor dapat dilihat pada
gambar IV. 19.
Gambar V. 63. Implementasi Antarmuka Download Rapor
5.2. Pengujian Sistem Informasi Rapor Online SMAIT Bina Amal Semarang
Pengujian SIRO SMAIT Bina Amal Semarang menggunakan metode black

box, yaitu melakukan pengujian fungsionalitas dari perangkat lunak untuk
menemukan kesalahan pada persyaratan fungsional dengan mengabaikan mekanisme
internal atau komponen dari program tersebut. Pengujian black box diterima jika
fitur-fitur dari perangkat lunak telah memenuhi kebutuhan-kebutuhan aplikasi.
5.2.1. Persiapan Prosedural
Langkah-langkah prosedur untuk melakukan pengujian pada SIRO SMAIT

Bina Amal Semarang adalah sebagai berikut.
1. Menyiapkan software yang ingin diuji serta hardware yang mendukung dalam
proses pengujian.
2. Menetapkan tujuan yang hendak dicapai dalam setiap pengujian yang dilakukan
yang telah terdapat pada skenario rencana pengujian.
3. Menentukan kategori keberhasilan dalam pengujian.
4. Membuat kasus uji dan hasil uji.
5. Menemukan cacat yang ada dalam perangkat lunak.
98
6. Membuat perbaikan terhadap yang ada.
7. Menentukan diterima atau tidaknya alur tes.
8. Membuat evaluasi pengujian.
5.2.2. Rencana Pengujian
Daftar untuk rencana pengujian SIRO SMAIT Bina Amal Semarang dapat
dilihat pada tabel V.1.
Tabel V. 1. Rencana Pengujian
Jenis
No Fungsional Pengujian Identifikasi
Pengujian
1. SRS-SIRO-F-01 a. Antarmuka Login Black box U-1-01
b. Antarmuka Log Out Black box U-1-02
2. SRS-SIRO-F-02 a. Antarmuka lihat admin rapor Black box U-2-01
b. Antarmuka edit admin rapor Black box U-2-02
c. Antarmuka tambah admin Black box U-2-03
rapor
d. Antarmuka hapus admin rapor Black box U-2-04
3. SRS-SIRO-F-03 a. Antarmuka lihat data mata Black box U-3-01
pelajaran
b. Antarmuka edit data mata Black box U-3-02
pelajaran
c. Antarmuka tambah data mata Black box U-3-03
pelajaran
d. Antarmuka hapus data mata Black box U-3-04
pelajaran
4. SRS-SIRO-F-04 a. Import data nilai mata Black box U-4-01
pelajaran
b. Import data nilai tahfidz Black box U-4-02
c. Import data nilai Black box U-4-03
ekstrakulikuler
d. Import data nilai character Black box U-4-04
building
5. SRS-SIRO-F-05 a. Antarmuka lihat data nilai Black box U-5-01
mata pelajaran
b. Antarmuka edit data nilai Black box U-5-02
mata pelajaran
c. Antarmuka tambah data nilai Black box U-5-03
mata pelajaran
d. Antarmuka hapus data mata Black box U-5-04
99
Jenis
No Fungsional Pengujian Identifikasi
Pengujian
pelajaran
6. SRS-SIRO-F-06 a. Download blanko nilai mata Black box U-6-01
pelajaran
b. Download blanko nilai tahfidz Black box U-6-02
c. Download blanko nilai
ekstrakulikuler Black box U-6-03
d. Download blanko nilai
character building Black box U-6-04
7. SRS-SIRO-F-07 a. Download rapor R1 Black box U-7-01
b. Download rapor R2 Black box U-7-02
c. Download rapor R3 Black box U-7-03
d. Download rapor R4 Black box U-7-04
e. Download rapor R5-A Black box U-7-05
f. Download rapor R5-B Black box U-7-06
5.2.3. Deskripsi dan Hasil Uji
Deskripsi dan hasil uji dapat dilihar pada lampiran 1.
5.2.4. Analisis Hasil Uji
SIRO SMAIT Bina Amal Semarang telah dilakukan sejumlah pengujian untuk
menguji kelayakan aplikasi. Hasil pengujian dari SIRO SMAIT Bina Amal
Semarang telah diterima, sehingga dapat disimpulkan bahwa sistem informasi ini
telah memenuhi semua kebutuhan fungsional yang telah disepakati sebelumnya.
100
BAB VI
PENUTUP
6.1. Kesimpulan
Praktik Kerja Lapangan (PKL) di SMAIT Bina Amal Semarang telah

menghasilkan sebuah Sistem Informasi Rapor Online yang digunakan sebagai media
pengelolaan data nilai dari setiap siswa yang ada di. Sistem ini telah melalui metode
pengembangan perangkat lunak mulai dari analisis hingga pengujian. Dalam
pembuatannya, ditemukan beberapa hal yang menjadi kunci bagi berjalannya
sistem ini. Aspek penting itu adalah proses penormalan data nilai mentah yang
didapat dari penilaian manual oleh para guru sebelum akhirnya siap untuk di-
import ke dalam sistem basis data SIRO. Berdasarkan hasil pengujian yang telah
dilakukan, sistem ini layak digunakan dan diharapkan dapat meningkatkan
kemudahan dan efisiensi dalam pelaksanaan pengelolaan nilai di SMAIT Bina Amal
Semarang.
6.2. Saran
Saran-saran yang dapat diberikan untuk pengembangan Sistem Informasi

Rapor Online SMAIT Bina Amal Semarang lebih lanjut adalah sistem ini dapat
dikembangkan menjadi sebuah sistem yang lebih baik lagi dari sebelumnya,
misalnya dengan menggunakan suatu teknologi framework tertentu dan dengan
tambahan platform lainnya, dalam hal ini mobile apps. Agar nantinya sistem ini
dapat diakses secara lebih luas dan mudah.
101
DAFTAR PUSTAKA
Anonim, n.d. Tulisan Tak Bertuan. Jakarta: s.n.

Data, R., 1999. w3schools.com. [Online] Available at:
https://www.w3schools.com/js/js_json_intro.asp
[Diakses 1 February 2017].
Fatta, A. H., 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan
Bersaing Perusahaan & Organisasi Modern. Yogyakarta: CV. Andi Offset.
Presmann, R. S. & Maxim, B. R., 2015. Software Engineering. 8th penyunt. s.l.:s.n.
Sommerville, I., 2009. Software Engineering. 9th penyunt. s.l.:s.n.
Tengah, D. K. P. J., 2013. Sistem Informasi Kesehatan Pada Hewan. Semarang:
Dinas Kesehatan Provinsi Jawa Tengah Dinas Kesehatan Provinsi Jawa.
102
LAMPIRAN - LAMPIRAN
Lampiran 1. Deskripsi dan Hasil Uji

No. Identifikasi Deskripsi Prosedur Pengujian Masukkan Keluaran yang Hasil yang Kesimpulan
Diharapkan diharapkan
1. U-1-01 Semua user dapat -Mengisikan username dan -Username dan Tampilan Tampilan Diterima
masuk ke sistem password ke field pengisian Password sebagai halaman home halaman
dengan -Masuk kedalam sistem admin master sistem home sistem
menggunakan dengan menkan tombol login. -Username dan
username dan password sebagai
password admin rapor
-Username dan
password sebagai siswa
2. U-1-02 Semua user dapat Menekan tombol - Keluar dari Keluar dari Diterima
keluar dari sistem logout sistem sistem
3. U-2-01 Admin master dapat Memilih menu kelola admin - Menampilkan Menampilkan Diterima
melihat data admin untuk melihat data admin rapor data admin data admin
rapor rapor rapor
4. U-2-02 Admin master dapat Mengubah data admin rapor Data admin rapor Muncul Muncul Diterima
mengedit data admin (username dan password) dan konfirmasi konfirmasi
rapor menyimpan data yang telah data berhasil data berhasil
diubah diperbaharui diperbaharui
5. U-2-03 Admin master dapat Mengisikan data admin rapor Data admin rapor Muncul Muncul Diterima
menambahkan (username dan password) konfirmasi konfirmasi
admin rapor pada form yang telah sukses data sukses data
disediakan kemudian berhasil berhasil
menyimpannya ditambah dan ditambah dan
muncul data muncul data
admin rapor admin rapor
yang baru yang baru
6. U-2-04 Admin master dapat Melakukan penghapusan - Muncul Muncul Diterima
menghapuskan terhadap admin rapor yang konfirmasi konfirmasi
admin rapor dipilih sukses sukses

data berhasil data berhasil
dihapus dan data dihapus dan data
admin rapor admin rapor
yang yang
dipilih terhapus dipilih terhapus
7. U-3-01 Admin master dapat Memilih menu pengaturan untuk - Menampilkan Menampilkan Diterima
104
melihat data mata melihat data mata pelajaran data mata data mata
pelajaran pelajatan pelajatan
8. U-3-02 Admin master dapat Mengubah data mata Data mata pelajaran Muncul Muncul Diterima
mengedit data mata pelajaran dan menyimpan konfirmasi konfirmasi
pelajaran rapor data yang telah diubah data berhasil data berhasil
diperbaharui diperbaharui
9. U-3-03 Admin master dapat Mengisikan data mata Data mata pelajaran Muncul Muncul Diterima
menambahkan data pelajaran pada form yang konfirmasi konfirmasi
mata pelajaran telah disediakan kemudian sukses data sukses data
menyimpannya berhasil berhasil
ditambah dan ditambah dan
mata pelajaran mata pelajaran
yang baru yang baru
10. U-3-04 Admin master dapat Melakukan penghapusan - Muncul Muncul Diterima
menghapuskan data terhadap mata pelajaran yang konfirmasi konfirmasi
mata pelajaran dipilih sukses sukses

dihapus dan data dihapus dan data
105
mata pelajaran mata pelajaran
yang yang
11. U-4-01 Admin master dan - Menekan tombol import File excel berisi data Muncul Muncul Diterima
admin rapor dapat - Memilih file excel yang berisi nilai mata pelajaran konfirmasi konfirmasi
meng-import data data nilai mata pelajaran untuk sukses sukses

di import data berhasil data berhasil
nilai mata pelajaran
di-import di-import
admin rapor dapat - Memilih file excel yang berisi nilai mata tahfidz konfirmasi konfirmasi
meng-import data data nilai tahfidz untuk di sukses sukses

import data berhasil data berhasil
nilai tahfidz
di-import di-import
admin rapor dapat - Memilih file excel yang berisi nilai ekstrakulikuler konfirmasi konfirmasi
meng-import data data nilai ekstrakulikuler sukses sukses

untuk di import data berhasil data berhasil
nilai ekstrakulikuler
di-import di-import
14 U-4-04 Admin master dan - Menekan tombol import File excel berisi data Muncul Muncul Diterima
admin rapor dapat - Memilih file excel yang berisi nilai character building konfirmasi konfirmasi
106
meng-import data data nilai character building sukses sukses
nilai character untuk di import data berhasil data berhasil
building di-import di-import
15. U-5-01 Admin master dan Memilih jenis mata pelajaran - Menampilkan Menampilkan Diterima
admin rapor dapat yang akan dilihat nilainya data nilai mata data nilai mata
melihat data nilai pelajatan pelajatan
mata pelajaran
16. U-5-02 Admin master dan Mengubah data salah satu Data mata pelajaran Muncul Muncul Diterima
admin rapor dapat nilai mata pelajaran dan konfirmasi konfirmasi
mengedit data nilai menyimpan data yang telah data berhasil data berhasil
mata pelajaran rapor diubah diperbaharui diperbaharui
17. U-5-03 Admin master dan Mengisikan data salah satu Data mata pelajaran Muncul Muncul Diterima
admin rapor dapat nilai mata pelajaran kemudian konfirmasi konfirmasi
menambahkan data menyimpannya sukses data sukses data
nilai mata pelajaran berhasil berhasil
ditambah dan ditambah dan
nilai mata nilai mata
pelajaran yang pelajaran yang
107
baru baru
18. U-5-04 Admin master dan Melakukan penghapusan - Muncul Muncul Diterima
admin rapor dapat terhadap salah satu nilai mata konfirmasi konfirmasi
menghapuskan data pelajaran yang dipilih sukses sukses

nilai mata pelajaran
dihapus dan data dihapus dan
nilai mata nilai data mata
pelajaran yang pelajaran yang
19. U-6-01 Admin master dan Memilih jenis blanko nilai mata - Blanko nilai Blanko nilai Diterima
admin rapor dapat pelajaran kemudian menekan mata pelajaran mata pelajaran
mendownload tombol download tersimpan pada tersimpan pada
blanko nilai mata komputer komputer
pelajaran
20. U-6-02 Admin master dan Memilih jenis blanko nilai - Blanko nilai Blanko nilai Diterima
admin rapor dapat tahfidz kemudian menekan tahfidz tahfidz
mendownload nilai tombol download tersimpan pada tersimpan pada
tahfidz komputer komputer
108
admin rapor dapat ekstrakulikuler dan menekan ekstrakulikuler ekstrakulikuler
mendownload nilai tombol download tersimpan pada tersimpan pada
ekstrakulikuler komputer computer
admin rapor dapat character building dan menekan character character
mendownload nilai tombol download building building
character building tersimpan pada tersimpan pada
komputer computer
23. U-7-01 Admin master dan Memilih jenis rapor R1 - Rapor R1 Rapor R1 Diterima
admin rapor dapat kemudian menekan tombol tersimpan pada tersimpan pada
mendownload rapor download komputer komputer
R1
mendownload rapor download mbol download komputer komputer
R2
mendownload rapor download computer komputer
109
R3
mendownload rapor download komputer computer
R4
27. U-7-05 Admin master dan Memilih jenis rapor R5-A - Rapor R5-A Rapor R5-A Diterima
mendownload rapor download computer komputer
R5-A
28. U-7-06 Admin master dan Memilih jenis rapor R5-B - Rapor R5-B Rapor R5-B Diterima
mendownload rapor download komputer komputer
R5-B
110
Lampiran 2. Surat Keterangan Telah Melaksanakan PKL
Lampiran 3. Kartu Bimbingan PKL
112
Lampiran 4. Kartu Keikutsertaan Seminar PKL
113
Lampiran 5. Daftar Hadir Seminar PKL
114
115
Lampiran 6. Tanya Jawab Seminar PKL
1. Nama : Oliver Hiskia Purba

Nim : 24010314140084
Pertanyaan : Bagaimana jika admin menambahkan mata pelajaran sudah ada? Apakah
akan terjadi error?
Jawab : Tidak, karena akan ada validasi. Ketika ada data yang sama, akan ada
notifikasi yang muncul
2. Nama : Latiffa Sarah
Nim : 24010314140076
Pertanyaan : Jika ada siswa baru, maka data siswa barunya dapat darimana? Apakah
harus di inputkan satu persatu?
Jawab : Data siswa didapatkan dari sistem buku induk, yang sudah diintegrasikan
dengan sistem ini. Jadi data siswa akan otomatis terupdate jika ada siswa
baru.
3. Nama : Brian Adavianta
Nim : 24010314120040
Pertanyaan : Kendala dan tantangan apa saja yang dialami selama PKL kali ini?
Jawab : Instansi yang cukup jauh, di Ungaran. Perijinan yang cukup sulit dan
memakan cukup banyak waktu
4. Nama : Muhammad Salafudin
Nim : 24010314120060
Pertanyaan : Apakah desain antarmuka dari sistem ini sudah responsive?
Jawab : Sudah.
5. Nama : Panggih Tridarma
Nim : 24010314130124
Pertanyaan : Apakah sistem ini sudah diimplementasikan pada Instansi terkait?
Jawab : Belum. Karena adanya bagian – bagian dari sistem lain yang harus di
integrasikan terlebih dahulu
6. Nama : Kevin Yose
Nim : 24010314120033
Pertanyaan : Kenapa menggunakan model proses prototype?
116
Jawab : Karena ketika kami menerima project ini, yang diterima belum berbentuk
requirement pasti. Sehingga kami harus membuat mockup terlebih dahulu
dan ditunjukan kepada mereka.
7. Nama : Rangga Satria A
Nim : 24010314140112
Masukan : Tampilan dari setiap sistem terlalu berbeda, alangkah baiknya agar
disamakan
Tanggapan : Sistem ini memang dibagi menjadi 3 sub sistem, yang mewakili masing –
masing bidang yaitu : akademik, kesiswaan, dan keuangan. Dan memang
permintaan dari instansi dijadikan template yang berbeda karena adminnya
pun berbeda.
117

Laporan PKL

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan PKL

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PRAKTIK KERJA LAPANGAN

SISTEM INFORMASI RAPOR ONLINE BERBASIS WEB

DEPARTEMEN ILMU KOMPUTER/INFORMATIKA

Laporan Praktik Kerja Lapangan (PKL) dengan judul:

Semarang, 22 Mei 2017

Khadijah, S.Kom., M.Cs. Nurdin Bahtiar, S.Si, MT.

Ragil Saputra, S.Si, M.Cs.

Kata kunci : Sekolah, Sistem Informasi, web.

Keywords : School, Information Systems, web.

Semarang, 1 Mei 2017

Alfi Fadel Majid

HALAMAN PENGESAHAN ............................................................................................... ii

Gambar III.1. Model Prototype (Roger S. Pressman, 2010) ............................................... 20

Tabel IV.1. Kebutuhan Fungsional ..................................................................................... 22

1.1. Latar Belakang Masalah

Sekolah dituntut untuk selalu berkembang dan meningkatkan kualitas

Berdasarkan latar belakang yang telah dijelaskan dapat dirumuskan suatu

1.3. Tujuan dan Manfaat

1.4. Ruang Lingkup

Ruang lingkup dari sistem yang dibuat adalah sebagai berikut:

Pendidikan yang baik adalah pendidikan yang mampu mengembangkan potensi

Memposisikan Sekolah Islam Terpadu Sebagai pusat keunggulan yang mampu

Menyelenggarakan pendidikan yang berorientasi pada kualitas baik secara

2.4. Tujuan Umum

Memberikan bekal kemampuan berbahasa Indonesia, Inggris dan Arab,

Selain tujuan umum yang dituliskan sebelumnya, SMAIT Bina Amal

3.1. Studi Pustaka

3.1.1. Pengertian Website

3.1.2. Software Untuk Membangun Website

Dalam membangun Sistem Informasi Rapor Online SMAIT Bina Amal

3.1.3. Bahasa Pemrograman untuk Membangun Website

Pembuatan Website membutuh beberapa bahasa pemrograman seperti HTML,

Dalam pembuatan proposal ini penulis menggunakan metode wawancara untuk

3.3. Garis Besar Masalah

3.3.1. Metode Pengembangan

Model proses prototype digunakan untuk memahami ketidakpahaman

Gambar III.1. Model Prototype (Roger S. Pressman, 2010)

Langkah-langkah umum model proses prototype sebagai berikut (Sommerville,

4.1. Deskripsi Umum Perangkat Lunak

4.1.1. Deskripsi Umum

4.1.2. Kebutuhan Fungsional

Spesifikasi kebutuhan fungsional Software Requirements Specification (SRS)

No. SRS Keterangan

4.1.3. Kebutuhan Non Fungsional

Spesifikasi kebutuhan non-fungsional Software Requirements Specification

No. SRS Keterangan

Pemodelan analisis bertujuan untuk mengetahui apa saja yang diperlukan

4.2.1. Pemodelan Data

Pemodelan data bertujuan untuk menjawab pertanyaan spesifik yang relevan

No. Entitas Atribut

Relasi atau hubungan antar tabel dijelaskan di pemerian di bawah.

4.2.2. Pemodelan Fungsional

Model fungsional digambarkan melalui diagram alir data yang dapat

4.2.2.1. Data Context Diagram (DCD)

4.2.2.2. Data Flow Diagram

Data Flow Diagram (DFD) merupakan diagram yang merepresentasikan

Gambar IV.3. Data Flow Diagram (DFD) level 1

Gambar IV.4. DFD level 2 proses login

4.3. Desain Sistem Informasi

4.3.1. Desain Basis Data

No. Field Deskripsi Tipe Keterangan

b. Nama tabel : berada_di_kelas

No. Field Deskripsi Tipe Keterangan

c. Nama tabel : character_building