sistem aplikasi raport online di smk al-mubaarok …
TRANSCRIPT
SISTEM APLIKASI RAPORT ONLINE DI SMK AL-MUBAAROK
REMBANG MENGGUNAKAN CODEIGNITER
TUGAS AKHIR
USM
DISUSUN OLEH :
AHMAD AFIF ARWANI
G.211.15.0018
PROGRAM STUDI S1 – TEKNIK INFORMATIKA
JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
2019
ii
PERNYATAAN PENULIS TUGAS AKHIR
DENGAN JUDUL
SISTEM APLIKASI RAPORT ONLINE DI SMK AL-MUBAAROK
REMBANG MENGGUNAKAN CODEIGNITER
Dengan ini saya :
NAMA : AHMAD AFIF ARWANI
NIM : G.211.15.0018
PROGRAM STUDI : TEKNIK INFORMATIKA
“Saya menyatakan dan bertanggung jawab dengan sebenarnya bahwa Tugas Akhir
(TA) ini adalah hasil karya saya sendiri keculi kutipan dan ringkasan yang masing-
masing sudah saya cantumkan sumbernya. Jika pada waktu selanjutnya ada pihak
lain mengklaim Tugas Akhir ini sebagai karyanya, yang disertai dengan bukti – bukti
yang cukup kuat, maka saya bersedia untuk dibatalkan gelar sarjana komputer yang
telah saya raih, beserta segala hak dan kewajiban yang melekat pada gelar tersebut”.
Semarang, Juli 2019
Penulis
Ahmad Afif Arwani
iii
PENGESAHAN TUGAS AKHIR
DENGAN JUDUL
SISTEM APLIKASI RAPORT ONLINE DI SMK AL-MUBAAROK
REMBANG MENGGUNAKAN CODEIGNITER
OLEH :
NAMA : AHMAD AFIF ARWANI
NIM : G.211.15.0018
DISUSUN DALAM RANGKA MEMENUHI SYARAT GUNA
MEMPEROLEH GELAR SARJANA KOMPUTER
PROGRAM STUDI SI – TEKNIK INFORMATIKA
JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
TELAH DIPERIKSA DAN DISETUJUI
SEMARANG, JULI 2019
iv
PENGESAHAN UJIAN TUGAS AKHIR
DENGAN JUDUL
SISTEM APLIKASI RAPORT ONLINE DI SMK AL-MUBAAROK
REMBANG MENGGUNAKAN CODEIGNITER
OLEH :
NAMA : AHMAD AFIF ARWANI
NIM : G.211.15.0018
Telah diujikan dan dipertahankan dihadapan Dewan Penguji pada Sidang Tugas
Akhir (TA) Hari Kamis tanggal 18 Juli 2019 Menurut pandangan kami,
Tugas Akhir (TA) ini memadai dari segi kualitas maupun kuantitas untuk tujuan
penganugrahan gelar Sarjana Komputer (S.Kom).
Tanggal Tanda Tangan
Ketua Tim Penguji
B. Very Christioko, S.Kom., M.Kom
NIS. 06557003102129
Penguji Pendamping
1. Prind Triajeng P, S.Kom., M.Kom
NIS. 06557003102110
2. Titis Handayani, S.Kom., M.Cs
NIS. 06557003102082
v
ABSTRACT
The design of report processing value information systems at SMK AL-MUBAAROK REMBANG is a system designed to manage value online. The valueprocessing in SMK AL-MUBAAROK REMBANG still uses manually, that is byinputting the value of students using report cards. So that it will require a lot of timeand errors in inputting values. Value processing will be better if there is a web-basedapplication system. So that students and parents will find it easier to see grades.Both homerooms are easier to input values and more efficient, so the delivery ofvalue information to students will be faster.
In conducting research, the author uses the waterfall method, which islooking for data needed during the study. The research tools used are UML (UnifiedModeling Language), PHP and MYSQL.
With this system, it is expected to be able to help the school in deliveringvalue information to students and parents of students, because this system is web-based so students and parents of students can check values whenever and whereverthey are still connected to the internet.
Keywords: School, Value, Information System
vi
ABSTRAK
Perancangan sistem informasi nilai pemrosesan laporan di SMK AL-MUBAAROK REMBANG adalah sistem yang dirancang untuk mengelola nilaisecara online. Pemrosesan nilai di SMK AL-MUBAAROK REMBANG masihmenggunakan secara manual, yaitu dengan memasukkan nilai siswa menggunakankartu laporan. Sehingga akan membutuhkan banyak waktu dan kesalahan dalammemasukkan nilai. Pemrosesan nilai akan lebih baik jika ada sistem aplikasi berbasisweb. Sehingga siswa dan orang tua akan lebih mudah melihat nilai. Kedua wali kelaslebih mudah untuk memasukkan nilai dan lebih efisien, sehingga penyampaianinformasi nilai kepada siswa akan lebih cepat.
Dalam melakukan penelitian, penulis menggunakan metode waterfall, yaitumencari data yang dibutuhkan selama penelitian. Alat penelitian yang digunakanadalah UML (Unified Modeling Language), PHP dan MYSQL.
Dengan sistem ini, diharapkan dapat membantu sekolah dalammenyampaikan informasi nilai kepada siswa dan orang tua siswa, karena sistem iniberbasis web sehingga siswa dan orang tua siswa dapat memeriksa nilai kapan pundan di mana pun mereka masih terhubung dengan Internet.
Kata kunci: Sekolah, Nilai, Sistem Informasi
vii
KATA PENGANTAR
Puji syukur kehadirat Tuhan Yang Maha Esa karena atas limpahan rahmat
dan karunia-Nya penulis dapat menyelesaikan Laporan Tugas Akhir dengan judul
“sistem aplikasi raport online di SMK AL-Mubaarok Rembang menggunakan
CodeIgniter” yang dibuat untuk melengkapi salah satu syarat dalam menempuh
pendidikan Stata 1 (S1) Program Studi Informatika di Universitas Semarang.
Dalam penulisan laporan tugas akhir ini, penulis mendapatkan bimbingan,
pengarahan, nasehat dan bantuan dari berbagai pihak. Oleh karena itu pada
kesempatan ini penulis mengucapkan terima kasih kepada :
1. Bapak Andy Krisdasusila, SE, MM, selaku Rektor Universitas Semarang.
2. Bapak Susanto, S.Kom., M.Kom., selaku Dekan Fakultas Teknologi
Informasi dan Komunikasi Universitas Semarang.
3. Bapak April Firman Daru, S.Kom., M.Kom., selaku Ketua Jurusan Teknologi
Informasi Universitas Semarang.
4. Bapak B.Very Christioko, S.Kom., M.Kom., selaku Dosen Pembimbing yang
telah bersedia meluangkan waktu untuk membimbing, memeriksa, serta
memberikan petunjuk serta saran dalam penyusunan laporan ini.
5. Ibu Nur Wakhidah, S.Kom., M.Cs., selaku Dosen Wali penulis, Jurusan
Teknologi Informasi, Universitas Semarang.
6. Kedua orang tua dan teman-teman FTIK Universitas Semarang yang
memberikan bantuan, dukungan dan doa.
7. Semua pihak yang tidak bisa saya sebutkan satu persatu yang turut membantu
proses tugas akhir dan penyusunan laporan ini.
Penulis menyadari sepenuhnya bahwa dalam penyusunan laporan tugas akhir ini
masih banyak kekurangan, karena keterbatasan ilmu dan kemampuan penulis, untuk
itu dengan lapang dada penulis akan menerima segala kritik dan saran yang
membangun dari semua pihak guna perbaikan dan kemajuan laporan ini selanjutnya.
viii
ix
DAFTAR ISI
HALAMAN JUDUL.............................................................................................
HALAMAN PERNYATAAN PENULIS............................................................. ii
HALAMAN PENGESAHAN TUGAS AKHIR................................................... iii
HALAMAN PENGESAHAN UJIAN TUGAS AKHIR ...................................... iv
ABSTRACT............................................................................................................v
ABSTRAK ............................................................................................................vi
KATA PENGANTAR ..........................................................................................vii
DAAR ISI ............................................................................................................. ix
DAFTAR GAMBAR ............................................................................................xiii
DAFTAR TABEL.................................................................................................xviii
BAB 1 PENDAHULUAN ....................................................................................1
1.1 Latar Belakang………………………………………………………....1
1.2 Perumusan Masalah……………………………………………………2
1.3 Batasan Masalah……………………………………………………….3
1.4 Tujuan Tugas Akhir……………………………………………………3
1.5 Manfaat Tugas Akhir…………………………………………………..3
1.6 Metodologi Penelitian………………………………………………….4
1.6.1 Metode Pengumpulan Data………………………………….5
1.6.2 Metode Pengembangan Sistem……………………………...5
1.7 Sistematika Penulisan………………………………………………….7
BAB II TINJAUAN UMUM SMK AL-MUBAAROK REMBANG ..................9
2.1 Sejarah Berdirinya SMK AL-MUBAAROK REMBANG....................9
2.2 Foto SMK AL-MUBAAROK REMBANG ..........................................10
2.3 Lokasi SMK AL-MUBAAROK REMBANG.......................................11
2.4 Visi dan Misi SMK AL-MUBAAROK REMBANG............................11
2.4.1 Visi ............................................................................................11
2.4.2 Misi............................................................................................11
2.5 Struktur Organisasi SMK AL-MUBAAROK REMBANG ..................12
x
2.6 Tugas dan Fungsi ...................................................................................13
2.6.1 Ketua Yayasan...........................................................................13
2.6.2 Kepala Sekolah..........................................................................14
2.6.3 Ketua Komite Sekolah ..............................................................16
2.6.4 Bendahara Sekolah....................................................................16
2.6.5 Tata Usaha.................................................................................17
2.6.6 Wakil Kepala Sekolah...............................................................17
2.6.6.1 Wakil Kepala Sekolah Urusan Kurikulum ...................17
2.6.6.2 Wakil Kepala Sekolah Urusan Kesiswaan ...................18
2.6.6.3 Wakil Kepala Sekolah Urusan Humas .........................18
2.6.6.4 Wakil Kepala Sekolah urusan Sarana dan Prasarana ...19
2.6.7 Wali Kelas .................................................................................20
2.6.8 Siswa .........................................................................................20
BAB III LANDASAN TEORI..............................................................................21
3.1 Sistem ....................................................................................................21
3.1.2 Pengertian Sistem......................................................................21
3.1.2 Unsur-unsur Sistem...................................................................21
3.1.3 Jenis-jenis Sistem ......................................................................22
3.1.4 Elemen yang membentuk sistem...............................................22
3.1.5 Klasifikasi Sistem......................................................................22
3.1.6 Karakteristik Sistem ..................................................................26
3.2 Aplikasi..................................................................................................28
3.2.1 Pengertian Aplikasi ...................................................................28
3.2.2 Sejarah Perkembangan Aplikasi................................................29
3.2.3 Jenis-jenis Aplikasi ...................................................................32
3.2.4 Fungsi Aplikasi .........................................................................35
3.3 Raport ....................................................................................................39
3.3.1 Pengertian Raport ......................................................................39
3.3.2 Fungsi Raport ............................................................................39
xi
3.4 Framework.............................................................................................40
3.4.1 Pengertian Framework ..............................................................40
3.4.2 Jenis-jenis Framework...............................................................40
3.4.3 Fungsi Framework.....................................................................41
3.5 Alar Bantu Perancangan Sistem ............................................................42
3.5.1 Pengenalan UML (Unified Modelling Language) ....................42
3.5.2 Pemodelan Pemrograman Berorientasi Objek ..........................42
3.6 Website ..................................................................................................48
3.6.1 PHP (Hypertext Preprocessor)..................................................48
3.6.2 HTML........................................................................................49
3.6.3 Java Script.................................................................................49
3.7 Basis Data ..............................................................................................50
3.7.1 Pengertian Basis Data ...............................................................50
3.7.2 Manfaat Basis Data ...................................................................50
3.7.3 MYSQL.....................................................................................51
3.8 Pengujian Sistem ...................................................................................51
3.8.1 White Box ..................................................................................51
3.8.2 Black Box...................................................................................53
BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM........55
4.1 Perencanaan Sistem ...............................................................................55
4.2 Analisa Sistem .......................................................................................55
4.2.1 Identifikasi Kebutuhan Perangkat Lunak..................................56
4.2.2 Identifikasi Kebutuhan Perangkat Keras...................................56
4.2.3 Identifikasi Kebutuhan Fungsional ...........................................56
4.3 Perancangan Sistem...............................................................................57
4.3.1 Use Case Diagram.....................................................................57
4.3.2 Skenario Use Case.....................................................................58
4.3.3 Activity Diagram........................................................................73
4.3.4 Sequence Diagram.....................................................................79
4.3.5 Class Diagram...........................................................................88
4.3.6 Struktur Database ......................................................................89
xii
4.3.7 Desain Tampilan ....................................................................... 96
BAB V IMPLEMENTASI SISTEM.....................................................................114
5.1 Implementasi Sisten ............................................................................114
5.1.1 Antar Muka Sistem....................................................................114
5.2 Implementasi Database .......................................................................137
5.2.1 Tabel Admin..............................................................................137
5.2.2 Tabel Ekstrakurikuler................................................................137
5.2.3 Tabel Guru.................................................................................137
5.2.4 Tabel Kelas................................................................................137
5.2.5 Tabel Mapel...............................................................................138
5.2.6 Tabel Siswa ...............................................................................138
5.2.7 Tabel Tahun...............................................................................138
5.2.8 Tabel Guru Mapel .....................................................................139
5.2.9 Tabel Kelas Siswa .....................................................................139
5.2.10 Tabel Mapel kd........................................................................139
5.2.11 Tabel Nilai...............................................................................139
5.2.12 Tabel Prestasi ..........................................................................140
5.2.13 Tabel Wali Kelas.....................................................................140
5.3 Pengujian Sistem .................................................................................141
5.3.1 Pengujian White Box .................................................................141
5.3.2 Pengujian Black Box..................................................................146
5.4 Pemeliharaan Sistem ...........................................................................148
BAB VI PENUTUP ..............................................................................................149
6.1 Kesimpulan..........................................................................................149
6.2 Saran....................................................................................................149
DAFTAR PUSTAKA ...........................................................................................150
xiii
DAFTAR GAMBAR
Gambar 1.1 Model Pengembangan Waterfall .......................................................5
Gambar 2.1 Foto Halaman Depan SMK AL-MUBAAROK REMBANG...........10
Gambar 2.2 Foto Gedung SMK AL-MUBAAROK REMBANG ........................10
Gambar 2.3 Lokasi SMK AL-MUBAAROK REMBANG ..................................11
Gambar 2.4 Struktur Organisasi (2018/2019).......................................................13
Gambar 3.1 Contoh Sistem Abstrak-Hubungan manusia dengan tuhan...............23
Gambar 3.2 Contoh Sistem Fisik-Sistem perbankan ............................................23
Gambar 3.3 Contoh Sistem Alamiah-Sistem tata surya........................................24
Gambar 3.4 Contoh Sistem Buatan Manusia-Sistem ATM..................................24
Gambar 3.5 Contoh Sistem Deterministik-Sosial Media......................................25
Gambar 3.6 Contoh Sistem Probabilistik-Ramalan Cuaca ...................................25
Gambar 3.7 Contoh Terbuka-Sistem belajar mengajar.........................................26
Gambar 3.8 Contoh Sistem Tertutup-Rapat yang bersifat tertutup.......................26
Gambar 3.9 Karakteristik Sistem ..........................................................................26
Gambar 3.10 Sejarah Perkembangan Aplikasi......................................................29
Gambar 3.11 Aplikasi Dekstop .............................................................................32
Gambar 3.12 Aplikasi Grafis ................................................................................32
Gambar 3.13 Aplikasi Web Browser ....................................................................33
Gambar 3.14 Animasi ...........................................................................................33
Gambar 3.15 Aplikasi Multimedia........................................................................34
Gambar 3.16 Aplikasi Communication ................................................................34
Gambar 3.17 Aplikasi DBSM...............................................................................35
Gambar 3.18 Pendidikan.......................................................................................36
Gambar 3.19 Industri Manufaktur ........................................................................36
Gambar 3.20 Bisnis dan Perbankan ......................................................................37
Gambar 3.21 Militer..............................................................................................38
Gambar 3.22 Aplikasi Rekam Medis ....................................................................38
Gambar 3.23 Metode Pengujian White Box ..........................................................53
Gambar 4.1 Use Case Diagram.............................................................................57
Gambar 4.2 Activity Diagram Mengelola Data Guru (Aktor : Admin).................73
xiv
Gambar 4.3 Activity Diagram Mengelola Data Siswa (Aktor : Admin) ...............73
Gambar 4.4 Activity Diagram Mengelola Data Kelas (Aktor : Admin)................74
Gambar 4.5 Activity Diagram Mengelola Data Mapel (Aktor : Admin)...............74
Gambar 4.6 Activity Diagram Mengelola Ekstra (Aktor : Admin) .......................75
Gambar 4.7 Activity Diagram Mengelola Set Tahun Aktif (Aktor : Admin)........75
Gamabr 4.8 Activity Diagram Mengelola Mapel diampu (Aktor : Wali Kelas) ...76
Gambar 4.9 Activity Diagram Mengelola Absensi (Aktor : Wali Kelas)..............77
Gambar 4.10 Activity Diagran Mengelola Ekstrakurikuler (Aktor : Wali Kelas).77
Gambar 4.11 Activity Diagram Mengelola Cetak Raport (Aktor : Wali Kelas) ...78
Gambar 4.12 Activity Diagram Mengelola Cetak Raport (Aktor : Siswa)............78
Gambar 4.13 Sequence Diagram Mengelola Data Guru (Aktor : Admin)............79
Gambar 4.14 Sequence Diagram Mengelola Data Siswa (Aktor : Admn) ...........80
Gambar 4.15 Sequence Diagram Mengelola Data Kelas (Aktor : Admin)...........81
Gambar 4.16 Sequence Diagram Mengelola Data Mapel (Aktor : Admin)..........82
Gambar 4.17 Sequence Diagram Mengelola Data Ekstra (Aktor : Admin)..........83
Gambar 4.18 Sequence Diagram Mengelola Data Set Tahun Aktif (Aktor : Admin)
...............................................................................................................................84
Gambar 4.19 Sequence Diagram Mengelola Data Mapel (Aktor : Wali Kelas) ...85
Gambar 4.20 Sequence Diagram Mengelola Data Ekstra (Aktor : Wali Kelas) ...85
Gambar 4.21 Sequence Diagram Mengelola Data Absensi (Aktor : Wali Kelas) 86
Gambar 4.22 Sequence Diagram Mengelola Data Prestasi (Aktor : Wali Kelas).87
Gambar 4.23 Sequence Diagram Cetak Nilai (Aktor : Wali Kelas, Siswa)..........87
Gambar 4.24 Class Diagram.................................................................................88
Gambar 4.25 Relasi Tabel.....................................................................................95
Gambar 4.26 Desain Halaman Login....................................................................97
Gambar 4.27 Desain Halaman Utama / Dashboard (Admin)...............................98
Gambar 4.28 Desain Halaman Utama / Dashboard (Wali Kelas) ........................99
Gambar 4.29 Desain Halaman Utama / Dashboard (Siswa) ................................99
Gambar 4.30 Desain Halaman Kelola Data Guru (Admin) ..................................95
Gambar 4.31 Desain Halaman Form Tambah atau Edit Data Guru (Admin).......95
Gambar 4.32 Desain Halaman Form Hapus Data Guru (Admin) .........................96
xv
Gambar 4.33 Desain Halaman Kelola Data Siswa (Admin).................................96
Gambar 4.34 Desain Halaman Form Tambah atau Edit Data Siswa (Admin) .....97
Gambar 4.35 Desain Halaman Form Hapus Data Siswa (Admin)........................97
Gambar 4.36 Desain Halaman Kelola Data Kelas (Admin) .................................98
Gambar 4.37 Desain Halaman Form Tambah atau Edit Data Kelas (Admin)......98
Gambar 4.38 Desain Halaman Form Hapus Data Kelas (Admin) ........................99
Gambar 4.39 Desain Halaman Kelola Data Mapel (Admin) ................................99
Gambar 4.40 Desain Halaman Form Tambah atau Edit Data Mapel (Admin).....100
Gambar 4.41 Desain Halaman Form Hapus Data Mapel (Admin).......................100
Gambar 4.42 Desain Halaman Kelola Data Ekstrakurikuler (Admin) .................101
Gambar 4.43 Desain Halaman Form Tambah atau Edit Data Ekstra (Admin).....101
Gambar 4.44 Desain Halaman Form Hapus Data Ekstrakurikuler (Admin) ........102
Gambar 4.45 Desain Halaman Kelola Data Set Kelas (Admin) ...........................102
Gambar 4.46 Desain Halaman Form Tambah Data Set Kelas (Admin) ...............103
Gambar 4.47 Desain Halaman Kelola Data Set Mapel (Admin) ..........................103
Gambar 4.48 Desain Halaman Form Tambah Data Set Mapel (Admin) ..............104
Gambar 4.49 Desain Halaman Data Mapel Diampu (Wali Kelas) .......................104
Gambar 4.50 Desain Halaman Kelola Nilai Pengetahuan (Wali Kelas)...............105
Gambar 4.51 Desain Halaman Form Ulangan Tengah Semester atau Ulangan Akhir
Semester (Wali Kelas)...........................................................................................105
Gambar 4.52 Desain Halaman Form Cetak Nilai Pengetahuan (Wali Kelas) ......106
Gambar 4.53 Desain Halaman Kelola Data Riwayat Mengajar (Wali Kelas) ......106
Gambar 4.54 Desain Halaman Kelola Data Absensi (Wali Kelas).......................107
Gambar 4.55 Desain Halaman Form Cetak Data Absensi (Wali Kelas) ..............107
Gambar 4.56 Desain Halaman Kelola Data Raport (Wali Kelas).........................108
Gambar 4.57 Desain Halaman Form Cetak Raport (Wali Kelas) .........................108
Gambar 5.1 Form Login........................................................................................109
Gambar 5.2 Halaman Awal Dashboard ................................................................110
Gambar 5.3 Tampilan Data Guru..........................................................................110
Gambar 5.4 Tampilan Form Tambah atau Edit Data Guru...................................111
Gambar 5.5 Tampilan Hapus Data Guru...............................................................111
xvi
Gambar 5.6 Tampilan Data Siswa ........................................................................112
Gambar 5.7 Tampilan Form Tambah atau Edit Data Siswa .................................112
Gambar 5.8 Tampilan Form Hapus Data Siswa....................................................113
Gambar 5.9 Tampilan Data Kelas .........................................................................113
Gambar 5.10 Tampilan Form Tambah atau Edit Data Kelas................................114
Gambar 5.11 Tampilan Form Hapus Data Kelas ..................................................114
Gambar 5.12 Tampilan Data Mapel......................................................................115
Gambar 5.13 Tampilan Form Tambah atau Edit Data Mapel...............................115
Gambar 5.14 Tampilan Form Hapus Data Mapel .................................................116
Gambar 5.15 Tampilan Data Ekstra......................................................................116
Gambar 5.16 Tampilan Forn Tambah atau Edit Data Ekstra................................117
Gambar 5.17 Tampilan Form Hapus Data Ekstra .................................................117
Gambar 5.18 Tampilan Data Set Tahun Aktif ......................................................118
Gambar 5.19 Tampilan Form Tambah atau Edit Data Set Tahun Aktif ...............118
Gambar 5.20 Tampilan Data Set Kelas.................................................................119
Gambar 5.21 Tampilan Form Tambah Data Set kelas..........................................119
Gambar 5.22 Tampilan Data Set mapel ................................................................120
Gambar 5.23 Tampilan Form Tambah Data Set Mapel ........................................120
Gambar 5.24 Tampilan Form Hapus Data Set Mapel...........................................121
Gambar 5.25 Tampilan Data Set Wali Kelas ........................................................121
Gambar 5.26 Tampilan Form Tambah atau Edit Data Set Wali Kelas .................122
Gambar 5.27 Tampilan Form Hapus Data Set Wali Kelas ...................................122
Gambar 5.28 Halaman Awal atau Dashboard.......................................................123
Gambar 5.29 Tampilan Data Mapel Diampu........................................................123
Gambar 5.30 Tampilan Data Nilai Pengetahuan...................................................124
Gambar 5.31 Tampilan Form Ulangan Tengah Semester.....................................124
Gambar 5.32 Tampilan Form Ulangan Akhir Semester .......................................125
Gambar 5.33 Tampilan Data Riwayat Mengajar ..................................................125
Gambar 5.34 Tampilan Data Absensi ...................................................................126
Gambar 5.35 Tampilan Form Cetak Nilai Absensi...............................................126
Gambar 5.36 Tampilan Data Ekstrakurikuler .......................................................127
xvii
Gambar 5.37 Tampilan Form Nilai Ekstrakurikuler .............................................127
Gambar 5.38 Tampilan Data Prestasi....................................................................128
Gambar 5.39 Tampilan Form Input Prestasi .........................................................128
Gambar 5.40 Tampilan Data Catatan....................................................................129
Gambar 5.41 Tampilan Data Cetak Raport...........................................................129
Gambar 5.42 Tampilan Form Raport ....................................................................130
Gambar 5.43 Halaman Awal atau Dashboard.......................................................130
Gambar 5.44 Tampilan Data Lihat Raport............................................................131
Gambar 5.45 Tampilan Form Raport ....................................................................131
Gambar 5.46 Implementasi Tabel Admin.............................................................132
Gambar 5.47 Implementasi Tabel Ektra ...............................................................132
Gambar 5.48 Implementasi Tabel Guru................................................................132
Gambar 5.49 Implementasi Tabel Kelas ...............................................................132
Gambar 5.50 Implementasi Tabel Mapel..............................................................133
Gambar 5.51 Implementasi Tabel Siswa ..............................................................133
Gambar 5.52 Implementasi Tabel Tahun..............................................................133
Gambar 5.53 Implementasi Tabel Guru Mapel.....................................................134
Gambar 5.54 Implementasi Tabel Kelas Siswa ....................................................134
Gambar 5.55 Implementasi Tabel Mapel kd.........................................................134
Gambar 5.56 Implementasi Tabel Nilai ................................................................134
Gambar 5.57 Implementasi Tabel Prestasi............................................................135
Gambar 5.58 Implementasi Tabel Wali Kelas ......................................................135
Gambar 5.59 Bagan Alur Tampil Detail Data Guru .............................................137
Gambar 5.60 Grafik Alur Tampil data Guru.........................................................139
xviii
DAFTAR TABEL
Tabel 3.1 Simbol Use Case Diagram....................................................................43
Tabel 3.2 Simbol Class Diagram ..........................................................................44
Tabel 3.3 Simbol Activity Diagram.......................................................................46
Tabel 3.4 Simbol Sequence Diagram....................................................................47
Tabel 4.1 Skenario Use Case Mengelola Data Guru ............................................58
Tabel 4.2 Skenario Use Case Mengelola Data Siswa...........................................59
Tabel 4.3 Skenario Use Case Mengelola data Kelas ............................................61
Tabel 4.4 Skenario Use Case Mengelola Data Mapel ..........................................63
Tabel 4.5 Skenario Use Case mengelola Data Ekstrakurikuler ............................64
Tabel 4.6 Skenario Use Case Mengelola Set Tahun Aktif ...................................66
Tabel 4.7 Skenario Use Case Mengelola Mapel Diampu .....................................67
Tabel 4.8 Skenario Use Case Mengelola Data Mapel ..........................................69
Tabel 4.9 Skenario Use Case Mengelola Data Ekstrakurikuler............................70
Tabel 4.10 Skenario Use Case Mengelola Data Prestasi ......................................71
Tabel 4.11 Skenario Use Case Mengelola Cetak Raport......................................72
Tabel 4.12 Tabel Ekstrakurikuler..........................................................................89
Tabel 4.13 Tabel Guru ..........................................................................................89
Tabel 4.14 Tabel Kelas .........................................................................................89
Tabel 4.15 Tabel Mapel ........................................................................................89
Tabel 4.16 Tabel Siswa.........................................................................................90
Tabel 4.17 Tabel Tahun ........................................................................................90
Tabel 4.18 Tabel Guru Mapel ...............................................................................90
Tabel 4.19 Tabel Kelas Siswa...............................................................................90
Tabel 4.20 Tabel Nilai...........................................................................................91
Tabel 4.21 Tabel Prestasi ......................................................................................91
Tabel 5.1 Bagan Alur Tampil Detail Data Guru ...................................................137
Tabel 5.2 Pengujian Black Box Sistem Raport Online..........................................142
1
BAB 1PENDAHULUAN
1.1 Latar Belakang
Pada saat ini teknologi informasi telah berkembang dengan sangat pesat.
Perkembangan itu salah satunya ditandai dengan keberadaan internet yang
menyediakan berbagai layanan. Bentuk layanan yang dihadirkan internet
sejatinya sangat berguna dan membantu bagi kehidupan manusia. Mulai dari
akses data, informasi aktual, iklan, komunikasi, dan sebagainya. Sekolah
Menengah Kejuruan AL-MUBAAROK REMBANG pun memerlukan kemajuan
teknologi dalam kegiatan pengolahan data-data nilai Siswa/siswi.
Sekolah Menengah Kejuruan AL-MUBAAROK REMBANG adalah
sebuah Yayasan yang bergerak di bidang pendidikan merupakan lembaga yang
membutuhkan pengolahan data nilai siswa/siswi yang lebih terintegrasi dalam
menjalankan kegiatan belajar dan pembelajaran. Begitupun dari segi media arsip
juga perlu ditingkatkan agar data-data tersimpan dengan aman, Dengan dibuatnya
sistem yang baru diharapkan dapat membantu dan meningkatkan kinerja staf tata
usaha pada Sekolah Menengah Kejuruan AL-MUBAAROK REMBANG,
sehingga informasi yang disampaikan akan lebih efektif.
Sekolah Menengah Kejuruan AL-MUBAAROK REMBANG sudah
menggunakan Sistem Informasi Raport Online untuk pengelolaan data nilai
siswa/siswi menggunakan sebuah aplikasi yang di berikan oleh Pemerintah.
Sistem ini sudah digunakan dalam beberapa waktu, akan tetapi aplikasi raport
online yang di berikan oleh pemerintah hanya bertujuan untuk merekap nilai
yang kemudian di arsipkan ke pusat pemerintahan tidak di publikasikan ke
masyarakat/siswa/siswi. Meskipun sistem yang ada sudah terkomputerisasi,
namun belum berjalan secara maksimal sehingga perlu dilakukan pengembangan
sistem agar data yang sudah ada dapat terintegrasi dengan baik.
Walaupun sudah di berikan oleh Pemerintah Sistem Raport Online, tetapi
masih belum sesuai keinginan pihak sekolah. Sehingga Sistem pembuatan raport
2
di SMK AL-MUBAAROK REMBANG masih bersifat manual. Data nilai raport
yang ada hanyalah data tertulis yang setiap semester dibagikan ke siswa atau wali
murid. Pembuatan data yang sudah ada dan bersifat tertulis mengakibatkan data
tersebut tidak tersimpan dengan rapi dan baik. Penggunaan waktu juga tidak
efisien memerlukan waktu cukup banyak karena masih bersifat manual dengan
menulis selain itu untuk mencegah adanya penyimpanan data ganda dan orang
tua yang ingin mengambil nilai anaknya juga harus datang ke sekolah.
Berdasarkan paparan diatas maka dalam penelitian ini akan dibuat sistem
raport online berbasis web yang akan diterapkan pada sekolah SMK AL-
MUBAAROK REMBANG. Sistem Raport Online ini bisa di akses oleh Siswa,
Wali Kelas dan Admin. Sehingga akan mempermudahkan guru menginput nilai
dan siswa atau orang tua tidak harus datang ke sekolah.
Pada Tugas Akhir ini, penulis mencoba membangun sebuah sistem yang
terbaru untuk sekolah SMK AL-MUBAAROK REMBANG yang sebelumnya
sudah ada sistem raport online dari pemerintah tapi masih ada kekurangan,
sehingga pihak sekolah menggunakan secara manual penginputan nilai,
pengambilan raport orang tua siswa datang ke sekolah. Sehingga akan
membutuhkan banyak waktu dan tidak efisien. Sehingga dibuatkan sebuah sistem
baru raport online yang akan membantu guru, siswa maupun orang tua siswa.
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah yang telah dijabarkan di atas,
maka dapat dirumuskan masalah bagaimana membuat sistem Raport Online
menggunakan framework codeigniter di SMK AL-MUBAAROK
REMBANG, sehingga sistem aplikasi yang dihasilkan dapat memudahkan
guru dan siswa dalam pengambilan raport.
3
1.3 Batasan Masalah
Agar pembahasan masalah menjadi lebih jelas dan terarah maka
diperlukan adanya batasan masalah. Adapun ruang lingkup dalam susunan
laporan ini dibatasi pada :
1. Implementasi sistem ini difokuskan pada pengambilan raport secara
online. Sehingga siswa atau orang tua tidak harus datang ke sekolah.
2. Sistem ini dapat di akses oleh staff admin, wali kelas dan siswa di SMK
AL-MUBAAROK REMBANG
3. Sistem Informasi akan diimplementasi dan dikembangkan menggunakan
Framework Codeigniter dan MySql sebagai database penyimpanannya.
4. Perancangan dan analisa sistem ini menggunakan UML (Unified
Modelling Language).
5. Metode pengembangan dalam sistem ini menggunakan Waterfall.
6. Sistem ini berjalan online.
7. Sistem yang dibangun ini memiliki fitur diantaranya : bisa input guru,
siswa, input nilai, pembagian ruang kelas, laporan atau cetak hasil nilai.
1.4 Tujuan Tugas Akhir
Terbentuknya sistem informasi yang dapat memperbarui aplikasi
raport online menggunakan Framework Codeigniter di SMK AL-
MUBAAROK REMBANG yang dulunya siswa atau guru harus datang ke
sekolah. Sehingga aplikasi sistem raport online ini lebih dinamis, efesien dan
praktis..
1.5 Manfaat Tugas Akhir
Manfaat yang diharapkan dari Tugas Akhir ini adalah sebagai berikut
:
4
1. Bagi Penulis
Menambahkan pengetahuan dan pengalaman di bidang pembuatan
aplikasi berbasis web dalam penerapannya di lapangan dan mencoba
mengukur seberapa jauh kemampuan penulis dalam membuat program
aplikasi sesuai dengan materi pembelajaran perkuliahan yang telah di
dapat
2. Bagi Akademik
Bahan refrensi yang dapat di pergunakan untuk perbandingan dan
kerangka acuan untuk persoalan yang sejenis, sehingga dapat
meningkatkan kualitas pendidikan.
3. Bagi SMK AL-MUBAAROK REMBANG
Pembuatan aplikasi ini di harapkan mampu membantu dalam
pengambilan raport siswa – siswi SMK AL-MUBAAROK REMBANG
4. Bagi Pembaca
Dapat menambah wawasan dan pengetahuan pembaca tentang
bagaimana cara membuat aplikasi raport online menggunakan framework
codeigniter.
1.6 Metodologi Penelitian
Untuk dapat menyelesaikan permasalahan yang ada dalam
melaksanakan Tugas Akhir dan penyusunan Tugas Akhir, maka di lakukan
suatu metode penelitian untuk mencari pemecahan dari masalah yang timbul.
Penulis melakukan metode pengumpulan data dan metode pengembangan
sistem dalam pemecahan suatu masalah. Objek penelitian yang penulis ambil
adalah sistem Raport Online di SMK AL-MUBAAROK REMBANG.
5
1.6.1 Metode Pengumpulan Data
Untuk melaksanakan suatu penelitian selalu diperlukan metode
penelitian yang tepat, agar penelitian tersebut dapat mencapai hasil yang
maksimal seperti yang diharapkan. Adapun metodologi yang diharapkan
adalah sebagai berikut :
a. Metode Wawancara
Metode pengumpulan data yang dilakukan dengan cara
mengadakan tanya jawab secara langsung dengan Kepala Sekolah :
Ibu Ubaidah, S.Pd. , Ketua Jurusan : Lukman, S.Kom. dan Wali Kelas
: Tika Putri dilakukan untuk mendapatkan data-data yang akurat dan
tepat agar pembuatan rancangan dan implementasi sesuai yang
diharapkan.
b. Metode Observasi
Pengamatan langsung bagaimana cara kerja pengambilan
raport, baik dari pemrogram lama lalu perbarui ke sistem yang terbaru.
Pengamatan Data meliputi : Data Guru, Data Siswa dan Data Kelas.
c. Metode Studi Pustaka
Metode pengumpulan data ini dilakukan dengan
mengumpulkan teori – teori dari buku, jurnal dan sumber lainnya yang
berkaitan dengan pembuatan Sistem Raport Online di SMK AL-
MUBAAROK REMBANG berbasis CodeIgniter.
1.6.2 Metode Pengembangan Sistem
Menggunakan pendekatan berorientasi data atau terstruktur yaitu
Linier Squential Model, model proses ini sering disebut juga sebagai
Waterfall menyarankan pendekatan yang sistematis dan sequential dalam
pengembangan perangkat lunak yang dimulai pada level sistem dan
bergrak maju.
Tahap-tahap dijelaskan sebagai berikut :
6
Gambar 1.1 Model Pengembangan Waterfall (Roger, 2012)
a. Analisa
Pada tahapan ini penulis mencari sumber dan mengamati latar
belakang masalah yaitu dengan wawancara Kepala Sekolah, Ketua
Jurusan dan Wali Kelas pada SMK AL-MUBAAROK REMBANG,
sekaligus mempelajari sistem pengambilan raport yang sedang
berjalan di SMK AL-MUBAAROK REMBANG.
b. Perencanaan
Penulis membuat perkiraan dan jadwal pembuatan aplikasi
agar selesai sesuai rencana dan jadwal. Aplikasi yang dibangun akan
menggunakan framework codeigniter.
c. Desain
Melakukan perencanaan sistem agar dapat menyediakan
layanan yang diharapkan terhadap solusi masalah yang ada dengan
menggunakan perencanaan terstruktur dan desain antarmuka dalam
pembuatan sistem ini penulis melakukan perancangan sistem dengan
menggunakan UML. .
d. Pembuatan
Melakukan pencodingan dan implementasi hasil rancangan
kedalam bentuk yang dapat dibaca dan diterjemahkan oleh komputer.
Analisa
Perencanaan
Desain
Pembuatan
Pemeliharaan
7
Pada tahap ini penulis melakukan pengerjakan sistem secara nyata,
penulis menggunakan bahasa pemrograman Codeigniter. MySQL
sebagai database dan untuk melakukan pengujian sistem
menggunakan localhost aplikasi xampp untuk memastikan bahwa
semua perintah yang ada dapat berfungsi dan tepat serta untuk
menemukan error terhadap sistem ini.
e. Pemeliharaan
Sistem aplikasi selesai dan digunakan tanpa adanya masalah.
Tetapi seiring berjalanannya waktu pengguna aplikasi pasti
menenmukan bug / error kecil yang tidak ditemukan pada saat
pengujian, dan pada fase ini lah melakukan perbaikan – perbaikan
terhadap aplikasi. Pada tahap ini tidak selalu harus terjadi error untuk
melakukan fase ini, menemukan sesuatu yang tidak sesuai atau bisa
diubah menjadi lebih baik, maka tahap ini bisa dilakukan juga.
1.7 Sistematika Penulisan
BAB 1 : PENDAHULUAN
Penjelasan secara singkat mengenai latar belakang,
perumusan masalah, batasan masalah, tujuan tugas akhir,
manfaat tugas akhir, metodologi penelitian dan sistematika
penulisn
BAB II : TINJAUAN UMUM SMK AL-MUBAAROK
REMBANG
Berisi mengenai profil instansi, Lokasi, Visi, Misi dan
Struktur Organisasi
BAB III : LANDASAN TEORI
Berisi penjelasan semua materi yang digunakan dalam
menyusun laporan tugas akhir.
BAB IV : PERENCANAAN DAN ANALISA PERANCANGAN
SISTEM
8
Berisi perencanaan dan perancangan Sistem Raport Online
SMK AL-MUBAAROK REMBANG
BAB V : IMPLEMENTASI SISTEM
Berisi pengaplikasian Sistem Raport Online SMK AL-
MUBAAROK REMBANG dan uji coba yang dilakukan pada
aplikasi yang dibuat.
BAB VI : PENUTUP
Berisi Kesimpulan dan Saran
DAFTAR PUSTAKA
9
BAB II
TINJAUAN UMUM SMK AL-MUBAAROK REMBANG
2.1 Sejarah Berdirinya SMK AL-MUBAAROK REMBANG
Awal berdiri SMK AL-MUBAAROK REMBANG berbicara antara pak Nuril
dengan orang yang dekat karena ingin mendirikan sekolah SLTA yang ada
praktikumnya. Kebetulan saat itu kita konsultasi ke Departemen Pendidikan tingkat
Daerah. Alhamdulillah dari Departemen Pendidikan setuju untuk mendirikan
sekolah.
Kita dapat kesempatan untuk mendirikan sebuah sekolah SLTA disaat kita
ditawari dari Dinas Pendidikan Pusat untuk mendirikan sekolah SMK kelas jalur.
Dulu bisa dikatakan untuk mendirikan sebuah SMK membutuhkan dana yang sedikit
dan modal sendiri. Ketika mau mendirikan SMK kelas jalur, disaat itu juga pak Nuril
dekat dengan atasana, kemudian ditawari untuk membuka SMK kleas jauh atau
tidak? Jawaban pak Nuril siap karena lahan sudah ada, terus setengah hektar baru
dibangun Mts.
Setelah kita siap mendirikan SMK kelas jalur, kita menemui Dinas
Pendidikan Provinsi untuk menindak lanjuti surat yang kita kirim untuk membuka
SMK kelas jalur. Modal awal kita berdiri adalah dukungan dari Dinas Pendidikan
Pusat dan Provinsi yang awal itu setiap tahun kita dapat bantuan Rp. 75.000.000
(Tujuh Puluh Lima Juta Rupiah) selama tiga tahun untuk membiayai gaji karyawan,
Bapak/Ibu Guru dan Untuk menambahi Bangun Karena minimnya biaya.
Setelah berdiri SMK AL-MUBAAROK REMBANG baru dibuat satu jurusan
yaitu TKR (Teknik Kendaraan Ringan). Awal berdiri TKR Cuma dapat 30-36 siswa.
Semakin meningkatnya Masyarakat sekarang, akhirnya medirikan satu jurusan lagi
yaitu TKJ (Teknik Komputer dan Jaringan). Tahun 2012 kita menjuga membuka
jurusan TSM (Teknik Sepeda Montor). Alhamdulillah Tiga Jurusan yang ada di
sekolah kami masih banyak masyakarat yang minat untuk sekolah. Akhirnya tahun
2017 kita membangun satu jurusan lagi yaitu Jurusan Grafika.
10
2.2 Foto SMK AL-MUBAAROK REMBANG
Gambar 2.1 Foto Halaman Depan SMK AL-MUBAAROK REMBANG
Gambar 2.2 Foto Gedung SMK AL-MUBAAROK REMBANG
11
2.3 Lokasi SMK AL-MUBAAROK REMBANG
Gambar 2.3 Lokasi SMK AL-MUBAAROK REMBANG
2.4 VISI DAN MISI SMK AL-MUBAAROK REMBANG
2.4.1 VISI
“Terwujudnya Sekolah Yang Teguh Dalam Intan, Unggul Dalam
Iptek, Mandiri dan Siap Dalam Era Globalisasi”.
2.4.2 MISI
1. Mewujudkan warga sekolah yang teguh dalam Iman dan Taqwa.
2. Mempersiapkan dan Meningkatkan SDM yang Berkualitas, Profesional
dan Mandiri.
3. Mengembangkan Sarana dan Prasarana Pendidikan.
4. Mengembangkan Life Skill Yang Berstandar Pada Kompetensi
Ketrampilan Kerja.
5. Mewujudkan Mitra Kerja Dalam Upaya Pemberdayaan Masyarakat.
12
2.5 Struktur Organisasi SMK AL-MUBAAROK REMBANG
KETUA YAYASAN
Nuril Haq Saifullah
KEPALA SEKOLAH
Dra. Ubaidah
BENDAHARA
Nurul Jami’ah, A.Md
KETUA KOMITE
H. Muzammil
Ka. TATA USAHA
Nurul Jami’ah, A.Md
WK.KURIKULUM
Solikin, S.Pd.
WK.KESISWAAN
Purwo Sugiarto
WK. HUBINDUSTRI
Sutrisno
WK. SARPRAS
Ika Sulistyowati
KA. PROG.OTOMOTIF
Sakroni, S.Pd.
KA. PROG. TKJ
Abdul Lukman S
KA. PROG.GRAFIKA
Muhammad Ulin Nuha
Kepala Bengkel
Sakroni, S.Pd.
Kepala Bengkel TKJ
Sutrisno, S.Kom
Kepala BengkelGrafika
Tika Nurwiati, S.Kom
13
Gambar 2.4 Struktur Organisasi (2018/2019)
2.6 Tugas dan Fungsi
2.6.1 Ketua Yayasan
1. Menjaga dan memastikan pelaksanaan kerja dan kegiatan sekolah sesuai
dengan visi, misi dan tujuan.
2. Memberikan masukan kepada kepala sekolah dalam menetapkan
Program Sekolah.
Wali kelas X TKRA
Teguh Wijiyanto, S.Pd
Wali Kelas XII
Bambang Tri Guno
Wali kelas X TKRB
Dewi, S.Pd.
Wali Kelas XII
Ika Sulistyowati
Wali kelas X TSMA
M. Shofwan, S.E.
Wali Kelas XII
Artisa Endar K, S.T.
Wali kelas X TSMB
Herman Hidayat
Wali Kelas XII
Novita Puspita Dewi
Wali kelas X TKJ
Anjarsari, S.Kom
Wali Kelas XII
Dwi Artanti, S.Pd.
Wali Kelas XI
M. Saifurrohman
Wali Kelas XI
Nurul Agustina
Wali Kelas XI
Isnaeni Rahmatika, S.T
Wali Kelas XI
Dyah Lely Nurdianti
Wali Kelas XI
Faulia Ayuna
Wali Kelas XI
Siti mafulah
Wali kelas X TKRC
Sakroni, S.Pd.
Wali Kelas XII
Dwi Listiani, S.Pd.
PESERTA DIDIK
14
3. Melakukan pengawasan dan memberikan rekomendasi kepada seluruh
pengurus dalam hal penjagaan kondisi persatuan dan kesatuan serta
motivasi berorganisasi para pengurus.
2.6.2 Kepala Sekolah
Kepala Sekolah berfungsi dan bertugas sebagai edukator, manajer,
administrator, dan suspervisor serta pimpinan / leader, inovator, juga
motivator.
1. Kepala sekolah sebagai edukator
Kepala sekolah sebagai edukator bertugas melaksanakan proses dan
kegiatan belajar mengajar secara efektif dan efisien.
2. Kepala sekolah sebagai manajer
Kepala sekolah sebagai manajer mempunyai tugas :
a. Menyusun perencanaan
b. Mengorganisasikan kegiatan
c. Mengarahkan kegiatan
d. Mengkoordinasikan kegiatan
e. Melaksanakan pengawasan
f. Melakukan evaluasi terhadap kegiatan
g. Menentukan kebijakan
h. Mengadakan rapat
i. Mengambil keputusan
j. Mengatur administrasi sekolah : ketatausahaan, siswa, ketenagaan,
sarana dan prasarana, keuangan.
3. Kepala sekolah sebagai administrator
Kepala sekolah sebagai administrator bertugas menyelenggarakan
administrasi :
a. Perencanaan
b. Pengorganisasian
c. Pengarahan
d. Pengkoordinasikan
e. Pengawasan
15
f. Kurikulum
g. Kesiswaan
h. Ketatausahaan
i. Ketenagaan
j. Kantor
k. Keuangan
l. Perpustakaan
m. Laboratorium
n. Ruang ketrampilan dan seni
o. UKS
p. Serbaguna
q. Media
r. Gudang
4. Kepala sekolah sebagai supervisor
Kepala sekolah sebagai supervisor bertugas untuk menyelenggarakan
supervisor mengenai :
a. Proses belajar mengajar
b. Kegiatan bimbingan konseling
c. Kegiatan ekstra kurikuler
d. Kegiatan ketatausahaan
e. Kerjasama dengan masyarakat dan instansi terkait
f. Sarana dan prasarana
5. Kepala sekolah sebagai pemimpin / leader
a. Dapat dipercaya, jujur dan bertanggungjawab
b. Memahami kondisi guru dan siswa
c. Memiliki visi dan memahami misi sekolah
d. Mengambil keputusan urusan intern dan ekstern sekolah
e. Membuat, mencari dan memilih gagasan guru.
6. Kepala sekolah sebagai innovator
a. Melakukan pembaharuan dibidang :
1) Kegiatan belajar mengajar (KBM)
16
2) Bimbingan konseling (BK)
3) Ekstra kurikuler
4) Pengadaan
b. Melaksanakan pembinaan guru dan karyawan.
7. Kepala sekolah sebagai motivator
a. Mengatur ruang kerja yang kondusif untuk bekerja
b. Mengatur ruang kerja yang konduktif untuk bimbingan konseling
dan kegiatan belajar mengajar
c. Mengatur ruang labarotrium untuk konduktif untuk praktikum
d. Mengatur ruang perpustakaan yang konduktif untuk belajar
e. Mengatur halaman atau lingkungan sekolah yang sejuk dan teratur
f. Menciptakan prinsip penghargaan dan hokum.
2.6.3 Ketua Komite Sekolah
1. Mewadahi masyarakat dan menyalurkan aspirasi dan prakarsa masyarakat
dalam melahirkan kebijakan operasional dan program pendidikan di
satuan pendidikan.
2. Meningkatkan tanggung jawab dan peran serta msyarakat dalam
menyelenggarakan pendidikan di satuan pendidikan.
3. Menciptakan suasana harmonis, akuntabel, dan demokratis dalam
penyelenggarakan dan pelayanan pendidikan yang bermutu di satuan
pendidikan.
2.6.4 Bendahara Sekolah
Kepala Urusan Keuangan bertugas mengelola kegiatan keuangan sekolah
dan bertanggungjawab kepada Kepala Sekolah meliputi kegiatan-kegiatan
berikut ini :
1. Bersama Bendahara Komite Sekolah mengkoordinir dan
melaksanakan pengumpulan sumbangan dari orang tua/wali siswa
2. Mempersiapkan rapat dengan Pengurus Komite Sekolah dan
orangtua/wali siswa dalam upaya dukungan dana
17
3. Mencari dana, terutama untuk keperluan mendesak, mencari orang tua
wali murid
4. Mengkoordinir guru dan karyawan dalam peningkatan kesejahteraan
5. Menyerahkan gaji bulanan pegawai rutin setiap awal bulan
6. Mendayagunakan uang rutin sesuai dengan mata anggaran yang
relevan
7. Menyampaikan pertanggungjawaban penggunaan uang rutin ke Dinas
Pendidikan terkait
8. Menyampaikan pertanggungjawaban penggunaan dana iuran Komite
Sekolah kepada pengurus Komite Sekolah (bila ada)
9. Membuat pertanggungjawaban keuangan sekolah dengan sebaik-
baiknya
2.6.5 Tata Usaha
1. Mewadahi masyarakat dan menyalurkan aspirasi dan prakarsa masyarakat
dalam melahirkan kebijakan operasional dan program pendidikan di
satuan pendidikan.
2. Meningkatkan tanggung jawab dan peran masyarakat dalam
penyelenggarakan pendidikan di satuan pendidikan.
3. Menciptakan suasana harmonis, akuntabel, dan demokratis dalam
penyelenggarakan dan pelayanan pendidikan yang bermutu di satua
pendidikan
2.6.6 Wakil Kepala Sekolah
2.6.6.1 Wakil Kepala Sekolah Urusan Kurikulum :
Mempersiapkan rapat-rapat guru, menelaah, mempelajari dan
menguasai kurikulum yang sedang berlaku, membagi tugas guru,
memberi arahan pembuatan program-program, merencanakan dan
melaksanakan ulangan harian, akhir semester, pembagian rapot dan
kenaikan kelas, menyusun jadwal pelajaran, mengevaluasi hasil
belajar, melaksanakan kegiatan ulangan, ulangan akhir semester dan
Ujian Akhir Nasional (UAN), mengusahakan peningkatan mutu
pelajaran, mengumpulkan dan memeriksa buku persiapan mengajar,
18
mengkoordinasikan kegiatan-kegiatan guru mata pelajaran sejenis di
sekolah (MGMP), mengkoordinir tambahan pelajaran untuk siswa
kelas III.
2.6.6.2 Wakil Kepala Sekolah Urusan Kesiswaan :
Merencanakan, mempersiapkan dan melaksanakan kegiatan
penerimaan siswa baru, mempersiapkan Masa Orientasi Sekolah
(MOS), membina dan memantau kegiatan OSIS, merencanakan dan
mengadakan pembentukan pengurus OSIS baru, menyiapkan
pelatihan pengurus OSIS, menyiapkan pembinaan OSIS,
meningkatkan kegiatan ekstrakurikuler, mempersiapkan dan
melaksanakan upacara bendera, menegakkan terwujudnya dan
terlaksananya Tata Tertib Sekolah, menangani berbagai bentuk
pelanggaran peraturan sekolah oleh siswa, memberi jalan keluar bagi
siswa yang bermasalah, memberi penyuluhan kepada siswa yang
mengalami kesulitan belajar, merencanakan dan menyelenggarakan
kegiatan pembiasaan, memasyarakatkan hidup disiplin dan
bertanggungjawab.
2.6.6.3 Wakil Kepala Sekolah Urusan Humas :
Mempersiapkan pembentukan Komite Sekolah, mempersiapkan
rapat-rapat pengurus Komite Sekolah, mempersiapkan dan mengatur
pertemuan dengan orang tua siswa/wali siswa dalam rangka
penyampaian program sekolah, mempersiapkan dan mengatur
pertemuan Keluarga Besar Sekolah dengan masyarakat sekitar dalam
rangka perayaan keagamaan, misalnya : Hari Raya Idul Fitri,
mengikuti kegiatan/lomba yang diadakan masyarakat sekitar,
mempersiapkan, mengatur dan mengadakan kegiatan pertandingan
antar sekolah, menjalin hubungan dengan instansi dan perusahaan-
perusahaan yang ada di sekitar sekolah, menjalin hubungan dengan
lembaga pendidikan lain, mis : SD-SD/SMP/MTs dll, melaksanakan
19
Musyawarah Sekolah, mengikuti kerja bakti dan memberi bantuan
sosial kepada masyarakat sekitar, menjalin, mengatur dan
meningkatkan partisipasi orangtua terhadap sekolah yang merupakan
bagian integral dari sekolah yang diberikan secara tulus dan ikhlas
dengan harapan agar anaknya mendapat perhatian dari sekolah
secara memadai untuk mencapai cita-citanya, menjalin hubungan
dan membina partisipasi masyarakat sekitar, sehingga tidak pernah
terganggu/dirugikan oleh tingkah laku siswa, guru dan karyawan,
masyarakat sekitar merasa bangga memiliki sekolah yang dekat
dengan domilisinya sehingga mereka ikut menjaga dan
memeliharanya sesuai kemampuannya, menjalin partisipasi dan ikut
serta proaktif dalam kegiatan-kegiatan yang diadakan dan dianjurkan
pemerintah setempat, Cabang Dinas P&K Kecamatan, dan Dinas
P&K Kabupaten Kendal, maupun instansi pendidikan lain.
2.6.6.4 Wakil Kepala Sekolah Urusan Sarana dan Prasarana :
Memelihara dan mengawasi barang-barang inventaris sekolah,
mengusulkan kepada Kepala Sekolah tentang barang-barang,
bangunan dan gedung yang perlu diperbaiki, ditambah, dibeli,
diganti atau dihapuskan, menerima dan memanfaatkan barang-
barang yang diterima dari pihak-pihak tertentu, memanggil orangtua
dan pengurus Komite Sekolah untuk rapat tentang pengadaan alat-
alat atau barang-barang yang diperlukan sekolah, membuat daftar
alat-alat dan barang-barang yang diperlukan untuk diajukan kepada
pengurus Komite Sekolah dan orangtua, memelihara dan
meningkatkan kebersihan sekolah (dalam dan luar sekolah),
mengkoordinir dan mengawasi penjaga sekolah dan cleaning
service serta siswa piket tentang pelaksanaan kebersihan,
memelihara dan meningkatkan penghijauan di lingkungan sekolah,
menata tanaman dan taman secara harmonis, menjaga profil sekolah,
20
terutama fisik, mengusulkan, menyediakan dan memelihara alat
bantu pengajaran, mis : buku pegangan guru dan siswa, laboratorium
dan alat-alat IPA, komputer, perpustakaan dll
2.6.7 Wali Kelas
1. Mengenal siswa dikelasnya
2. Menjadi tempat pengaduan siswa dan orangtua siswa
3. Menjadi motivator bagi siswa
4. Memilih pengurus kelas
5. Membuat denah dan peta kelas
6. Menyiapkan dan mengatur daftar piket kelas
7. Membuat jadwal kegiatan khusus kelas
8. Mengisi daftar pribadi siswa
9. Berperan sebagai orang tua siswa
10. Mencatat hasil belajar siswa
11. Membuat laporan hasil belajar
12. Membuat laporan periodik mengenai kelasnya
13. Bekerjasama dengan guru bidang studi dalam hal daya serap
14. Bekerjasama dengan guru BK dalam mengatasi masalah siswa
15. Mengadakan hubungan dengan orangtua siswa dalam pembinaan siswa
16. Mengunjungi orangtua/wali siswa bila perlu
17. Mengikuti kegiatan kelas bila akan diadakan di luar sekolah.
2.6.8 Siswa
Memiliki tanggung jawab untuk menuntut ilmu serta mematuhi peraturan
dan proses belajar mengajar.
21
BAB III
LANDASAN TEORI
3.1 Sistem
3.1.2 Pengertian Sistem
Menurut Zakky (2018) sistem berasal dari bahasa Latin (systema)
dan bahasa Yunani (sustema) adalah suatu kesatuan yang terdiri
komponen atau elemen yang dihubungkan bersama untuk memudahkan
aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah
ini sering dipergunakan untuk menggambarkan suatu set entitas yang
berinteraksi, dimana suatu model matematika seringkali bisa dibuat.
Sedangkan menurut Murdick, R.G (2018) Sistem merupakan
sekumpulan elemen yang terdiri dari prosedur atau bagan pengolahan
untuk mencari tujuan bersama atau tujuan bagian dengan cara
mengoperasikan barang atau data pada waktu tertentu. Agar bisa
menghasilkan informasi, energi atau data yang diinginkan.
Menurut Jogiyanto (2018) Sistem adalah gabungan dari berbagai
elemen yang berhubungan dan berinteraksi untuk menyelesaikan tujuan
tertentu. Sistem ini menggambarkan kejadian- kejadian dan kesatuan
adalah obyek nyata. Misalnya, tempat, benda, dan orang – orang yang
benar- benar ada dan nyata
3.1.2 Unsur Unsur Sistem
1. Adanya kumpulan objek
2. Andanya hubungan atau interaksi antara unsur-unsur atau
elemen-elemen.
3. Terdapat sesuatu yang mengikat unsur-unsur tersebut menjadi
suatu satu kesatuan.
4. Berada pada suatu lingkungan yang utuh dan kompleks.
5. Terdapat tujuan bersama (output) sebagai hasil akhirnya
22
3.1.3 Jenis-jenis Sistem
Ada berbagai tipe sistem berdasarkan kategori, berikut penjelasannya
:
1. Atas dasar keterbukaan: sistem terbuka, di mana pihak luar
dapat mempengaruhinya. Kemudian sistem tertutup.
2. Atas dasar komponen: Sistem fisik, dengan komponen materi
dan energi. Kemudian sistem non-fisik atau konsep, berisikan
ide-ide.
3.1.4 Elemen yang membentuk sistem
1. Objek, merupakan bagian, elemen atau variabel. Ia dapat
berupa benda fisik, abstrak atau keduanya.
2. Atribut, merupakan penentu kualitas atau sifat kepemilikian
sistem dan objeknya.
3. Hubungan internal, merupakan penghubungan diantara objek-
objej yang terdapat dalam sebuah sistem.
4. Lingkungan, merupakan tempat dimana sistem berada.
5. Tujuan, Setiap sistem memiliki tujuan dan tujuan inilah yang
menjadi motivasi yang mengarahkan sistem.
6. Masukan, adalah sesuatu yang masuk ke dalam sistem dan
selanjutnya menjadi bahan untuk diproses.
7. Proses, Bagian yang melakukan perubahan dari masukan
menjadi keluaran.
8. Keluaran, adalah hasil dari proses. Pada sistem informasi
berupa informasi atau laporan, dll.
Batas, adalah pemisah antara sistem dan daerah luar sistem.
3.1.5 Klasifikasi Sistem
a. Sistem abstrak dan sistem fisik
Sistem abstrak adalah sistem yang berupa pemikiran atau ide-
ide yang tidak secara fisik, misalnya sistem teologi, yaitu suatu
23
sistem yang berupa pemikiran tentang hubungan antara manusia
dengan tuhan. Sedangkan sistem fisik merupakan sistem yang ada
secara fisik, seperti sistem komputer, sistem produksi, sistem
penjualan, sistem administrasi personalia, dan sebagainya.
Gambar 3.1 Contoh Sistem Abstrak- Hubungan manusia dengan tuhan
Gambar 3.2 Contoh Sistem Fisik-Sistem perbankan
b. Sistem alamiah dan sistem buatan manusia
Sistem alamiah adalah sistem yang terjadi melalui proses
alam, tidak dibuat oleh manusia, misalnya sistem perputaran bumi,
terjadinya siang dan malam, dan pergantian musim. Sedangkan
sistem buatan manusia merupakan sistem yang melibatkan
hubungan manusia dengan mesin, yang disebut dengan human
machine system. Sistem informasi yang berbasis komputer
merupakan contohnya, karena Menyangkut penggunaan komputer
yang berinteraksi dengan manusia
24
Gambar 3.3 Contoh Sistem Alamiah-Sistem tata surya
Gambar 3.4 Contoh Sistem Buatan Manusia-Sistem ATM
c. Sistem Deterministik dan Sistem Probabilistik
Sistem yang beroperasi dengan tingkah laku yang dapat
diprediksi disebut sistem deterministik. Sistem komputer adalah
dari sistem yang tingkah lakunya dapat dipastikan berdasarkan
program-program komputer yang dijalankan. Sedangkan sistem
yang bersifat probabilistik adalah sistem yang kondisi masa
depannya tidak dapat diprediksi, karena mengandung unsur
probabilitas.
25
Gambar 3.5 Contoh Sistem Deterministik-Sosial Media
Gambar 3.6 Contoh Sistem Probabilistik-Ramalan Cuaca
d. Sistem Terbuka dan Sistem Tertutup
Sistem terbuka merupakan sistem yang tidak berhubungan dan
tidak terpengaruh oleh lingkungan luarnya. Sistem ini bekerja
secara otomatis tanpa ada campur tangan dari pihak luar.
Sedangkan sistem terbuka adalah sistem yang berhubungan dan
dipengaruhi oleh lingkungan luarnya, yang menerima masukan
dan menghasilkan keluarga untuk subsistem lainnya
26
Gambar 3.7 Contoh Terbuka-Sistem belajar mengajar
Gambar 3.8 Contoh Sistem Tertutup-Rapat yang bersifat tertutup
3.1.6 Karakteristik Sistem
Karakteristik sistem adalah sistem yang mempunyai komponen-
komponen, batas sistem, lingkungan sistem, penghubung, masukan,
keluaran, pengolahan dan sasaran.
Gambar 3.9 Karakteristik Sistem
27
Dari gambar diatas dapat dijelaskan bahwa karakteristik sistem dapat
dibagi menjadi 8 bagian, yaitu :
1. Komponen
Elemen-elemen yang lebih kecil yang disebut sub sistem,
misalkan sistem komputer terdiri dari sub sistem perangkat keras,
perangkat lunak dan manusi.
2. Boundary (Batasan Sistem)
Batasan sistem merupakan daerah yang membatasi antara
suatu sistem dengan sistem yang lainnya atau dengan lingkungan
luarnya. Batas sistem ini memungkinkan suatu sistem dipandang
sebagai suatu kesatuan. Batas suatu sistem menunjukkan ruang
lingkup dari sistem tersebut.
3. Environment (Lingkungan Luar Sistem)
Lingkungan dari sistem adalah apapun di luar batas dari sistem
yang mempengaruhi operasi sistem. Lingkunganluar sistem dapat
bersifat menguntungkan dan dapat juga bersifat merugikan sistem
tersebut. Lingkungan luar yang menguntungkan merupakan energi
dari sistem dan dengan demikian harus tetap dijaga dan dipelihara.
Sedang lingkungan luar yang merugikan harus ditahan dan
dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari
sistem.
4. Interface (Penghubung Sistem)
Penghubung merupakan media perantara antar sub sistem.
Melalui penghubung ke subsistem lainnya. Output dari satu sub
sistem akan menjadi input untuk subsistem yang lainnya dengan
melalui penghubung. Dengan penghubung satu subsistem dapat
berinteraksi dengan sub sistem yang lainnya membentuk satu
kesatuan.
5. Input (Masukan)
Masukan adalah energi yang dimasukkan ke dalam sistem.
Masukan dapat berupa maintenance input dan sinyal input.
28
Maintenance input adalah energi yang dimasukkan supaya sistem
tersebut dapat beroperasi. Sinyal input adalah energi yang diproses
untuk didapatkan keluaran.
6. Output (Keluaran)
Keluaran adalah hasil dari energi yang diolah dan
diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.
Keluaran dapat merupakan masukan untuk subsistem yang lain atau
kepada supra sistem.
7. Proses (Pengolaham Sistem)
Suatu sistem dapat mempunyai suatu bagian pengolah atau
sistem itu sendiri sebagai pengolahnya. Pengolah yang akan merubah
masukan menjadi keluaran. Suatu sistem produksi akan mengolah
masukan berupa bahan baku dan bahan-bahan yang lain menjadi
keluaran berupa barang jadi.
8. Objective and Goal (Sasaran dan Tujuan Sistem)
Suatu sistem pasti mempunyai tujuan atau sasaran. Kalau
suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak
akan ada gunanya. Sasaran dari sistem sangat menentukan sekali
masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan
sistem. Suatu sistem dikatan berhasil bila mengenai sasaran atau
tujuannya.
3.2 Aplikasi
3.2.1 Pengertian Aplikasi
Menurut (Sri Widianti, 2018) Aplikasi merupakan
sebuah software(perangkat lunak) yang bertugas
sebagai front end pada sebuah sistem yang dipakai untuk mengelolah
berbagai macam data sehingga menjadi sebuah informasi yang
bermanfaat untuk penggunanya dan juga sistem yang berkaitan.
Sedangkan menurut (Harip Santoso, 2018) Aplikasi
merupakan sebuah kelompok file (class, form, report) yang ditujukan
29
sebagai pengeksekusi aktivitas tertentu yang saling berkaitan seperti
contohnya aplikasi payroll dan aplikasi fixed asset.
3.2.2 Sejarah Perkembang Aplikasi
Gambar 3.10 Sejarah Perkembangan Aplikasi
Seperti yang kita tahu, aplikasi merupakan salah satu
komponen penting yang menunjang kinerja komputer maupun
smartphone. Sebelum adanya banyak aplikasi yang berkembang
seperti sekarang ini, pastinya terdapat sejarah yang panjang mengenai
aplikasi hingga bisa seperti sekarang ini.
Manurut Andika (2018) Jauh sebelum aplikasi berkembang
pesat seperti saat ini. Aljabar Boolean merupakan salah satu andalan
semua software. Boolean menggunakan kode binary digit (bit) yang
teridiri dari 2 angka (on yang berarti benar dan off yang berarti salah).
Penggunaan kode binary digit ini membuat masyarakat pada saat itu
membuat beberapa kelompok bit yang terdiri dari 4 bit (nible), 8 bit
(byte), 2 byte (word), dan 32 bit (double word).
Kelompok-kelompok tersebut membantu software komputer
pada berbagai kegiatan, seperti merakit beberapa kode menjadi
struktur instruksi. Struktur instruksinya, seperti operasi logika,
penyimpanan, transfer, sampai membentuk kode baru yang dikenal
sebagai Assembler. Kode inilah yang menjadi cikal bakal untuk
membuat berbagai macam aplikasi yang dapat mempermudah
kegiatan manusia.
30
Didalam sejarah perkembangan aplikasi, terdapat evolusi
perangkat lunak. Pertama, Era Pioner. Mulanya, perangkat lunak
terdiri dari sambungan kabel antar bagian dikomputer, cara lain untuk
mengakses komputer dengan punched card (kartu yang dilubangi).
Penggunaan komputer dilakukan dalam sebuah program dengan
sebuah mesin dan tujuan tertentu secara langsung.
Pada era tersebut, perangkat lunak merupakan satu kesatuan
dengan perangkat kerasnya. Hasil yang dihasilkan dari penggunaan
komputer yang dilakukan secara langsung berupa print out. Proses
yang dilakukan komputer terdiri dari beberapa baris instruksi yang
berurutan.
Kemudian pada Era Stabil selanjutnya penggunaan komputer
berkembang semakin pesat terutama pada kalangan perusahaan dan
industri. Beberapa baris perintah dijalankan secara multitasking
(serempak). Dalam era ini dikenal dengan sistem basis data, sebagai
pemisah antara data dengan program.
Pada era stabil ini, aplikasi komputer sudah mengalami
kemajuan yang cukup pesat. Baris-baris perintah aplikasi komputer
yang dijalankan oleh komputer bukan lagi satu-satu, tapi sudah dapat
melakukan banyak proses secara bersamaan atau multi tasking.
Aplikasi komputer pada era ini juga mampu menyelesaikan banyak
pengguna (multi user) dan secara cepat/langsung (real time). Pada era
ini jugalah mulai di kenal sistem basis data yang mampu memisahkan
antara program dan data.
Perkembangan aplikasi yang pesat juga terjadi pada Era
Mikro. Dalam era ini perangkat lunak dibedakan menjadi aplikasi
sistem (Windows, Machintosh, Linux, dll), software aplikasi
(OpenOffice, Ms.Office, dll), dan bahasa pemrograman atau language
software (Assembler, Delphi, Visualbasic dll).
Yang terakhir perkembangan terjadi pada Era Modern, tidak
hanya pada sebuah supercomputer dengan 25 prosesor, perangkat
31
lunak dapat dijumpai diberbagai tempat. Kini PC dapat disinkronkan
dengan komputer genggam. Beberapa aplikasi yang dapat
diaplikasikan dengan perangkat lain seperti, Symbian, Android, dan
perangkat lainnya.
Era sekarang termasuk dalam era modern yang di dalamnya
berkembang pesat aplikasi komputer yang juga bisa diaplikasikan ke
dalam perangkat lain seperti Android, Symbian, dll. Kemampuan
yang ada pada aplikasi juga semakin meningkat, selain menangani
masalah teknis, aplikasi juga dapat mengenal suara dan gambar.
Aplikasi komputer yang ada saat ini, seperti yang dijelaskan di
atas, memang mengalami beberapa era yang menjadikannya semakin
baik dari era ke era. Dan tentunya, perkembangan tersebut akan terus
terjadi seiring dengan perkemangan peradaban manusia yang
notabene terus melakukan inovasi. Seperti jenis-jenis aplikasi
komputer yang dari hari ke hari semakin bertambah.
Saat ini aplikasi memiliki kemampuan yang lebih berkembang
seperti mengenal gambar. Selain itu aplikasi saat ini juga dapat
menangani masalah teknis. Aplikasi akan terus berkembang dengan
seiring jalan peradaban manusia. Semakin banyak inovasi manusia,
semakin banyak juga aplikasi yang akan diciptakan.
3.2.3 Jenis-jenis Aplikasi
Sesuai dengan penjelasan mengenai perkembangan aplikasi di
atas, tentunya kita dapat menyimpulkan bahwasannya sudah banyak
perkembangan yang terjadi pada aplikasi. Dan tentunya juga akan ada
banyak jenis aplikasi yang tercipta dari perkembangannya. Berikut ini
adalah beberapa jenis-jenis aplikasi yang ada, antara lain :
32
1. Aplikasi Dekstop
Gambar 3.11 Aplikasi Dekstop
Sangat banyak tersedia aplikasi desktop saat ini dan dapat
dikategorikan ke dalam beberapa kategori. Beberapa aplikasi
desktop mempunyai banyak fitur (seperti Microsoft Word),
sedangkan aplikasi dekstop lainnya hanya memiliki satu atau dua
fitur (seperti aplikasi jam atau kalender).
2. Aplikasi Grafis
Gambar 3.12 Aplikasi Grafis
Aplikasi grafis merupakan suatu program untuk mengolah data
yang berformat gambar baik dengan membuat gambar baru
maupun mengubah gambar yang sudah dibuat sebelumnya.
Software aplikasi Grafis dibagi menjadi tiga (3) bagian yaitu :
1. Aplikasi grafis berbasis vector
2. Aplikasi grafis berbasis pixel/BITMAP
3. Aplikasi grafis berbasis tata letak
33
3. Aplikasi Web Browser
Gambar 3.13 Aplikasi Web Browser
Merupakan bagian dari internet sebagai komunitas jaringan
komputer yang memberikan pelayanan http (world wide web).
Dengan demikian, definisi teknis dari world wide web adalah
semua sumber daya dan semua pengguna di intenet yang
menggunakan HTTP (Hypertext Transfer Protocol). WWW adalah
aplikasi yang paling menarik di Internet dan seperti email, aplikasi
ini sangat penting dan banyak digunakan. Aplikasi web browser
yang sering digunakan antara lain, Opera, Internet Explorer,
Safari, Firefox dan Chrome.
4. Animasi
Gambar 3.14 Animasi
Merupakan bentuk seni yang tampak secara spontan
menimbulkan gerakan kehidupan pada suatu obyek. Sebenarnya
terdapat beberapa fungsi yang berbeda untuk menghasilkan
animasi berbasis komputer dan satu daripadanya ialah animasi tiga
dimensi (3D). Fungsi lain untuk mencipta animasi komputer ialah
dengan menggunakan alat pengecatan komputer yang standar
untuk mengecat frame-frame tunggal sebelum dilakukan proses
34
penggabungan. Ini kemudian disimpan sebagai sebuah file gambar
(movie).
5. Aplikasi Multimedia
Gambar 3.15 Aplikasi Multimedia
Kita semua tentunya pernah merasakan jenuh pada suatu
pekerjaan. Aplikasi multimedia merupakan salah satu media
hiburan yang bisa kita gunakan. Jika kita ingin mendengarkan
musik MP3 atau menonton film yang telah kita unduh, maka kita
dapat menggunakan aplikasi ini untuk menikmatinya. Windows
Media Player dan iTunes merupakan aplikasi pemutar media yang
populer.
6. Aplikasi Communication
Gambar 3.16 Aplikasi Communication
Aplikasi yang satu ini merupakan yang saat ini paling banyak
digunakan dan merupakan yang paling populer. Aplikasi ini
digunakan agar manusia bisa berkomunikasi dengan pengguna
komputer, smartphone atau gadget lain. Contoh aplikasi
communication antara lain DataFax, Carbon Copy, CrossTalk,
Line, BBM, Whatsapp, dan lain-lain.
35
7. Aplikasi DBSM
Gambar 3.17 Aplikasi DBSM
Aplikasi DBMS (Database Management System) digunakan
untuk menyimpan data, mengolah data, serta menghasilkan output
berupa informasi. Aplikasi seperti ini ada yang tersedia secara
gratis, namun ada juga yang berbayar. Contohnya yaitu MySQL,
Microsoft Access, Oracle, Foxpro, dan lain-lain.
3.2.4 Fungsi Aplikasi
Seperti yang kita tahu, dengan adanya aplikasi tentunya akan
sangat membantu kita dalam mengolah sebuah perangkat komputer
maupun smartphone yang kita gunakan. Tentunya kita semua bisa
membayangkan bagaimana fungsi dari aplikasi yang ada sehingga
bisa bermanfaat untuk kita. Nah, berikut ini adalah beberapa contoh
dari fungsi aplikasi, antara lain :
1. Untuk Pendidikan
Gambar 3.18 Pendidikan
36
Untuk fungsi yang pertama yaitu menambah wawasan
pengetahuan dengan aplikasi untuk mempermudah proses pendidikan.
Tidak dapat dipungkiri, sekarang ini sudah banyak sekali aplikasi
yang dikembangkan untuk proses belajar mengajar sehingga bisa
menunjang kualitas pendidikan yang ada.
Kita dapat menggunakan aplikasi ini sebagai bahan untuk
pembelajaran. Misalnya saja mencari bahan untuk belajar, data nilai
siswa, jadwal pembelajaran, beasiswa dan masih banyak lainnya.
Dengan menggunakan aplikasi ini tentu saja seluruh kegiatan yang
dilakukan akan menjadi lebih maksimal untuk mendapatkan hasil
yang diinginkan. Kita tentu tahu bahwa pendidikan yang dilakukan
dengan menggunakan komputer tentu saja akan memudahkan dalam
mendapatkan kenyamanan yang dihasilkan.
2. Industri Dan Manufaktur
Gambar 3.19 Industri dan Manufaktur
Penggunaan aplikasi pada komputer ini tentu saja dapat digunakan
untuk mengkoordinasi mengenai penggunaan mesin dan
mengontrolnya. Hal ini dilakukan agar hasil yang diberikan memiliki
kualitas dan kuantitas yang lebih banyak. Dengan demikian akan
mendapatkan kenyamanan yang diberikan. Untuk mendapatkan
mengenai proses yang demikian tentu saja akan meningkatkan
keuntungan yang diberikan. Sehingga akan meningkatkan hasil yang
diinginkan dengan memberikan format khusus tanpa mengeluarkan
banyak biaya yang besar.
37
3. Bisnis Dan Perbankan
Gambar 3.20 Bisnis dan Perbankan
Didalam suatu bisnis, perlu menghitung besarnya keuntungan
yang diperoleh. Jika keuntungan dihitung secara manual maka akan
membutuhkan waktu yang lama. oleh karena itu diperlukannya
aplikasi untuk menghitung besar keuntungan tersebut. Dalam
menjalani bisnis tentu saja aplikasi komputer sangat digunakan untuk
menghitung keuntungan, proses produksi dan masih banyak lainnya.
Bahkan apabila dalam bidang bisnis tentu saja aplikasi ini akan
memberikan lapangan pekerjaan baru yang menghasilkan pundi-pundi
keuntungan. Sedangkan untuk perbankan tentu saja akan membantu
dalam memudahkan perhitungkan prosentase bunga, layanan
keuangan dan masih banyak lainnya. Dengan demikian hasilnya
menjadi semakin maksimal dirasakan untuk mendapatkan
kenyamanan dalam mengatur segala kepentingan yang dimiliki.
4. Militer
Gambar 3.21 Militer
Aplikasi juga membantu dalam kemampuan untuk
mempertahankan negara dengan digunakannya untuk keperluan
38
militer. Tentu saja akan memudahkan dalam mengembangkan dalam
mengontrol pesawat, perhitungan ketinggian, mengontrol navigasi,
peluru selam dan masih banyak lainnya. Dengan keamanan dan
kecanggihan militer yang demikian.
Tentu saja hasilnya yang didapatkan menjadi semakin optimal
sesuai dengan keinginan kita. Usahakan dalam menggunakan dalam
militer pastikan penggunaannya secara bijaksana. Tujuannya tentu
saja agar hasilnya menjadi semakin bermanfaat untuk mendapatkan
hasil yang sesuai dengan sasaran dan keinginan.
5. Kedokteran
Gambar 3.22 Aplikasi Rekam Medis
Siapa sangka adanya aplikasi yang dikembangkan khusus
untuk bidang kedokteran. Misalnya saja, adanya aplikasi untuk
mendiagnosa penyakit, menawarkan perawatan rutin, bahkan sampai
meracik obat. Dengan demikian, kita dapat mengecek diri sendiri
melalui aplikasi tersebut.
Hal ini karena dalam bidang kedokteran aplikasi ini akan
digunakan dalam mendiagnosa sebuah penyakit, memilih obat yang
dapat menyembuhkan dan meracik obat tersebut. Tentu saja dengan
adanya bantuan yang demikian hasilnya menjadi semakin maksimal
sesuai dengan keinginan kita. Mulailah menggunakan aplikasi
komputer yang dimiliki tersebut sesuai dengan keinginan yang
diinginkan.
39
3.3 Raport
3.3.1 Pengertian Raport
Menurut Dimyati dan Mudjiomo (2004) Raport adalah hasil
yang dicapai dalam bentuk angka-angka skor setelah diberikan tes
hasil belajar pada setiap akhir pembelajaran.
Raport adalah buku yang berisi keterangan mengenai nilai
kepandaian dan prestasi belajar murid di sekolah, yang biasanya
dipakai sebagai laporan guru kepada orang tua siswa atau wali murid.
(Tim Penyusun Kamus Pusat Pembinaan dan Pengembangan Bahasa,
1988).
3.3.2 Fungsi Raport
1. Bagi Siswa : Mengetahui kemajuan hasil belajar diri, konsep-
kosep atau teori-teori yang belum dikuasai, Memotivasi diri
untuk belajar lebih baik, Memperbaiki strategi belajar
2. Bagi Orang Tua : Mengetahui perkembangan anaknya sehingga
orang tua dapat membantu anaknya belajar, memotivasi untuk
meningkatkan hasil belajar dan melengkapi fasilitas belajar di
rumah.
3. Bagi Guru Mata Pelajaran : Sebagai feedback juga penilaian
digunakan guru untuk mengetahui kekuatan dan kelemahan
siswa dalam satu kelas. Hasil penilaian harus dapat mendorong
guru agar mengajar lebih baik, dan membantu guru untuk
menentukan strategi mengajar yang lebih tepat.
4. Bagi Wali Kelas : Melalui raport wali kelas dapat mengetahui
kekuatan dan kelemahan siswa dalam kelas yang diampunya
wali kelas dapat menentukan strategi dalam pengelolaan kelas
yang menjadi tanggung jawabnya misalnya dengan menata
ulang pengaturan tempat duduk, pembagian anggota kelompok
belajar dan langkah strategis lainnya untuk membantu siswa
40
meningkatkan kompetensi siswa atau membantu mengatasi
kesulitan blajar siswa yang lemah.
3.4 Framework
3.4.1 Pengertian Framework
Menurut Supono (2016) Framework secara sederhana dapat di
artikan kumpulan dari fungsi-fungsi / prosedur-prosedur dan class-
class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa
lebih mempermudah dan mempercepat pekerjaan seorang programer,
tanpa harus membuat fungsi atau class dari awal.
Sedangkan menurut Siena (2009) framework adalah
suatu library yang telah diorganisasikan pada sebuah rancangan
arsitektur untuk memberikan kecepatan, ketepatan, kemudahan, dan
konsisten dalam pengembangan suatu aplikasi.
3.4.2 Jenis-jenis Framework
Untuk saat ini framework terbagi dua yaitu framework PHP dan
framework CSS, untuk framework PHP terdiri dari
1. Laravel
2. Yii
3. Code Igniter
4. Symfoni
5. Zend Framework
6. Cake PHP
7. Fuel PHP
8. DLL
dan untuk Framework CSS terdiri dari
1. Bootstrap
2. Gumby
3. Foundation
4. Less Framework
41
5. JQuery UI
6. Unsemantic
7. Blue Print CSS
3.4.3 Fungsi Framework
Dalam penerapannya fungsi Framework dapat diuraikan sebagai
berikut :
1. Mempercepat proses pembuatan aplikasi baik itu aplikasi berbasis
desktop, mobile ataupun web.
2. Membantu para developer dalam perencanaan, pembuatan dan
pemeliharaan sebuah aplikasi.
3. Aplikasi yang dihasilkan menjadi lebih stabil dan handal, hal ini
dikarenakan Framework sudah melalui proses uji baik itu
stabilitas dan juga kehandalannya.
4. Memudahkan para developer dalam membaca code program dan
lebih mudah dalam mencari bugs.
5. Memiliki tingkat keamanan yang lebih, hal ini dikarenakan
Framework telah mengantisipasi cela - cela keamanan yang
mungkin timbul.
6. Mempermudah developer dalam mendokumentasikan aplikasi -
aplikasi yang sedang dibangun.
3.5 Alat Bantu Perancangan Sistem
3.5.1 Pengenalan UML (Unified Modelling Language)
UML (Unified Modelling Language) adalah sebuah “bahasa” yang
telah menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah
standar untuk merancang model sebuah sistem. (Y. Sugiarti, 2013)
Menurut Muslihudin (2016) UML (Unified Modelling Language)
yang berarti bahasa permodelan standar. Ketika kita membuat model
menggunakan konsep UML ada aturan-aturan yang harus diikuti
42
bagaimana elemen pada model-model yang kita buat berhubungan satu
dengan lainnya harus mengikuti standar yang ada. UML bukan sekedar
diagram, tetapi juga menceritaka konteksnya. UML diaplikasikan untuk
maksud terntentu, biasanya antara lain :
1. Merancang perangkat lunak.
2. Sarana komunikasi antara perangkat lunak dengan proses bisnis.
3. Menjabarkan sistem secara rinci untuk analisa dan mencari apa
yang diperlukan system.
4. Mendokumentasi system yang ada, proses-proses dan
organisasinya.
3.5.2 Pemodelan Pemrograman Berorientasi Objek
a. Use Case Diagram
Rosa dan M. Shalahudin (2016), use case atau diagram use case
merupakan pemodelan untuk kelakuan (behavior) sistem informasi
yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara
satu atau lebih aktor dengan sistem informasi yang akan dibuat.
Secara kasar, use case digunakan untuk mengetahui fungsi apa saja
yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak
menggunakan fungsi-fungsi itu.
Tabel 3.1 Simbol Use Case Diagram
(Sumber Rossa A.S dan M. Shalahuddin, 2016)
SIMBOL NAMA DESKRIPSI
Use Case
Fungsionalitas yang
disediakan sistem sebagai
unit-unit yang saling bertukar
pesan antar unit atau actor.
43
Actor
Orang,proses atau sistem yang
lain yang berinteraksi dengan
sistem informasi yang akan
dibuat itu sendiri.
Association
Komunikasi antara actor dan
use case yang berpastisipasi
pada use case atau use case
memiliki interaksi pada actor.
-------------------- <<extend>>
Relasi use case tambahan ke
sebuah use case dimana use
case yang ditambahkan dapat
berdiri sendiri wala tanpa use
case tambahan itu.
-------------------- <<include>>
Use case yangdi tambahkan
akan selalu dipanggil saat use
case tambahan dijalankan.
44
b. Class Diagram
Rosa dan M. Shalahudin (2016), diagram kelas atau class
diagrammenggambarkan struktur sistem dari segi pendefinisian
kelas-kelas yang akan dibuat untuk membangun sistem.
Tabel 3.2 Simbol Class Diagram
(Sumber Rosa A.S dan M. Shalahuddin, 2016)
SIMBOL NAMA DESKRIPSI
Class Kelas pada sturktur
Sistem
Interface
Sama dengan konsep
Interface dalam
pemograman berorientasi
objek
Association
Komunikasi antara actor
dan use case yang
berpastisipasi pada use
case atau use case
memiliki interaksi pada
actor.
Nama_kelas
+Atribut
+Operasi{}
45
Asosiasi
Berarah
Relasi use case tambahan
ke sebuah use case
dimana use case yang
ditambahkan dapat berdiri
sendiri walau tanpa use
case tambahan.
generalisasi
Relasi antarkelas dengan
makna generalisasi-
spesialisasi (umum
khusu)
aggregation
Relasi antarkelas dengan
makna semua-bagian
(whole-part)
c. Activity Diagram
Rosa dan M. Shalahudin (2016), diagram aktivitas atau activity
diagram menggambarkan workflow (aliran kerja) atau aktivitas dari
sebuah sistem atau proses bisnis atau menu yang ada pada perangkat
lunak. Yang perlu di perhatikan disini adalah bahwa diagram aktivitas
menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi
aktivitas yang dapat dilakukan oleh sistem.
46
Tabel 3.3 Simbol Activity Diagram
(Sumber Rosa A.S dan M.Shalahuddin, 2016)
SIMBOL NAMA DESKRIPSI
Status Awal
Status awal aktifitas
sistem,sebuah
diagram aktifitas
memiliki sebuah
status awal
Aktifitas
Aktifitasyang
dilakukan sistem,
biasanya diawali
dengan kata kerja
Percabangan
Asosiasi
percabangan dimana
jika ada pilihan
aktifitas lebih dari
satu
Penggabungan
Asosiasi
penggabungan
dimana lebih dari
satu aktifitas
digabungkan
menjadi satu
47
Lanjutan Tabel 3.3 Simbol Activity Diagram
Status Akhir
Status akhir yang
dilakukan sistem,
sebuah diagram
aktifitas memiliki
sebuah status akhir
d. Sequence Diagram
Rosa dan M. Shalahudin (2016), diagram sequence
menggambarkan kelakuan objek-objek pada use case dengan
mendeskripsikan waktu hidup objek dengan massage yang dikirimkan
dan diterima antar objek. Oleh karena itu untuk menggambarkan
diagram sekuen maka harus diketahui objek-objek yang terlibat dalam
sebuah use case beserta metodemetode yang dimiliki kelas yang
diinstansiasi menjadi objek itu.
Tabel 3.4 Simbol Sequence Diagram
(Sumber Rosa A.S dan M.Shalahuddin, 2016)
SIMBOL NAMA DESKRIPSI
Actor
Orang,proses atau
sistem yang lain
yang berinteraksi
dengan sistem
informasi yang akan
dibuat itu sendiri.
48
Waktu Aktif
Menyatakan objek
dalam keadaan aktif
dan berinteraksi
Objek
Menyatakan objek
yang berinteraksi
peran
Pesan Tipe Create
Menyatakansuatu
objek membuat
objek lain,arah
panah mengarah
pada objek yang
dibuat
Boundary Digunakan untuk
menggambar sebuah
form.
Control Class Digunakan untuk
menghubungkan
boundary dengan
tabel.
Entity Class Digunakan untuk
menggambarkan
hubungan kegiatan
yang akan dilakukan.
49
3.6 Website
Website merupakan fasilitas internet yang menggubungkan dokumen
dalam lingkup local maupun jarak jauh. Dokumen pada website disebut dengan
web page dan link dalam website memungkinkan pengguna bisa berpindah dari
satu page ke page lain (hyper text), baik diantara page yang disimpan dalam
server yang sama maupun server diseluruh dunia. Pages diakses dan dibaca
melalui browser seperti Netscape, Navigator, Internet Explorer, Mozila
Firefox, Google Chrome dan aplikasi browser lainnya (Hakim Lukmanul,
2004).
Bahasa pemrograman dalam pembangun website meliputi :
3.6.1 PHP (Hypertext Preprocessor)
Menurut Arief (2011) PHP adalah Bahasa server-side-scripting
yang menyatu dengan HTML untuk membuat halaman web yang
dinamis. Karena PHP merupakan server-side-scripting maka sintaks dan
perintah-perintah PHP akan dieksekusi deserver kemudian hasilnya akan
dikirimkan ke browser dengan format HTML.
Dengan demikian kode program yang ditulis dalam PHP tidak akan
terlihat oleh user sehingga keamanan halaman web lebih terjamin. PHP
dirancang untuk membuat halaman web yang dinamis, yaitu halaman
web yang dapat membentuk suatu tampilan berdasarkan permintaan
terkini, seperti menampilkan isi basis data ke halaman web.
3.6.2 HTML
Menurut Yeni Kustiyahningsih dan Device Rosa Anamisa (2010)
HTML kependekan dari Hyper Text Markup Language. Dokumen
HTML adalah file text murni yang dapat dibuat dengan editor text
sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini
berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser
yang ada dikomputer client (user) sehingga isi formasinya dapat
ditampilkan secara visual dikomputer pengguna (user).
50
3.6.3 Java Script
JavaScript merupakan bahasa pemrograman web sisi klien (client
side). Scripting (bahasa pemrograman yang ringan) yang populer di
internet dan berisi baris kode yang dijalankan di komputer
menggunakan program browser yang mendukung seperti Google
Chrome, Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera.
JavaScript disisipkan dalam halaman HTML dengan diapit
menggunakan tag Script. JavaScript dijalankan di komputer user,
sehingga proses tidak perlu dilakukan pada server. Dengan adanya
JavaScript, kemampuan sebuah file dokumen HTML akan menjadi
semakin luas dan kuat. Selain itu, JavaScript juga merupakan bahasa
interpreter yang berarti skrip dieksekusi tanpa proses kompilasi.
JavaScript didesain untuk menambah interaktif suatu web. (Riyanto,
2015)
3.7 Basis Data
3.7.1 Pengertian Basis Data
Basis data (database) menurut Yakub (2012) diartikan sebagai
markas atau gudang, tempat bersarang atau berkumpul. Prinsip utama
basis data adalah pengaturan data dengan tujuan utama fleksibilitas
dan kecepatan dalam pengambilan data kembali. Adapun tujuan basis
data diantaranya sebagai efisiensi yang meliputi speed, space dan
accurancy, menangani data dalam jumlah besar, kebersamaan
pemakaian, dan meniadakan duplikasi.
3.7.2 Manfaat Basis Data
Bebebrapa manfaat basis data adalah untuk kecepatan dan
kemudahan, efisien ruang penyimpanan, keakuratan, ketersediaan,
kelengkapan, keamanan, dan kebersamaan (Yakub, 2012).
51
a. Kecepatan dan kemudahan, pemanfaatan basis data memungkinkan
untuk dapat menympan, mengubah, dan menampilkan kembali data
tersebut dengan lebih cepat dan mudah.
b. Efisiensi ruang penyimpanan, dengan basis data efisiensi/optimalisasi
penggunaan ruang penyimpanan dapat dilakukan, karena penekanan
jumlah redudansi data, baik dengan sejumlah pengkodean.
c. Keakuratan, pembentukan relasi antardata bersama dengan penerapan
aturan tipe, domain, dan keunikan data dapat diterapkan dalam sebuah
basis data.
d. Ketersediaan, dapat memilih data utama, transaksi, data histori hingga
data kadaluarsa.
e. Kelengkapan, lengkap atau tidaknya data dalam sebuah basis data
bersifat relatif.
f. Keamanan, untuk menentukan siapa-siapa yang berhak menggunakan
basis data berserta objek-objek didalamnya dan menetukan jenis-jenis
operasi apa saja yang boleh dilakukan.
g. Kebersamaan pemakai, basis data dapat digunakan oleh beberapa
pemakai dan beberapa lokasi. Basis data yang dikelola oleh sistem
yang mendukung multi user dapat memenuhi kebutuhan, akan tetapi
harus menghindari inkonsistensi data.
3.7.3 MYSQL
My Structured Query Language (MySQL) adalah nama database
server. Database server adalah server yang berfungsi untuk menangani
database. Database adalah suatu pengorganisasian data dengan tujuan
memudahkan penyimpanan dan pengaksesan data (Abdul Kadir, 2014).
Dengan menggunakan MySQL, kita menyimpan data dan kemudian data
bisa diakses dengan cara mudah dan cepat.
Secara umum database merupakan sekumpulan data yang tersusun
dengan aturan tertentu dalam bentuk tabel. Adapun secara fungsi, database
52
merupakan suatu tempat yang dipergunakan untuk menyimpan
sekumpulan data dalam format tertentu.
MySQL merupakan sebuah sistem database relasional, sehingga dapat
mengelompokkan informasi ke dalam tabel-tabel, atau grup-grup informasi
yang berkaitan. Setiap tabel memuat bidang-bidang yang terpisah, yang
merepresentasikan setiap bit informasi (R.H. Sianipar, 2015).
3.8 Pengujian Sistem
Pengujian adalah satu set aktifitas yang direncanakan dan sistematis
untuk menguji atau mengevaluasi kebenaran yang diinginkan
3.8.1 White Box
White Box menguji perangkat lunak dari desain dan kode
program apakah mampu menghasilkan fungsi-fungsi, masukan, dan
keluaran yang sesuai dengan spesifikasi kebutuhan. Pengujian kotak
putih dilakukan dengan memeriksa Logik dari kode program.
Pembuatan kasus uji bisa mengikuti standar pengujian dari standar
pemrograman yang seharusnya (Rosa A.S dan M. Shalahudin, 2013).
Pengujian kotak putih, terkadang disebut juga pengujian kotak
kaca (glass-box testing), merupakan sebuah filosofi perancangan test
case yang menggunakan struktur kontrol yang dijelaskan sebagai
bagian dari perancangan peringkat komponen untuk menghasilkan test
case. Dengan menggunakan metode pengujian kotak putih :
Dapat memperoleh test case yang :
1. Menjamin bahwa semua jalaur independen di dalam modul telah
dieksekusi sedikitnya satu kali.
2. Melaksanakan semua keputusan logis pada sisi benar dan yang
salah
3. Melaksanakan semua loop pada batas mereka dan dalam batas-
batas operasional mereka.
4. Melakukan struktur data internal untuk memastikan kesalahan.
53
Rumus pengujian White Box :
V(G) = E – N + 2
V(G) = P +1
Keterangan :
V(G) = Cyclomatic Complexity
E = jumlah edge pada grafik air
N = jumlah node pada grafik alir
P = jumlah predicate node pada grafik alir
Gambar 3.23 Metode Pengujian White Box
3.8.2 Black Box
Black Box testing yaitu menguji perangkat lunak daris segi
spesifikasi fungsional tanpa menguji desain dan kode program.
Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi,
masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi
yang dibutuhkan. Pengujian kotak hitam dilakukan dengan membuat
kasus uji yang bersifat mencoba semua fungsi dengan memakai
54
perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan
(Rosa A.S dan M. Shalahuddin, 2015).
Pengujian kotak hitam, juga disebut pengujian perilaku,
berfokus pada persyaratan fungsional perangkat lunak. Artinya, teknik
pengujian kotak hitam memungkinkan anda untuk membuat beberapa
kumpulan kondisi masukan yang sepenuhnya akan melakukan semua
kebutuhan fungsional untuk program. Pengujian kotak hitam
merupakan pendekatan pelengkap yang mungkin dilakukan untuk
mengungkap kelas kesalahan yang berbeda dari yang diungkap oleh
metode kotak putih.
Pengujian kotak hitam berupaya untuk menemukan kesalahan
dalam kategori berikut :
1. Fungsi yang salah atau hilang.
2. Kesalahan antarmuka.
3. Kesalahan dalam struktur data atau akses basis data eksternal.
4. Kesalahan perilaku atau kinerja.
5. Kesalahan insialisasi dan penghentian
55
BAB IV
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
4.1 Perencanaan Sistem
Produk yang akan dikembangkan dalam penelitian ini adalah Sistem
Aplikasi Raport Online pada SMK AL-MUBAAROK REMBANG
menggunakan CodeIgniter. Sistem ini akan dibuat dengan bahasa pemrograman
PHP dan MySQL sebagai database, program ini dirancang menggunakan
teknologi CodeIgniter sebagai kerangka dari aplikasi Raport Online pada SMK
AL-MUBAAROK REMBANG. Permasalahan yang terjadi pada SMK AL-
MUBAAROK REMBANG yang berkaitan dengan nilai raport siswa adalah :
1. Pengimputan nilai siswa masih menggunakan manual, yaitu dengan diketik di
excel dan di tulis di raport tiap-tiap mahasiswa. Sehingga akan
membutuhkan banyak waktu dan tenaga.
2. Sistem Raport pada SMK AL-MUBAAROK REMBANG selama ini masih
menggunakan manual. Siswa atau orang tua yang ingin mengambil raport
harus datang ke sekolah.
Untuk mengatasi permasalaham sistem yang dihadapi oleh SMK AL-
MUBAAROK REMBANG dalam hal nilai raport siswa, diperlukan adanya
suatu sistem aplikasi online pada SMK AL-MUBAAROK REMBANG yang
dapat menangani dan mempermudah dalam pengelolaan nilai raport siswa.
Sehingga wali dosen, siswa atau orang tua akan lebih mudah.
4.2 Analisa Sistem
Tahap analisa sistem adalah studi domain masalah untuk
merekomendasikan perbaikan dan menspesifikasi persyaratan dan prioritas
untuk solusi. Tugas paling penting dalam tahap ini adalah proses menemukan
masalah dan menghasilkan alternatif pemecahan masalah serta diharapkan dapat
memahami sistem yang ada guna menentukan kebutuhan pemakai dan hambatan
pada sistem yang baru.
56
4.2.1 Identifikasi Kebutuhan Perangkat Lunak
Perangkat lunak yang dibutuhkan untuk implementasi sistem raport
online pada SMK AL-MUBAAROK REMBANG menggunakan
CodeIgniter yaitu :
1. Sistem Operasi : Microsoft Windows 7
2. Editor : Notepad ++
3. Web Server : Apache (v.7.0)
4. Database Server : MySQL (v.3.2.2)
5. Browser : Google Chrome / Mozilla Firefox
4.2.2 Identifikasi Kebutuhan Perangkat Keras
Perangkat keras yang digunakan untuk implementasi sistem aplikasi raport
online pada SMK AL-MUBAAROK REMBANG menggunakan
CodeIgniter yaitu :
1. Processor Intel (R) Pentium Core i3
2. Memori 2 Gb
3. LCD 14”
4.2.3 Identifikasi Kebutuhan Fungsional
Kebutuhan fungsional dalam sistem aplikasi raport online pada SMK AL-
MUBAAROK REMBANG menggunakan CodeIgniter yaitu :
1. Admin
a. Mengelola Data Guru
b. Mengelola Data Siswa
c. Mengelola Data kelas
d. Mengelola Data Mapel
e. Mengelola Data Ekstra
f. Mengelola Data Set Tahun Aktif
57
Kelola Set Wali Kelas
kelola set Mapel
kelola Set Kelas
<extend>
<extend>
Kelola Data Guru
Kelola Data Siswa
Kelola Set Tahun Aktif
Admin
Siswa
kelola Data Ekstra
Kelola Data Mapel
Kelola Data kelas
Kelola Catatan
Kelola Raport
kelola Absensi
Kelola Input Nilai
Kelola Pestasi
Wali Kelas
<include>
<include>
2. Wali Kelas
a. Melihat Data Mapel
b. Mengelola Data Absensi
c. Mengelola Data Ekstrakurikuler
d. Mengelola Data Prestasi
e. Melihat Nilai
f. Mencetak Raport
3. Siswa
a. Melihat Nilai
b. Mencetak Raport
4.3 Perancangan Sistem
4.3.1 Use Case Diagram
Gambar 4.1 Use Case Diagram
58
Use case diagram sistem aplikasi raport online pada SMK AL-
MUBAAROK REMBANG menggunakan CodeIgniter pada gambar 4.1 terdiri
dari tiga aktor yaitu admin, wali kelas dan siswa. Admin mengelola data guru,
data siswa, data guru, data kelas, data mapel, data ekstra, dan data set tahun aktif.
Wali kelas melihat data mata pelajaran, mengelola data absensi, mengelola data
ekstrakurikuler, mengelola data prestasi, mengelola data nilai dan mencetak nilai.
Siswa melihat nilai dan mencetak nilai.
4.3.2 Skenario Use Case
1. Mengelola Data Guru
Tabel 4.1 Skenario Use Case Mengelola Data Guru
Nama Use Case Mengelola Data Guru
Aktor Admin
Keterangan
Use case ini merupakan proses untuk mengelola
data guru. Dalam proses ini mencakup proses
tambah, edit, dan hapus data.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
admin.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data guru
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data guru
Langkah 3 : User
memilih tombol tambah
Langkah 4 : Sistem
menampilkan form
tambah guru
Langkah 5 : User
menambahkan data guru
ke dalam form
Langkah 6 : User Langkah 7 : Data Guru
59
memilih tombol simpan berhasil di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data guru
yang akan diubah
Alternatif 1 langkah 4 :
user memilih tombol
edit
Alternatif 1 langkah 5 :
sistem menampilkan
form edit guru
Alternatif 1 langkah 6 :
user merubah isi dari
data guru
Alternatif 1 langkah 7 :
user memilih tombol
simpan
Alternatif 1 langkah 8 :
sistem merubah data
guru
Bidang Alternatif 2
Alternatif 2 langkah 3 :
user memilih data guru
yang akan dihapus
Alternatif 2 langkah 4 :
user memilih tombol
hapus
Alternatif 2 langkah 5 :
sistem menghapus data
guru
KesimpulanDalam pengelolaan data guru, dapat dilakukan
kegiatan tambah, edit dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
2. Mengelola Data Siswa
Tabel 4.2 Skenario Use Case Mengelola Data Siswa
Nama Use Case Mengelola Data Siswa
Aktor Admin
Keterangan
Use case ini merupakan proses untuk mengelola
data siswa. Dalam proses ini mencakup proses
tambah, edit, dan hapus data.
60
Lanjutan Tabel 4.2 Skenario Use Case Mengelola Data Siswa
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
admin.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data
siswa
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data siswa
Langkah 3 : User
memilih tombol tambah
Langkah 4 : Sistem
menampilkan form
tambah siswa
Langkah 5 : User
menambahkan data
siswa ke dalam form
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data Siswa
berhasil di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data siswa
yang akan diubah
Alternatif 1 langkah 4 :
user memilih tombol
edit
Alternatif 1 langkah 5 :
sistem menampilkan
form edit siswa
Alternatif 1 langkah 6 :
user merubah isi dari
data siswa
Alternatif 1 langkah 7 :
user memilih tombol
simpan
Alternatif 1 langkah 8 :
sistem merubah data
siswa
61
Lanjutan Tabel 4.2 Skenario Use Case Mengelola Data Siswa
Bidang Alternatif 2
Alternatif 2 langkah 3 :
user memilih data siswa
yang akan dihapus
Alternatif 2 langkah 4 :
user memilih tombol
hapus
Alternatif 2 langkah 5 :
sistem menghapus data
siswa
KesimpulanDalam pengelolaan data siswa, dapat dilakukan
kegiatan tambah, edit dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
3. Mengelola Data kelas
Tabel 4.3 Skenario Use Case Mengelola Data Kelas
Nama Use Case Mengelola Data Kelas
Aktor Admin
Keterangan
Use case ini merupakan proses untuk mengelola
data kelas. Dalam proses ini mencakup proses
tambah, edit, dan hapus data.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
admin.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data
kelas
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data kelas
Langkah 3 : User
memilih tombol tambah
Langkah 4 : Sistem
menampilkan form
tambah kelas
62
Tabel 4.3 Skenario Use Case Mengelola Data Kelas
Langkah 5 : User
menambahkan data
kelas ke dalam form
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data Kelas
berhasil di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data kelas
yang akan diubah
Alternatif 1 langkah 4 :
user memilih tombol
edit
Alternatif 1 langkah 5 :
sistem menampilkan
form edit kelas
Alternatif 1 langkah 6 :
user merubah isi dari
data kelas
Alternatif 1 langkah 7 :
user memilih tombol
simpan
Alternatif 1 langkah 8 :
sistem merubah data
kelas
Bidang Alternatif 2
Alternatif 2 langkah 3 :
user memilih data kelas
yang akan dihapus
Alternatif 2 langkah 4 :
user memilih tombol
hapus
Alternatif 2 langkah 5 :
sistem menghapus data
kelas
KesimpulanDalam pengelolaan data kelas, dapat dilakukan
kegiatan tambah, edit dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
63
4. Mengelola Data Mapel
Tabel 4.4 Skenario Use Case Mengelola Data Mapel
Nama Use Case Mengelola Data Mapel
Aktor Admin
Keterangan
Use case ini merupakan proses untuk mengelola
data mapel. Dalam proses ini mencakup proses
tambah, edit, dan hapus data.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
admin.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data
mapel
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data mapel
Langkah 3 : User
memilih tombol tambah
Langkah 4 : Sistem
menampilkan form
tambah mapel
Langkah 5 : User
menambahkan data
mapel ke dalam form
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data Mapel
berhasil di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data mapel
yang akan diubah
Alternatif 1 langkah 4 :
user memilih tombol
edit
Alternatif 1 langkah 5 :
sistem menampilkan
form edit mapel
64
Lanjutan Tabel 4.4 Skenario Use Case Mengelola Data Mapel
Alternatif 1 langkah 6 :
user merubah isi dari
data mapel
Alternatif 1 langkah 7 :
user memilih tombol
simpan
Alternatif 1 langkah 8 :
sistem merubah data
mapel
Bidang Alternatif 2
Alternatif 2 langkah 3 :
user memilih data mapel
yang akan dihapus
Alternatif 2 langkah 4 :
user memilih tombol
hapus
Alternatif 2 langkah 5 :
sistem menghapus data
mapel
KesimpulanDalam pengelolaan data mapel, dapat dilakukan
kegiatan tambah, edit dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
5. Mengelola Data Ekstrakurikuler
Tabel 4.5 Skenario Use Case Mengelola Data Ekstrakurikuler
Nama Use Case Mengelola Data Ekstrakurikuler
Aktor Admin
Keterangan
Use case ini merupakan proses untuk mengelola
data ekstrakurikuler. Dalam proses ini mencakup
proses tambah, edit, dan hapus data.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
admin.
Bidang khas event Kegiatan Aktor Respon Sistem
65
Lanjuran Tabel 4.5 Skenario Use Case Mengelola Data Ekstrakurikuler
Langkah 1 : User
memilih menu data
ekstrakurikuler
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data ekstrakurikuler
Langkah 3 : User
memilih tombol tambah
Langkah 4 : Sistem
menampilkan form
tambah ekstrakurikuler
Langkah 5 : User
menambahkan data
ekstrakurikuler ke dalam
form
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data
Ekstrakurikuler berhasil
di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data
ekstrakurikuler yang
akan diubah
Alternatif 1 langkah 4 :
user memilih tombol
edit
Alternatif 1 langkah 5 :
sistem menampilkan
form edit ekstrakurikuler
Alternatif 1 langkah 6 :
user merubah isi dari
data ekstrakurikuler
Alternatif 1 langkah 7 :
user memilih tombol
simpan
Alternatif 1 langkah 8 :
sistem merubah data
ekstrakurikuler
66
Lanjutan Tabel 4.5 Skenario Use Case Mengelola Data Ekstrakurikuler
Bidang Alternatif 2
Alternatif 2 langkah 3 :
user memilih data
ekstrakurikuler yang
akan dihapus
Alternatif 2 langkah 4 :
user memilih tombol
hapus
Alternatif 2 langkah 5 :
sistem menghapus data
ekstrakurikuler
KesimpulanDalam pengelolaan data ekstrakurikuler, dapat
dilakukan kegiatan tambah, edit dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
6. Mengelola Set Tahun Aktif
Tabel 4.6 Skenario Use Case Mengelola Set Tahun Aktif
Nama Use Case Mengelola Tahun Aktif
Aktor Admin
Keterangan
Use case ini merupakan proses untuk mengelola
data tahun aktif. Dalam proses ini mencakup proses
tambah dan hapus data.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
admin.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data set
tahun aktif
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data tahun aktif
67
Lanjutan Tabel 4.6 Skenario Use Case Mengelola Set Tahun Aktif
Langkah 3 : User
memilih tombol tambah
Langkah 4 : Sistem
menampilkan form
tambah tahun aktif
Langkah 5 : User
menambahkan data t ke
hun aktifdalam form
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data Tahun
Aktif berhasil di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data tahun
aktif yang akan dihapus
Alternatif 1 langkah 4 :
user memilih tombol
hapus
Alternatif 1 langkah 5 :
sistem menghapus data
tahun aktif
KesimpulanDalam pengelolaan data set tahun aktif, dapat
dilakukan kegiatan tambah dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
7. Mengelola Mapel Diampu
Tabel 4.7 Skenario Use Case Mengelola Mapel Diampu
Nama Use Case Mengelola Mapel Diampu dan Input Nilai
Aktor Wali Kelas
Keterangan
Use case ini merupakan proses untuk mengelola
mapel diampu. Dalam proses ini mencakup proses
input nilai.
68
Lanjutan Tabel 4.7 Skenario Use Case Mengelola Mapel Diampu
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
wali kelas.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu mapel
diampu
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
mapel diampu
Langkah 3 : User
memilih tombol nilai
pengetahuan
Langkah 4 : Sistem
menampilkan halaman
nilai pengetahuan
Langkah 5 : User
memilih ulangan akhir
semester
Langkah 6 : User
memasukan nilai
Langkah7 : user
menekan tombol simpan
Langkah 7 : Data nilai
pengetahuan berhasil di
simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih tombol
nilai ketrampilan
Alternatif 1 langkah 4 :
sistem menampilkan
halaman nilai
ketrampilan
Alternatif 1 langkah 5 :
User memilih ulangan
akhir semester
Alternatif 1 langkah 6 :
user memasukkan nilai
69
Lanjutan Tabel 4.7 Skenario Use Case Mengelola Mapel Diampu
Alternatif 1 langkah7 :
user menekan tombol
simpan
Alternatif 1 langkah 7 :
Data nilai pengetahuan
berhasil di simpan
KesimpulanDalam pengelolaan mapel diampu, dapat dilakukan
kegiatan nilai pengetahuan dan nilai ketrampilan
Post Kondisi Perubahan data tersimpan dalam database
8. Mengelola Data Mapel
Tabel 4.8 Skenario Use Case Mengelola Data Mapel
Nama Use Case Mengelola Data Absensi
Aktor Wali Kelas
Keterangan
Use case ini merupakan proses untuk mengelola
data absensi. Dalam proses ini mencakup proses
edit dan cetak
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
wali kelas.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data
absensi
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data absensi
Langkah 3 : User
memilih tombol edit
Langkah 4 : Sistem
menampilkan form
tambah edit
Langkah 5 : User
menambahkan data edit
ke dalam form
70
Lanjutan Tabel 4.8 Skenario Use Case Mengelola Data Mapel
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data Mapel
berhasil di simpan
Bidang Alternatif 1
Alternatif 1 langkah 3 :
user memilih data
absensi yang akan
dicetak
Alternatif 1 langkah 4 :
user memilih tombol
cetak
Alternatif 1 langkah 5 :
sistem menampilkan
form cetak
KesimpulanDalam pengelolaan data absensi, dapat dilakukan
kegiatan edit dan cetak.
Post Kondisi Perubahan data tersimpan dalam database
9. Mengelola Data Ekstrakurikuler
Tabel 4.9 Skenario Use Case Mengelola Data Ekstrakurikuler
Nama Use Case Mengelola Data Ekstrakurikuler
Aktor Wali Kelas
Keterangan
Use case ini merupakan proses untuk mengelola
data ekstrakurikuler. Dalam proses ini mencakup
proses edit.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
wali kelas.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data
ekstrakurikuler
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data ekstrakurikuler
71
Lanjutan Tabel 4.9 Skenario Use Case Mengelola Data Ekstrakurikuler
Langkah 3 : User
memilih salah satu
ekstrakurikuler
Langkah 4 : Sistem
menampilkan input nilai
eskstrakurikuler
Langkah 5 : User
memasukkan nilai
Langkah 6 : Data
ekstrakurikuler berhasil
di simpan
KesimpulanDalam pengelolaan data ekstrakurikuler, dapat
dilakukan kegiatan edit.
Post Kondisi Perubahan data tersimpan dalam database
10. Mengelola Data Prestasi
Tabel 4.10 Skenario Use Case Mengelola Data Prestasi
Nama Use Case Mengelola Data Mapel
Aktor Wali kelas
Keterangan
Use case ini merupakan proses untuk mengelola
data prestasi. Dalam proses ini mencakup proses
input prestasi
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
wali kelas.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu data
prestasi
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
data prestasi
Langkah 3 : User
memilih tombol input
prestasi
Langkah 4 : Sistem
menampilkan form input
prestasi
72
Lanjutan Tabel 4.10 Skenario Use Case Mengelola Data Prestasi
Langkah 5 : User
menambahkan data
prestasi ke dalam form
Langkah 6 : User
memilih tombol simpan
Langkah 7 : Data
Prestasi berhasil di
simpan
KesimpulanDalam pengelolaan data prestasi, dapat dilakukan
kegiatan input prestasi.
Post Kondisi Perubahan data tersimpan dalam database
11. Mengelola Cetak Raport
Tabel 4.11 Skenario Use Case Mengelola Cetak Raport
Nama Use Case Mengelola Raport
Aktor Wali Kelas dan Siswa
Keterangan
Use case ini merupakan proses untuk mengelola
cetak raport. Dalam proses ini mencakup proses
cetak.
Prakondisi
User telah berhasil login masuk kedalam menu
utama dan user yang digunakan merupakan user
wali kelas dan siswa.
Bidang khas event Kegiatan Aktor Respon Sistem
Langkah 1 : User
memilih menu cetak
raport
Langkah 2 : Sistem
merespon dengan
menampilkan halaman
cetak report
Langkah 3 : User
memilih tombol raport
Langkah 4 : Sistem
menampilkan cetak
raport
73
[ Ya ]
Admin berha sil L ogin
Me ngakses me nu da tas iswa
Kelola data s iswa Tambah/ Edit/ Hapus
Admin m em il ih t ombo l s impan
[ Tidak ]
Menampilkan halamanuta ma
Menampi lkan data s iswa
SistemUser
Admin berhasil Login
Mengakses menu dataguru
Kelola data guru Tambah/ Edit/ Hapus
Admin memilih tombol simpan
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data guru
SistemUser
Lanjutan Tabel 4.11 Skenario Use Case Mengelola Cetak Raport
KesimpulanDalam pengelolaan cetak raport, dapat dilakukan
kegiatan cetak raport.
Post Kondisi Perubahan data tersimpan dalam database
4.3.3 Activity Diagram
1. Activity Diagram mengelola data guru
Gambar 4.2 Activity Diagram Mengelola Data Guru (Aktor : Admin)
2. Activity Diagram Mengelola Data Siswa
Gambar 4.3 Activity Diagram Mengelola Data Siswa (Aktor : Admin)
74
Admin berhasil Login
Mengakses menu datamapel
Kelola data mapel Hapus/ Edit/ Tambah
Admin memilih tombol Tambah
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data mapel
SistemUser
Admin berhasil Login
Mengakses menu datakelas
Kelola data kelas Tambah/ Edit/ Hapus
Admin memilih tombol simpan
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data kelas
SistemUser
3. Activity Diagram Mengelola Data Kelas
Gambar 4.4 Activity Diagram Mengelola Data Kelas (Aktor : Admin)
4. Activity Diagram Mengelola Data Mapel
Gambar 4.5 Activity Diagram Mengelola Data Mapel (Aktor : Admin)
75
Admin berhasil Login
Mengakses menu dataekstra
Kelola data ekstra Tambah/ Edit/ Hapus
Admin memilih tombol tambah
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data ekstra
SistemUser
Admin berhasil Login
Mengakses menu dataset tahun aktif
Kelola data ekstra Tambah/ Edit
Admin memilih tombol simpan
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data tahunaktif
SistemUser
5. Activity Diagram Mengelola Ekstra
Gambar 4.6 Activity Diagram Mengelola Ekstra (Aktor : Admin)
6. Activity Diagram Set Tahun Aktif
Gambar 4.7 Activity Diagram Mengelola Set Tahun Aktif (Aktor : Admin)
76
Wali Kelas berhasilLogin
Mengakses menu mapeldiampu
Wali Kelas memilih tombol nilaipengetahuan atau nilai ketrampilan
Wali Kelas memilih nilaipengetahuan
Wali Kelas memilih nilaiulangan akhir semester
Wali kelas mengisi nilai
Wali kelas menekan tombolsimpan
Menampilkan halamanutama
Menampilkan data mapeldiampu
Menampilkan data mapeldiampu
Menampillkan data nilaipengetahuan
SistemUser
7. Activity Diagram Mengelola Mapel Diampu
Gambar 4.8 Activity Diagram Mengelola Mapel diampu (Aktor : Wali Kelas)
77
Wali Kelas berhasilLogin
Mengakses menu absensi
Wali Kelas mengisi kehadirian siswa
Wali Kelas memilih tombol simpan
Menampilkan halamanutama
Menampilkan data absensi
SistemUser
Wali Kelas berhasilLogin
Mengakses menu dataekstrakurikuler
Memilih Ekstrakulikuler
Wali Kelas memilih tombol simpan
Mengisi Ekstrakurikuler
Menampilkan halamanutama
Menampilkan dataekstrakulikuler
SistemUser
8. Activity Diagram Mengelola Absensi
Gambar 4.9 Activity Diagram Mengelola Absensi (Aktor : Wali Kelas)
9. Activity Diagram Mengelola Ekstrakurikuler
Gambar 4.10 Activity Diagram Mengelola Ekstrakurikuler (Aktor : Wali Kelas)
78
Siswa berhasil Login
Mengakses menu cetakraport
memilih data yang mau di cetak
Siswa memilih tombol Cetak
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data cetakan
SistemUser
Wali Kelas berhasilLogin
Mengakses menu cetakraport
memilih data yang mau di cetak
Wali Kelas memilih tombol Cetak
[ Tidak ]
[ Ya ]
Menampilkan halamanutama
Menampilkan data cetakan
SistemUser
10. Activity Diagram Mengelola Cetak Raport
Gambar 4.11 Activity Diagram Mengelola Cetak Raport (Aktor : Wali Kelas)
11. Activity Diagram Mengelola Lihat Raport
Gambar 4.12 Activity Diagram Mengelola Cetak Raport (Aktor : Siswa)
79
4.3.4 Sequence Diagram
1. Sequence Diagram Mengelola Data Guru
Admin Menu Utama Menu Guru Control Data Guru Tabel Guru
Gambar 4.13 Sequence Diagram Mengelola Data Guru (Aktor : Admin)
80
2. Sequence Diagram Mengelola Data Siswa
Admin Menu Utama Menu Siswa Control Data Siswa Tabel Siswa
Gambar 4.14 Sequence Diagram Mengelola Data Siswa (Aktor : Admin)
81
3. Sequence Diagram Mengelola Data Kelas
Admin Menu Utama Menu Kelas Control Data Kelas Tabel Kelas
Gambar 4.15 Sequence Diagram Mengelola Data Kelas (Aktor : Amin)
82
4. Sequence Diagram Mengelola Data Mapel
Admin Menu Utama Menu Mapel Control Data Mapel Tabel Data
Gambar 4.16 Sequence Diagram Mengelola Data Mapel (Aktor : Admin)
83
5. Sequence Diagram Mengelola Data Ekstra
Admin Menu Utama Menu Ekstra Control Data Ekstra Tabel Ekstra
Gambar 4.17 Sequence Diagram Mengelola Data Ekstra (Aktor : Admin)
84
6. Sequence Diagram Mengelola Data Set Tahun Aktif
Admin Menu Utama Menu Tahun Control Data Tahun Tabel Tahun
Gambar 4.18 Sequence Diagram Mengelola Data Set Tahun Aktif
(Aktor : Admin)
85
7. Sequence Diagram Mengelola Data Mapel Diampu
Wali Menu Utama Menu Mapel Menu Mapel 1 Control Data Mapel Tabel Mapel
Gambar 4.19 Sequence Diagram Mengelola Data Mapel (Aktor : Wali Kelas)
8. Sequence Diagram Mengelola Ekstra
Wali Kelas Menu Utama Menu Ekstra Control Data Ekstra Tabel Ekstra
Gambar 4.20 Sequence Diagram Mengelola Data Ekstra (Aktor : Wali Kelas)
Wali Kelas Menu Utama Menu Ekstra Control ekstra Tabel Ekstra
Masuk menu utama
Tampil menu ekstra
memilih menu ekstrainput nilai dan menyimpan data
update data
tampil menu ekstra
86
tampil menu absensi
Admin Menu Utama Menu Absensi Control Tabel Absensi
Masuk menu utama
proses input absensi
menyimpan data
update data
tampil menu absensi
proses cetak
cetak data
update data
tampil menu prestasi
9. Sequence Diagram Mengelola Data Absensi
Wali Kelas Menu Utama Menu Absensi Control Data Absensi Tabel Absensi
Gambar 4.21 Sequence Diagram Mengelola Data Absensi (Aktor : Wali Kelas)
87
Admin Menu Utama Menu Prestasi Control Tabel Prestasi
Masuk menu utama
tampil menu prestasiproses input prestasi
menyimpan data
update data
tampil menu prestasi
proses hapus
menyimpan data
update data
tampil menu prestasi
Wali Kelas Menu Utama Menu Laporan Tabel Nilai
Tampil halaman utama
tampil cetak raport
mengambil database
cetak
10. Sequence Diagram Mengelola Data Prestasi
Wali Kelas Menu Utama Menu Prestasi Control Data Prestasi Tabel Prestasi
Gambar 4.22 Sequence Diagram Menggelola Data Prestasi (Aktor : Wali Kelas)
11. Sequence Diagram Cetak Nilai
Wali Kelas Menu Utama Menu Laporan Tabel Nilai
Gambar 4.23 Sequence Diagram Cetak Nilai (Aktor : Wali Kelas, Siswa)
88
admin(-) username : varchar(-) password : varchar(-) aktif : enum ("Y", "N")...
masuk()batal()
ekstrakurikuler(-) id : int(-) nama : varchar...
tambah()hapus()edit()batal()
1
11
1+
11
1
1+ 11
1
1
1
1
1
1+
1
prestasi(-) id : int(-) id siswa : int(-) ta : char(-) jenis : varchar(-) keterangan : varchar...
simpan()edit()hapus()batal()
1
1
1
mapel(-) id(-) kelompok(-) kd_singkat...(-) nama
tambah()edit()hapus()batal()
nilai(-) id : int(-) tasm : varchar(-) jenis : enum ('h','t','a')...(-) id_guru_mapel : int(-) id_mapel_kd : int(-) id_siswa : int(-) nilai : int
simpan()edit()hapus()batal()
siswa(-) id : int(-) nisn : varchar(-) nama : varchar(-) nis : varchar(-) jk : enum ("L","P")(-) alamat : varchar(-) tmp_lahir : varchar(-) tgl_lahir : date(-) agama : varchar(-) status : varchar(-) notelp : varchar(-) sek_asal : varchar(-) sek_alamat : varchar...(-) ortu_ayah : varchar(-) ortu_ibu : varchar(-) ortu_alamat : varchar...(-) ortu_notelp : varchar
tambah()edit()hapus()batal()
mapel kd(-) id : int(-) id_guru : int(-) id_mapel : int(-) tingkat : int(-) semester : enum ("1","2")...(-) no kd : varchar(-) bobot : int(-) nama_kd : varchar
tambah()hapus()edit()batal()
guru(-) id : int(-) nama : varchar(-) nip : varchar(-) jk : enum ("L","P")...
hapus()tambah()edit()batal()
guru mapel(-) id : int(-) tasm : varchar...(-) id_guru : int(-) id_kelas : int(-) id_mapel : int
tambah()hapus()edit()batal()
kelas siswa(-) id : int(-) id_kelas : int(-) id_siswa : int...(-) ta : year
tambah()hapus()batal()
Wali Kelasid : inttasm : varchar...id_guru : intid_kelas : int
kelas(-) id : int(-) tingkat : int(-)nama : varchar...
tambah()edit()hapus()batal()
1
1
1
1
1
1
4.3.5 Class Diagram
Gambar 4.24 Class Diagram
89
4.3.6 Struktur Database
a. Desain Tabel
Berikut adalah desain tabel dari database db_nilai untuk Sistem RaportOnline SMK AL-MUBAAROK REMBANG menggunakan FrameworkCodeIgniter :
1. Tabel Ekstrakurikuler
Tabel 4.12 Tabel Ekstrakulikuler
Nama Field Tipe Data Ukuran Keterangan
Id Int 2 Kunci utama
Nama Varchar 50 Nama ekstrakurikuler
2. Tabel Guru
Tabel 4.13 Tabel Guru
Nama Field Tipe Data Ukuran Keterangan
Id Int 3 Kunci utama
Nama Varchar 50 Nama guru
Nip Varchar 20 Nip guru
Jk Enum L / P Jenis kelamin
stat_data Enum A / P / M Statud data guru
3. Tabel Kelas
Tabel 4.14 Tabel Kelas
Nama Field Tipe Data Ukuran Keterangan
Id Int 3 Kunci utama
Tingkat Int 11 Tingkat kelas
90
Lanjutan Tabel 4.14 Tabel Kelas
Nama Field Tipe Data Ukuran Keterangan
Nama Varchar 100 Nama kelas
4. Tabel Mapel
Tabel 4.15 Tabel Mapel
Nama Field Tipe Data Ukuran Keterangan
Id Int 2 Kunci utama
Kelompok Enum A / B Kelompok mapel
tambahan_sub EnumNO / PAI /MULOK
Tambahan sub mapel
kd_singkat Varchar 5 Kode singkat mapel
Nama Varchar 150 Nama mapel
is_sikap Enum 0 / 1 Nilai sikap mapel
5. Tabel Siswa
Tabel 4.16 Tabel Siswa
Nama Field Tipe Data Ukuran Keterangan
Id Int 6 Kunci utama
Nis Varchar 10 Nis siswa
Nisn Varchar 10 Nisn siswa
Nama Varchar 50 Nama siswa
Jk Enum L / P Jenis kelamin
tmp_lahir Varchar 50 Tempat lahir siswa
91
Lanjutan Tabel 4.16 Tabel Siswa
Nama Field Tipe Data Ukuran Keterangan
tgl_lahir Date - Tanggal lahir siswa
Agama Varchar 10 Agana siswa
Status Varchar 2 Status siswa
Anakke Int 2 Siswa anak ke
Alamat Varchar 50 Alamat siswa
Notelp Varchar 13 No telpon siswa
Sek_asal Varchar 30 Sekolah asal siswa
Sek_asal_alamat Varchar 50Alamat sekolah asalsiswa
Diterima_kelas Carchar 5 Siswa di terima di kelas
Diterima_tgl Date Siswa diterima tanggal
Diterima_smt Varchar 2 Siswa diterima semester
Ijazah_no Varchar 50 No ijazah siswa
Ijazah_thn Varchar 4 Tahun ijazah siswa
Skhun_no Varchar 50 No skhun siswa
Skhun_thn Varchar 4 Tahun skhun siswa
Ortu_ayah Varchar 50 Orang tua ayah siswa
Ortu_ibu Varchar 50 Orang tua ibu siswa
Ortu_alamat Varchar 50 Alamat orang tua siswa
Ortu_notelp Varchar 13 No telp orang tua siswa
Ortu_ayah_pkj Varchar 30Pekerjaan orang tuaayah siswa
Ortu_ibu Varchar 50 Orang tua ibu siswa
92
Lanjutan Tabel 4.16 Tabel Siswa
Nama Field Tipe Data Ukuran Keterangan
Ortu_alamat Varchar 50 Alamat orang tua siswa
Ortu_notelp Varchar 13 No telp orang tua siswa
Ortu_ayah_pkj Varchar 30Pekerjaan orang tuaayah siswa
Ortu_ibu_pkj Varchar 30Pekerjaan orang tua ibusiswa
Wali Varchar 20 Wali siswa
Wali_alamat Varchar 50 Alamat wali siswa
Notelp_rumah Varchar 13 No telpon rumah siswa
Wali_pkj Varchar 13 Pekerjaan wali siswa
Tgl_input Timestamp Tanggal input siswa
Tgl_update Timestamp Tanggal update siswa
Status_data Enum A / K / M / L Status data siswa
Foto Varchar 100 Foto siwa
6. Tabel tahun
Tabel 4.17 Tabel Tahun
Nama Field Tipe Data Ukuran Keterangan
Id Int 3 Kunci utama
Aktif Enum Y / N Aktif
Nama_kepsek Varchar 50 Nama kepala sekolah
Nip_kepsek Varchar 30 Nip kepala sekolah
93
Lanjutan Tabel 4.17 Tabel Tahun
Nama Field Tipe Data Ukuran Keterangan
Tgl-raport Date Tanggal raport
Tgl_raport_kelas3 Date Tanggal raport kelas 3
7. Tabel Guru Mapel
Tabel 4.18 Tabel Guru Mapel
Nama Field Tipe Data Ukuran Keterangan
Id Int 6 Kunci Utama
Tasm Varchar 5 Tasm guru mapel
Id_guru Int 3 Kunci Tamu
Id_kelas Int 3 Kunci Tamu
Id_mapel Int 3 Kunci Tamu
8. Tabel Kelas Siswa
Tabel 4.19 Tabel Kelas Siswa
Nama Field Tipe Data Ukuran Keterangan
Id Int 5 Kunci Utama
Id_kelas Int 5 Kunci Tamu
Id_siswa Int 5 Kunci Tamu
Ta Year 4 Terima Akhir
94
9. Tabel Nilai
Tabel 4.20 Tabel Nilai
Nama Field Tipe Data Ukuran Keterangan
Id Int 6 Kunci Utama
Tasm Varchar 5Pengambilan datatasm
Jenis Enum H / T / APengambilan datajenis
Id_guru_mapel Int 6 Kunci Tamu
Id_mapel_kd Int 6 Kunci Tamu
id_siswa Int 6 Kunci Tamu
Nilai Int 6 Nilai siswa
10. Tabel Prestasi
Tabel 4.21 Tabel Prestasi
Nama Field Tipe Data Ukuran Keterangan
Id Int 6 Kunci Utama
Id_siswa Int 6 Kunci Tamu
Ta Char 5 Terima Akhir
Jenis Varchar 100 Jenis prestasi
Keterangan Varchar 100 Keterangan prestasi
95
b. Relasi Antar Tabel
Gambar 4.25 Relasi Tabel
96
4.3.7 Desain Tampilan
Perancangan tampilan disesuaikan berdasarkan kebutuhan instansi.Tampilan dirancang semudah mungkin sehingga pengguna tidak bingungdengan tampilan yang terdapat pada sistem. Diharapkan dengan tampilan yangmudah ini pengguna tidak akan kesulitan dalam menggunakan sistem tersebut.
1. Halaman Login (Admin, Wali kelas dan Siswa)
Halaman Login untuk semua user yang terdapat form username danpassword dimana setiap user harus login agar bisa mengakses fiktur yangada.
Gambar 4.26 Desain Halaman Login
Berdasarkan gambar 4.26 Desain Halaman Login menjelaskan bahwa Adminatau Wali Kelas atau Siswa membuka alamat website nya. Setelah masuk halamanlogin, admin memasukkan Username dan Password yang sudah dibuat.
97
2. Desain Halaman Utama Setelah Login (Admin, Wali Kelas dan Siswa)
Desain halaman utama yaitu tampilan setelah user melakukan logindengan username dan password dengan benar.
Gambar 4.27 Desain Halaman Utama / Dashboard (Admin)
Berdasarkan gambar 4.27 Desain Halaman Utama / Dashboard (Admin)menjelaskan bahwa Admin atau Wali Kelas atau Siswa membuka alamat websitenya. Setelah masuk halaman login, admin memasukkan Username dan Passwordyang sudah dibuat. Setelah itu sistem akan menampilkan halaman utama.
98
Gambar 4.28 Desain Halaman Utama / Dashboard (siswa)
Gambar 4.29 Desain Halaman Utama / Dashboard (Siswa)
99
3. Desain Halaman Kelola Data Guru
Gambar 4.30 Desain Halaman Kelola Data Guru (Admin)
Berdasarkan gambar 4.30 Desain Halaman Kelola Data Guru (Admin)menjelaskan bahwa Setelah masuk ke halaman utama, Admin memilih data guru
4. Desain Halaman Form Tambah atau Edit Data Guru
Gambar 4.31 Desain Halaman Form Tambah atau Edit Data Guru (Admin)
Berdasarkan gambar 4.31 Desain Halaman Form Tambah atau Edit DataGuru (Admin) menjelaskan bahwa Setelah masuk ke halaman data guru, Adminmemilih menu tambah atau edit.
100
5. Desain Halaman Form Hapus Data Guru
Gambar 4.32 Desain Halaman Form Hapus Data Guru (Admin)
Berdasarkan gambar 4.32 Desain Halaman Form Hapus Data Guru (Admin)menjelaskan bahwa Setelah masuk ke halaman data guru, Admin memilih menuhapus.
6. Desain Halaman Kelola Data Siswa
Gambar 4.33 Desain Halaman Kelola Data Siswa (Admin)
Berdasarkan gambar 4.33 Desain Halaman Kelola Data Siswa (Admin)mrnjelaskan bahwa Setelah admin selesai memilih data guru, Admin melanjutkanmemilih data siswa
101
7. Desain Halaman Form Tambah atau Edit Data Siswa
Gambar 4.34 Desain Halaman Form Tambah atau Edit Data Siswa (Admin)
Berdasarkan gambar 4.34 Desain Halaman Form Tambah atau Edit Data Siswa(Admin) menjelaskan bahwa Setelah masuk ke halaman data siswa, Admin memilihmenu tambah atau edit..
8. Desain Halaman Form Hapus Data Siswa
Gambar 4.35 Desain Halaman Form Hapus Data Siswa (Admin)
Berdasarkan gambar 4.35 Desain Halaman Form Hapus Data Siswa (Admin)menjelaskan bahwa Setelah masuk ke halaman data siswa, Admin memilih menuhapus.
102
9. Desain Halaman Kelola Data Kelas
Gambar 4.36 Desain Halaman Kelola Data Kelas (Admin)
Berdasarkan gambar 4.36 Desain Halaman Kelola Data Kelas (Admin)Menjelaskan bahwa Setelah admin memilih data siswa, lalu admin memilih datakelas.
10. Desain Halaman Form Tambah atau Edit Data Kelas
Gambar 4.37 Desain Halaman Form Tambah atau Edit Data Kelas (Admin)
Berdasarkan gambar 4.37 Desain Halaman Form Tambah atau Edit Data Kelas(Admin) Menjelaskan bahwa setelah masuk ke halaman data kelas admin melakukantambah atau edit data kelas.
103
11. Desain Halaman Form Hapus Data Kelas
Gambar 4.38 Desain Halaman Form Hapus Data Kelas (Admin)
Berdasarkan gambar 4.38 Desain Halaman Form Hapus Data Kelas (Admin)Menjelaskan bahwa setelah masuk ke halaman data kelas, admin melakukan hapusdata kelas.
12. Desain Halaman Kelola Data Mapel
Gambar 4.39 Desain Halaman Kelola Data Mapel (Amin)
Berdasarkan gambar 4.39 Desain Halaman Kelola Data Mapel (Admin)Menjelaskan bahwa setelah masuk ke halaman data kelas, selanjutnya admin masukke halaman data mapel..
104
13. Desain Halaman Form Tambah atau Edit Data Mapel
Gambar 4.40 Desain Halaman Form Tambah atau Edit Data Mapel (Admin)
Berdasarkan gambar 4.40 Desain Halaman Form Tambah atau Edit Data MapelKelas (Admin) Menjelaskan bahwa setelah masuk ke halaman data mapel, adminmelakukan tambah atau edit data mapel.
14. Desain Halaman Form Hapus Data Mapel
Gambar 4.41 Desain Halaman Form Hapus Data Mapel (Admin)
Berdasarkan gambar 4.41 Desain Halaman Form Hapus Data Mapel Kelas(Admin) Menjelaskan bahwa setelah masuk ke halaman data mapel, adminmelakukan hapus data mapel.
105
15. Desain Halaman kelola Data Ekstrakurikuler
Gambar 4.42 Desain Halaman Kelola Data Ekstrakurikuler (Admin)
Berdasarkan gambar 4.42 Desain Halaman Kelola Data Ekstrakurikuler(Admin) Menjelaskan bahwa setelah masuk ke halaman data mapel, admin masuk kehalaman data ekstrakurikuler.
16. Desain Halaman Form Tambah atau Edit Data Ekstrakurikuler
Gambar 4.43 Desain Halaman Form Tambah atau Edit Data Ekstra (Admin)
Berdasarkan gambar 4.43 Desain Halaman Form Tambah atau Edit Data MapelEkstra (Admin) Menjelaskan bahwa setelah masuk ke halaman data mapel, adminmelakukan tambah atau edit data ekstra.
106
17. Desain Halaman Form Hapus Data Ekstrakurikuler
Gambar 4.44 Desain Halaman Form Hapus Data Ekstrakurikuler (Admin)
Berdasarkan gambar 4.44 Desain Halaman Form hapus data ekstrakurikuler(Admin) Menjelaskan bahwa setelah masuk ke halaman data mapel, adminmelakukan hapus data ekstrakurikuler.
18. Desain Halaman Kelola Data Set Kelas
Gambar 4.45 Desain Halaman Kelola Data Set Kelas (Admin)
Berdasarkan gambar 4.45 Desain Halaman Kelola Data Set Kelas (Admin)Menjelaskan bahwa setelah masuk ke halaman data ekstra, admin masuk ke halamandata set kelas.
107
19. Desain Halaman Form Tambah Data Set Kelas
Gambar 4.46 Desain Halaman Form Tambah Data Set Kelas (Admin)
Berdasarkan gambar 4.456 Desain Halaman Form Tambah atau Edit Data SetKelas (Admin) Menjelaskan bahwa setelah masuk ke halaman data mapel, adminmelakukan tambah atau edit data mapel.
20. Desain Halaman Kelola Data Set Mapel
Gambar 4.47 Desain Halaman Kelola Data Set Mapel (Admin)
Berdasarkan gambar 4.47 Desain Halaman Kelola Data Set Mapel (Admin)Menjelaskan bahwa setelah masuk ke halaman data set kelas, admin masuk kehalaman data set mapel.
108
21. Desain Halaman Form Tambah Data Set Mapel
Gambar 4.48 Desain Halaman Form Tambah Data Set Mapel (Admin)
Berdasarkan gambar 4.48 Desain Halaman Form Tambah atau Edit Data SetMapel (Admin) Menjelaskan bahwa setelah masuk ke halaman data set mapel, adminmelakukan tambah atau edit data set mapel.
22. Desain Halaman Kelola Data Mapel Diampu
Gambar 4.49 Desain Halaman Kelola Data Mapel Diampu (Wali Kelas)
Berdasarkan gambar 4.49 Desain Halaman Kelola Data Mapel Diampu (WaliKelas) Menjelaskan bahwa setelah masuk ke halaman wali dosen, wali dosen masukke halaman data mapel diampu.
109
23. Desain Halaman Kelola Nilai Pengetahuan
Gambar 4.50 Desain Halaman Kelola Nilai Pengetahuan (Wali Kelas)
Berdasarkan gambar 4.50 Desain Halaman Kelola Nilai Pengetahuan (WaliKelas) Menjelaskan bahwa setelah masuk ke halaman data mapel diampu, wali kelasmasuk ke data kelola nilai pengetahuan
24. Desain Halaman Form Ulangan Tengah Semester atau Ulangan AkhirSemester
Gambar 4.51 Desain Halaman Form Ulangan Tengah Semester atau Ulangan AkhirSemeste (Wali Kelas)
Berdasarkan gambar 4.51 Desain Halaman Form Ulangan Tengah Semesteratau Ulangan Akhir Semester (Waki Kelas) Menjelaskan bahwa setelah masuk kehalaman data kelola nilai pengetahuan, wali kelas masuk ke halaman Form UlanganTengah Semester atau Ulangan Akhir Semester
110
25. Desain Halaman Form Cetak Nilai Pengetahuan
Gambar 4.52 Desain Halaman Form Cetak Nilai Pengetahuan (Wali Kelas)
Berdasarkan gambar 4.52 Desain Halaman Form Cetak Nilai Pengetahuan(Waki Kelas) Menjelaskan bahwa setelah masuk ke halaman data kelola nilaipengetahuan, wali kelas masuk ke halaman Form Cetak Nilai Pengetahuan.
26. Desain Halaman Kelola Data Riwayat Mengajar
Gambar 4.53 Desain Halaman Kelola Data Riwayat Mengajar (Wali Kelas)
Berdasarkan gambar 4.53 Desain Halaman Kelola Data Riwayat Mengajar(Waki Kelas) Menjelaskan bahwa setelah masuk ke halaman data mapel diampu,wali kelas masuk ke halaman kelola data riwayat mengajar.
111
27. Desain Halaman Kelola Data Absensi
Gambar 4.54 Desain Halaman Kelola Data Absensi (Wali Kelas)
Berdasarkan gambar 4.54 Desain Halaman Kelola Data Absensi (Waki Kelas)Menjelaskan bahwa setelah masuk ke halaman data kelola riwayat mengajar, walikelas masuk ke halaman kelola data absensi.
28. Desain Halaman Form Cetak Data Absensi
Gambar 4.55 Desain Halaman Form Cetak Data Absensi (Wali Kelas)
Berdasarkan gambar 4.55 Desain Halaman Form Cetak Data Absensi (WakiKelas) Menjelaskan bahwa setelah masuk ke halaman data absensi, wali kelas masukke halaman cetak data absesnsi.
112
29. Desain Halaman Kelola Data Cetak Raport
Gambar 4.56 Desain Halaman Kelola Data Raport (Wali Kelas)
Berdasarkan gambar 4.56 Desain Halaman Kelola Data Raport (Waki Kelas)Menjelaskan bahwa setelah masuk ke halaman data absensi, wali kelas masuk kehalaman data cetak raport
30. Desain Halaman Form Data Raport
Gambar 4.57 Desain Halaman Form Cetak Raport (Wali Kelas)
Berdasarkan gambar 4.57 Desain Halaman Form Cetak Raport (Waki Kelas)Menjelaskan bahwa setelah masuk ke halaman data cetak raport, wali kelas masuk kehalaman Form Cetak Raport.
113
31. Desain Halaman Kelola Data Lihat Raport
Gambar 4.58 Desain Halaman Kelola Data Lihat Raport (Siswa)
Berdasarkan gambar 4.58 Desain Halaman Kelola Data Raport (Siswa)Menjelaskan bahwa setelah masuk ke halaman website siswa, siswa masuk kehalaman data cetak raport
32. Desain Halaman Form Data Raport
Gambar 4.59 Desain Halaman Form Cetak Raport (Siswa)
Berdasarkan gambar 4.59 Desain Halaman Form Cetak Raport (Siswa)Menjelaskan bahwa setelah masuk ke halaman data cetak raport, siswa masuk kehalaman Form Cetak Raport.
114
BAB V
IMPLEMENTASI SISTEM
5.1 Implementasi Sistem
Implementasi merupakan suatu tahapan dalam perancangan suatu
perangkat lunak. Tahapan implementasi dilakukan setelah proses analisa dan
perancangan selesai dilakukan. Pada tahap implementasi akan dibahas hal-hal
yang berhubungan langsung dengan perangkat.
5.1.1 Antar Muka Sistem
A. Implementasi Tampilan Awal
1. Form Login
Gambar 5.1 Form Login
Form Login merupakan form untuk mengakses atau masuk pada
halaman sistem raport online sesuai level yang ditetapkan, level itu meliputi
Admin, Wali kelas dan Siswa.
115
B. Implementasi Tampilan User Admin
1. Halaman Awal atau Dashboard
Gambar 5.2 Halaman Awal Dashboard
2. Tampilan Data Guru
Gambar 5.3 Tampilan Data Guru
116
3. Tampilan Form Tambah atau Edit Data Guru
Gambar 5.4 Tampilan Form Tambah atau Edit Data Guru
4. Tampilan Form Hapus Data Guru
Gambar 5.5 Tampilan Hapus Data Guru
117
5. Tampilan Data Siswa
Gambar 5.6 Tampilan Data Siswa
6. Tampilan Form Tambah atau Edit Data Siswa
Gambar 5.7 Tampilan Form Tambah atau Edit Data Siswa
118
7. Tampilan Form Hapus Data Siswa
Gambar 5.8 Tampilan Form Hapus Data Siswa
8. Tampilan Data Kelas
Gambar 5.9 Tampilan Data Kelas
119
9. Tampilan Form Tambah atau Edit Data Kelas
Gambar 5.10 Tampilan Form Tambah atau Edit Data Kelas
10. Tampilan Form Hapus Data Kelas
Gambar 5.11 Tampilan Form Hapus Data Kelas
120
11. Tampilan Data Mapel
Gambar 5.12 Tampilan Data Mapel
12. Tampilan Form Tambah atau Edit Data Mapel
Gambar 5.13 Tampilan Form Tambah atau Edit Data Mapel
121
13. Tampilan Form Hapus Data Mapel
Gambar 5.14 Tampilan Form Hapus Data Mapel
14. Tampilan Data Ekstra
Gambar 5.15 Tampilan Data Ekstra
122
15. Tampilan Form Tambah atau Edit Data Ekstra
Gambar 5.16 Tampilan Form Tambah atau Edit Data Ekstra
16. Tampilan Form Hapus Data Ekstra
Gambar 5.17 Tampilan Form Hapus Data Ekstra
123
17. Tampilan Data Set Tahun Aktif
Gambar 5.18 Tampilan Data Set Tahun Aktif
18. Tampilan Form Tambah atau Edit Data Set Tahun Aktif
Gambar 5.19 Tampilan Form Tambah atau Edit Data Set Tahun Aktif
124
19. Tampilan Data Set Kelas
Gambar 5.20 Tampilan Data Set kelas
20. Tampilan Form Tambah Data Set Kelas
Gambar 5.21 Tampilan Form Tambah Data Set Kelas
125
21. Tampilan Data Set Mapel
Gambar 5.22 Tampilan Data Set Mapel
22. Tampilan Form Tambah Data Set Mapel
Gambar 5.23 Tampilan Form Tambah Data Set Mapel
126
23. Tampilan Form Hapus Data Set Mapel
Gambar 5.24 Tampilan Form Hapus Data Set Mapel
24. Tampilan Data Set Wali Kelas
Gambar 5.25 Tampilan Data Set Wali Kelas
127
25. Tampilan Form Tambah atau Edit Data Set Wali Kelas
Gambar 5.26 Tampilan Form Tambah atau Edit Data Set Wali Kelas
26. Tampilan Form Hapus Data Set Wali Kelas
Gambar 5.27 Tampilan Form Hapus Data Set Wali Kelas
128
C. Implementasi Tampilan User Wali Kelas
1. Halaman Awal atau Dashboard
Gambar 5.28 Halaman Awal atau Dashboard
2. Tampilan Data Mapel Diampu
Gambar 5.29 Tampilan Data Mapel Diampu
129
3. Tampilan Data Nilai Pengetahuan
Gambar 5.30 Tampilan Data Nilai Pengetahuan
4. Tampilan Form Ulangan Tengah Semester
Gambar 5.31 Tampilan Form Ulangan Tengah Semester
130
5. Tampilan Form Ulangan Akhir Semester
Gambar 5.32 Tampilan Form Ulangan Akhir Semester
6. Tampilan Data Riwayat Mengajar
Gambar 5.33 Tampilan Data Riwayat Mengajar
131
7. Tampilan Data Absensi
Gambar 5.34 Tampilan Data Absensi
8. Tampilan Form Cetak Nilai Absensi
Gambar 5.35 Tampilan Form Cetak Nilai Absensi
132
9. Tampilan Data Ekstrakurikuler
Tampilan 5.36 Tampilan Data Ekstrakurikuler
10. Tampilan Form Nilai Ekstrakurikuler
Gambar 3.37 Tampilan Form Nilai Ekstrakurikuler
133
11. Tampilan Data Prestasi
Gambar 3.38 Tampilan Data Prestasi
12. Tampilan Form Input Prestasi
Gambar 3.39 Tampilan Form Input Prestasi
134
13. Tampilan Data Catatan
Gambar 5.40 Tampilan Data Catatan
14. Tampilan Data Cetak Raport
Gambar 5.41 Tampilan Data Cetak Raport
135
15. Tampilan Form Raport
Gambar 5.42 Tampilan Form Raport
D. Implementasi Tampilan User Siswa
1. Halaman Awal atau Dashboard
Gambar 5.43 Halaman Awal atau Dashboard
136
2. Tampilan Data Lihat Raport
Gambar 5.44 Tampilan Data Lihat Raport
3. Tampilan Form Raport
Gambar 5.45 Tampilan Form Raport
137
5.2 Implementasi Database
5.2.1 Tabel Admin
Gambar 5.46 Implementasi Tabel Admin
5.2.2 Tabel Ekstrakurikuler
Gambar 5.47 Implementasi Tabel Ekstrakurikuler
5.2.3 Tabel Guru
Gambar 5.48 Implementasi Tabel Guru
5.2.4 Tabel Kelas
Gambar 5.49 Implementasi Tabel Kelas
138
5.2.5 Tabel Mapel
Gambar 5.50 Implementasi Tabel Mapel
5.2.6 Tabel Siswa
Gambar 5.51 Implementasi Tabel Siswa
5.2.7 Tabel Tahun
Gambar 5.52 Implementasi Tabel Tahun
139
5.2.8 Tabel Guru Mapel
Gambar 5.53 Implementasi Tabel Guru Mapel
5.2.9 Tabel Kelas Siswa
Gambar 5.54 Implementasi Tabel Kelas Siswa
5.2.10 Tabel Mapel kd
Gambar 5.55 Implementasi Tabel Mapel kd
5.2.11 Tabel Nilai
Gambar 5.56 Implementasi Tabel Nilai
140
5.2.12 Tabel Prestasi
Gambar 5.57 Implementasi Tabel Prestasi
5.2.13 Tabel Wali Kelas
Gambar 5.58 Implementasi Tabel Wali Kelas
141
5.3 Pengujian Sistem
Pengujian sistem adalah tahapan yang dilakukan ketika sistem akan
diimplementasikan, Sistem diuji untuk menemukan kesalahan-kesalahan yang
berupa kesalahan logika maupun kesalahan dalam pengeksekusian fungsi pada
sistem. Sehingga sebelum sistem rilis, pembuat dapat melakukan perbaikan yang
mendasar pada sistem tersebut, artinya tujuan utama pengujian sistem ini
dilakukan yaitu untuk menjaga mutu dari sistem yang dibuat. Adapun pengujian
sistem dalam karya tulis ini dilakukan dua metode yaitu pengujian sistem white
box dan black box. Berikut detail pembahasan pengujian sistem :
5.3.1 Pengujian White Box
Pengujian White Box akan digunakan untuk melakukan pengecekan
detal pada program. Pengujian ini difokuskan untuk mendeteksi kondisi –
kondisi dalam sistem yang tidak sesuai atau mengalami kesalahan logika
dalam penulisan program. Berikut ini hasil pengujian program tampilan
admin detail data guru pada Sistem Raport Online Berbasisis CodeIgniter
pada SMK AL-MUBAAROK REMANG :
142
1. Bagian Alur Tampil Detail Data Guru (Sisi Admin)
Gambar 5.59 Bagan Alur Tampil Detail Data Guru
2. Listing Program Tampil Detail Data Guru (Sisi Admin)
Tabel 5.1 Bagan Alur Tampil Detail Data Guru
Node Source Code
1 public function simpan() {
2
$p = $this->input->post();
$d['status'] = "";
$d['data'] = "";
3 if ($p['_mode'] == "add") {
143
Lanjutan Tabel 5.1 Bagan Alur Tampil Detail Data Guru
4
$this->db->query("INSERT INTO m_guru (nama, nip, is_bk)
VALUES ('".$p['nama']."', '".$p['nip']."', '".$p['isbk']."')");
$d['status'] = "ok";
$d['data'] = "Data berhasil disimpan";
} else if ($p['_mode'] == "edit") {
5
$this->db->query("UPDATE m_guru SET nama = '".$p['nama']."', nip
= '".$p['nip']."', is_bk = '".$p['isbk']."' WHERE id = '".$p['_id']."'");
$d['status'] = "ok";
$d['data'] = "Data berhasil disimpan";
6
} else {
$d['status'] = "gagal";
$d['data'] = "Kesalahan sistem";
7 }
8 J($d);
9 }
144
3. Grafik Alur Tampil Detail Data Guru (Sisi Admin)
Gambar 5.60 Grafik Alur Tampil Data Guru
4. Cyclomatic Complexity
Region (R) = 3
Node (N) = 9
Predicate node (P) = 2
a) Perhitungan dengan rumus :
V(G) = E – N + 2
V(G) = 10 – 9 +2
V(G) = 3
b) Perhitungan dengan rumus :
V(G) = P + 1
V(G) = 2 + 1
V(G) = 3
Dari hasil perhitungan tersebut maka dapat diketahui jumlah jalur
independen / jalur dasar dari tampil detail data guru (sisi admin), yaitu 3
jalur independen sebagai berikut :
1
2
3
4
7
89
5 6
145
Path I : 1 – 2 – 3 – 4 – 5 – 7 – 8 - 9
Path II : 1 – 2 – 3 – 4 – 6 – 7 – 8 - 9
Path III : 1 – 2 – 3 – 8 - 9
c) Pengujiam Basis Path
Jalur/Path Input Proses Keterangan
1
Klik button
detail data
guru
Cek data, cek
tambah dan
get data
Data ada ada dan tambah
data guru dan data tidak
berhasil di tambah dan
menampilkan data guru dan
diarahkan ke halaman
depan aplikasi
2
Klik buttondetail dataguru
Cek data, cektambah danget data
Data ada ada dan tambah
data guru dan data berhasil
di tambah dan menampilkan
data guru dan diarahkan ke
halaman depan aplikasi
3
Klik buttondetail dataguru
Cek data dancek tambah
Data ada dan tambah data
guru dan menampilkan data
guru dan diarahkan ke
halam depan aplikasi
1) Tes Case Jalur 1
Jalur ini adalah jalur pengecekan data guru, kemudian bisa menambahkan
data guru, pengecekan get data guru, data berhasilkan di simpan,
menampilkan data guru dan kembali ke halaman depan aplikasi.
146
2) Test Case Jalur 2
Jalur ini adalah jalur pengecekan data guru, kemudian bisa menambahkan
data guru, pengecekan get data guru, data tidak berhasilkan di simpan,
menampilkan data guru dan kembali ke halaman depan aplikasi.
3) Test Case 3
Jalur ini adalah jalur pengecekan data guru, kemudian bisa menambahkan
data guru, menampilkan data guru dan kembali ke halaman depan aplikasi.
5.4.2 Pengujian Black Box
Pengujian black box digunakan untuk pengecekan kesesuaian antara
input dengan output. Hal tersebut dilakukan untuk memastikan fungsi –
fungsi sistem berjalan sesuai dengan yang direncanakan. Berikut adalah
hasil pengujian black box Sistem Raport Online Berbasis CodeIgniter pada
SMK AL-MUBAAROK REMBANG :
Tabel 5.2 Pengujian Black Box Sistem Raport Online
No Kasus Uji Langkah Uji Hasil Yang Diharapkan Hasil Akurat Keterangan
1 Tombol Log In
Isi Form Log In,
Klik Tombol Log
In
Menampilkan Halaman
Beranda Admin, Wali
Kelas dan Siswa
Tampil Beranda
Admin, Wali
Kelas dan Siswa
Sesuai
2Data Guru
(Admin)Klik Data Guru
Menampilkan Data
Guru, Form Tambah
atau Edit dan Hapus.
Tampil Data
Guru, Form
Tambah atau
Edit dan Hapus.
Seauai
3Data Siswa
(Admin)Klik Data Siswa
Menampilkan Data
Siswa, Form Tambah
atau Edit dan Hapus.
Tampil Data
Siswa, Form
Tambah atau
Edit dan Hapus.
Sesuai
4Data Kelas
(Admin)Klik Data Kelas
Menampilkan Data
Kelas, Form Tambah
atau Edit dan Hapus.
Tampil Data
Kelas, Form
Tambah atau
Edit dan Hapus.
Sesuai
147
Lanjutan Tabel 5.2 Pengujian Black Box Sistem Raport Online
5Data Mapel
(Admin)Klik Data Mapel
Menampilkan Data
Mapel, Form Tambah
atau Edit dan Hapus.
Tampil Data
Kelas, Form
Tambah atau
Edit dan Hapus.
Sesuai
6Data Ekstra
(Admin)Klik Data Ekstra
Menampilkan Data
Ekstra, Form Tambah
atau Edit dan Hapus.
Tampil Data
Ekstra, Form
Tambah atau
Edit dan Hapus.
Sesuai
7Data Set Tahun
Aktif (Admin)
Klik Data Set
Tahun Aktif
Menampilkan Data Set
Tahun Aktif , Form
Tambah atau Edit dan
Hapus.
Tampil Data Set
Tahun Aktif,
Form Tambah
atau Edit dan
Hapus.
Sesuai
8Data Set Kelas
(Admin)
Klik Data Set
Kelas
Menampilkan Data Set
kelas , Form Tambah
atau Edit dan Hapus.
Tampil Data Set
Kelas Form
Tambah atau
Edit dan Hapus.
Sesuai
9Data Set Mapel
(Admin)
Klik Data Set
Mapel
Menampilkan Data Set
Mapel , Form Tambah
atau Edit dan Hapus.
Tampil Data Set
Mapel, Form
Tambah atau
Edit dan Hapus.
Sesuai
10
Data Mapel
Diampu (Wali
Kelas)
Klik Data Mapel
Diampu
Menampilkan Data Nilai
Pengetahuam, Nilai
Ketrampilan,
Memasukan Nilai dan
Hapus.
Tampil Data
Nilai
Pengetahuam,
Nilai
Ketrampilan,
Memasukan
Nilai dan Hapus.
Sesuai
11Data Absensi
(Wali Kelas)Klik Data Absensi
Menampilkan Data
Absensi, Memasukan
Nilai Absensi dan
Cetak.
Tampil Data
Absensi,
Memasukan
Nilai Absensi
dan Cetak.
Sesuai
148
Lanjutan Tabel 5.2 Pengujian Black Box Sistem Raport Online
12.
Data
Ekstrakurikuler
(Wali Kelas)
Klik Data
Ekstrakurikuler
Menampilkan Data
Ekstrakurikuler dan
Memasukan Nilai
Ekstrakurikuler
Tampil
Ekstrakurikuler
dan Memasukan
Nilai
Ekstrakurikuler
Sesuai
13Data Prestasi
(Wali Kelas)Klik Data Prestasi
Menampilkan Data
Prestasi dan
Memasukkan Nilai
Prestasi.
Tampil Data
Prestasi dan
Memasukkan
Nilai Prestasi.
Sesuai
14.Cetak Raport
(Wali Kelas)Klik Cetak Raport
Menampilkan Halaman
Raport
Tampil Halaman
RaportSesuai
15Lihat Raport
(Siswa)Klik Lihat Raport
Menampilkan Halaman
Raport
Tampil Halaman
RaportSesuai
Dari hasil pengujian tersebut dapat disimpulkan pengujian Black Box
yang meliputi uji input, proses dan output dengan acuan rancangan
perangkat lunak telah terpenuhi dengan hasil sesuai rancangan.
5.5 Pemeliharaan Sistem
Suatu sistem agar performanya terkontrol dan memungkinkan untuk
dikembangkan maka memerlukan proses pemeliharaan. Pemeliharaan sistem
tersebut bertujuan :
1. untuk menemukan bug atau error atau kesalahan-kesalahan sistem yang
sebelumnya belum ditemukan dalam tahap pengujian sistem. Kesalahan-
kesalahan sistem yang ditemukan digunakan untuk bahan evaluasi dan dasar
dalam memperbaiki sistem dan atau mengembangkan sistem.
2. Langkah berikutnya dalam pemeliharaan sistem yaitu back up data secara
berkala, hal tersebut dilakukan untuk menjaga sistem dari kehilangan atau
kerusakan data karena kesalahan teknis. Pemantauan sistem juga dilakukan
secara berkala untuk menjaga sistem dari gangguan luar sistem.
149
BAB VI
PENUTUP
6.1 Kesimpulan
Dari pembahasan pada bab sebelumnya, dapat diambil beberapa
kesimpulan yaitu :
1. Sistem Aplikasi Raport Online pada SMK AL-MUBAAROK REMBANG ini
dapat mempermudah pihak sekolah dalam pengelolaan data.
2. Sistem Aplikasi Raport Online pada SMK AL-MUBAAROK REMBANG ini
mencakup pendataan siswa, guru dan pengelolaan nilai raport.
3. Mempermudah dalam pencarian data guru, data siswa, data kelas dan data
ekstra apabila sewaktu waktu data tersebut akan dibutuhkan kembali.
4. Sistem Aplikasi Raport Online Pada SMK AL-MUBAAROK REMBANG ini
berjalan secara online.
6.2 Saran
Untuk pengembangan kedepan dari Sistem Aplikasi Raport Online pada
SMK AL-MUBAAROK REMBANG, maka penulis memberi saran :
1. Untuk pengembangan kedepannya, diharapkan dapat ditambahkan menu
untuk alumni SMK AL-MUBAAROK REMBANG secara otomatis dalam
pengelolaan siswa sesuai tahun kelulusan.
2. Untuk pengembangan kedepannya, diharapkan sistem ini dapat
dikembangkan dan melakukan penambahan sistem pendaftaran online
terhubung dengan Sistem Aplikasi Raport Online SMK AL-MUBAAROK
REMBANG.
3. Untuk pengembangan kedepannya, Pencarian data untuk bulan sebelumnya
atau tahun sebelumnya diharapkan dapat ditambahkan.
4. Untuk pengembangan kedepannya, Input Nilai menggunakan data excel,
sehingga guru tinggal memasukkan data excel yang sudah di buat.
150
DAFTAR PUSTAKA
Abdul Kadir, 2014, Pengenalan Sistem Informasi Edisi Revisi, Andi
Yogyakarta.
Andi, 2018, Pengertian dan Sejarah Aplikasi, Yogyakarta.
Arief, M. Rudianto, 2011, Pemrograman Web Dinamis Menggunakan php
dan Mysql, Yogyakarta : Andi.
Bambang Wahyudi, S.KOM., MMSi., 1008, Konsep Sistem, Andi
Yogyakarta
Budi Raharjo, 2015, Belajar Otodidak Framework Codeigniter (Teknik
Pemrograman Web dengan PHP dan Framework Codeigniter 3),
Informatika, Bandung.
David Naista, 2017, Codeigniter Vs Laravel, CV. Lokomedia.
Dimyati dan Mudjiomo, 2004, Pengertian Raport, Informatika, Bandung.
Hakim, Lukmanul dan Uus Musalini, 2004, Cara Cerdas Menguasai Layout,
Desain dan Aplikasi Web, Jakarta : PT Elex Media Komputindo.
Kustiyahningsih, Yeni dan Amanisa, Rosa Device, 2010, Pemrograman Basis
Data Berbasis Web Menggunakan PHP dan MySQL, Yogyakarta :
Graha Ilmu.
Lilis, 2010, Raport, Graha Ilmu, Yogyakarta
Riyanto, 2015, Membuat Aplikasi Apotek Intergrasi Barcode Scaner Dengan
PHP dan MySQL, Yogyakarta : Gava Media.
Roger, 2012, Pengembangan Waterfall, Graha Ilmu. Surabaya.
Shalahuddin M, 2010, Analisis dan Perancangan Berorientasi Objek, Muria
Indah, Bandung
Sianiper, R.H, 2015, Membangun Web PHP dan MySQL, Bandung :
Informatika Bandung.
Siena, 2009, Pemrograman Web Framework, Graha Ilmu, Yogyakarta.
Rosa A.S dan M. Shalahuddin, 2016 Analisa dan Perancangan UML (Unified
Modelling Language), Informatika, Jakarta.
151
Supono, dan Virdiandry Putratama, 2016, Pemrograman Web dengan
Menggunakan PHP dan Framework Codeigniter, Deepublish,
Yogyakarta.
Yakub, 2012, Pengantar Sistem Informasi, Yogyakarat : Graha Ilmu
Tim Penyusun Kamus Pusat Pembinaan dan Pengembangan Bahasa, 1988,
Raport atau Nilai, Graha Ilmu, Jakarta.
Yosef Mursa, 2016, Framework php yii 2, Jasakom.
Yuni Sugiarti, 2013, Analisa dan Perancangan UML (Unified Modelling
Language) Generated VB.6, Graha Ilmu, Yogyakarta.