Anda di halaman 1dari 174

APLIKASI PENGELOLAAN PENDAFTARAN

ULANG DAN PEMBAYARAN IURAN BULANAN


SISWA SMKN 02 KEPAHIANG BERBASIS WEB

THE WEB-BASED APPLICATION OF STUDENT


HER-REGISTRATION AND TUITION FEE
MANAGEMENT IN SMKN 02 KEPAHIANG

PROYEK AKHIR

Mubaroq Iqbal
6701154100

PROGRAM STUDI D3 MANAJEMEN INFORMATIKA


FAKULTAS ILMU TERAPAN
UNIVERSITAS TELKOM
BANDUNG, 2018
Proyek Akhir ini kupersembahkan untuk kedua orang tuaku
tercinta
LEMBAR PENGESAHAN PROYEK AKHIR

APLIKASI PENGELOLAAN PENDAFTARAN ULANG DAN PEMBAYARAN IURAN


BULANAN SISWA SMKN 02 KEPAHIANG BERBASIS WEB

Penulis
Mubaroq Iqbal
NIM 6701154100

Pembimbing I
Suryatiningsih, S.T., M.T., OCA
NIP 07800068

Pembimbing II
Reza Budiawan, S.T., M.T.
NIP 14880064

Ketua Program Studi


Heru Nugroho, S.Si., M.T.
NIP 11810053

Tanggal Pengesahan:
PERNYATAAN

Dengan ini saya menyatakan bahwa:

1. Proyek Akhir ini adalah asli dan belum pernah diajukan untuk mendapatkan
gelar akademik (Ahli Madya, Sarjana, Magister dan Doktor), baik di Fakultas
Ilmu Terapan Universitas Telkom maupun di perguruan tinggi lainnya;

2. karya tulis ini murni gagasan, rumusan, dan penelitian saya sendiri, tanpa
bantuan pihak lain, kecuali arahan tim pembimbing atau tim promotor atau
penguji;

3. dalam karya tulis ini tidak terdapat cuplikan karya atau pendapat yang telah
ditulis atau dipublikasikan orang lain, kecuali secara tertulis dengan jelas
dicantumkan sebagai acuan dalam naskah dengan menyebutkan nama
pengarang dan dicantumkan dalam daftar pustaka;

4. saya mengijinkan karya tulis ini dipublikasikan oleh Fakultas Ilmu Terapan
Universitas Telkom, dengan tetap mencantumkan saya sebagai penulis; dan

Pernyataan ini saya buat dengan sesungguhnya dan apabila pada kemudian hari
terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini maka saya
bersedia menerima sanksi akademik berupa pencabutan gelar yang telah diperoleh
karena karya tulis ini, serta sanksi lainnya sesuai norma yang berlaku di Fakultas Ilmu
Terapan Universitas Telkom.

Bandung, 29 juni 2018

Pembuat pernyataan,

Mubaroq Iqbal
KATA PENGANTAR

Puji syukur kita panjatkan kepada Allah SWT yang telah melimpahkan rahmat, taufik
serta hidayah-Nya sehingga penulis dapat melaksanakan Proyek Akhir serta dapat
menyelesaikan laporannya tepat waktu.

Banyak hal yang dapat dipelajari selama penyusunan proyek akhir baik seperti
melatih kedisiplinan, bekerja dalam tekanan, dan mampu mengubah diri tentunya.

Penulis ingin mengucapkan terima kasih kepada beberapa pihak atas partisipasi dan
dukungannya untuk penulis dalam penyusunan Proyek Akhir ini. Pihak-pihak
tersebut antara lain.

1. Orang tua penulis yaitu Kusmayadi dan Sakdia yang selalu memberikan
dukungan moril, material, dan memotivasi penulis dalam menyelesaikan Proyek
Akhir ini.

2. Ibu Suryatiningsih, S.T., M.T., OCA dan bapak Reza Budiawan, S.T., M.T. selaku
pembimbing yang selalu memberikan arahan dan masukkan yang membangun
dalam pengerjaan proyek akhir ini.

3. Tak lupa pula penulis ingin mengucapkan terima kasih banyak kepada pihak-
pihak yang telah membantu penulis dalam menyelesaikan proyek akhir ini dan
tidak bisa disebutkan semua namanya disini.

Penulis menyadari bahwa laporan Proyek Akhir ini jauh dari kata sempurna.
Diharapkan kritik dan saran yang membangun dari para pembaca untuk hasil yang
lebih baik lagi kedepannya. Akhir kata semoga laporan Proyek Akhir ini dapat
memberikan banyak manfaat bagi kita semua.

Bandung, 29 juni 2018

Penulis

i
ABSTRAK

Di Indonesia ada berbagai jenis sekolah menengah, salah satunya adalah SMK atau
Sekolah Menengah Kejuruan. Hal yang membedakan SMK dengan jenis sekolah
menengah yang lain contohnya Sekolah Menengah Atas (SMA) adalah SMK lebih
dikhususkan pada siswa yang berminat ke arah keahlian atau skill yang bisa dipakai
di dunia kerja dengan berbagai macam program kejuruan yang banyak saat ini,
terhitung mulai dari bisnis, manajemen, teknologi informasi dan komunikasi, dan
kesehatan. Sementara SMA lebih dikhususkan untuk pendalaman pembelajaran ke
arah bidang akademik atau keilmiahan. Pada Sekolah biasanya ada berbagai proses
yang dilakukan untuk mendukung kegiatan belajar mengajar.

Salah satu bagian penting dari proses yang ada di di sekolah adalah proses
pendaftaran ulang dan pembayaran iuran bulanan. Pada Sekolah Menengah
Kejuruan Negeri 02 Kepahiang antara proses pendaftaran ulang dan pembayaran
iuran bulanan memiliki keterhubungan satu sama lain. Proses-proses ini masih
menggunakan cara yang konvensional. Semua proses masih menggunakan buku
mulai dari pendataan siswa yang melakukan daftar ulang dan pencatatan
pembayaran iuran bulanan. Oleh karena itu, permasalahan pada penelitian ini adalah
bagaimana mengembangkan sebuah sistem yang mampu mengakomodir proses
pendaftaran ulang dan pembayaran iuran bulanan sehingga dapat memenuhi
kebutuhan yang ada di Sekolah Menengah Kejuruan Negeri 02 Kepahiang agar proses
menjadi lebih efektif dan efisien.

Metodologi yang digunakan dalam pengembangan sistem ini adalah


metodologi Waterfall yang terdiri dari tahap analisis kebutuhan, desain sistem,
penulisan kode program, pengujian program, dan penerapan program.
Metode Waterfall digunakan karena jarak dari pengembang dengan lokasi instansi
yang terkait berjarak cukup jauh sehingga waktu yang digunakan untuk
mengumpulkan data dapat dimaksimalkan dengan perencanaan awal yang matang.
Pengujian yang digunakan untuk penelitian ini adalah Black Box Testing yang
dilakukan oleh penulis.

ii
Dari hasil analisis atau penelitian yang dilakukan ini adalah sebuah aplikasi
berbasis web yang dapat mengakomodir aktivitas-aktivitas yang berhubungan
dengan proses pendaftaran ulang dan pembayaran iuran bulanan agar menjadi lebih
efektif.

Kata kunci: e-school , sekolah menengah kejuruan, her-registrasi, bayar iuran

iii
ABSTRACT

In Indonesia there are various types of secondary schools, one of which is SMK or
Vocational High School. The differents SMK to other high schools is for example
Senior High School (SMA) is more specialized in students interested in skills that can
be used in the world of work with a wide range of current vocational programs,
management, information technology and communication, and health. While SMA is
more devoted to deepening into the field of academic or scholarship. At School there
are usually various activities undertaken to support teaching and learning activities.

One part of the process at school is the process of re-enrollment and monthly fee
payment. At State Vocational High School 02 Kepahiang between registration process
and monthly fee payment have connectedness to each other. These processes still use
conventional methods. All processes still use books ranging from student data
collection to re-listing and recording monthly fee payments. Therefore, the problem
in this research is how to develop the registration process and payment of global dues
that can be done at State Vocational High School 02 Kepahiang so that the process
becomes more effective and efficient.

The methodology used in this research is Waterfall which consists of analysis needs,
system design, soul code program, credit program, and program implementation.
The Waterfall Taking Method because of the distance from the related location is
quite distant to the time to collect the data can be maximized with the initial cost of
mature. Testing used for this research is Black Box Testing conducted by writer.

The results of the analysis is a web-based application that can accommodate her-
registration and tuition fee process to be more effective.

Keywords: e-school, her-registration, Vocational High School, tuition fee.

iv
DAFTAR ISI

KATA PENGANTAR ...................................................................................................................... i


ABSTRAK .................................................................................................................................... ii
ABSTRACT ................................................................................................................................. iv
DAFTAR ISI ................................................................................................................................. v
DAFTAR GAMBAR ..................................................................................................................... xi
DAFTAR TABEL .........................................................................................................................xiv
DAFTAR LAMPIRAN..................................................................................................................xvi
BAB 1 PENDAHULUAN ........................................................................................................ 1
1.1 Latar Belakang ................................................................................................................. 1
1.2 Rumusan Masalah............................................................................................................ 2
1.3 Tujuan .............................................................................................................................. 2
1.4 Batasan Masalah .............................................................................................................. 3
1.5 Definisi Operasional ......................................................................................................... 3
1.6 Metode Pengerjaan ......................................................................................................... 4
1.7 Tahapan Pengerjaan ........................................................................................................ 5
BAB 2 TINJAUAN PUSTAKA ....................................................................................................... 7
2.1 Profil Sekolah Menengah Kejuruan Negeri 02 Kepahiang ............................................... 7
2.1.1 Sekolah Menengah Kejuruan ....................................................................... 7
2.1.2 Sekolah Menengah Kejuruan Negeri 02 Kepahiang ..................................... 7
2.2 Perancangan Sistem......................................................................................................... 8
2.2.1 Unified Modeling Language (UML) .............................................................. 8
2.2.1.1 Class Diagram ............................................................................................... 8
2.2.1.2 Use Case Diagram......................................................................................... 9
2.2.2 Business Process Model and Notation (BPMN) .......................................... 12
2.2.3 Entity Relationship Diagram (ERD)............................................................. 14
2.3 Tools Pemrograman ....................................................................................................... 14
2.3.1 Web ............................................................................................................ 14
2.3.2 Database .................................................................................................... 15
2.3.3 Cascading Style Sheet (CSS)........................................................................ 15

v
2.3.4 Hyper Text Markup Language (HTML) ....................................................... 15
2.3.5 PHP ............................................................................................................. 16
BAB 3 ANALISIS DAN PERANCANGAN ..................................................................................... 18
3.1 Analisis Sistem yang Berjalan......................................................................................... 18
3.1.1 Sistem Pendaftaran Ulang Siswa ................................................................ 18
3.1.2 Sistem Pembayaran Iuran Bulanan yang Sedang Berjalan......................... 19
3.2 Sistem yang Diusulkan ................................................................................................... 20
3.2.1 Usulan Sistem Pendaftaran Ulang Siswa .................................................... 20
3.2.2 Usulan Sistem Pembayaran Iuran Bulanan ................................................ 21
3.3 Analisis Kebutuhan Fungsionalitas Sistem baru ............................................................ 23
3.3.1 Use Case Diagram....................................................................................... 23
3.3.2 Definisi Aktor .............................................................................................. 24
3.3.3 Definisi Use Case ........................................................................................ 24
3.3.4 Skenario Use Case ...................................................................................... 25
3.3.4.1 Use Case Mengajukan Daftar Ulang ................................................................. 26
3.3.4.2 Use Case Membayar Iuran Bulanan ................................................................. 26
3.3.4.3 Use Case Konfirmasi Status Iuran Daftar Ulang ............................................... 28
3.3.4.4 Use Case Mengkonfirmasi Pembayaran Iuran Langsung ................................. 29
3.3.4.5 Use Case Verifikasi Pembayaran Iuran Online ................................................. 30
3.3.4.6 Use Case Mengelola Data Tagihan Siswa ......................................................... 31
3.3.4.7 Use Case Kelola Pegawai .................................................................................. 32
3.3.4.8 Use Case Kelola Guru ....................................................................................... 33
3.3.4.9 Use Case Verifikasi Rapor ................................................................................. 34
3.3.4.10 Use Case Kelola Siswa .................................................................................... 35
3.3.4.11 Use Case Login................................................................................................ 36
3.3.4.12 Use Case Kelola Tahun Ajaran ........................................................................ 36
3.3.4.13 Use Case Kelola Kelas ..................................................................................... 37
3.3.4.14 Use Case Kelola Program Studi ...................................................................... 38
3.3.4.15 Use Case Kelola User ...................................................................................... 39
3.3.4.16 Use Case Mengatur Waktu Daftar Ulang ....................................................... 40
3.3.4.17 Use Case Melihat Laporan Daftar Ulang ........................................................ 41
3.3.5 Class Diagram............................................................................................. 43

vi
3.4 Perancangan Basis Data ................................................................................................. 44
3.4.1 Entity Relationship Diagram(ERD).............................................................. 44
3.4.2 Skema Relasi............................................................................................... 46
3.4.3 Struktur Tabel............................................................................................. 47
3.5 Kebutuhan Perangkat Keras dan Lunak ......................................................................... 51
3.5.1 Pengembangan Sistem ............................................................................... 51
3.5.2 Implementasi ............................................................................................. 52
3.6 Perancangan Antar Muka Aplikasi ................................................................................. 53
3.6.1 Halaman Login............................................................................................ 53
3.6.2 Home .......................................................................................................... 53
3.6.3 Halaman Utama Menu Atur Tahun Ajaran ................................................ 56
3.6.4 Halaman Utama Menu Kelola Kelas ........................................................... 57
3.6.5 Halaman Utama Menu Kelola Pegawai dan Guru ...................................... 57
3.6.6 Halaman Utama Menu Kelola Program Studi ............................................ 58
3.6.7 Halaman Utama Menu Kelola Siswa .......................................................... 58
3.6.8 Halaman Utama Menu Kelola Wali Kelas ................................................... 59
3.6.9 Halaman Utama Menu Kelola User ............................................................ 59
3.6.10 Halaman Menu Konfirmasi Rapor .............................................................. 60
3.6.11 Halaman Utama Menu Konfirmasi Status Tagihan .................................... 60
3.6.12 Halaman Utama Menu Pembayaran Langsung .......................................... 61
3.6.13 Halaman Utama Menu Konfirmasi Pembayaran Online ............................ 61
3.6.14 Halaman Utama Menu Riwayat Daftar Ulang Siswa .................................. 62
3.6.15 Halaman Utama Menu Riwayat Pembayaran Siswa .................................. 62
3.6.16 Halaman Utama Menu Riwayat Transaksi ................................................. 63
3.6.17 Halaman Utama Menu Laporan Daftar Ulang............................................ 63
3.6.18 Halaman Utama Menu Atur Waktu Daftar Ulang ...................................... 64
3.6.19 Halaman Utama Menu Siswa Belum Melakukan Daftar Ulang.................. 64
3.6.20 Halaman Utama Menu Status Registrasi Siswa Kelas ................................ 65
3.6.21 Halaman Utama Menu Status Pembayaran Siswa ..................................... 65
3.6.22 Halaman Utama Menu Status Registrasi Siswa Kelas ................................ 66
3.6.23 Form Atur Tahun Ajaran Baru .................................................................... 66
3.6.24 Form Atur Kelas Siswa ................................................................................ 67

vii
3.6.25 Form Ganti Wali Kelas ................................................................................ 67
3.6.26 Form Set Wali Kelas Tahun Ajaran Baru ..................................................... 68
3.6.27 Form Tambah Guru .................................................................................... 68
3.6.28 Form Tambah Pegawai ............................................................................... 69
3.6.29 Form Tambah Program Studi ..................................................................... 69
3.6.30 Form Import File Siswa Baru....................................................................... 70
3.6.31 Form Tambah Siswa ................................................................................... 70
3.6.32 Form Ubah Kelas Siswa .............................................................................. 71
3.6.33 Form Tambah User Pegawai....................................................................... 71
3.6.34 Form Tambah User Wali Kelas ................................................................... 72
3.6.35 Form Konfirmasi Pembayaran Online ........................................................ 72
3.6.36 Form Justifikasi Penolakan Pembayaran Iuran Online ............................... 73
3.6.37 Form Pembayaran Langsung ...................................................................... 73
3.6.38 Daftar Status Iuran Bulanan Siswa ............................................................. 74
3.6.39 Form Konfirmasi Status Tagihan Daftar Ulang ........................................... 74
3.6.40 Form Ajukan Daftar Ulang .......................................................................... 75
3.6.41 Status Rapor dan Tagihan Proses Pendaftaran Ulang ................................ 75
3.6.42 Riwayat Daftar Ulang ................................................................................. 76
3.6.43 Form Ajukan Pembayaran Online............................................................... 76
3.6.44 Form Konfirmasi Rapor Daftar Ulang ......................................................... 77
3.6.45 Form Ingatkan Daftar Ulang ....................................................................... 77
3.6.46 Pop Up Lihat Rapor..................................................................................... 78
BAB 4 IMPLEMENTASI DAN PENGUJIAN................................................................................. 79
4.1 Implementasi ................................................................................................................. 79
4.1.1 Tampilan Awal Aplikasi .................................................................................................. 79
4.1.1.1 Halaman Login ............................................................................................ 79
4.1.2 Tampilan Halaman Utama Aplikasi ................................................................................ 80
4.1.2.1 Halaman Utama Admin .............................................................................. 80
4.1.2.2 Halaman Utama Wali kelas ........................................................................ 80
4.1.2.3 Halaman Utama Keuangan......................................................................... 81
4.1.2.4 Halaman Utama Kesiswaan ........................................................................ 82
4.1.2.5 Halaman Utama Siswa ............................................................................... 82

viii
4.1.3 Tampilan Menu-Menu Utama Pengguna ...................................................................... 83
4.1.3.1 Tampilan Utama Menu-Menu Admin ........................................................ 83
4.1.3.2 Tampilan Utama Menu-Menu Siswa.......................................................... 87
4.1.3.3 Tampilan Utama Menu-Menu Kesiswaan .................................................. 90
4.1.3.4 Tampilan Utama Menu-Menu Wali Kelas .................................................. 93
4.1.3.5 Tampilan Utama Menu-Menu Keuangan ................................................... 94
4.1.4 Tampilan Fungsionalitas Konten Menu-Menu Pengguna ............................................. 97
4.1.4.1 Tampilan Fungsionalitas Menu-Menu Admin ............................................ 97
4.1.4.2 Tampilan Fungsionalitas Menu-Menu Keuangan .................................... 104
4.1.4.3 Tampilan Fungsionalitas Menu-Menu Kesiswaan.................................... 108
4.1.4.4 Tampilan Fungsionalitas Menu-Menu Siswa ........................................... 110
4.1.4.5 Tampilan Fungsionalitas Menu-Menu Wali Kelas .................................... 113
4.2 Pengujian ..................................................................................................................... 115
4.2.1 Pengujian Functional Testing ....................................................................................... 115
4.2.1.1 Pengujian Proses Login Pegawai .................................................................... 115
4.2.1.2 Pengujian Proses Login Wali Kelas ................................................................. 116
4.2.1.3 Pengujian Proses Login Siswa......................................................................... 117
4.2.1.4 Pengujian Proses Membayar Iuran Bulanan .................................................. 118
4.2.1.5 Pengujian Proses Mengajukan Daftar Ulang .................................................. 120
4.2.1.6 Pengujian Proses Mengelola Data Tagihan Siswa .......................................... 120
4.2.1.7 Pengujian Proses Verifikasi Pembayaran Iuran Online .................................. 122
4.2.1.8 Pengujian Proses Konfirmasi Pembayaran Langsung..................................... 124
4.2.1.9 Pengujian Proses Konfirmasi Status Iuran Daftar Ulang ................................ 125
4.2.1.10 Pengujian Proses Verifikasi Rapor ................................................................ 127
4.2.1.11 Pengujian Proses Kelola Siswa ..................................................................... 128
4.2.1.12 Pengujian Proses Kelola Guru ...................................................................... 131
4.2.1.13 Pengujian Proses Kelola Pegawai ................................................................. 133
4.2.1.14 Pengujian Proses Kelola Kelas ...................................................................... 134
4.2.1.15 Pengujian Proses Kelola Tahun Ajaran ......................................................... 136
4.2.1.16 Pengujian Proses Kelola User ....................................................................... 138
4.2.1.17 Pengujian Proses Mengatur Waktu Daftar Ulang ........................................ 142
4.2.1.18 Pengujian Proses Kelola Program Studi ....................................................... 144

ix
4.2.1.19 Pengujian Proses Melihat Laporan Daftar Ulang ......................................... 146
BAB 5 KESIMPULAN .............................................................................................................. 149
5.1 Kesimpulan .................................................................................................................. 149
5.2 Saran ............................................................................................................................ 149
DAFTAR PUSTAKA .................................................................................................................. 150
LAMPIRAN.............................................................................................................................. 152

x
DAFTAR GAMBAR

Gambar 1 - 1 SDLC Waterfall ................................................................................................................. 4


Gambar 3 - 1 Sistem Pendaftaran Ulang Siswa .................................................................................... 18
Gambar 3 - 2 Sistem Pembayaran Iuran Siswa .................................................................................... 19
Gambar 3 - 3 Usulan Sistem Pendaftaran Ulang Siswa ........................................................................ 20
Gambar 3 - 4 Proses Pembayaran Lunas Iuran Bulanan ...................................................................... 21
Gambar 3 - 5 Usulan Proses Pembayaran Kredit Iuran Bulanan .......................................................... 22
Gambar 3 - 6 Use Case Diagram .......................................................................................................... 23
Gambar 3 - 7 Class Diagram................................................................................................................. 43
Gambar 3 - 8 Entity Relationship Diagram........................................................................................... 45
Gambar 3 - 9 Skema Relasi................................................................................................................... 46
Gambar 3 - 10 Halaman Login Aplikasi ................................................................................................ 53
Gambar 3 - 11 Halaman Utama Admin ................................................................................................ 54
Gambar 3 - 12 Halaman Utama Siswa ................................................................................................. 54
Gambar 3 - 13 Halaman Utama Kesiswaan .......................................................................................... 55
Gambar 3 - 14 Halaman Utama Wali Kelas .......................................................................................... 55
Gambar 3 - 15 Halaman Utama Keuangan........................................................................................... 56
Gambar 3 - 16 Halaman Utama Menu Atur Tahun Ajaran .................................................................. 56
Gambar 3 - 17 Halaman Utama Menu Kelola Kelas ............................................................................. 57
Gambar 3 - 18 Halaman Utama Kelola Pegawai dan Guru .................................................................. 57
Gambar 3 - 19 Halaman Utama Menu Kelola Program Studi .............................................................. 58
Gambar 3 - 20 Halaman Utama Menu Kelola Siswa ............................................................................ 58
Gambar 3 - 21 Halaman Utama Menu Kelola Wali Kelas ..................................................................... 59
Gambar 3 - 22 Halaman Menu Utama Kelola User .............................................................................. 59
Gambar 3 - 23 Halaman Utama Menu Konfirmasi Rapor .................................................................... 60
Gambar 3 - 24 Halaman Utama Menu Konfirmasi Status Tagihan ...................................................... 60
Gambar 3 - 25 Halaman Utama Menu Pembayaran Langsung ............................................................ 61
Gambar 3 - 26 Halaman Utama Menu Konfirmasi Pembayaran Online .............................................. 61
Gambar 3 - 27 Halaman Utama Menu Riwayat Daftar Ulang Siswa .................................................... 62
Gambar 3 - 28 Halaman Utama Menu Riwayat Pembayaran Siswa .................................................... 62
Gambar 3 - 29 Halaman Utama Menu Riwayat Transaksi ................................................................... 63
Gambar 3 - 30 Halaman Utama Menu Laporan Daftar Ulang.............................................................. 63
Gambar 3 - 31 Halaman Utama Menu Atur Waktu Daftar Ulang ........................................................ 64
Gambar 3 - 32 Halaman Utama Menu Siswa Belum Melakukan Daftar Ulang.................................... 64
Gambar 3 - 33 Halaman Utama Menu Status Registrasi Siswa Kelas .................................................. 65
Gambar 3 - 34 Halaman Utama Menu Status Pembayaran Siswa ....................................................... 65
Gambar 3 - 35 Halaman Utama Menu Status Registrasi Siswa Kelas .................................................. 66
Gambar 3 - 36 Form Atur Tahun Ajaran Baru ...................................................................................... 66
Gambar 3 - 37 Form Atur Kelas Siswa .................................................................................................. 67

xi
Gambar 3 - 38 Form ganti wali kelas.................................................................................................... 67
Gambar 3 - 39 Form Set Wali Kelas Tahun Ajaran Baru ....................................................................... 68
Gambar 3 - 40 Form Tambah Guru ...................................................................................................... 68
Gambar 3 - 41 Form Tambah Pegawai ................................................................................................. 69
Gambar 3 - 42 Form Tambah Program Studi ....................................................................................... 69
Gambar 3 - 43 Form Import File Siswa Baru........................................................................................ 70
Gambar 3 - 44 Form Tambah Siswa ..................................................................................................... 70
Gambar 3 - 45 Form Ubah Kelas Siswa ................................................................................................ 71
Gambar 3 - 46 Form Tambah User Pegawai......................................................................................... 71
Gambar 3 - 47 Form Tambah User Wali Kelas ..................................................................................... 72
Gambar 3 - 48 Form Konfirmasi pembayaran Online .......................................................................... 72
Gambar 3 - 49 Form Justifikasi Penolakan Pembayaran Iuran Online ................................................. 73
Gambar 3 - 50 Form Pembayaran Langsung ........................................................................................ 73
Gambar 3 - 51 Daftar Status Iuran Bulanan Siswa ............................................................................... 74
Gambar 3 - 52 Form Konfirmasi Status Tagihan Daftar Ulang ............................................................. 74
Gambar 3 - 53 Form Ajukan Daftar Ulang ............................................................................................ 75
Gambar 3 - 54 Status Rapor dan Tagihan Proses Pendaftaran Ulang .................................................. 75
Gambar 3 - 55 Riwayat Daftar Ulang ................................................................................................... 76
Gambar 3 - 56 Form Ajukan Pembayaran Online ................................................................................ 76
Gambar 3 - 57 Form Konfirmasi Rapor Daftar Ulang ........................................................................... 77
Gambar 3 - 58 Form Ingatkan Daftar Ulang ......................................................................................... 77
Gambar 3 - 59 Pop Up Lihat Rapor....................................................................................................... 78
Gambar 4 - 1 Halaman Login Utama .................................................................................................... 79
Gambar 4 - 2 Halaman Utama Admin .................................................................................................. 80
Gambar 4 - 3 Halaman Utama Wali Kelas ............................................................................................ 81
Gambar 4 - 4 Halaman Utama Keuangan............................................................................................. 81
Gambar 4 - 5 Halaman Utama Kesiswaan ............................................................................................ 82
Gambar 4 - 6 Halaman Utama Siswa.................................................................................................... 82
Gambar 4 - 7 Halaman Utama Menu Kelola User ................................................................................ 83
Gambar 4 - 8 Halaman Utama Atur Tahun ajaran ............................................................................... 84
Gambar 4 - 9 Halaman Utama Menu Kelola Siswa .............................................................................. 84
Gambar 4 - 10 Halaman Utama Kelola Wali Kelas ............................................................................... 85
Gambar 4 - 11 Halaman Utama Menu Kelola Pegawai dan Guru ........................................................ 86
Gambar 4 - 12 Halaman Utama Menu Kelola Kelas ............................................................................. 86
Gambar 4 - 13 Halaman Utama Menu Kelola Program Studi .............................................................. 87
Gambar 4 - 14 Halaman Utama Menu Ajukan Pembayaran Iuran ...................................................... 88
Gambar 4 - 15 Halaman Utama Menu Ajukan Daftar Ulang................................................................ 88
Gambar 4 - 16 Halaman Utama Menu Ajukan Daftar Ulang Setelah Pengajuan ................................. 89
Gambar 4 - 17 Halaman Utama Menu Riwayat Daftar Ulang .............................................................. 89
Gambar 4 - 18 Halaman Utama Menu Riwayat Pembayaran .............................................................. 90
Gambar 4 - 19 Halaman Utama Menu Siswa Belum Daftar Ulang ...................................................... 90
Gambar 4 - 20 Halaman Utama Laporan Daftar Ulang Siswa .............................................................. 91

xii
Gambar 4 - 21 Lanjutan Halaman Utama Menu Laporan Daftar Ulang............................................... 92
Gambar 4 - 22 Halaman Utama Menu Atur Waktu Daftar Ulang ........................................................ 92
Gambar 4 - 23 Halaman Utama Menu Riwayat Daftar Ulang .............................................................. 93
Gambar 4 - 24 Halaman Utama Menu Konfirmasi Rapor .................................................................... 93
Gambar 4 - 25 Halaman Utama Menu Status Registrasi Siswa Kelas .................................................. 94
Gambar 4 - 26 Halaman Utama Menu Pembayaran Langsung ............................................................ 95
Gambar 4 - 27 Halaman Utama Menu Pembayaran Online ................................................................ 95
Gambar 4 - 28 Halaman Utama Menu Status Pembayaran Siswa ....................................................... 96
Gambar 4 - 29 Halaman Utama Menu Riwayat Transaksi ................................................................... 96
Gambar 4 - 30 Halaman Utama Menu Konfirmasi Status Tagihan ...................................................... 97
Gambar 4 - 31 Form Atur Tahun Ajaran Baru ...................................................................................... 98
Gambar 4 - 32 Form Atur Kelas Siswa .................................................................................................. 98
Gambar 4 - 33 Form Ganti Kelas Siswa ................................................................................................ 99
Gambar 4 - 34 Form Tambah User Pegawai......................................................................................... 99
Gambar 4 - 35 Form Tambah User Wali Kelas ................................................................................... 100
Gambar 4 - 36 Import File Siswa Baru ................................................................................................ 100
Gambar 4 - 37 Form Tambah Siswa ................................................................................................... 101
Gambar 4 - 38 Form Tambah Guru .................................................................................................... 101
Gambar 4 - 39 Form Tambah Pegawai ............................................................................................... 102
Gambar 4 - 40 Form Tambah Kelas .................................................................................................... 102
Gambar 4 - 41 Form Tambah Program Studi ..................................................................................... 103
Gambar 4 - 42 Form Atur Wali Kelas .................................................................................................. 103
Gambar 4 - 43 Form Ganti Wali Kelas ................................................................................................ 104
Gambar 4 - 44 List Status Iuran Siswa ................................................................................................ 105
Gambar 4 - 45 Form Pembayaran Iuran Langsung............................................................................. 105
Gambar 4 - 46 Verifikasi Pembayaran Online .................................................................................... 106
Gambar 4 - 47 Lihat Bukti Bayar ........................................................................................................ 106
Gambar 4 - 48 Form Justifikasi Penolakan ......................................................................................... 107
Gambar 4 - 49 Halaman Cetak Surat Teguran.................................................................................... 107
Gambar 4 - 50 Lihat kwitansi pembayaran ........................................................................................ 108
Gambar 4 - 51 Form Atur Waktu Daftar Ulang .................................................................................. 109
Gambar 4 - 52 Form Ingatkan Siswa Daftar Ulang ............................................................................. 109
Gambar 4 - 53 Cek Status Pendaftaran Ulang.................................................................................... 110
Gambar 4 - 54 Form Ajukan Pembayaran Iuran Online ..................................................................... 110
Gambar 4 - 55 Lihat Riwayat Pembayaran ......................................................................................... 111
Gambar 4 - 56 Lihat Bukti Pembayaran ............................................................................................. 112
Gambar 4 - 57 Lihat Kwitansi Pembayaran ........................................................................................ 112
Gambar 4 - 58 Cek Rapor ................................................................................................................... 113
Gambar 4 - 59 Form Ingatkan Siswa Daftar Ulang ............................................................................. 113
Gambar 4 - 60 Form Konfirmasi Rapor Daftar Ulang ......................................................................... 114
Gambar 4 - 61 Cek Rapor ................................................................................................................... 115

xiii
DAFTAR TABEL

Tabel 1 - 1 Perencanaan Jadwal Kegiatan .............................................................................................. 6


Tabel 2 - 1 Simbol Class Diagram ........................................................................................................... 9
Tabel 2 - 2 Notasi Use Case Diagram ..................................................................................................... 9
Tabel 2 - 3 Simbol BPMN ...................................................................................................................... 12
Tabel 2 - 4 Simbol ERD ......................................................................................................................... 14
Tabel 3 - 1 Deskripsi Aktor ................................................................................................................... 24
Tabel 3 - 2 Deskripsi Use Case .............................................................................................................. 24
Tabel 3 - 3 Skenario Use Case Melakukan Daftar Ulang ...................................................................... 26
Tabel 3 - 4 Skenario Use Case Membayar Iuran Bulanan .................................................................... 27
Tabel 3 - 5 Skenario Use Case Konfirmasi Status Iuran Daftar Ulang .................................................. 28
Tabel 3 - 6 Skenario Use Case Mengkonfirmasi Pembayaran Iuran Langsung .................................... 30
Tabel 3 - 7 Skenario Use Case Verifikasi Pembayaran Iuran Online .................................................... 31
Tabel 3 - 8 Skenario Use Case Mengelola Data Tagihan Siswa ........................................................... 32
Tabel 3 - 9 Skenario Use Case Kelola Pegawai ..................................................................................... 33
Tabel 3 - 10 Skenario Use Case Kelola Guru......................................................................................... 34
Tabel 3 - 11 Skenario Use Case Verifikasi Rapor .................................................................................. 35
Tabel 3 - 12 Skenario Use Case Mengelola Siswa ................................................................................ 35
Tabel 3 - 13 Skenario Use Case Login ................................................................................................... 36
Tabel 3 - 14 Skenario Use Case Kelola Tahun Ajaran ........................................................................... 37
Tabel 3 - 15 Skenario Use Case Kelola Kelas ........................................................................................ 37
Tabel 3 - 16 Skenario Use Case Kelola Program Studi.......................................................................... 38
Tabel 3 - 17 Skenario Use Case Kelola User ......................................................................................... 39
Tabel 3 - 18 Skenario Use Case Mengatur Waktu Daftar Ulang .......................................................... 41
Tabel 3 - 19 Skenario Use Case Mengelola Data Daftar Ulang ............................................................ 41
Tabel 3 - 20 Struktur tabel siswa .......................................................................................................... 47
Tabel 3 - 21 Struktur tabel pegawai ..................................................................................................... 47
Tabel 3 - 22 Struktur Tabel Program_Studi .......................................................................................... 48
Tabel 3 - 23 Struktur Tabel Kelas ......................................................................................................... 48
Tabel 3 - 24 Struktur tabel kelas_siswa................................................................................................ 48
Tabel 3 - 25 Struktur tabel tahun_ajaran ............................................................................................. 49
Tabel 3 - 26 Struktur tabel guru ........................................................................................................... 49
Tabel 3 - 27 Struktur Tabel Daftar_Ulang ............................................................................................ 49
Tabel 3 - 28 Struktur Tabel iuran_bulanan .......................................................................................... 50
Tabel 3 - 29 Struktur Tabel kategori_user............................................................................................ 50
Tabel 3 - 30 Struktur Tabel user ........................................................................................................... 50
Tabel 3 - 31 Struktur Tabel kelas_dibentuk ......................................................................................... 51
Tabel 3 - 32 Struktur tabel tb_bayar_iuran.......................................................................................... 51
Tabel 3 - 33 Kebutuhan Perangkat Keras ............................................................................................. 51

xiv
Tabel 3 - 34 Kebutuhan Perangkat Lunak ............................................................................................ 52
Tabel 3 - 35 Kebutuhan Perangkat Keras Minimum ............................................................................ 52
Tabel 3 - 36 Kebutuhan Perangkat Lunak Server ................................................................................. 52
Tabel 3 - 37 Kebutuhan Perangkat Lunak Klien ................................................................................... 52
Tabel 4 - 1 Pengujian Proses Login Pegawai ...................................................................................... 115
Tabel 4 - 2 Pengujian Proses Login Wali Kelas ................................................................................... 117
Tabel 4 - 3 Pengujian Proses Login Siswa ........................................................................................... 117
Tabel 4 - 4 Pengujian Proses Membayar Iuran Bulanan .................................................................... 118
Tabel 4 - 5 Pengujian Proses Mengajukan Daftar Ulang .................................................................... 120
Tabel 4 - 6 Pengujian Proses Mengelola Data Tagihan Siswa ............................................................ 121
Tabel 4 - 7 Pengujian Proses Verifikasi Pembayaran Iuran Online..................................................... 122
Tabel 4 - 8 Pengujian Proses Pembayaran Iuran Langsung ............................................................... 124
Tabel 4 - 9 Pengujian Proses Konfirmasi Status Iuran Daftar Ulang .................................................. 126
Tabel 4 - 10 Pengujian Proses Verifikasi Rapor .................................................................................. 127
Tabel 4 - 11 Pengujian Proses Kelola Siswa........................................................................................ 129
Tabel 4 - 12 Pengujian Proses Kelola Guru......................................................................................... 131
Tabel 4 - 13 Pengujian Proses Kelola Pegawai ................................................................................... 133
Tabel 4 - 14 Pengujian Proses Kelola Kelas ........................................................................................ 134
Tabel 4 - 15 Pengujian Proses Kelola Tahun Ajaran ........................................................................... 136
Tabel 4 - 16 Pengujian Proses Kelola User ......................................................................................... 138
Tabel 4 - 17 Pengujian Proses Atur Waktu Daftar Ulang ................................................................... 142
Tabel 4 - 18 Pengujian Proses Kelola Program Studi.......................................................................... 144
Tabel 4 - 19 Pengujian Proses Melihat Laporan Daftar Ulang ........................................................... 146

xv
DAFTAR LAMPIRAN

Lampiran 1 Survey Kepuasan Siswa Terhadap Pelayanan Daftar Ulang dan Bayar Iuran .................. 152

xvi
BAB 1
PENDAHULUAN

1.1 Latar Belakang


Di Indonesia ada berbagai jenis sekolah menengah, salah satunya adalah SMK atau
Sekolah Menengah Kejuruan. Yang membedakan SMK dengan jenis sekolah
menengah yang lain contohnya Sekolah Menengah Atas (SMA) adalah SMK lebih
dikhususkan pada siswa yang berminat ke arah keahlian atau skill yang bisa dipakai
di dunia kerja dengan berbagai macam program kejuruan yang banyak saat ini,
terhitung mulai dari bisnis, manajemen, teknologi informasi dan komunikasi, dan
kesehatan. Sementara SMA lebih dikhususkan untuk pendalaman pembelajaran ke
arah bidang akademik atau keilmiahan [1].

Pada setiap jenis sekolah biasanya menerapkan yang namanya pendaftaran ulang
termasuk di tingkat menengan, dengan menerapkan sistem yang telah digunakan
oleh masing-masing sekolah sejak lama dan sesuai dengan budaya yang berkembang
pada sekolah tersebut. Kegiatan pendaftaran ulang biasanya dilakukan pada tiap
akhir semester dan melibatkan berkas-berkas tertentu dan dibeberapa sekolah
tertentu biasanya pendaftaran ulang juga disertai dengan pembayaran tagihan baik
itu untuk fasilitas dan hal lainnya oleh siswa sebagai persyaratan mendaftar ulang di
sekolah tersebut, berkas ini kemudian diarsipkan oleh sekolah sebagai pendataan
bahwa siswa yang bersangkutan masih akan aktif menempuh pendidikan di sekolah
tersebut untuk semester yang akan datang.

Berkas-berkas hasil pendaftaran ulang siswa biasanya disimpan atau diarsipkan oleh
bagian akademik sekolah yang nantinya akan dikelola untuk keperluan informasi dan
lain-lain. Salah satu sekolah masih ada yang menerapkan sistem penyimpanan
dengan metode lama yang menyimpan berkas-berkas siswa secara manual dengan
pembukuan yang menggunakan buku catatan untuk kegiatan pendaftaran ulangnya
yaitu SMKN 02 Kepahiang contohnya.

SMKN 02 Kepahiang adalah salah satu sekolah yang ada di Kabupaten Kepahiang
Provinsi Bengkulu, sekolah ini menggunakan sistem pendaftaran ulang dengan

1
metode penyimpanan berkas yang manual dan kadang pihak sekolah mengalami
yang namanya kehilangan berkas atau buku pencatatan yang ada sehingga siswa
yang bersangkutan pada saat penagihan pendaftaran ulang untuk semester
selanjutnya namanya tidak terdaftar atau siswa yang bersangkutan harus membayar
kembali tagihan yang seharusnya telah dibayarkan untuk semester yang sudah lewat,
bahkan ada siswa yang namanya tidak terdaftar padahal telah melakukan yang
namanya pendaftaran ulang pada semester tersebut. Berdasarkan pendapat
narasumber dari sekolah, sistem pencatatan yang manual ini juga membuat timeline
atau jadwal kegiatan pendaftaran ulang menjadi lebih panjang dan kegiatan belajar
mengajar pun sering tertunda untuk beberapa kelas dan kadang ada beberapa siswa
yang telah membayarkan biaya pendaftaran ulang namun sering tidak terdaftar pada
daftar siswa yang telah melunasi tagihannya sehingga diwajibkan untuk melunasi
tagihan yang seharusnya sudah terbayarkan ke sekolah.

Penggunaan aplikasi yang dapat mengelola proses pendaftaran ulang dan


pembayaran tagihan siswa diharapkan dapat menyelesaikan permasalahan yang
terjadi pada SMKN 02 Kepahiang agar dapat memberikan pelayanan yang maksimal
kepada siswanya baik itu penyimpanan data siswa, data pendaftaran ulang dari
sekolah, dan memudahkan pekerjaan pegawai keuangan.

1.2 Rumusan Masalah


Dari latar belakang diatas dapat kita ambil rumusan masalah sebagai berikut:

1. Bagaimana cara membangun sebuah aplikasi yang bisa menyimpan data siswa
SMKN 02 Kepahiang agar lebih aman?
2. Bagaimana cara membangun aplikasi yang dapat mengelola kegiatan pendaftaran
ulang?

3. Bagaimana cara membangun aplikasi yang mampu menyimpan data transaksi


pembayaran iuran bulanan?

4. Bagaimana cara membangun aplikasi yang mampu mengelola pembayaran iuran


bulanan?

1.3 Tujuan

Tujuan dari pembuatan proyek akhir ini adalah:

2
1. Membangun aplikasi yang dapat membantu sekolah dalam penyimpanan data
siswa
2. Membangun aplikasi yang bisa melakukan pengelolaan kegiatan pendaftaran
ulang.
3. Membangun aplikasi yang bisa menyimpan data transaksi pembayaran iuran
bulanan
4. Membangun aplikasi yang dapat melakukan pengelolaan pembayaran iuran
bulanan

1.4 Batasan Masalah


Adapun batasan masalah dari dokumen ini adalah sebagai berikut:

1. Aplikasi mampu melakukan pendaftaran ulang online dan mampu mengelola


data-data siswa pada saat kegiatan pendaftaran ulang
2. Aplikasi mampu melakukan pembayaran iuran secara online maupun langsung di
sekolah dan mampu menyimpan data transaksi pembayaran
3. Aplikasi mampu memberikan informasi mengenai riwayat pendaftaran ulang
4. Aplikasi mampu mengelola tagihan siswa.

1.5 Definisi Operasional


Aplikasi Pendaftaran Ulang SMKN 02 Kepahiang adalah sebuah aplikasi berbasis web
yang memiliki fungsionalitas agar dapat membantu pengelolaan pendaftaran ulang
siswa serta sebagai tempat penyimpanan data seluruh siswa yang ada. Adapun
proses-proses yang ditangani oleh aplikasi ini adalah sebagai berikut:

1. pembayaran iuran bulanan tunai


2. pembayaran iuran bulanan online
3. melihat jumlah tagihan pada siswa
4. mengajukan daftar ulang
5. pemberian surat teguran penunggakan
6. konfirmasi tagihan lunas
7. konfirmasi keaslian rapor
8. melihat riwayat pendaftaran ulang yang telah dilakukan oleh siswa
9. pengecekan status siswa

3
User yang dapat menggunakan aplikasi:

1. siswa
2. pegawai keuangan

3. wali kelas

4. bagian kesiswaan

5. Admin

Aplikasi ini akan diterapkan pada sistem pendaftaran ulang dan pembayaran iuran
bulanan SMKN 02 Kepahiang agar dapat membantu pegawai keuangan dan pihak
sekolah dalam mengelola proses pendaftaran ulang dan pembayaran serta siswa
dalam melakukan pembayaran tagihannya, diharapkan aplikasi ini dapat
mempermudah proses pendaftaran ulang dari segi keefektifan waktu dari
pendaftaran ulang dan membantu semua pihak yang terlibat dalam proses
pembayaran iuran setiap bulannya.

1.6 Metode Pengerjaan

Model Waterfall merupakan salah satu metode dalam SDLC yang mempunyai ciri
khas pengerjaan setiap fase dalam watefall harus diselesaikan terlebih dahulu
sebelum melanjutkan ke fase selanjutnya. Artinya fokus terhadap masing-masing
fase dapat dilakukan maksimal karena tidak adanya pengerjaan yang sifatnya
paralel.

Gambar 1 - 1 SDLC Waterfall

4
Tahapan tahapan dari metode waterfall adalah sebagai berikut:

1. Analisis kebutuhan
Seluruh kebutuhan software harus bisa didapatkan dalam fase ini, termasuk
didalamnya kegunaan aplikasi yang diharapkan pengguna dan batasannya.
Informasi biasanya dapat diperoleh melalui wawancara, survei, dan diskusi.
Dilakukan analisis terhadap data yang didapat untuk melanjutkan pada tahap
selanjutnya.

2. Desain sistem
Tahap ini dilakukan sebelum melakukan pengkodean. Tahap ini bertujuan untuk
memberikan gambaran apa yang seharusnya dikerjakan dan bagaimana
tampilannya. Tahap ini membantu dalam menspesifikasikan kebutuhan hardware
dan sistem serta mendefinisikan arsitektur sistem secara keseluruhan.

3. Penulisan Kode Program


Dalam tahap ini dilakukan penulisan kode pemrograman. Pembuatan aplikasi
dipecah menjadi modul-modul dan nantinya akan digabung dalam tahap
selanjutnya. Selain itu dalam tahap ini dilakukan pengecekan pada modul yang
dibuat, sudah memenuhi fungsi yang direncanakan atau belum.

4. Pengujian
Pada tahap ini dilakukan penggabungan modul-modul yang dibuat dan dilakukan
pengujian. Hal ini dilakukan agar mengetahui apakah aplikasi yang dibuat telah
sesuai dengan perancangan dan masih terdapat kesalahan atau tidak pada aplikasi.

5. Penerapan
Aplikasi yang sudah jadi diimplementasikan pada proses bisnis perusahaan atau
instansi terkait.

1.7 Tahapan Pengerjaan

Berikut adalah perencanaan jadwal kegiatan dari aplikasi ini:

5
Tabel 1 - 1 Perencanaan Jadwal Kegiatan

6
BAB 2
TINJAUAN PUSTAKA

2.1 Profil Sekolah Menengah Kejuruan Negeri 02 Kepahiang

Berikut adalah profil dari sekolah mengengah kejuruan negeri 02 Kepahiang.

2.1.1 Sekolah Menengah Kejuruan


Sekolah menengah kejuruan merupakan jenjang pendidikan pada sekolah menengah
yang mengembangkan kemampuan siswa agar dapat melakukan beberapa
pekerjaan berdasarkan program pendidikan yang diambil [1]. Sekolah menengah
kejuruan menyiapkan siswa untuk terjun ke dunia kerja dan mengajarkan agar
menjadi pribadi yang profesional. Sama halnya dengan bentuknya, sekolah
menengah kejuruan menyelenggarakan beberapa program pendidikan yang sesuai
dengan jenis-jenis lapangan pekerjaan (Peraturan Pemerintah Nomor 29 Tahun
1990). Sekolah Menengah Kejuruan (SMK) adalah salah satu bentuk dari satuan
pendidikan formal yang melaksanakan pendidikan kejuruan pada jenjang sekolah
menengah sebagai lanjutan dari jenjang sebelumnya seperti SMP, MTs, atau bentuk
lainnya dengan jenjang yang sama. Sekolah di jenjang pendidikan menengah dan
jenisnya kejuruan dapat disebut sebagai Sekolah Menengah Kejuruan (SMK) atau
Madrasah Aliyah Kejuruan (MAK), atau bentuk sekolah lainnya yang memiliki jenjang
yang sama (Undang-undang Sisdiknas Nomor 20 Tahun 2003). SMK mempunyai
berbagai macam program keahlian, program-program keahlian yang disediakan di
SMK menyesuaikan dengan jenis pekerjaan yang tenaga kerjanya banyak dibutuhkan
dan sesuai dengan permintaan masyarakat dan pasar [1].

2.1.2 Sekolah Menengah Kejuruan Negeri 02 Kepahiang


Sekolah Menengah Kejuruan Negeri 02 Kepahiang (SMKN 02 Kepahiang) adalah salah
satu sekolah pada jenjang menengah dengan bentuk kejuruan yang ada di kota
Kepahiang, provinsi Bengkulu. SMKN 02 Kepahiang berdiri pada tahun 2007, dan
dulunya masih satu atap dengan salah satu sekolah menengah kejuruan lain yang
ada di kota Kepahiang. Pada tahun 2010 SMKN 02 Kepahiang telah memiliki

7
Bangunan sendiri untuk melaksanakan kegiatan belajar mengajarnya. Pada tahun-
tahun berikutnya sampai dengan sekarang banyak terjadi perkembangan
pembangunan dan meningkatnya jumlah siswa yang masuk.

SMKN 02 Kepahiang memiliki visi dan misi sebagai berikut:

VISI

“Menyelenggarakan pendidikan yang mampu mengembangkan kemampuan terbaik


siswa dalam bidang keahlian dengan jiwa profesionalitas yang tinggi”

MISI

1. menyelenggarakan pendidikan dengan porsi bidang keahlian yang lebih banyak


2. meningkatkan kualitas tenaga kerja pengajar dalam kegiatan belajar mengajar
3. menyediakan sarana dan pra sarana yang mampu mendukung siswa dalam
mempelajari bidang keahlian
4. menyelenggarakan pendidikan dengan budaya yang disiplin dan tegas.

2.2 Perancangan Sistem


Berikut adalah tinjauan pustaka dari perancangan sistem.

2.2.1 Unified Modeling Language (UML)


Unified Modeling Language (UML) adalah standar paket dalam membuat suatu
konstruksi dan notasi yang didefinisikan oleh Object Management Group (OMG),
yang merupakan sebuah organisasi dalam pengembangan sistem informasi.
Beberapa dari diagram yang termasuk UML Graphical Model diantaranya adalah use
case, class diagram, activity diagram, sequence diagram, communication diagram,
dan state machine diagram [2] [3].

2.2.1.1 Class Diagram


Class diagram adalah salah satu diagram yang termasuk dalam beberapa diagram
yang termasuk dalam UML yang digunakan untuk menggambarkan class dan
blueprint dari sebuah sistem yang ada [3].

8
Berikut merupakan simbol-simbol yang digunakan pada class diagram [4].

Tabel 2 - 1 Simbol Class Diagram

Nama Simbol Deskripsi


Notasi Class Merupakan notasi yang
menggambarkan sebuah class, kotak
atas merupakan nama dari class yang
dinotasikan, dan dibawahnya
merupakan notasi untuk atribut yang
ada pada class.

Agregasi Hubungan yang menyatakan bahwa


suatu class memiliki sebuah class
lainnya yang tidak memiliki
ketergantungan akan class tersebut.

Komposisi Hubungan yang menyatakan bahwa


suatu class merupakan bagian dari
sebuah class lainnya dan memiliki
ketergantungan akan class tersebut.

Asosiasi Merupakan hubungan statis antar


class, yang menggambarkan class yang
memiliki class lain.

2.2.1.2 Use Case Diagram


Use case diagram adalah sebuah penotasian kegaitan atau kelakuan (behavior)
sebuah sitem informasi yang berjalan atau akan dibuat, mulai dari interaksi dari
beberapa aktor terhadap sistem informasi yang akan dibuat bisa dikatakan untuk
menggambarkan fungsi-fungsi apa saja yang ada di suatu sistem informasi dan siapa
saja yang berhak menggunakan fungsi-fungsi tersebut [5].

Tabel 2 - 2 Notasi Use Case Diagram

Simbol Deskripsi
Use case Fungsionalitas yang disediakan sistem sebagai unit-
unit yang saling bertukar pesan antara unit atau
nama use case aktor; biasanya dinyatakan dengan menggunakan
kata kerja di awal frase nama use case
Aktor / actor Orang, proses, atau sistem lain yang berinteraksi
dengan sistem informasi yang akan dibuat di luar

9
Simbol Deskripsi
sistem informasi yang akan dibuat sendiri, jadi
walaupun simbol dari aktor adalah gambar orang;
biasanya dinyatakan menggunakan kata benda di
awal frase nama aktor

Asosiasi / association Komunikasi antara aktor dan use case yang


berpartisipasi pada use case atau use case memiliki
interaksi dengan aktor

Ekstensi / extend Relasi use case tambahan ke sebuah use case


dimana use case yang ditambahkan dapat berdiri
sendiri walau tanpa use case tambahan itu; mirip
dengan prinsip inheritance pada pemrograman
berorientasi objek; biasanya use case tambahan
memiliki nama depan yang sama dengan use case
yang ditambahkan misal:

arah panah mengarah pada use case yang


ditambahkan
Generalisasi / generalization Hubungan generalisasi dengan spesialiasasi
(umum-khusus) antara dua buah use case dimana
fungsi yang satu adalah fungsi yang lebih umum
dari lainnya, misalnya :

10
Simbol Deskripsi

arah panah mengarah pada use case yang menjadi


generalisasinya (umum)
Menggunakan / include / uses Relasi use case tambahan ke sebuah use case
dimana use case yang ditambahkan memerlukan
use case ini untuk menjalankan fungsinya atau
sebagai syarat dijalankan use case ini

Ada dua sudut pandang yang cukup besar


mengenai include di use case:

• Include berarti use case yang


ditambahkan akan selalu dipanggil saat
use case tambahkan dijalankan, misal
pada kasus berikut:

• Include berarti use case yang tambahan


akan selalu melakukan pengecekan
apakah use case yang ditambahkan telah

11
Simbol Deskripsi
dijalankan sebelum use case tambahan
dijalankan, misal pada kasus berikut :

Kedua interprestasi diatas dapat dianut


salah satu atau keduanya tergantung pada
pertimbangan dan interpretasi yang
dibutuhkan.

2.2.2 Business Process Model and Notation (BPMN)


Business Process Model and Notation (BPMN) merupakan sebuah notasi grafis untuk
menggambarkan proses bisnis yang berjalan pada suatu perusahaan atau organisasi
[6].
Berikut adalah penjelasan simbol simbol dari BPMN.

Tabel 2 - 3 Simbol BPMN

No Nama Simbol Simbol Penjelasan

1 Activities Simbol ini menggambarkan aktifitas-


aktifitas yang terjadi di dalam proses

2 Intermediate Simbol Intermediate terletak diantara


Event Start Event dan End Event. Simbol Ini akan
mempengaruhi alur proses, tetapi tidak
akan memulai atau secara langsung
menghentikan proses.

3 Start Event simbol yang mengindikasikan sebuah


proses yang akan dimulai

4 End Event simbol yang mengindikasikan sebuah


proses yang sudah selesai

12
No Nama Simbol Simbol Penjelasan

5 Swimlane Simbol yang mengatur dan memisahkan


tangggung jawab dan kegiatan dari setiap
aktor

6 Sequence Flow Simbol yang menggambarkan dan


menunjukan urutan kegiatan yang akan
dilakukan dalam setiap proses dan aktivitas

7 Message Flow Simbol yang menunjukan aliran pesan


yang terjadi di dalam proses

8 Request Simbol yang menggambarkan apabila


Message terdapat pesan atau notifikasi yang akan
dikirim ke aktifitas selanjutnya

9 Penyimpanan Simbol yang melambangkan database,


Data dimana database digunkana untuk
penyimpanan data

10 Reply Message Simbol yang digunakan untuk membalas


pesan yang masuk

11 OR Gateway Simbol yang digunakan untuk mengambil


atau memilih sebuah keputusan. Namun,
pilihan yang akan dipilih harus
terselesaikan terlebih dahulu

12 Event Based Simbol yang digunakan untuk mengambil


XOR Gateway atau memilih sebuah keputusan, dimana
masing-masing keputusan memiliki proses
masing-masing

13. Exclusive Simbol yang digunakan untuk mengambil


Gateway atau memilih keputusan yang terdiri dari 2
pilihan, yaitu ya atau tidak. Jika ya, proses
akan dilanjutkan ke proses selanjutnya.

13
No Nama Simbol Simbol Penjelasan
Apabila tidak, maka proses akan kembali ke
proses sebelumnya.

2.2.3 Entity Relationship Diagram (ERD)


Entity relationship diagram adalah sebuah diagram konseptual yang mencakup
semesta data yang ada di dunia nyata yang diterjemahkan dengan menggunakan
notasi dan konsep-konsep yang menggambarkan keterhubungan dari beberapa tabel
data yang ada pada sebuah database atau sebuah media penyimpanan data [2].
Tabel 2 - 4 Simbol ERD

No Nama Simbol Simbol Penjelasan


1 Entitas menotasikan sebuah tabel yang
memiliki beberapa data yang disebut
atribut pada sebuah system
2 Atribut atribut menotasikan fields data yang
dimiliki oleh sebuah tabel atau
dilambangkan dengan entitas pada
ERD.
3 Relasi notasi yang mengambarkan suatu
aksi dari entitas terhadap entitas
lainnya dan biasanya menggunakan
kata kerja.
4 Garis penghubung sebagai notasi yang menghubungkan
entitas dengan relasi atau entitas
dengan atribut

2.3 Tools Pemrograman


Berikut adalah tinjauan pustaka dari tools pemrograman yang akan digunakan.

2.3.1 Web
Web merupakan suatu teknologi aplikasi yang dihasilkan dari hasil penggabungan
beberapa dokumen multimedia (teks, gambar, suara, video) yang dapat diakses
menggunakan browser dan melalui protokol Hypertext Transfer Protocol (HTTP).

14
Seiring berjalannya waktu web berkembang pesat dengan banyaknya situs web yang
digunakan untuk keperluan akademik, rumah tangga, ecommerce, berliterasi, dan
informasi. Hal-hal ini dapat memberikan banyak manfaat kepada masyarakat dengan
membuat web-web yang dapat membantu dalam kegiatan sehari-hari dari
penggunanya [7].

2.3.2 Database
Database atau bisa disebut sebagai basis data adalah media penyimpanan data-data
di suatu komputer yang dapat dikelola melalui aplikasi atau program komputer
menjadi informasi yang bermanfaat. Salah satu basis data yang sering digunakan
adalah MySQL, MySQL dibuat oleh Tcx dan telah banyak mengelola sistem dengan
adanya 40 buah database berisi 10.000 tabel serta 500 tabel memliki sampai 7 juta
baris data. Pembuatan database ini guna memberikan database yang mudah
digunakan. MySQL memiliki beberap keunggulan yang membuatnya banyak
digunakan orang-orang [8].

Berikut beberapa keunggulan MySQL.

1. MySQL dapat dipasang pada server yang memiliki multi-CPU karena merupakan

program yang multi-threaded.


2. Didukung oleh beberapa bahasa pemrograman umum seperti C++, Java, PHP,

dan Python.
3. Bisa digunakan pada semua platform sistem operasi yang ada pada saat ini.

4. Jenis kolom yang banyak sehingga konfigurasi database menjadi lebih mudah.

2.3.3 Cascading Style Sheet (CSS)


Cascading Style Sheet (CSS) merupakan bahasa pemrograman desain web yang
ditulis dengan bahasa penanda (markup language) yang mengatur gaya atau format
yang digunakan pada tampilan halaman web. Cascading Style Sheet (CSS) sekarang
populer digunakan pada berbagai macam aplikasi berbasis web yang ada karena
dapat membuat web lebih bervariasi dan berwarna [9].

2.3.4 Hyper Text Markup Language (HTML)


Hyper Text Markup Language (HTML) merupakan salah satu bahasa pemrograman
yang banyak dipakai dalam pembuatan dokumen dan aplikasi yang berjalah pada

15
sebuah halaman web, nantinya tampilan dari web ini dikelola pada dokumen yang
kemudian disebut sebagai web page yang kemudian akan dijalankan pada browser
[10].

2.3.5 PHP
PHP secara umum dikenal sebagai bahasa pemrograman script yang membuat
dokumen HTML yang dieksekusi secara on the fly oleh web server, dokumen HTML
yang dihasilkan dari sebuah aplikasi bukan dokumen HTML yang dibuat dengan
editor HTML. Dengan menggunakan PHP maintenance situs akan lebih mudah
dilakukan, proses update data pun bisa dilakukan melalui aplikasi yang dibuat dengan
script PHP. PHP merupakan salah satu bahasa pemrograman yang sering digunakan
oleh banyak pengembang, terhitung dari 25 desember 2011 ada 26.054.640 situs
web yang menggunakan bahasa pemrograman PHP [11].

CodeIgniter merupakan framework yang diciptakan pada tahun 2006 oleh Rick Ellis
yang digunakan untuk bahasa pemrograman PHP. CodeIgniter juga mempunyai
cukup banyak fitur-fitur yang dapat mendukung developer web PHP dalam
mengembangkan aplikasi web dengan desain yang sederhana dan fleksibel, dan
codeigniter juga memberikan izin pada para pengembang untuk menggunakan
framework secara keseluruhan. CodeIgniter memiliki beberapa keunggulan,
diantaranya berikut ini [12].

a. Bersifat free dan open-source.

b. Ukuran yang terbilang kecil bila dibandingkan dengan framework lain.

c. Aplikasi yang dikembangkan bisa berjalan dengan lancer dan cepat.

d. Informasi mengenai fungsi dan kelas beserta fitur-fitur lainnya telah disertakan
dalam dokumentasi pada paket distribusi codeigniter sendiri.

e. Dapat diperluas sesuai dengan yang dibutuhkan.

f. Menyediakan banyak library yang siap pakai

2.4 Pengujian

Black box testing adalah pengujian yang memfokuskan pengujian ke arah output
yang dihasilkan ketika merespon input dari user atau pilih dan eksekusi yang

16
dilakukan, pengujian jenis ini mengabaikan seperti apa mekanisme internal sistem
yang ada [13].

17
BAB 3
ANALISIS DAN PERANCANGAN

3.1 Analisis Sistem yang Berjalan


Sistem dalam dokumen ini ada beberapa yang mencakup ke arah administrasi berkas
dan keuangan sekolah, mulai dari pendaftaran ulang siswa lama dan baru, dan
pembayaran iuran siswa setiap bulannya. Pendaftaran ulang dari kategori siswa
lama, dan dapat dijelaskan melalui gambar dari proses sebagai berikut.

3.1.1 Sistem Pendaftaran Ulang Siswa

Berikut adalah gambar dari sistem pendaftaran ulang siswa yang berjalan.

Gambar 3 - 1 Sistem Pendaftaran Ulang Siswa

Keterangan proses pendaftaran ulang siswa yang sedang berjalan:


1. siswa menyerahkan fotokopi dari rapor pada semester sebelumnya kepada
bagian kesiswaan
2. bagian kesiswaan kemudian menanyakan keaslian dari fotokopi rapor yang
telah diberikan oleh siswa kepada wali kelas dari siswa yang bersangkutan

18
3. wali kelas kemudian mengecek fotokopi rapor
4. jika tidak valid maka siswa harus memberikan ulang fotokopi rapor valid kepada
bagian kesiswaan
5. jika valid bagian kesiswaan kemudian menanyakan kepada bagian keuangan
apakah ada tagihan yang belum terlunasi oleh siswa yang bersangkutan
6. bagian keuangan kemudian mengecek riwayat pembayaran dari siswa yang
bersangkutan
7. jika siswa yang bersangkutan belum melunasi salah satu tagihan selama 1
semester maka bagian kesiswaan akan mengingatkan siswa untuk segera
melunasi tagihan, kemudian siswa membayar tagihan kepada bagian keuangan
secara langsung lalu bagian keuangan memberikan bukti pembayaran berupa
kwitansi dan memperlihatkan bukti tersebut untuk menyelesaikan proses
registrasi ulang, bagian kesiswaan kemudian mencatat di buku pencatatan
bahwa siswa sudah melakukan registrasi ulang
8. jika siswa yang bersangkutan telah melunasi tagihan, maka proses registrasi
ulang selesai dan bagian kesiswaan akan mencatat pada buku pencatatan

3.1.2 Sistem Pembayaran Iuran Bulanan yang Sedang Berjalan

Berikut adalah gambar proses bisnis dari sistem pembayaran iuran bulanan yang
berjalan.

Gambar 3 - 2 Sistem Pembayaran Iuran Siswa

19
Keterangan proses pembayaran iuran bulanan siswa yang sedang berjalan:
1. siswa datang ke ruangan bagian keuangan untuk membayar tagihan
2. siswa membayarkan tagihan iuran sebesar rp. 125.000 ke bagian keuangan
3. bagian keuangan menerima pembayaran iuran dari siswa
4. bagian keuangan kemudian memberikan kuitansi sebagai bukti telah melakukan
pembayaran
5. siswa kemudian menerima kuitansi sebagai bukti pembayaran
6. bagian keuangan kemudian mencatat bahwa siswa sudah melakukan
pembayaran pada buku pencatatan.

3.2 Sistem yang Diusulkan


Berikut adalah sistem pendaftaran ulang dan pembayaran iuran yang diusulkan.

3.2.1 Usulan Sistem Pendaftaran Ulang Siswa

Berikut adalah gambar dari usulan sistem pendaftaran ulang.

Gambar 3 - 3 Usulan Sistem Pendaftaran Ulang Siswa

Keterangan usulan sistem pendaftaran ulang siswa lama:


1. siswa mengupload fotokopi rapor pada website dengan login pada akun siswa

20
2. wali kelas kemudian akan mengecek keaslian fotokopi rapor dari aplikasi
3. jika belum valid maka siswa harus mengupload ulang fotokopi rapor yang valid
4. jika sudah valid maka bagian keuangan akan mengecek riwayat pembayaran
tagihan dari siswa yang bersangkutan
5. jika belum lunas, maka bagian kesiswaan akan mengingatkan siswa untuk
segera melakukan pelunasan dengan menyerahkan surat tagihan kepada siswa
dan siswa akan melakukan pembayaran, jika siswa melakukan pembayaran
lewat transfer ke rekening sekolah maka siswa harus mengupload bukti transfer
pada aplikasi, jika siswa langsung membayar kesekolah maka bagian keuangan
akan mengonfirmasi pembayaran langsung di aplikasi
6. jika sudah lunas, maka bagian keuangan akan mengkonfirmasi bahwa status
tagihan siswa sudah luna dan proses pendaftaran ulang selesai.

3.2.2 Usulan Sistem Pembayaran Iuran Bulanan

Pada sistem pembayaran iuran bulanan penulis mengusulkan untuk membagi 2 jenis
tipe pembayaran yaitu pembayaran tipe kredit atau lunas, berikut adalah penjelasan
mengenai keduanya.

3.2.2.1 Pembayaran Lunas Iuran Bulanan

Berikut adalah gambar dari usulan sistem pembayaran iuran bulanan lunas.

Gambar 3 - 4 Proses Pembayaran Lunas Iuran Bulanan

21
Keterangan proses usulan sistem pembayaran lunas iuran bulanan.
1. Siswa harus mentransfer pembayaran lunas iuran bualanan sebesar Rp. 125.000.
2. Jika langsung membayar di sekolah, maka bagian keuangan akan
mengkonfirmasi pembayaran pada aplikasi dan proses pembayaran selesai.
3. Jika pembayaran online, maka siswa harus mengupload bukti transfer dengan
login pada akun siswa.
4. Bagian keuangan kemudian memverifikasi bukti pembayaran yang telah
diupload siswa.
5. Jika, terjadi salah pembayaran maka sistem akan memberikan notif bahwa
terjadi kesalahan pada pembayaran dan kemudian siswa harus mengupload
ulang foto dari bukti transfer.
6. Jika sudah valid, maka bagian keuangan akan mengonfirmasi bahwa siswa sudah
melakukan pembayaran dan status tagihan bulan pembayaran akan menjadi
lunas.

3.2.2.2 Pembayaran Kredit Iuran Bulanan


Berikut adalah gambar usulan sistem pembayaran iuran bulanan kredit.

Gambar 3 - 5 Usulan Proses Pembayaran Kredit Iuran Bulanan

22
Sebagai catatan siswa harus tetap melakukan pelunasan sampai dengan pengajuan
daftar ulang pada tahun ajaran yang berjalan. Keterangan proses usulan sistem
pembayaran kredit iuran bulanan.
1. Siswa membayar tagihan atau iuran bulanan sejumlah yang diinginkan sesuai
ketentuan yaitu senilai 100000, 75000, 50000, dan 25000.
2. Jika langsung membayar di sekolah, maka bagian keuangan akan
mengkonfirmasi pembayaran pada aplikasi dan proses pembayaran selesai.
3. Jika pembayaran online, maka siswa harus mengupload bukti transfer dengan
login pada akun siswa.
4. Bagian keuangan kemudian memverifikasi bukti pembayaran yang telah
diupload siswa.
5. Jika, terjadi salah pembayaran maka sistem akan memberikan notif bahwa
terjadi kesalahan pada pembayaran dan kemudian siswa harus mengupload
ulang foto dari bukti transfer.
6. Jika sudah valid, maka bagian keuangan akan mengonfirmasi bahwa siswa sudah
melakukan pembayaran dan status tagihan bulan pembayaran akan menjadi
lunas dan proses selesai.

3.3 Analisis Kebutuhan Fungsionalitas Sistem baru


Berikut adalah analisis dari kebutuhan fungsionalitas sistem baru.
3.3.1 Use Case Diagram
Berikut adalah use case diagram dari aplikasi.

Gambar 3 - 6 Use Case Diagram

23
3.3.2 Definisi Aktor
Berikut adalah deskripsi aktor.

Tabel 3 - 1 Deskripsi Aktor

No Aktor Deskripsi
1. Siswa User yang memiliki hak akses untuk melakukan
pendaftaran ulang dan melakukan pembayaran iuran
bulanan serta melihat tagihan dan merupakan siswa yang
sudah bersekolah dan memasuki semester satu atau
lebih.
2. Bagian Keuangan User yang memiliki hak akses mengkonfirmasi
pembayaran iuran bulanan yang dilakukan siswa,
mengelola tagihan siswa, dan melakukan konfirmasi
terhadap pelunasan tagihan selama 1 semester yang telah
berjalan.
3. Wali Kelas User yang memiliki hak akses untuk memverifikasi hasil
pindai dari rapor siswa saat pendaftaran ulang.
4. Bagian Kesiswaan User yang memiliki hak akses dalam melakukan
konfirmasi daftar ulang siswa, melakukan pengelolaan
daftar ulang siswa, dan melakukan pengelolaan terhadap
data siswa yang ada di sekolah.
5. Admin Adalah user yang memiliki hak akses untuk melakukan
hal-hal diluar proses utama seperti kelola kelas, kelola
tahun ajaran, kelola pegawai, dan kelola guru.

3.3.3 Definisi Use Case


Berikut adalah definisi dari use case.

Tabel 3 - 2 Deskripsi Use Case

No Use Case Deskripsi


1. Mengajukan daftar Adalah proses dimana siswa mengajukan pendaftaran atau
ulang registrasi ulang agar tercatat sebagai siswa, pendaftaran
dilakukan dengan mengupload berkas yang menjadi
persyaratan dari kegiatan pendaftaran ulang contohnya
rapor siswa.
2. Membayar iuran Adalah proses dimana siswa membayar tagihan setiap
bulanan bulannya secara online dengan mengupload bukti transfer
yang telah dilakukan.
3. Konfirmasi status Adalah proses dimana bagian keuangan mengkonfirmasi
iuran daftar ulang bahwa siswa yang mengajukan pendaftaran ulang telah
melunasi seluruh tagihan iuran bulanan selama tahun
ajaran berjalan.

24
No Use Case Deskripsi
4. Mengkonfirmasi Adalah proses dimana bagian keuangan mengkonfirmasi
pembayaran iuran pembayaran iuran langsung yang dilakukan siswa di sekolah
langsung kepada bagian keuangan.
5. Verifikasi Adalah proses dimana bagian keuangan mengonfirmasi
pembayaran iuran mengonfirmasi pembayaran iuran yang telah dilakukan
online siswa melalui aplikasi dengan mengupload foto.
6. Mengelola data Adalah proses dimana bagian keuangan melakukan
tagihan siswa pengelolaan di aplikasi yang meliputi melihat daftar iuran
siswa, melihat riwayat pembayaran siswa, dan melihat
status iuran siswa selama tahun ajaran berjalan.
7. Kelola pegawai Adalah proses dimana admin melihat, menambah, dan
menghapus data pegawai yang ada.
8. Kelola guru Adalah proses dimana admin melihat, menambah, dan
menghapus data guru yang ada.
9. Kelola siswa Adalah kegiatan dimana admin mengelola data siswa yang
ada pada database sekolah seperti mengubah data diri,
melihat, dan menentukan kelas siswa
10. Verifikasi rapor Adalah proses dimana wali kelas mengonfirmasi bahwa
keaslian rapor yang sudah diupload sudah benar atau asli
melalui aplikasi.
11. Login Adalah proses dimana pengecekan hak akses user terhadap
fungsionalitas-fungsionalitas yang akan diberikan sehingga
sesuai dengan ketentuan.
12. Kelola kelas Adalah proses dimana admin melihat, menambah,
membentuk kelas baru pada tahun ajaran baru, dan
menghapus data kelas yang ada.
13. Kelola tahun ajaran Adalah proses dimana admin melihat, menambah tahun
ajaran baru ketika tahun ajaran berganti, dan menghapus
tahun ajaran jika diperlukan.
14. Melihat laporan Adalah proses dimana bagian kesiswaan dapat melihat
daftar ulang laporan daftar ulang yang dilakukan pada tahun ajaran
terkait dan melihat laporan daftar ulang pada tahun ajaran
sebelumnya.
15. Kelola program studi Adalah proses dimana admin melakukan penambahan dan
penghapusan program studi.
16. Kelola user Adalah proses dimana admin melakukan penambahan,
perubahan data, dan penghapusan user wali kelas dan
pegawai.
17. Mengatur waktu adalah proses dimana bagian kesiswaan menentukan waktu
daftar ulang dimulai dan selesainya pendaftaran ulang pada tahun
ajaran berjalan.

3.3.4 Skenario Use Case


Berikut adalah skenario dari use case.

25
3.3.4.1 Use Case Mengajukan Daftar Ulang

Nama Use Case : Mengajukan Daftar Ulang


Aktor : Siswa
Tujuan : Agar tetap terdaftar sebagai siswa pada database sekolah
Deskripsi : Adalah proses dimana siswa mengajukan pendaftaran atau
registrasi ulang agar tercatat sebagai siswa, pendaftaran dilakukan dengan
mengupload berkas yang menjadi persyaratan dari kegiatan pendaftaran ulang
contohnya rapor siswa.
Tabel 3 - 3 Skenario Use Case Melakukan Daftar Ulang

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu ajukan daftar ulang
2. menampilkan form pengajuan daftar
ulang berupa field upload file
3. Mengupload hasil pindai rapor dengan
format pdf dengan maksimal ukuran 2
mega byte sebagai persyaratan daftar
ulang
4. Menekan tombol ajukan
5. Menyimpan data yang diinputkan pada
database
6. Memberitahukan pengajuan berhasil
diajukan
Skenario Alternatif 1
3. Mengupload hasil pindai rapor dengan
format pdf melebihi 2 mb sebagai
persyaratan daftar ulang
4. Menekan tombol ajukan
5. Mendeteksi bahwa ukuran melebihi
batas maksimum
6. Memberitahukan rapor yang diupload
melewati batas maksimum dan
meminta untuk mengupload ulang file

3.3.4.2 Use Case Membayar Iuran Bulanan

Nama Use Case : Membayar Iuran Bulanan


Aktor : Siswa
Tujuan : Untuk membayar iuran bulanan dari sekolah senilai 125000
rupiah.

26
Deskripsi : Adalah proses dimana siswa membayar tagihan setiap
bulannya secara online dengan mengupload bukti transfer yang telah dilakukan.
Tabel 3 - 4 Skenario Use Case Membayar Iuran Bulanan

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu ajukan pembayaran iuran
2. Menampilkan daftar iuran dan status
iuran bulanan dari bulan pertama pada
tahun ajaran sampai bulan saat ingin
melakukan pembayaran
3. Klik tombol tombol dropdown pada
kolom actions pada bulan yang ingin
dilakukan pembayaran
4. Menampilkan menu submenu dari
dropdown actions yaitu bayar dan lihat
riwayat bayar iuran
5. Klik sub menu bayar
6. Menampilkan form pembayaran
berupa field upload bukti bayar dengan
format file jpg , jenis pembayaran
berupa pilihan lunas atau kredit, dan
jumlah yang ingin dibayarkan
7. Mengupload file bukti bayar dengan
format jpg dengan ukuran dibawah
atau sama dengan 2 mega byte,
memilih jenis pembayaran kredit, dan
memilih berapa jumlah yang akan
dibayarkan
8. Menekan tombol bayar
9. Menyimpan data pada database
10. Menampilkan pemberitahuan bahwa
pengajuan pembayaran berhasil dan
akan segera diproses
Skenario Alternatif 1
5. Klik submenu riwayat bayar iuran
6. Menampilkan riwayat pembayaran
iuran yang sudah dilakukan pada iuran
bulan tersebut
Skenario Alternatif 2
7. Mengupload file bukti bayar dengan
format jpg dengan ukuran dibawah
atau sama dengan 2 mega byte, dan
memilih jenis pembayaran lunas

27
Aksi Aktor Reaksi Sistem
8. Mengisi jumlah bayar menjadi total sisa
dari iuran bulan tersebut
9. Menekan tombol bayar
10. Menyimpan data pada database
11. Menampilkan pemberitahuan bahwa
pengajuan pembayaran berhasil dan
akan segera diproses
Skenario alternatif
7. Mengupload file bukti bayar dengan
format jpg dengan ukuran diatas 2
mega byte, memilih jenis pembayaran
kredit, dan memilih berapa jumlah
yang akan dibayarkan
8. Mendeteksi file yang diupload melebihi
batas maksimum yang ditentukan
9. Menampilkan pemberitahuan dan
meminta untuk mengupload ulang
bukti bayar

3.3.4.3 Use Case Konfirmasi Status Iuran Daftar Ulang

Nama Use Case : Konfirmasi status iuran daftar ulang


Aktor : Bagian keuangan
Tujuan : Mengkonfirmasi status semua iuran bulanan siswa pada
tahun ajaran yang berjalan sebagai bagian dari proses pendaftaran ulang.
Deskripsi : Adalah proses dimana bagian keuangan mengkonfirmasi
bahwa siswa yang mengajukan pendaftaran ulang telah melunasi seluruh tagihan
iuran bulanan selama tahun ajaran berjalan.
Tabel 3 - 5 Skenario Use Case Konfirmasi Status Iuran Daftar Ulang

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu konfirmasi status tagihan
2. Menampilkan daftar siswa yang
mengajukan daftar ulang
3. Menekan tombol konfirmasi pada
kolom aksi daftar siswa
4. Menampilkan halaman berupa form
dengan tombol lihat foto status tagihan
5. Menekan tombol lihat foto

28
Aksi Aktor Reaksi Sistem
6. Menampilkan sebuah pop up dengan
data status setiap iuran bulanan dan
sisa iurannya
7. Jika semua iuran bulanan telah lunas
menekan tombol lunas
8. Mengubah status tagihan dari data
daftar ulang menjadi lunas
9. Mengecek status rapor apakah sudah
valid
10. Jika sudah valid, maka merubah status
pengajuan daftar ulang yang diajukan
menjadi selesai
11. Menampilkan bahwa konfirmasi status
tagihan berhasil dilakukan
Skenario Alternatif 1
7. Jika ada iuran bulanan yang belum
lunas, maka tekan tombol belum lunas
8. Merubah status tagihan menjadi belum
lunas
9. Menampilkan pemberitahuan bahwa
konfirmasi status tagihan berhasil
dilakukan
Skenario Alternatif 2
10. Jika belum valid, maka proses
konfirmasi selesai
11. Menampilkan pemberitahuan bahwa
konfirmasi status tagihan berhasil
dilakukan

3.3.4.4 Use Case Mengkonfirmasi Pembayaran Iuran Langsung


Nama Use Case : Mengkonfirmasi pembayaran iuran langsung
Aktor : Bagian keuangan
Tujuan : mengkonfirmasi pembayaran yang dilakukan oleh siswa
secara langsung.
Deskripsi : Adalah proses dimana bagian keuangan mengkonfirmasi
pembayaran iuran langsung yang dilakukan siswa di sekolah kepada bagian
keuangan.

29
Tabel 3 - 6 Skenario Use Case Mengkonfirmasi Pembayaran Iuran Langsung

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu pembayaran langsung
2. Menampilkan daftar siswa dan tombol
pembayaran pada kolom aksi
3. Menekan tombol pembayaran
4. Menampilkan list tagihan dengan
tombol dropdown di kolom aksi
5. Menekan tombol dropdown pada
bulan yang diinginkan bayar
6. Menampilkan sub dari tombol
dropdown yaitu tombol bayar dan lihat
riwayat bayar
7. Tekan tombol bayar
8. Menampilkan form konfirmasi
pembayaran
9. Memilih jenis pembayaran kredit dan
jumlah bayar yang diinginkan bayar
oleh siswa
10. Menekan tombol bayar
11. Menyimpan data yang sudah
diinputkan
12. Menampilkan pemberitahuan bahwa
pembayaran yang dilakukan berhasil
Skenario Alternatif 1
7. Memilih jenis pembayaran lunas
8. Merubah isi dari field jumlah bayar
senilai sisa dari iuran
9. Tekan tombol bayar
10. Menyimpan data yang sudah
diinputkan
11. Menampilkan pemberitahuan bahwa
pembayaran yang dilakukan berhasil

3.3.4.5 Use Case Verifikasi Pembayaran Iuran Online

Nama Use Case : Verifikasi pembayaran iuran online


Aktor : Bagian Keuangan
Tujuan : mengubah status bayar dari pembayaran yang diajukan
menjadi selesai.

30
Deskripsi : Adalah proses dimana bagian keuangan mengonfirmasi
mengonfirmasi pembayaran iuran yang telah dilakukan siswa melalui aplikasi dengan
mengupload foto.
Tabel 3 - 7 Skenario Use Case Verifikasi Pembayaran Iuran Online

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu pembayaran online
2. Menampilkan daftar siswa yang
mengajukan pembayaran online dan
tombol detail pada kolom aksi
3. Tekan tombol detail
4. Menampilkan data pengajuan
pembayaran yang dilakukan dan bukti
yang bayar
5. Mengecek bukti bayar dengan tekan
tombol lihat foto
6. Menampilkan foto bukti bayar
7. Jika foto valid tekan tombol terima
8. Mengubah status pengajuan
pembayaran menjadi selesai pada
database
9. Menampilkan pemberitahuan bahwa
konfirmasi berhasil dilakukan
Skenario Alternatif 1
7. Menekan tombol tolak
8. Menampilkan text area untuk
kemudian diisikan justifikasi penolakan
yang akan diinformasikan pada siswa
9. Memasukkan pesan justifikasi
penolakan
10. menekan tombol konfirmasi
11. Mengirimkan justifikasi yang diberikan
berupa notifikasi pada siswa yang
bersangkutan

3.3.4.6 Use Case Mengelola Data Tagihan Siswa

Nama Use Case : Mengelola data tagihan siswa


Aktor : Bagian Keuangan
Tujuan : Melihat status iuran, data-data dan riwayat dari
pembayaran yang dilakukan siswa.

31
Deskripsi : Adalah proses dimana bagian keuangan melakukan
pengelolaan di aplikasi yang meliputi melihat daftar iuran siswa, melihat riwayat
pembayaran yang pernah dilakukan siswa, mencetak surat teguran, dan melihat
status iuran siswa selama tahun ajaran berjalan.
Tabel 3 - 8 Skenario Use Case Mengelola Data Tagihan Siswa

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Tekan menu status Pembayaran Siswa
2. Menampilkan daftar siswa beserta
status iuran pada tahun ajaran berjalan
dan tombol dropdown pada kolom aksi
3. Tekan tombol dropdown pada siswa
yang status iurannya belum lunas
4. Menampilkan sub dari tombol
dropdown yaitu cetak surat teguran
dan lihat riwayat bayar
5. Tekan tombol cetak surat teguhan
6. Membuka halaman baru yang berisi file
pdf yang berisi surat teguran untuk
dicetak
7. Menekan tombol cetak
8. Mencetak surat teguran
Skenario Alternatif 1
5. Tekan tombol lihat riwayat bayar
6. Menampilkan data dari riwayat
pembayaran yang pernah dilakukan
siswa
Skenario Alternatif 2
1. Tekan menu riwayat transaksi
2. Menampilkan data transaksi yang
pernah dilakukan oleh siswa yang
ditolak dan sudah selesai

3.3.4.7 Use Case Kelola Pegawai

Nama Use Case : Kelola pegawai


Aktor : Admin
Tujuan : melihat, menghapus, atau menambah daftar guru
Deskripsi : Adalah proses dimana admin melihat, menambah, dan
menghapus data pegawai yang ada.

32
Tabel 3 - 9 Skenario Use Case Kelola Pegawai

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu kelola pegawai dan guru
2. Menampilkan tabel daftar pegawai dan
guru
3. Menekan tombol tambah pegawai
diatas tabel daftar pegawai
4. Menampilkan form tambah pegawai
dengan masing-masing field kode guru,
nama guru, dan jenis kelamin
5. Mengisi data kode pegawai, nama
pegawai, bagian pegawai, dan jenis
kelamin
6. Tekan tombol tambah
7. Menyimpan data yang diisikan pada
database
8. Memberitahukan bahwa pegawai
berhasil ditambah
Skenario Alternatif 1
6. Tekan tombol tambah
7. Mendeteksi bahwa kode pegawai
sudah digunakan
8. Menampilkan pemberitahuan bahwa
kode pegawai sudah digunakan, dan
meminta untuk mengisi kembali form
Skenario Alternatif 2
3. Tekan tombol hapus pegawai
4. Menampilkan notifikasi berupa
konfirmasi bahwa apakah yakin ingin
menghapus pegawai
5. Tekan tombol ya
6. Menghapus data dari database

3.3.4.8 Use Case Kelola Guru

Nama Use Case : Kelola guru


Aktor : Admin
Tujuan : Melihat, menambah, atau menghapus data guru
Deskripsi : Adalah proses dimana admin melihat, menambah, dan
menghapus data guru yang ada.

33
Tabel 3 - 10 Skenario Use Case Kelola Guru

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu kelola pegawai dan guru
2. Menampilkan tabel daftar pegawai dan
tabel daftar guru
3. Menekan tombol tambah guru diatas
tabel daftar guru
4. Menampilkan form tambah pegawai
dengan masing-masing field kode guru,
nama guru, dan jenis kelamin
5. Mengisi data kode guru, nama guru,
dan jenis kelamin
6. Tekan tombol tambah
7. Menyimpan data yang diisikan pada
database
8. Memberitahukan bahwa guru berhasil
ditambah
Skenario Alternatif 1
6. Tekan tombol tambah
7. Mendeteksi bahwa kode guru sudah
digunakan
8. Menampilkan pemberitahuan bahwa
kode guru sudah digunakan, dan
meminta untuk mengisi kembali form
Skenario Alternatif 2
3. Tekan tombol hapus guru
9. Menampilkan notifikasi berupa
konfirmasi bahwa apakah yakin ingin
menghapus guru
10. Tekan tombol ya
11. Menghapus data guru dari database

3.3.4.9 Use Case Verifikasi Rapor

Nama Use Case : Verifikasi Rapor


Aktor : Wali Kelas
Tujuan : mengonfirmasi bahwa rapor valid atau tidak valid.
Deskripsi : Adalah proses dimana wali kelas mengonfirmasi bahwa
keaslian rapor yang sudah diupload sudah benar atau asli melalui aplikasi.

34
Tabel 3 - 11 Skenario Use Case Verifikasi Rapor

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu konfirmasi rapor
2. Menampilkan daftar siswa yang sedang
melakukan daftar ulang
3. Tekan tombol verifikasi
4. Menampilkan form konfirmasi rapor
5. klik tombol cek rapor
6. Menampilkan berkas rapor yang
diupload oleh siswa
7. Klik tombol konfirmasi
8. Merubah status rapor menjadi valid
pada database
Skenario Alternatif 1
7. Klik tombol tolak
8. Menampilkan form text area untuk diisi
justifikasi penolakan
9. Mengetikkan justifikasi pada text area
10. Mengirim justifikasi sebagai notifikasi
kepada siswa
11. Status berkas pada rapor siswa
berubah menjadi tidak valid

3.3.4.10 Use Case Kelola Siswa

Nama Use Case : Mengelola Siswa


Aktor : Admin
Tujuan : melakukan pengelolaan terhadap data siswa yang ada
disekolah.
Deskripsi : Adalah kegiatan dimana admin mengelola data siswa yang
ada pada database sekolah seperti mengubah data diri, melihat, menentukan kelas
siswa, dan merubah status akun siswa yang tidak melakukan pendaftaran ulang
menjadi non-aktif.
Tabel 3 - 12 Skenario Use Case Mengelola Siswa

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu siswa
2. Menampilkan sub menu dari menu
siswa
3. Klik menu kelola siswa
4. Menampilkan daftar siswa sekolah

35
Aksi Aktor Reaksi Sistem
5. Klik tombol view di sebelah baris data
6. Menampilkan halaman data lengkap
dari siswa
7. Klik tombol edit data
8. Menampilkan halaman pengeditan
data diri siswa
9. Menekan tombol simpan
10. Menyimpan data yang telah dirubah
dan menampilkan teks data berhasil
disimpan
Skenario Alternatif 1
10. Menekan tombol batal simpan
11. Kembali kehalaman data lengkap siswa

3.3.4.11 Use Case Login

Nama Use Case : Login


Aktor : Bagian Kesiswaan, Siswa, Calon Siswa, Wali Kelas, dan
Bagian Keuangan.
Tujuan : untuk masuk ke halaman utama aplikasi berdasarkan hak
akses masing-masing user.
Deskripsi : Adalah proses dimana pengecekan hak akses user terhadap
fungsionalitas-fungsionalitas yang akan diberikan sehingga sesuai dengan ketentuan.

Tabel 3 - 13 Skenario Use Case Login

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Menginputkan username dan
password
2. Klik tombol login
3. Validasi data di database
4. Jika username dan password benar
masuk ke halaman berdasarkan hak
akses dari user
Skenario Alternatif 1
4. Jika username dan password salah
maka akan muncul pesan kesalahan
5. Kembali ke halaman form login

3.3.4.12 Use Case Kelola Tahun Ajaran

Nama Use Case : Kelola tahun ajaran


Aktor : Admin

36
Tujuan : Mengatur tahun ajaran baru.
Deskripsi : Adalah proses dimana admin melihat, menambah tahun
ajaran baru ketika tahun ajaran berganti, dan menghapus tahun ajaran jika
diperlukan.
Tabel 3 - 14 Skenario Use Case Kelola Tahun Ajaran

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Memilih menu atur tahun ajaran
2. Menampilkan daftar tahun ajaran yang
ada
3. Tekan tombol atur tahun ajaran baru
4. Menampilkan form atur tahun ajaran
baru dengan field tahun ajaran dan
semester
5. Mengisi field tahun ajaran dan
semester
6. Tekan tombol tambah
7. Menyimpan data yang telah
dimasukkan pada database
8. Memberitahukan bahwa tahun ajaran
berhasil ditambahkan
Skenario Alternatif 1
7. Mendeteksi bahwa tahun ajaran sudah
ada
8. Memberitahukan bahwa tahun ajaran
sudah ada

3.3.4.13 Use Case Kelola Kelas

Nama Use Case : Kelola kelas


Aktor : Admin
Tujuan : Melihat, menambah, atau menghapus data kelas
Deskripsi : Adalah proses dimana admin melihat, menambah,
membentuk kelas baru pada tahun ajaran baru, dan menghapus data kelas yang ada.
Tabel 3 - 15 Skenario Use Case Kelola Kelas

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu kelola kelas
2. Menampilkan tabel daftar kelas
3. Menekan tombol tambah kelas diatas
tabel daftar kelas

37
Aksi Aktor Reaksi Sistem
4. Menampilkan form tambah kelas
dengan masing-masing field kode
kelas, nama kelas, tingkat, dan program
studi
5. Mengisi form
6. Tekan tombol tambah
7. Menyimpan data yang diisikan pada
database
8. Memberitahukan bahwa kelas berhasil
ditambah
Skenario Alternatif 1
6. Tekan tombol tambah
7. Mendeteksi bahwa kode kelas sudah
digunakan
8. Menampilkan pemberitahuan bahwa
kode kelas sudah digunakan, dan
meminta untuk mengisi kembali form
Skenario Alternatif 2
3. Tekan tombol hapus kelas
4. Menampilkan notifikasi berupa
konfirmasi bahwa apakah yakin ingin
menghapus kelas
5. Tekan tombol ya
6. Menghapus data kelas dari database

3.3.4.14 Use Case Kelola Program Studi

Nama Use Case : Kelola program studi


Aktor : Admin
Tujuan : Melihat, menambah, atau menghapus data program studi
Deskripsi : Adalah proses dimana admin melakukan penambahan atau
penghapusan program studi.
Tabel 3 - 16 Skenario Use Case Kelola Program Studi

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu kelola program studi
2. Menampilkan tabel daftar program
studi
3. Menekan tombol tambah prodi diatas
tabel daftar program studi

38
Aksi Aktor Reaksi Sistem
4. Menampilkan form tambah program
studi dengan masing-masing field kode
program studi, nama program studi,
dan tahun pertama program studi
berdiri.
5. Mengisi form
6. Tekan tombol tambah
7. Menyimpan data yang diisikan pada
database
8. Memberitahukan bahwa program studi
berhasil ditambah
Skenario Alternatif 1
6. Tekan tombol tambah
7. Mendeteksi bahwa kode program studi
sudah digunakan
8. Menampilkan pemberitahuan bahwa
kode program studi sudah digunakan,
dan meminta untuk mengisi kembali
form
Skenario Alternatif 2
3. Tekan tombol hapus program studi
4. Menampilkan dialog berupa konfirmasi
bahwa apakah yakin ingin menghapus
program studi
5. Tekan tombol ya
6. Menghapus data program studi dari
database

3.3.4.15 Use Case Kelola User

Nama Use Case : Kelola user


Aktor : Admin
Tujuan : menambah, merubah, atau menghapus user
Deskripsi : Adalah proses dimana admin melakukan penambahan,
perubahan data, dan penghapusan user wali kelas dan pegawai.
Tabel 3 - 17 Skenario Use Case Kelola User

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Klik menu kelola user
2. Menampilkan tabel daftar user
pegawai dan wali kelas

39
Aksi Aktor Reaksi Sistem
3. Menekan tombol tambah user pegawai
atau user wali kelas diatas tabel
4. Menampilkan form tambah user
pegawai dengan masing-masing field
username, password, nama, dan
kategori user.
5. Mengisi form
6. Tekan tombol tambah
7. Menyimpan data yang diisikan pada
database
8. Memberitahukan bahwa user berhasil
ditambah
Skenario Alternatif 1
6. Tekan tombol tambah
7. Mendeteksi bahwa username sudah
digunakan
8. Menampilkan pemberitahuan bahwa
usernemae sudah digunakan, dan
meminta untuk mengisi kembali form
Skenario Alternatif 2
3. Tekan tombol hapus user
4. Menampilkan dialog berupa konfirmasi
bahwa apakah yakin ingin menghapus
user
5. Tekan tombol ya
6. Menghapus data user dari database
Skenario Alternatif 3
3. Tekan tombol edit user
4. Menampilkan form edit user dengan
field username dan password dengan
data user yang akan diubah
5. Mengubah data user
6. Tekan tombol update
7. Menyimpan data pada database

3.3.4.16 Use Case Mengatur Waktu Daftar Ulang

Nama Use Case : mengatur waktu daftar ulang


Aktor : bagian kesiswaan
Tujuan : menentukan waktu mulai dan selesainya daftar ulang
Deskripsi : adalah proses dimana bagian kesiswaan menentukan
waktu dimulai dan selesainya pendaftaran ulang pada semester terkait.

40
Tabel 3 - 18 Skenario Use Case Mengatur Waktu Daftar Ulang

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Memilih menu atur waktu daftar ulang
2. Menampilkan halaman utama menu
berisi tabel riwayat tanggal daftar
ulang pada tahun-tahun sebelumnya
dan tombol atur waktu daftar ulang
3. Tekan tombol atur waktu daftar ulang
4. Menampilkan form atur waktu daftar
ulang dengan field tanggal mulai dan
tanggal selesai
5. Memilih tanggal dimulai dan tanggal
selesai
6. Tekan tombol submit
7. Waktu disimpan oleh aplikasi
8. Memberikan notifikasi bahwa waktu
berhasil diatur

3.3.4.17 Use Case Melihat Laporan Daftar Ulang


Nama Use Case : melihat laporan daftar ulang
Aktor : bagian kesiswaan
Tujuan : melakukan pengelolaan pada data daftar ulang
Deskripsi : adalah proses dimana bagian kesiswaan melihat riwayat
daftar ulang yang dilakukan pada tahun ajaran terkait dan melihat riwayat daftar
ulang pada tahun ajaran sebelumnya.
Tabel 3 - 19 Skenario Use Case Mengelola Data Daftar Ulang

Aksi Aktor Reaksi Sistem


Skenario Normal
1. Memilih menu laporan daftar ulang
2. Menampilkan grafik dan tabel laporan
daftar ulang mengenai daftar ulang
pada tahun ajaran berjalan dengna
data jumlah siswa kelas, jumlah siswa
kelas yang sudah daftar ulang, dan
jumlah siswa kelas yang belum daftar
ulang
3. Melihat laporan
Skenario Alternatif 1
3. Memilih tahun ajaran laporan daftar
ulang yang ingin dilihat

41
Aksi Aktor Reaksi Sistem
4. Tekan tombol filter
5. Menampilkan laporan daftar ulang
sesuai dengan tahun ajaran yang dipilih
user
6. Melihat laporan
Skenario Alternatif 1
3. menekan dropdown pada kolom aksi
tabel laporan dafta ulang
4. Menampilkan pilihan untuk melihat
siswa yang sudah daftar ulang dan
belum daftar ulang pada kelas
5. Melihat laporan

42
3.3.5 Class Diagram
Berikut adalah gambar dari class diagram.

Gambar 3 - 7 Class Diagram

43
Keterangan class diagram:

: Controller

: Model

3.4 Perancangan Basis Data


Berikut adalah perancangan basis data atau database dari aplikasi.

3.4.1 Entity Relationship Diagram(ERD)


Berikut adalah perancangan ERD dari aplikasi.

44
Gambar 3 - 8 Entity Relationship Diagram

45
3.4.2 Skema Relasi
Berikut adalah skema relasi dari perancangan database dan basis data.

Gambar 3 - 9 Skema Relasi

46
3.4.3 Struktur Tabel

Berikut struktur tabel.


a. Struktur Tabel Siswa
Nama Tabel : siswa
Primary Key : nis
Tabel 3 - 20 Struktur tabel siswa

Nama Field Tipe Deskripsi


Nis Char(15) Primary Key
Password Varchar(100)
nama_siswa Varchar(50)
tempat_lahir Varchar(40)
tgl_lahir date
Alamat varchar(100)
Jenkel varchar(20)
Agama varchar(15)
thn_diterima char(15)
sekolah_asal varchar(100)
nama_ayah Varchar(50)
nama_ibu varchar(60)
pekerjaan_ayah varchar(60)
pekerjaan_ibu varchar(60)
kd_prodi char(5) Foreign key

b. Struktur Tabel pegawai


Nama Tabel : pegawai
Primary Key : kd_pegawai
Tabel 3 - 21 Struktur tabel pegawai

Nama Field Tipe Deskripsi


kd_pegawai char(15) Primary Key
Nip char(20)
nama_pegawai Varchar(100)
Bagian varchar(50)
Jk Varchar(15)

47
Nama Field Tipe Deskripsi
Agama Varchar(15)
Alamat Varchar(100)
Username varchar(50) foreign key

c. Struktur Tabel program_studi


Nama Tabel : program_studi
Primary Key : kd_prodi
Tabel 3 - 22 Struktur Tabel Program_Studi

Nama Field Tipe Deskripsi


kd_prodi Char(5) Primary Key
nama_prodi Varchar(40)
thn_pertama number(10)

d. Struktur Tabel kelas


Nama Tabel : kelas
Primary Key : kd_kelas
Tabel 3 - 23 Struktur Tabel Kelas

Nama Field Tipe Deskripsi


kd_kelas Char(10) Primary Key
nama_kelas Varchar(50)
Tingkat Char(5)
Angka Char(5)
kd_prodi Char(5) foreign key

e. Struktur Tabel kelas_siswa


Nama Tabel : kelas_siswa
Primary Key : id_kelas_siswa
Tabel 3 - 24 Struktur tabel kelas_siswa

Nama Field Tipe Deskripsi


id_kelas_siswa int(15) Primary Key
Nis char(15) Foreign Key
id_kelas_dibentuk int(255) Foreign Key

48
f. Struktur Tabel tahun_ajaran
Nama Tabel : tahun_ajaran
Primary Key : tahun_ajaran
Tabel 3 - 25 Struktur tabel tahun_ajaran

Nama Field Tipe Deskripsi


tahun_ajaran Char(15) Primary Key
Tahun Char(15)
semester Char(15)

g. Struktur Tabel guru


Nama Tabel : guru
Primary Key : kd_guru
Tabel 3 - 26 Struktur tabel guru

Nama Field Tipe Deskripsi


kd_guru char(15) Primary Key
Nip Varchar(20)
nama_guru Varchar(100)
Jenkel char(15)
Agama char(20)
Alamat Varchar(200)
username Varchar(50) Foreign Key

h. Struktur Tabel daftar_ulang


Nama Tabel : daftar_ulang
Primary Key : id_daftar
Tabel 3 - 27 Struktur Tabel Daftar_Ulang

Nama Field Tipe Deskripsi


id_daftar Char(10) Primary Key
Rapor Varchar(100)
status_rapor Char(15)
status_tagihan Char(15)
status_registrasi Varchar(40)
tanggal_daftar Date
tahun_ajaran Char(15) Foreign Key

49
Nama Field Tipe Deskripsi
Nis Char(15) Foreign Key

i. Struktur Tabel iuran_bulanan


Nama Tabel : iuran_bulanan
Primary Key : id_iuran
Tabel 3 - 28 Struktur Tabel iuran_bulanan

Nama Field Tipe Deskripsi


id_bayar Char(10) primary key
total_tagihan int(10)
Bulan int(15)
nota_pembayaran Varchar(100)
nis_siswa Char(15) Foreign Key
tahun_ajaran Char(15) Foreign Key

j. Struktur Tabel kategori_user


Nama Tabel : kategori_user

Primary Key : id_kategori


Tabel 3 - 29 Struktur Tabel kategori_user

Nama Field Tipe Deskripsi


id_kategori int(11) primary Key
nama_kategori Varchar(50)

k. Struktur Tabel user


Nama Tabel : user
Primary Key : username
Tabel 3 - 30 Struktur Tabel user

Nama Field Tipe Deskripsi


username Varchar(50) primary Key
password Varchar(100)
status_user Char(20)
id_kategori int(11) Foreign Key

l. Struktur Tabel kelas_dibentuk


Nama Tabel : kelas_dibentuk

50
Primary Key : id_kelas_dibentuk
Tabel 3 - 31 Struktur Tabel kelas_dibentuk

Nama Field Tipe Deskripsi


id_kelas_dibentuk int(255) primary Key
kd_kelas char(10) Foreign Key
kd_guru Char(15) Foreign Key
Kuota Int(100)
tahun_ajaran Char(15) Foreign Key

m. Struktur Tabel tb_bayar_iuran


Nama Tabel : tb_bayar_iuran
Primary Key : id_bayar
Tabel 3 - 32 Struktur tabel tb_bayar_iuran

Nama Field Tipe Deskripsi


id_bayar Char(15) primary key
tgl_bayar Date
tipe_pembayaran Char(20)
jenis_pembayaran Char(20)
jumlah_dibayarkan int(11)
bukti_bayar Varchar(50)
nota_pembayaran Varchar(100)
status_bayar Char(20)
keterangan Varchar(200)
kd_pegawai Char(15) Foreign Key
nis_siswa Char(15) Foreign Key
id_iuran Char(10) Foreign Key

3.5 Kebutuhan Perangkat Keras dan Lunak


3.5.1 Pengembangan Sistem
Kebutuhan perangkat keras untuk pengembangan aplikasi:
Tabel 3 - 33 Kebutuhan Perangkat Keras

No Hardware Spesifikasi
1 Processor Intel core i5
2 Hard disk 1 TB

51
No Hardware Spesifikasi
3 Memori(RAM) 4 GB

Kebutuhan perangkat lunak untuk pengembangan aplikasi:


Tabel 3 - 34 Kebutuhan Perangkat Lunak

No Jenis Software Software yang Digunakan


1 Sistem Operasi Windows 10
2 Server Apache server
3 Database MySQL
4 Text editor Notepad++, Sublime
5 Framework CodeIgniter
6 Web browser Google chrome

3.5.2 Implementasi
Kebutuhan perangkat keras minimum yang digunakan untuk menjalankan aplikasi ini
adalah sebagai berikut:
Tabel 3 - 35 Kebutuhan Perangkat Keras Minimum

No Hardware Spesifikasi
1 Processor Intel core 2 duo
2 Hard disk 250 GB
3 Memori(RAM) 1 GB

Berikut adalah kebutuhan perangkat lunak untuk server:


Tabel 3 - 36 Kebutuhan Perangkat Lunak Server

No Jenis Software Software yang Digunakan


1 Sistem Operasi Windows 7, 8, 9, dan 10
2 Server Apache server
3 Database MySQL
4 Web browser Google chrome

Berikut adalah kebutuhan perangkat lunak untuk klien:


Tabel 3 - 37 Kebutuhan Perangkat Lunak Klien

No Jenis Software Software yang Digunakan


1 Web browser Google chrome

52
3.6 Perancangan Antar Muka Aplikasi
Berikut ini adalah rancangan antar muka aplikasi yang akan dibangun.

3.6.1 Halaman Login


Berikut adalah gambar rancangan halaman login aplikasi.

Gambar 3 - 10 Halaman Login Aplikasi

Halaman login berisi sebuah field username dan password, tombol login, dan tiga
tombol jenis login yaitu tombol siswa, pegawai, dan wali kelas.

3.6.2 Home
Berikut adalah halaman home dari masing-masing modul.
3.6.2.1 Halaman Utama Admin
berikut adalah halaman utama modul admin.

53
Gambar 3 - 11 Halaman Utama Admin

Menampilkan beberapa menu user dan ucapan selamat datang.


3.6.2.2 Halaman Utama Siswa
Berikut adalah halaman utama modul siswa.

Gambar 3 - 12 Halaman Utama Siswa

Menampilkan menu utama dari modul siswa dan menampilkan ucapan selamat
datang.

3.6.2.3 Halaman Utama Kesiswaan


Berikut adalah halaman utama modul kesiswaan.

54
Gambar 3 - 13 Halaman Utama Kesiswaan

Menampilkan menu utama dari modul kesiswaan dan menampilkan ucapan selamat
datang.

3.6.2.4 Halaman Utama Wali Kelas


Berikut adalah halaman utama modul wali kelas.

Gambar 3 - 14 Halaman Utama Wali Kelas

Menampilkan menu utama dari modul wali kelas dan menampilkan ucapan selamat
datang.

3.6.2.5 Home Keuangan


Berikut adalah halama utama modul keuangan.

55
Gambar 3 - 15 Halaman Utama Keuangan

Menampilkan menu utama dari modul Keuangan dan menampilkan ucapan selamat
datang.

3.6.3 Halaman Utama Menu Atur Tahun Ajaran


Berikut adalah halaman utama menu atur tahun ajaran.

Gambar 3 - 16 Halaman Utama Menu Atur Tahun Ajaran

Menampilkan halaman menu utama atur tahun ajaran, menampilkan tabel riwayat
tahun ajaran yang sudah lewat, dan menampilkan tombol atur tahun ajaran baru
untk mengatur tahun ajaran baru.

56
3.6.4 Halaman Utama Menu Kelola Kelas
Berikut adalah halaman utama menu kelola kelas.

Gambar 3 - 17 Halaman Utama Menu Kelola Kelas

Menampilkan halaman menu kelola kelas, menampilkan tabel tabel daftar kelas yang
sudah ada, tombol hapus pada kolom aksi tabel untuk menghapus data, dan
menampilkan tombol tambah kelas untk menambah kelas baru.

3.6.5 Halaman Utama Menu Kelola Pegawai dan Guru


Berikut adalah halaman utama menu kelola pegawai dan guru.

Gambar 3 - 18 Halaman Utama Kelola Pegawai dan Guru

57
Menampilkan halaman utama menu kelola pegawai dan guru, menampilkan tabel
daftar pegawai dan guru, menampilkan tombol tambah pegawai dan guru untuk
menambah pegawai dan guru, dan tombol hapus untuk menghapus data.

3.6.6 Halaman Utama Menu Kelola Program Studi


Pada halaman ini menampilkan halaman utama menu kelola program studi,
menampilkan tabel daftar program studi, dan menampilkan tombol tambah program
studi untuk menambah program studi baru. Berikut adalah gambar dari halaman
utama menu kelola program studi.

Gambar 3 - 19 Halaman Utama Menu Kelola Program Studi

3.6.7 Halaman Utama Menu Kelola Siswa


Berikut adalah halaman utama menu kelola siswa.

Gambar 3 - 20 Halaman Utama Menu Kelola Siswa

58
Menampilkan halaman utama menu kelola siswa, menampilkan tabel daftar siswa
yang aktif dan tabel daftar semua siswa, dan menampilkan tombol tambah siswa
untuk menamba siswa baru dan atur kelas siswa untuk mengatur kelas siswa.

3.6.8 Halaman Utama Menu Kelola Wali Kelas


berikut adalah halaman utama menu kelola wali kelas.

Gambar 3 - 21 Halaman Utama Menu Kelola Wali Kelas

Menampilkan halaman utama menu kelola wali kelas, menampilkan tabel daftar wali
kelas, dan menampilkan tombol tambah wali kelas untuk menambah wali kelas.

3.6.9 Halaman Utama Menu Kelola User


Berikut adalah halaman utama menu kelola user.

Gambar 3 - 22 Halaman Menu Utama Kelola User

59
Menampilkan menampilkan tabel daftar user pegawai dan wali kelas, dan
menampilkan tombol tambah user pegawai untuk menambah user pegawai baru dan
tombol tambah user wali kelas untuk menambah user wali kelas baru.

3.6.10 Halaman Menu Konfirmasi Rapor


Berikut adalah halaman menu konfirmasi rapor.

Gambar 3 - 23 Halaman Utama Menu Konfirmasi Rapor

Menampilkan halaman utama menu konfirmasi rapor, menampilkan tabel daftar


siswa yang mengajukan daftar ulang untuk diverifikasi rapornya, dan menampilkan
tombol verifikasi pada tabel untuk melakukan verifikasi pada tabel.

3.6.11 Halaman Utama Menu Konfirmasi Status Tagihan


Berikut adalah halaman utama menu konfirmasi status tagihan.

Gambar 3 - 24 Halaman Utama Menu Konfirmasi Status Tagihan

60
Menampilkan tabel siswa yang mengajukan daftar ulang untuk di konfirmasi status
pendaftaran ulangnya, dan menampilkan tombol konfirmasi pada kolom aksi tabel
untuk mengkonfirmasi status tagihan.
3.6.12 Halaman Utama Menu Pembayaran Langsung
berikut adalah halaman utama menu pembayaran langsung.

Gambar 3 - 25 Halaman Utama Menu Pembayaran Langsung

Menampilkan halaman utama menu pembayaran langsung, menampilkan tabel


daftar siswa yang kemudian akan dipilih untuk melakukan pembayaran, dan
menampilkan tombol pembayaran untuk melakukan pembayaran.

3.6.13 Halaman Utama Menu Konfirmasi Pembayaran Online


Berikut adalah halaman utama menu konfirmasi pembayaran online

Gambar 3 - 26 Halaman Utama Menu Konfirmasi Pembayaran Online

61
Menampilkan tabel daftar pengajuan pembayaran yang diajukan oleh siswa, dan
menampilkan tombol detail untuk memvalidasi pembayaran.

3.6.14 Halaman Utama Menu Riwayat Daftar Ulang Siswa


Berikut adalah halaman utama menu riwayat daftar ulang siswa.

Gambar 3 - 27 Halaman Utama Menu Riwayat Daftar Ulang Siswa

Menampilkan halaman utama menu riwayat daftar ulang dan menampilkan riwayat
daftar ulang yang dilakukan oleh siswa.

3.6.15 Halaman Utama Menu Riwayat Pembayaran Siswa


Berikut adalah halaman utama menu riwayat pembayaran siswa.

Gambar 3 - 28 Halaman Utama Menu Riwayat Pembayaran Siswa

62
Menampilkan tabel riwayat pembayaran siswa, dan menampilkan tombol lihat bukti
bayar untuk siswa yang sudah selesai atau ditolak proses pembayarannya dan
tombol lihat bukti bayar untuk melihat bukti bayar.

3.6.16 Halaman Utama Menu Riwayat Transaksi


Berikut adalah halaman utama menu riwayat transaksi.

Gambar 3 - 29 Halaman Utama Menu Riwayat Transaksi

Menampilkan tabel riwayat transaksi, dan menampilkan tombol lihat nota dan bukti
bayar untuk melihat bukti bayar atau nota.

3.6.17 Halaman Utama Menu Laporan Daftar Ulang


Berikut adalah halaman utama menu laporan daftar ulang.

Gambar 3 - 30 Halaman Utama Menu Laporan Daftar Ulang

63
Pada halaman laporan daftar ulang akan ditampilkan grafik batang dan tabel detail
dari data pada grafik.

3.6.18 Halaman Utama Menu Atur Waktu Daftar Ulang


Berikut adalah halaman utama menu atur waktu daftar ulang.

Gambar 3 - 31 Halaman Utama Menu Atur Waktu Daftar Ulang

Menampilkan riwayat waktu pendaftaran ulang yang pernah ditetapkan dan tombol
atur waktu untuk mengatur waktu daftar ulang tahun ajaran yang berjalan.

3.6.19 Halaman Utama Menu Siswa Belum Melakukan Daftar Ulang


Berikut adalah halaman utama menu siswa belum melakukan daftar ulang.

Gambar 3 - 32 Halaman Utama Menu Siswa Belum Melakukan Daftar Ulang

64
Menampilkan halaman utama menu siswa belum mendaftarkan ulang, menampilkan
tabel siswa yang belum mengajukan daftar ulang, dan menampilkan tombol ingatkan
untuk mengingatkan siswa pada kolom aksi yang dilakukan oleh kesiswaan.

3.6.20 Halaman Utama Menu Status Registrasi Siswa Kelas


Berikut adalah halaman utama menu status registrasi siswa kelas.

Gambar 3 - 33 Halaman Utama Menu Status Registrasi Siswa Kelas

Menampilkan tabel daftar siswa dan status registrasinya, dan menampilkan tombol
konfirmasi rapor dan ingatkan pada kolom aksi.

3.6.21 Halaman Utama Menu Status Pembayaran Siswa


Berikut adalah halaman utama menu status pembayaran siswa.

Gambar 3 - 34 Halaman Utama Menu Status Pembayaran Siswa

65
Menampilkan tabel daftar siswa yang ingin dilihat status pembayarannya, dan
menampilkan tombol lihat status iuran dan cetak surat teguran untuk mencetak
surat teguran atau melihat status iuran siswa.

3.6.22 Halaman Utama Menu Status Registrasi Siswa Kelas


Berikut adalah halaman utama menu status registrasi siswa kelas.

Gambar 3 - 35 Halaman Utama Menu Status Registrasi Siswa Kelas

Menampilkan tabel daftar siswa dan status registrasinya.

3.6.23 Form Atur Tahun Ajaran Baru


Berikut adalah form atur tahun ajaran baru.

Gambar 3 - 36 Form Atur Tahun Ajaran Baru

66
Berisi Seleksi tahun dan semester dari tahun ajaran yang aka ditambahkan dan
tombol tambah untuk menambah.

3.6.24 Form Atur Kelas Siswa


Berikut adalah form atur kelas siswa.

Gambar 3 - 37 Form Atur Kelas Siswa

Menampilkan form atur kelas siswa yang berisi pilihan kelas untuk siswa dan nama
siswa yang ingin ditentukan kelasnya.

3.6.25 Form Ganti Wali Kelas


Berikut adalah form ganti wali kelas.

Gambar 3 - 38 Form ganti wali kelas

67
Menampilkan form ganti wali kelas yang berisi pilihan kelas dan nama guru yang ingin
dijadikan wali kelas.

3.6.26 Form Set Wali Kelas Tahun Ajaran Baru


Berikut adalah form set wali kelas tahun ajaran baru.

Gambar 3 - 39 Form Set Wali Kelas Tahun Ajaran Baru

Menampilkan form set wali kelas tahun ajaran baru yang berisi pilihan kelas, pilihan
guru, dan tahun ajaran.

3.6.27 Form Tambah Guru


Berikut adalah form tambah guru.

Gambar 3 - 40 Form Tambah Guru

Menampilkan form tambah guru yang berisi field nama guru dan kode guru.

68
3.6.28 Form Tambah Pegawai
Berikut adalah form tambah pegawai.

Gambar 3 - 41 Form Tambah Pegawai

Menampilkan form atur kelas siswa yang berisi field kode pegawai, nama pegawai,
pilihan bagian, dan jenis kelamin.

3.6.29 Form Tambah Program Studi


Berikut adalah form tambah program studi.

Gambar 3 - 42 Form Tambah Program Studi

Menampilkan form tambah program studi berisi field kode program studi, field nama
program studi, dan pilihan tahun pertama program studi.

69
3.6.30 Form Import File Siswa Baru
Berikut adalah form import file siswa baru.

Gambar 3 - 43 Form Import File Siswa Baru

Menampilkan form import user siswa baru yang berisi field input file dan tombol
tambah.

3.6.31 Form Tambah Siswa


Berikut adalah form tambah siswa.

Gambar 3 - 44 Form Tambah Siswa

Menampilkan form tambah siswa dengan field nama siswa dan pilihan tahun
diterima.

70
3.6.32 Form Ubah Kelas Siswa
Berikut adalah form ubah kelas siswa.

Gambar 3 - 45 Form Ubah Kelas Siswa

Menampilkan form ubah kelas siswa yang berisi field nama siswa dan kelas yang akan
menjadi kelas pengganti.

3.6.33 Form Tambah User Pegawai


Berikut adalah form tambah user pegawai.

Gambar 3 - 46 Form Tambah User Pegawai

Menampilkan form tambah user pegawai yang berisi field username, password,
pilihan pegawai yang akan diberikan hak akses, dan kategori user yaitu admin,
keuangan, atau kesiswaan.

71
3.6.34 Form Tambah User Wali Kelas
Berikut adalah form tambah user wali kelas.

Gambar 3 - 47 Form Tambah User Wali Kelas

Menampilkan form tambah user wali kelas yang berisi field username, password,
pilihan guru yang akan diberikan hak akses, dan kategori user yaitu wali kelas.

3.6.35 Form Konfirmasi Pembayaran Online


Berikut adalah form konfirmasi pembayaran online.

Gambar 3 - 48 Form Konfirmasi pembayaran Online

Menampilkan form konfirmasi pembayaran online yang berisi field nama siswa,
pembayaran iuran bulan apa, siswa iuran,jumlah yang dibayarkan, dan tombol lihat
bukti untuk melihat bukti bayar.

72
3.6.36 Form Justifikasi Penolakan Pembayaran Iuran Online
Berikut adalah form justifikasi penolakan pembayaran iuran online.

Gambar 3 - 49 Form Justifikasi Penolakan Pembayaran Iuran Online

Menampilkan form justifikasi yang berisi justifikasi penolakan.

3.6.37 Form Pembayaran Langsung


Berikut adalah form pembayaran langsung.

Gambar 3 - 50 Form Pembayaran Langsung

Menampilkan form pembayaran langsung yang berisi field nama siswa, pembayaran
iuran bulan apa, siswa iuran, tipe pembayaran yaitu lunas atau kredit, jumlah yang
dibayarkan, dan tombol tambah.

73
3.6.38 Daftar Status Iuran Bulanan Siswa
Berikut adalah daftar status iuran bulanan siswa.

Gambar 3 - 51 Daftar Status Iuran Bulanan Siswa

Menampilkan tabel daftar iuran siswa beserta status dan sisa iurannya.

3.6.39 Form Konfirmasi Status Tagihan Daftar Ulang


Berikut adalah form konfirmasi status tagihan daftar ulang.

Gambar 3 - 52 Form Konfirmasi Status Tagihan Daftar Ulang

Menampilkan form konfirmasi status tagihan daftar ulang yang berisi field nama
siswa, tahun ajaran, lihat status dari daftar iuran, tombol lunas dan belum lunas
untuk mengkonfirmasi status tagihan.

74
3.6.40 Form Ajukan Daftar Ulang
Berikut adalah form ajukan daftar ulang.

Gambar 3 - 53 Form Ajukan Daftar Ulang

Menampilkan field input file rapor untuk diupload dan tombol daftar.

3.6.41 Status Rapor dan Tagihan Proses Pendaftaran Ulang


Berikut adalah status rapor dan tagihan proses pendaftaran ulang.

Gambar 3 - 54 Status Rapor dan Tagihan Proses Pendaftaran Ulang

Menampilkan status valid atau tidaknya rapo dan sudah lunas atau tidaknya status
tagihan.

75
3.6.42 Riwayat Daftar Ulang
Berikut adalah halaman riwayat daftar ulang.

Gambar 3 - 55 Riwayat Daftar Ulang

Menampilkan riwayat daftar ulang siswa.

3.6.43 Form Ajukan Pembayaran Online


Berikut adalah form ajukan pembayaran online.

Gambar 3 - 56 Form Ajukan Pembayaran Online

Menampilkan form ajukan pembayaran online yang berisi field input file,
pembayaran iuran bulan apa, sisa iuran, tipe pembayaran yaitu lunas atau kredit,
jumlah yang dibayarkan, total pembayaran dalam proses, dan tombol bayar.

76
3.6.44 Form Konfirmasi Rapor Daftar Ulang
Berikut adalah form konfirmasi rapor daftar ulang.

Gambar 3 - 57 Form Konfirmasi Rapor Daftar Ulang

Menampilkan form Konfirmasi rapor daftar ulang yang berisi field nama siswa, kelas,
tombol untuk melihat rapor, dan tombol tolak serta konfirmasi.

3.6.45 Form Ingatkan Daftar Ulang


Berikut adalah form ingatkan daftar ulang.

Gambar 3 - 58 Form Ingatkan Daftar Ulang

Menampilkan form ingatkan daftar ulang berupa field text area untuk diisikan pesan.

77
3.6.46 Pop Up Lihat Rapor
Berikut adalah gambar pop up lihat rapor.

Gambar 3 - 59 Pop Up Lihat Rapor

Menampilkan Pop Up lihat rapor untuk mengecek rapor.

78
BAB 4
IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi

Dalam tahap ini, hasil analisis dan perancangan mulai diimplementasikan untuk
mencapai tujuan dari pembangunan sistem. Berikut akan dijelaskan mengenai
proses implementasi sistem ini.

4.1.1 Tampilan Awal Aplikasi

Pada aplikasi ini terdapat 5 macam user yaitu admin, siswa, keuangan, wali kelas, dan
kesiswaan. Sebelum masuk ke aplikasi user harus login terlebih dahulu.

4.1.1.1 Halaman Login

Berikut adalah halaman login dari aplikasi.

Gambar 4 - 1 Halaman Login Utama

Pada halaman ini pengguna dapat memilih untuk login sebagai apa yaitu ada 3 pilihan
siswa, pegawai, dan wali kelas.

79
4.1.2 Tampilan Halaman Utama Aplikasi

Setelah melakukan login, pengguna akan masuk ke menu utama aplikasi sesuai
dengan kategori dari masing-masing pengguna. Tampilan Utama terbagi menjadi
lima tampilan untuk lima kategori pengguna.

4.1.2.1 Halaman Utama Admin

Berikut adalah halaman utama pada modul admin.

Gambar 4 - 2 Halaman Utama Admin

Pada halaman utama admin akan ditampilkan tulisan selamat datang dan tujuh menu
utama pengguna kategori admin yaitu menu kelola user, atur tahun ajaran, kelola
siswa, kelola wali kelas, kelola pegawai dan guru, kelola kelas, dan kelola program
studi.

4.1.2.2 Halaman Utama Wali kelas

Berikut adalah halaman utama pada modul wali kelas.

80
Gambar 4 - 3 Halaman Utama Wali Kelas

Pada halaman utama wali kelas akan ditampilkan tulisan selamat datang dan tiga
menu utama pengguna kategori wali kelas yaitu konfirmasi rapor dan status
registrasi siswa kelas.

4.1.2.3 Halaman Utama Keuangan


Berikut adalah halaman utama pada modul keuangan.

Gambar 4 - 4 Halaman Utama Keuangan

Pada halaman utama keuangan akan ditampilkan tulisan selamat datang dan lima
menu utama pengguna kategori keuangan yaitu menu pembayaran langsung,
pembayaran online, status pembayaran siswa, riwayat transaksi, dan konfirmasi
status tagihan.

81
4.1.2.4 Halaman Utama Kesiswaan

Berikut adalah halaman utama pada modul kesiswaan.

Gambar 4 - 5 Halaman Utama Kesiswaan

Pada halaman utama kesiswaan akan ditampilkan tulisan selamat datang dan 2 menu
utama pengguna kategori kesiswaan yaitu menu siswa belum daftar ulang dan
riwayat daftar ulang siswa.

4.1.2.5 Halaman Utama Siswa


Berikut adalah halaman utama pada modul siswa.

Gambar 4 - 6 Halaman Utama Siswa

82
Pada halaman utama siswa akan ditampilkan tulisan selamat datang dan empat
menu utama pengguna kategori siswa yaitu menu ajukan daftar ulang, riwayat daftar
ulang, ajukan pembayaran, dan riwayat pembayaran.

4.1.3 Tampilan Menu-Menu Utama Pengguna

Pada setiap halaman utama setiap kategori pengguna, pengguna disediakan


beberapa menu untuk setiap proses

4.1.3.1 Tampilan Utama Menu-Menu Admin

Berikut adalah tampilan utama menu-menu pada modul admin.


A. Halaman Utama Menu Kelola User

Berikut adalah halaman utama menu kelola user pada modul admin.

Gambar 4 - 7 Halaman Utama Menu Kelola User

Pada halaman utama menu kelola user ada 3 tabel yang di tampilkan yaitu tabel
daftar user pegawai, daftar user walikelas, dan daftar user siswa. Selain itu ada
beberapa tombol yaitu tombol tambah user pegawai untuk menambah pegawai,
tambah user walikelas untuk menambah user wali kelas, dan edit user dengan simbol
pensil pada dropdown tabel aksi.

B. Halaman Utama Menu Atur Tahun Ajaran

Berikut adalah halaman utama menu atur tahun ajaran pada modul admin.

83
Gambar 4 - 8 Halaman Utama Atur Tahun ajaran

Pada halaman utama menu atur tahun ajaran akan ditampilkan daftar tahun ajaran
yang sekarang dan yang telah berjalan, disediakan juga beberapa fungsionalitas
berupa tombol atur tahun ajaran baru untuk membuka form atur tahun ajaran baru
ketika tahun ajaran berganti, edit tahun ajaran pada simbol pensil, dan tombol hapus
tahun ajaran untuk menghapus tahun ajaran yang ada dan dengan ketentuan data-
data transaksi yang terkait tahun ajaran akan ikut terhapus.

C. Halaman Utama Menu Kelola Siswa

Berikut adalah halaman utama menu kelola siswa pada modul admin.

Gambar 4 - 9 Halaman Utama Menu Kelola Siswa

Pada halama ini akan ditampilkan tabel daftar siswa aktif dan tabel daftar siswa yang
berisi list semua siswa, pengguna juga disediakan tombol atur kelas siswa untuk

84
mengatur kelas siswa pada tahun ajaran baru, tombol import file siswa baru untuk
mengakses form mengimport data siswa baru, ditampilkan juga tombol tambah
siswa untuk mengakses form tambah siswa, dan disediakan tombol dropdown pada
kolom aksi dengan pilihan ganti kelas siswa.

D. Halaman Utama Menu Kelola Wali Kelas

Berikut adalah halaman utama menu kelola wali kelas pada modul admin.

Gambar 4 - 10 Halaman Utama Kelola Wali Kelas

Pada halaman utama menu ini akan ada dua tabel yaitu tabel daftar wali kelas pada
tahun ajaran berjalan dan tabel riwayat wali kelas dari tahun ajaran sebelumnya.
Pada tabel pertama terdapat tombol set wali kelas ajaran baru yang digunakan
mengakses form untuk mengatur wali kelas pada tahun ajaran baru, pada kololm aksi
juga disediakan dropdown untuk mengganti wali kelas yang ada.

E. Halaman Utama Menu Kelola Pegawai dan Guru

Berikut adalah halaman utama menu kelola pegawai dan guru pada modul admin.

85
Gambar 4 - 11 Halaman Utama Menu Kelola Pegawai dan Guru

Pada halaman utama menu kelola pegawai dan guru anda akan ditampilkan dua tabel
daftar pegawai dan tabel daftar guru, pada setiap baris kedua tabel terdapat tombol
hapus untuk menghapus data yang ingin dihapus. Pada setiap tabel juga terdapat
tombol tambah pegawai atau tombol tambah guru untuk mengakses form tambah
pegawai dan guru yang digunakan untuk menambahkan guru.

F. Halaman Utama Menu Kelola Kelas

Berikut adalah halaman utama menu kelola kelas pada modul admin

Gambar 4 - 12 Halaman Utama Menu Kelola Kelas

Pada halaman utama menu kelola kelas anda akan ditampilkan satu tabel yang berisi
daftar kelas yang ada, sama seperti setiap tabel-tabel sebelumnya terdapat tombol

86
hapus untuk menghapus data pada kolom aksi, dan untuk menambahkan kelas
pengguna dapat menekan tombol tambah kelas untuk menambah kelas.

G. Halaman Utama menu Kelola Program Studi

Berikut adalah halaman utama menu kelola program studi pada modul admin.

Gambar 4 - 13 Halaman Utama Menu Kelola Program Studi

Pada halaman utama menu kelola program studi pengguna akan ditampilkan tabel
daftar program studi dan disediakan tombol hapus untuk menghapus program studi,
dan ada tombol tambah program studi untuk menambah program studi yang ada di
sekolah.

4.1.3.2 Tampilan Utama Menu-Menu Siswa

Berikut adalah tampilan utama menu-menu pada modul siswa.

A. Halaman Utama Menu Ajukan Pembayaran Iuran

Berikut adalah halaman utama menu ajukan pembayaran iuran pada modul siswa.

87
Gambar 4 - 14 Halaman Utama Menu Ajukan Pembayaran Iuran

Pada halaman utama menu ajukan pembayaran iuran anda akan ditampilkan daftar
iuran bulanan yang dimiliki oleh siswa pada tahun ajaran berjalan beserta status
iuran yang dimiliki, jumlah terbayar, dan sisa iuran. Pada kolom aksi terdapat tombol
dropdown yang terdapat pilihan bayar untuk membayar iuran dan lihat riwayat bayar
untuk melihat riwayat pembayaran pada iuran tersebut.

B. Halaman Utama Menu Ajukan Daftar Ulang

Berikut adalah halaman utama menu ajukan daftar ulang pada modul siswa.

Gambar 4 - 15 Halaman Utama Menu Ajukan Daftar Ulang

Pada halaman utama menu ajukan pembayaran anda akan mendapati form untuk
mengupload rapor yang merupakan syarat pendaftaran ulang dan tombol daftar

88
yang digunakan untuk submit pendaftaran. Ketika user telah mengajukan daftar
ulang maka tampilan akan berubah seperti dibawah ini.

Gambar 4 - 16 Halaman Utama Menu Ajukan Daftar Ulang Setelah Pengajuan

C. Halaman Utama Menu Riwayat Daftar Ulang

Berikut adalah halaman utama menu riwayat daftar ulang pada modul siswa.

Gambar 4 - 17 Halaman Utama Menu Riwayat Daftar Ulang

Pada halaman utama menu riwayat daftar ulang pengguna akan ditampilkan daftar
riwayat pengajuan daftar ulang, dan sebuah tombol lihat rapor untuk melihat rapor
bukti pendaftaran ulang.

D. Halaman Utama Menu Riwayat Pembayaran

Berikut adalah halaman utama menu riwayat pembayaran pada modul siswa.

89
Gambar 4 - 18 Halaman Utama Menu Riwayat Pembayaran

Pada Halaman Ini pengguna akan ditampilkan riwayat pembayaran yang pernah
dilakukan, terdapat tombol lihat bukti untuk melihat bukti pembayaran dan tombol
lihat nota untuk melihat nota pembayaran.

4.1.3.3 Tampilan Utama Menu-Menu Kesiswaan

Berikut adalah tampilan utama menu-menu pada modul kesiswaan.

A. Halaman Utama Menu Siswa Belum Daftar Ulang

Berikut adalah halaman utama menu siswa belum daftar ulang pada modul
kesiswaan.

Gambar 4 - 19 Halaman Utama Menu Siswa Belum Daftar Ulang

90
Halaman utama pada menu siswa belum daftar akan menampilkan kepada pengguna
daftar siswa yang belum mengajukan daftar ulang, terdapat tombol dropdown untuk
mengingatkan siswa untuk mengajukan daftar ulang.

B. Halaman Utama Laporan Daftar Ulang Siswa

Berikut adalah halaman utama menu laporan daftar ulang siswa pada modul
kesiswaan.

Gambar 4 - 20 Halaman Utama Laporan Daftar Ulang Siswa

Pada halaman ini akan ditampilkan grafik dari proses pendaftaran ulang pada tahun
ajaran saat ini dengan akumulasi per kelas dengan melihatkan jumlah siswa per kelas
serta jumlah siswa yang sudah mendaftar ulang pada kelas, tepat diatas grafik
terdapat sebuah dropdown untuk memilih laporan tahun ajaran mana yang ingin
ditampilkan beserta tombol filter untuk mengeksekusinya. Dibawah grafik masih
terdapat laporan dalam bentuk tabel seperti berikut.

91
Gambar 4 - 21 Lanjutan Halaman Utama Menu Laporan Daftar Ulang

Akan ditampilkan tabel dengan nama kelas, tahun ajaran, jumlah siswa kelas, jumlah
sudah daftar ulang, jumlah belum daftar ulang, tombol belum daftar ulang pada
dropdown untuk melihat detail data siswa yang belum melakukan daftar ulang, dan
tombol sudah daftar ulang pada dropdown untuk melihat detail data siswa yang
sudah melakukan daftar ulang

C. Halaman Utama Menu Atur Waktu Daftar Ulang

Berikut adalah halaman utama menu atur waktu daftar ulang pada modul kesiswaan.

Gambar 4 - 22 Halaman Utama Menu Atur Waktu Daftar Ulang

Pada halaman ini akan ditampilkan tahun ajaran, semester, tanggal dimulainya daftar
ulang, tanggal selesainya daftar ulang, tombol atur waktu daftar ulang untuk

92
mengakses form atur waktu daftar ulang, dan tombol update untuk mengganti waktu
daftar ulang pada tahun ajaran saat ini yang sudah diatur.

D. Halaman Utama Menu Riwayat Daftar Ulang

Berikut adalah halaman utama menu riwayat daftar ulang pada modul kesiswaan.

Gambar 4 - 23 Halaman Utama Menu Riwayat Daftar Ulang

Pada halaman ini pengguna akan ditampilkan riwayat pendaftaran ulang yang telah
dilakukan oleh siswa baik di tahun ajaran yang berjalan atau sudah lewat.

4.1.3.4 Tampilan Utama Menu-Menu Wali Kelas

Berikut adalah tampilan utama menu-menu modul wali kelas.

A. Halaman Utama Menu Konfirmasi Rapor

Berikut adalah halaman utama menu konfirmasi rapor pada modul wali kelas.

Gambar 4 - 24 Halaman Utama Menu Konfirmasi Rapor

93
Pada halaman ini pengguna akan ditampilkan daftar siswa kelas dari pengguna yang
telah mengajukan pendaftaran ulang pada semester berjalan, pengguna dapat
menekan tombol verifikasi untuk memvalidasi keaslian rapor yang diupload.

B. Halaman Utama Menu Status Registrasi Siswa Kelas

Berikut adalah halaman utama menu status ragistrasi siswa kelas pada modul wali
kelas.

Gambar 4 - 25 Halaman Utama Menu Status Registrasi Siswa Kelas

Pada halaman ini Pengguna akan diperlihatkan data dari status registrasi siswa kelas
mulai dari status rapor dan status registrasi siswa yang bersangkutan, pada tombol
dropdown akan disediakan tombol ingatkan untuk siswa yang status registrasinya
belum mengajukan dan tombol konfirmasi rapor untuk siswa dengan status rapor
proses.

4.1.3.5 Tampilan Utama Menu-Menu Keuangan

Berikut adalah tampilan utama menu-menu pada modul keuangan.

A. Halaman Utama Menu Pembayaran Langsung

Berikut adalah halaman utama menu pembayaran langsung pada modul keuangan.

94
Gambar 4 - 26 Halaman Utama Menu Pembayaran Langsung

Pada halaman utama menu pembayaran langsung pengguna akan ditampilkan daftar
siswa dan tombol pembayaran pada kolom aksi setiap data yang digunakan untuk
mengakses daftar iuran untuk dibayarkan.

B. Halaman Utama Menu Pembayaran Online

Berikut adalah halaman utama menu pembayaran online pada modul keuangan.

Gambar 4 - 27 Halaman Utama Menu Pembayaran Online

Pada halaman utama menu pembayaran online pengguna akan mendapati daftar
siswa yang mengajukan pembayaran pada bulang bersangkutan. Untuk memvalidasi
pembayaran yang dilakukan oleh siswa pengguna dapat menekan tombol detail
untuk mengakses halaman validasi pembayaran yang diajukan siswa.

95
C. Halaman Utama Menu Status Pembayaran Siswa

Berikut adalah halaman utama menu status pembayaran siswa pada modul
keuangan.

Gambar 4 - 28 Halaman Utama Menu Status Pembayaran Siswa

Pada halaman utama menu status pembayaran siswa akan ditampilkan tabel daftar
siswa, dan pada kolom aksi terdapat tombol dropdown yang akan terdapat dua
pilihan yaitu lihat list status pembayaran untuk melihat status pembayaran dari
setiap tagihan iuran bulanan yang dimiliki dan cetak surat teguran untuk mencetak
surat teguran pada siswa yang menunggak pembayarannya.

D. Halaman Utama Menu Riwayat Transaksi

Berikut adalah halaman utama menu riwayat transaksi pada modul keuangan.

Gambar 4 - 29 Halaman Utama Menu Riwayat Transaksi

96
Pengguna akan ditampilkan daftar riwayat transaksi yang pernah dilakukan
sebelumnya, Tampilan halaman utama menu transaksi terdapat dua tombol yang
masing-masing digunakan untuk melihat bukti bayar dan melihat Kwitansi
pembayaran.

E. Halaman Utama Menu Konfirmasi Status Tagihan

Berikut adalah halaman utama menu konfirmasi status tagihan pada modul
keuangan.

Gambar 4 - 30 Halaman Utama Menu Konfirmasi Status Tagihan

Tampilan halaman utama menu konfirmasi status tagihan akan terdapat daftar siswa
yang mengajukan pemeriksaan status tagihannya untuk menyelesaikan proses
pendaftaran ulang yang dilakukan dengan menekan tombol konfirmasi pada kolom
aksi untuk mengakses halaman validasi.

4.1.4 Tampilan Fungsionalitas Konten Menu-Menu Pengguna

Dibawah ini merupakan tampilan fungsionalitas konten menu-menu pengguna.

4.1.4.1 Tampilan Fungsionalitas Menu-Menu Admin

Berikut adalah tampilan dari fungsionalitas menu-menu modul admin.


A. Form Atur Tahun Ajaran Baru

Berikut adalah form atur tahun ajaran baru pada modul admin.

97
Gambar 4 - 31 Form Atur Tahun Ajaran Baru

Form atur tahun ajaran baru digunakan untuk menambahkan tahun ajaran baru
ketika tahun ajaran yang berjalan akan berakhir dan pada form ini akan menampilkan
field pilihan tahun dan semester pada tahun ajaran yang akan ditambahkan.

B. Form Atur Kelas Siswa

Berikut adalah form atur kelas siswa pada modul admin.

Gambar 4 - 32 Form Atur Kelas Siswa

Form atur kelas siswa digunakan untuk mengatur kelas siswa saat tahun ajaran baru
dimulai. Pada tampilan form ini akan ditampilkan field untuk memilih kelas dan siswa
mana yang akan dimasukkan pada kelas tersebut.

98
C. Form Ganti Kelas Siswa

Berikut adalah form ganti kelas siswa pada modul admin.

Gambar 4 - 33 Form Ganti Kelas Siswa

Pada halaman ini akan ditampilkan nama siswa dan pilihan kelas untuk mengganti
kelas siswa.

D. Form Tambah User Pegawai

Berikut adalah form tambah user pegawai pada modul admin.

Gambar 4 - 34 Form Tambah User Pegawai

Pada tampilan form tambah user pegawai digunakan untuk menambah pengguna
dengan kategori admin, keuangan, dan kesiswaan. Pengguna akan ditampilkan field

99
username, password, pilih pegawai yang akan diberikan hak akses, dan kategori user
dengan tiga macam kategori yaitu admin, keuangan, dan kesiswaan.

E. Form Tambah User Wali Kelas

Berikut adalah form tambah user wali kelas pada modul admin.

Gambar 4 - 35 Form Tambah User Wali Kelas

Pada tampilan form tambah user wali kelas digunakan untuk menambah pengguna
dengan kategori wali kelas. Pengguna akan ditampilkan field username, password,
pilih guru yang akan diberikan hak akses, dan kategori user wali kelas.

F. Import File Siswa Baru

Berikut adalah form import file siswa baru pada modul admin.

Gambar 4 - 36 Import File Siswa Baru

100
Pada tampilan import file siswa baru pengguna akan ditampilkan field input file yang
digunakan untuk mengupload file jenis excel yang berisi data dari siswa baru. Ini
digunakan untuk mengimport data siswa baru sekolah.

G. Form Tambah Siswa

Berikut adalah form tambah siswa pada modul admin.

Gambar 4 - 37 Form Tambah Siswa

Pada halaman ini siswa akan ditampilkan form tambah siswa yang berisi field nama
siswa, tempat lahir, tanggal lahir, alamat, jenis kelamin, agama, program studi, dan
sekolah asal, nama ayah, nama ibu, pekerjaan ayah, dan pekerjaan ibu.

H. Form Tambah Guru

Berikut adalah form tambah guru pada modul admin.

Gambar 4 - 38 Form Tambah Guru

101
Form tambah guru digunakan untuk menambah guru. Pengguna akan ditampilkan
field kode guru, nama guru, NIP, dan jenis kelamin, agama, dan alamat.

I. Form Tambah Pegawai

Berikut adalah form tambah pegawai pada modul admin.

Gambar 4 - 39 Form Tambah Pegawai

Pada tampilan form tambah pegawai pengguna akan ditampilkan field kode guru,
nama guru, pilihan bagian atau divisi pegawai, dan pilihan jenis kelamin. Form ini
digunakan untuk menambah pegawai.

J. Form Tambah Kelas

Berikut adalah form tambah kelas pada modul admin.

Gambar 4 - 40 Form Tambah Kelas

102
Pada form tambah kelas digunakan untuk menambah kelas dan pada form ini akan
ditampilkan field nama kelas, pilihan tingkat, program studi, dan angka.

K. Form Tambah Program Studi

Berikut adalah form tambah program studi pada modul admin.

Gambar 4 - 41 Form Tambah Program Studi

Pada form tambah Program Studi digunakan untuk menambah Program Studi dan
pada form ini akan ditampilkan field nama program studi, kode program studi, dan
pilihan tahun pertama berdiri.

L. Form Atur Wali Kelas

Berikut adalah form atur wali kelas pada modul admin.

Gambar 4 - 42 Form Atur Wali Kelas

103
Pada form atur wali kelas digunakan untuk menentukan wali kelas pada awal tahun
ajaran dan pada form ini akan ditampilkan field pilihan kelas, wali kelas, dan tahun
ajaran wali kelas.

M. Form Ganti Wali Kelas

Berikut adalah form ganti wali kelas pada modul admin.

Gambar 4 - 43 Form Ganti Wali Kelas

Pada form ganti wali kelas digunakan untuk mengganti wali kelas dan pada form ini
akan ditampilkan field nama kelas dan pilihan guru untuk menggantikan wali kelas.

4.1.4.2 Tampilan Fungsionalitas Menu-Menu Keuangan


Berikut adalah tampilan-tampilan pada menu-menu modul keuangan.

A. List Status Iuran Siswa

Berikut adalah halaman list status iuran siswa pada modul keuangan.

104
Gambar 4 - 44 List Status Iuran Siswa

Pada list status iuran siswa pengguna akan ditampilkan daftar status iuran siswa
setelah pengguna menekan tombol list status iuran siswa pada menu status
pembayaran siswa.

B. Form Pembayaran Iuran Langsung

Berikut adalah form pembayaran iuran langsung pada modul keuangan.

Gambar 4 - 45 Form Pembayaran Iuran Langsung

Pada tampilan form bayar iuran langsung digunakan untuk membayar iuran bulanan
siswa setelah menekan pembayaran dan memilih bulan untuk dibayar pada menu
pembayaran langsung. Pengguna akan ditampilkan field nama siswa, iuran bulan apa,
pilih jenis pembayaran, dan pilih jumlah pembayaran.

C. Verifikasi Pembayaran Online

105
Berikut adalah halaman verifikasi pembayaran online pada modul keuangan.

Gambar 4 - 46 Verifikasi Pembayaran Online

Verifikasi pembayaran online dapat diakses dengan menekan tombol verifikasi pada
menu pembayaran online yang digunakan untuk memverifikasi pembayaran online
yang dilakukan siswa. Pengguna akan ditampilkan field nama siswa, iuran bulan apa,
sisa iuran, pilih jenis pembayaran, jumlah pembayaran, dan lihat bukti bayar.

D. Lihat Bukti Bayar

Berikut adalah halaman lihat bukti bayar pada modul keuangan.

Gambar 4 - 47 Lihat Bukti Bayar

Halaman lihat bukti bayar dapat diakses dengan menekan tombol lihat foto pada
halaman verifikasi pembayaran online.

106
E. Form justifikasi penolakan

Berikut adalah form justifikasi penolakan bagian keuangan.

Gambar 4 - 48 Form Justifikasi Penolakan

Form justifikasi penolakan digunakan untuk melakukan penolakan terhadap


pembayaran iuran online yang dilakukan siswa dapat diakses setelah menekan
tombol tolak pada halaman verifikasi pembayaran online. Pengguna akan ditampilka
text area untuk diisikan justifikasi penolakan yang nantinya akan menjadi notif bagi
siswa dan tombol kirim untuk mengkonfirmasi.

F. Halaman Cetak Surat Teguran

Berikut adalah halaman cetak surat teguran pada modul keuangan.

Gambar 4 - 49 Halaman Cetak Surat Teguran

107
Pada halaman ini akan ditampilkan surat teguran yang akan diserahkan pada siswa,
halaman ini bisa diakses dengan menekan tombol cetak surat teguran pada
dropdown yang ada di halaman utama menu status pembayaran siswa.

G. Lihat Kwitansi Pembayaran

Berikut adalah halaman lihat kwitansi pada modul keuangan.

Gambar 4 - 50 Lihat kwitansi pembayaran

Halaman lihat kwitansi pembayaran akan menampilkan kwitansi pembayaran dari


pembayaran yang telah dilakukan, halaman ini dapat diakses setelah pengguna
menekan tombol lihat kwitansi pada halaman riwayat pembayaran siswa.

4.1.4.3 Tampilan Fungsionalitas Menu-Menu Kesiswaan


Berikut adalah tampilan fungsionalitas menu-menu kesiswaan.
A. Form Atur Waktu Daftar Ulang

Berikut adalah form atur waktu daftar ulang pada modul kesiswaan.

108
Gambar 4 - 51 Form Atur Waktu Daftar Ulang

Pada form ini user akan ditampilkan 2 field, field pertama untuk waktu mulai daftar
ulang dan yang kedua untuk waktu berakhirnya daftar ulang.

B. Form Ingatkan Siswa Daftar Ulang

Berikut adalah form ingatkan siswa daftar ulang pada modul kesiswaan.

Gambar 4 - 52 Form Ingatkan Siswa Daftar Ulang

Form ingatkan siswa daftar ulang digunakan untuk mengingatkan siswa untuk
melakukan daftar ulang dan dapat diakses setelah menekan tombol ingatkan pada
halaman menu utama siswa belum daftar ulang. Pengguna akan ditampilkan text
area untuk diisikan pesan kepada siswa siswa dan tombol kirim untuk
mengkonfirmasi.

109
4.1.4.4 Tampilan Fungsionalitas Menu-Menu Siswa
Berikut adalah tampilan fungsionalitas dari menu-menu pada modul siswa.
A. Cek Status Pendaftaran Ulang

Berikut adalah halaman cek status pendaftaran ulang pada modul siswa.

Gambar 4 - 53 Cek Status Pendaftaran Ulang

Pada halaman cek status daftar ulang siswa dapat meliha status rapor dan status
tagihannya, halaman ini hanya dapat diakses setelah siswa mengajukan daftar ulang.

B. Form Ajukan Pembayaran Iuran Online

Berikut adalah form ajukan pembayaran iuran online pada modul siswa.

Gambar 4 - 54 Form Ajukan Pembayaran Iuran Online

110
Pada tampilan form ajukan pembayaran iuran online digunakan untuk membayar
iuran bulanan siswa setelah menekan bayar bayara pada dropdown iuran bulan yang
dipilih. Pengguna akan ditampilkan field input file, iuran bulan apa, pilih jenis metode
pembayaran, dan pilih jumlah pembayaran.

C. Lihat Riwayat Pembayaran

Berikut adalah halaman lihat riwayat pembayaran pada modul siswa.

Gambar 4 - 55 Lihat Riwayat Pembayaran

Pada halaman lihat riwayat pembayaran pengguna akan ditampilkan data dari
riwayat transaksi yang dilakukan siswa, dan ditampilkan tombol lihat bukti, dan lihat
kwitansi. Halaman ini dapat diakses setelah menekan tombol lihat pada halaman
utama menu riwayat pembayaran.

D. Lihat Bukti Pembayaran

Berikut adalah halaman lihat bukti pembayaran pada modul siswa.

111
Gambar 4 - 56 Lihat Bukti Pembayaran

Pada halaman ini pengguna akan ditampilkan foto dari bukti pembayaran yang
dilakukan. Halaman ini dapat diakses dengan menekan tombol lihat bukti pada
halaman lihat riwayat pembayaran.

E. Lihat Kwitansi Pembayaran

Berikut adalah halaman lihat kwitansi pembayaran pada modul siswa.

Gambar 4 - 57 Lihat Kwitansi Pembayaran

Pada halaman lihat kwitansi pembayaran akan ditampilkan kwitansi dari


pembayaran yang sudah dilakukan siswa, dan halaman ini dapat diakses dengan
menekan tombol lihat kwitansi pada halaman lihat riwayat pembayaran.

112
F. Cek Rapor

Berikut adalah halaman cek rapor oleh siswa.

Gambar 4 - 58 Cek Rapor

Pada halaman cek rapor siswa akan ditampilkan rapor dari pengajuan registrasi yang
pernah siswa ajukan. Dapat diakses dengan menekan tombol lihat rapor pada menu
riwayat daftar ulang.

4.1.4.5 Tampilan Fungsionalitas Menu-Menu Wali Kelas


Berikut adalah tampilan-tampilan dari fungsionalitas menu-menu yang ada pada
modul wali kelas.

A. Form Ingatkan Siswa Daftar Ulang

Berikut adalah form ingatkan siswa daftar ulang oleh wali kelas.

Gambar 4 - 59 Form Ingatkan Siswa Daftar Ulang

113
Form ingatkan siswa daftar ulang digunakan untuk mengingatkan siswa untuk
melakukan daftar ulang dan dapat diakses setelah menekan tombol ingatkan pada
halaman menu utama status registrasi siswa kelas. Pengguna akan ditampilkan text
area untuk diisikan pesan kepada siswa siswa dan tombol kirim untuk
mengkonfirmasi.

B. Form Konfirmasi Rapor Daftar Ulang

Berikut adalah form konfirmasi rapor daftar ulang oleh wali kelas.

Gambar 4 - 60 Form Konfirmasi Rapor Daftar Ulang

Pada halaman ini pengguna akan ditampilkan nama siswa, kelas, tombol cek rapor,
tombol tolak, dan tombol konfirmasi. Halaman ini digunakan untuk melakukan
verifikasi terhadap rapor siswa yang digunakan sebagai syarat pendaftaran ulang,
dan dapat diakses dengan menekan tombol verifikasi pada halaman utama menu
konfirmasi rapor.

C. Cek Rapor

Berikut adalah gambar cek rapor oleh wali kelas.

114
Gambar 4 - 61 Cek Rapor

Pada halaman cek rapor pengguna akan ditampilkan rapor dari siswa yang
mengajukan daftar ulang. Halaman ini dapat diakses dengan menekan tombol cek
rapor pada halaman form konfirmasi rapor daftar ulang.

4.2 Pengujian

Pada tahap pengujian ini akan dijelaskan tentang proses pengujian yang dilakukan
pada aplikasi yang dibangun. Pengujian dilakukan dengan Black Box Testing jenis
functional testing. Berikut merupakan hasil pengujian yang telah dilakukan.

4.2.1 Pengujian Functional Testing

Berikut adalah hasil dari pengujian fungsionalitas-fungsionalitas aplikasi.

4.2.1.1 Pengujian Proses Login Pegawai


Berikut pengujian proses login pegawai.

Tabel 4 - 1 Pengujian Proses Login Pegawai

Test Case Test Case Expected Actual Result Status


Description Result
Mengisi data -username: Aplikasi akan Aplikasi Berhasil
dengan benar {keuangan} menampilkan menampilkan
-Password: {pass} halaman halaman utama
utama keuangan
pengguna
kategori

115
Test Case Test Case Expected Actual Result Status
Description Result
pegawai yaitu
admin,
keuangan, dan
kesiswaan
Form -username: { } Aplikasi Aplikasi menolak Berhasil
dikosongkan -Password: { } menolak dengan
dengan mengeluarkan
mengeluarkan pesan “please
pesan fill out this
“username dan field”, dan tetap
password tidak berada di form
boleh kosong”, login
dan tetap
berada di form
login
Mengisi -username: Aplikasi Aplikasi berhasil
username salah {dalhdajhdja } mengeluarkan mengeluarkan
-Password: {pass } notifikasi notifikasi “maaf
“maaf username yang
username yang dimasukkan
dimasukkan salah” dan
salah” dan kembali ke
kembali ke halaman login
halaman login pegawai
pegawai
Mengisi -username: Aplikasi Aplikasi berhasil
password salah {admin } mengeluarkan mengeluarkan
-Password: notifikasi notifikasi “maaf
{dasdjlasdjahsdkja “maaf password yang
} password yang dimasukkan
dimasukkan salah” dan
salah” dan kembali ke
kembali ke halaman login
halaman login pegawai
pegawai

4.2.1.2 Pengujian Proses Login Wali Kelas

Berikut pengujian proses login wali kelas.

116
Tabel 4 - 2 Pengujian Proses Login Wali Kelas

Test Case Test Case Expected Actual Result Status


Description Result
Mengisi data -username: Aplikasi akan Aplikasi Berhasil
dengan benar {walikelas} menampilkan menampilkan
-Password: {pass} halaman halaman utama
utama wali wali kelas
kelas
Mengisi -username: Aplikasi Aplikasi berhasil
username salah {dalhdajhdja } mengeluarkan mengeluarkan
-Password: {pass } notifikasi notifikasi “maaf
“maaf username yang
username yang dimasukkan
dimasukkan salah” dan
salah” dan kembali ke
kembali ke halaman login
halaman login pegawai
pegawai
Mengisi -username: Aplikasi Aplikasi berhasil
password salah {walikelas } mengeluarkan mengeluarkan
-Password: notifikasi notifikasi “maaf
{dasdjlasdjahsdkja “maaf password yang
} password yang dimasukkan
dimasukkan salah” dan
salah” dan kembali ke
kembali ke halaman login
halaman login wali kelas
wali kelas

4.2.1.3 Pengujian Proses Login Siswa

Berikut pengujian proses login siswa.

Tabel 4 - 3 Pengujian Proses Login Siswa

Test Case Test Case Expected Actual Result Status


Description Result
Mengisi data -username: {123} Aplikasi akan Aplikasi Berhasil
dengan benar -Password: {pass} menampilkan menampilkan
halaman halaman utama
utama siswa siswa
Form -username: { } Aplikasi Aplikasi menolak Berhasil
dikosongkan -Password: { } menolak dengan
dengan mengeluarkan

117
Test Case Test Case Expected Actual Result Status
Description Result
mengeluarkan pesan “please
pesan fill out this
“username dan field”, dan tetap
password tidak berada di form
boleh kosong”, login
dan tetap
berada di form
login
Mengisi -username: Aplikasi Aplikasi berhasil
username salah {dalhdajhdja} mengeluarkan mengeluarkan
-Password: {pass } notifikasi notifikasi “maaf
“maaf username yang
username yang dimasukkan
dimasukkan salah” dan
salah” dan kembali ke
kembali ke halaman login
halaman login siswa
siswa
Mengisi -username: {123} Aplikasi Aplikasi berhasil
password salah -Password: mengeluarkan mengeluarkan
{dasdjlasdjahsdkja notifikasi notifikasi “maaf
} “maaf password yang
password yang dimasukkan
dimasukkan salah” dan
salah” dan kembali ke
kembali ke halaman login
halaman login siswa
siswa

4.2.1.4 Pengujian Proses Membayar Iuran Bulanan


Berikut pengujian proses pembayaran iuran.

Tabel 4 - 4 Pengujian Proses Membayar Iuran Bulanan

Test Case Test Case Expected Actual Result Status


Description Result
Mengisi data -bukti bayar: Aplikasi akan Aplikasi akan Berhasil
dengan benar {a.png} size menampilkan menampilkan
pada form 120kb “terima kasih, “terima kasih,
pengajuan -tipe pembayaran pembayaran
pembayaran pembayaran: akan diproses” akan diproses”
{lunas} dan dan

118
Test Case Test Case Expected Actual Result Status
Description Result
Jumlah bayar: menampilkan menampilkan
{125000} daftar iuran daftar iuran
bulanan bulanan
Mengisi data -bukti bayar: Aplikasi Aplikasi menolak Berhasil
yang salah {a.png} size 5 menolak dengan
dengan ukuran mb dengan mengeluarkan
file bukti bayar -tipe mengeluarkan pesan “maaf,
lebih dari 2 pembayaran: pesan “maaf, ukuran file tidak
mega byte {lunas} ukuran file boleh lebih dari
pada form Jumlah bayar: tidak boleh 2 mega byte”,
pengajuan {125000} lebih dari 2 dan kembali ke
pembayaran mega byte”, daftar iuran
dan kembali ke bulanan
daftar iuran
bulanan
Memilih pilihan Pilih tipe Mengubah Mengubah berhasil
tipe pembayaran pembayaran jumlah jumlah
lunas pada form lunas pembayaran pembayaran
pembayaran menjadi menjadi
iuran akan sejumlah sisa sejumlah sisa
merubah jumlah iuran iuran
bayar menjadi
sejumlah sisa
iuran bayaran
Memilih pilihan Pilih tipe merubah merubah pilihan berhasil
tipe pembayaran pembayaran pilihan jumlah jumlah bayar
kredit pada form kredit bayar menjadi menjadi 100000,
pembayaran 100000, 75000, 75000, 50000,
iuran akan 50000, dan dan 25000
merubah pilihan 25000
jumlah bayar
menjadi 100000,
75000, 50000,
dan 25000
Field bukti bayar - bukti bayar: {} Aplikasi Aplikasi menolak Berhasil
pada form menolak dengan
pengajuan dengan mengeluarkan
pembayaran mengeluarkan pesan “please
dikosongkan pesan “please select file”, dan
select file”, dan tetap berada di
tetap berada di form
form

119
4.2.1.5 Pengujian Proses Mengajukan Daftar Ulang

Berikut pengujian proses mengajukan daftar ulang.

Tabel 4 - 5 Pengujian Proses Mengajukan Daftar Ulang

Test Case Test Case Expected Actual Result Status


Description Result
Mengupload -upload rapor: Aplikasi akan Aplikasi akan Berhasil
rapor dengan {fgd file.pdf} size menampilkan menampilkan
format yang 988kb “terima kasih, “terima kasih,
benar dan ukuran silahkan silahkan
yang benar yaitu menunggu menunggu
tidak lebih dari 2 konfirmasi dari konfirmasi dari
mega byte wali kelas dan wali kelas dan
bagian bagian
keuangan” dan keuangan” dan
menampilkan menampilkan
status daftar status daftar
ulang ulang
Menginput file -upload rapor: Aplikasi Aplikasi menolak Berhasil
dengan ukuran {6TF05754.pdf} menolak dengan
lebih dari 2 mega size 5 mega byte dengan mengeluarkan
byte mengeluarkan pesan “maaf,
pesan “maaf, ukuran tidak
ukuran tidak boleh lebih dari
boleh lebih dari 2 mega byte”,
2 mega byte”, dan kembali ke
dan kembali ke form ajukan
form ajukan daftar ulang
daftar ulang
Form input file -upload rapor: {} Aplikasi Aplikasi menolak Berhasil
rapor menolak dengan
dikosongkan dengan mengeluarkan
mengeluarkan pesan “please
pesan “please select file”, dan
select file”, dan tetap berada di
tetap berada di form ajukan
form ajukan daftar ulang
daftar ulang

4.2.1.6 Pengujian Proses Mengelola Data Tagihan Siswa

Berikut pengujian proses mengelola data tagihan siswa.

120
Tabel 4 - 6 Pengujian Proses Mengelola Data Tagihan Siswa

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
terhadap sistem status daftar siswa daftar siswa dan
pembayaran dan sisa iuran sisa iuran atau
siswa atau tunggakan tunggakan yang
yang dimiliki dimiliki
Melakukan aksi Tekan tombol Aplikasi Aplikasi Berhasil
terhadap sistem dropdown pada menampilkan menampilkan
siswa yang pilihan aksi pilihan aksi
tunggakan atau “cetak surat “cetak surat
sisa iurannya teguran” dan teguran” dan
lebih dari 0 “lihat list status “lihat list status
pembayaran” pembayaran”
Melakukan aksi Tekan tombol Aplikasi Aplikasi Berhasil
terhadap sistem dropdown pada menampilkan menampilkan
siswa yang pilihan aksi pilihan aksi
tunggakan atau “lihat list status “lihat list status
sisa iurannya pembayaran” pembayaran”
sama dengan 0

Melakukan aksi Tekan pilihan Aplikasi Aplikasi Berhasil


terhadap sistem “cetak surat menampilkan menampilkan
teguran” pada surat teguran surat teguran
row data siswa yang berisi yang berisi
pada menu kalimat teguran kalimat teguran
“status dan daftar dan daftar
pembayaran tunggakan tunggakan iuran
siswa” iuran

Melakukan aksi Tekan pilihan Aplikasi Aplikasi Berhasil


terhadap sistem “lihat list status menampilkan menampilkan
pembayaran” daftar iuran daftar iuran
pada row data siswa, jumlah siswa, jumlah
siswa pada terbayar, dan terbayar, dan
menu “status sisa iuran sisa iuran
pembayaran
siswa”

Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil


terhadap sistem “riwayat daftar data daftar data
transaksi” riwayat riwayat transaksi
transaksi yang yang pernah
pernah dilakukan oleh

121
Test Case Test Case Expected Actual Result Status
Description Result
dilakukan oleh siswa, tombol
siswa, tombol lihat bukti, dan
lihat bukti, dan tombol lihat
tombol lihat nota
nota pembayaran
pembayaran
Melakukan aksi Tekan tombol Aplikasi Aplikasi berhasil
terhadap sistem “lihat bukti” membuka membuka
pada menu halaman baru halaman baru
“riwayat dan dan
transaksi” menampilkan menampilkan
bukti bayar bukti bayar
transaksi transaksi
Melakukan aksi Tekan tombol Aplikasi Aplikasi berhasil
terhadap sistem “lihat nota” membuka membuka
pada menu halaman baru halaman baru
“riwayat dan dan
transaksi” menampilkan menampilkan
nota nota
pembayaran pembayaran

4.2.1.7 Pengujian Proses Verifikasi Pembayaran Iuran Online

Berikut hasil pengujian proses verifikasi pembayaran iuran online.

Tabel 4 - 7 Pengujian Proses Verifikasi Pembayaran Iuran Online

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
terhadap sistem pembayaran daftar daftar
iuran online pengajuan pengajuan
pembayaran pembayaran
siswa, jumlah siswa, jumlah
dibayarkan, dibayarkan, dan
dan tombol tombol detail
detail untuk untuk verifikasi
verifikasi
Melakukan aksi Tekan tombol Aplikasi Aplikasi Berhasil
terhadap sistem detail pada row menampilkan menampilkan
data pada menu form form konfirmasi
pembayaran konfirmasi pembayaran
iuran online pembayaran online berisi field

122
Test Case Test Case Expected Actual Result Status
Description Result
online berisi read only nama
field read only siswa, iuran
nama siswa, bulan apa, sisa
iuran bulan iuran, jumlah
apa, sisa iuran, bayar, tombol
jumlah bayar, “lihat foto”,
tombol “lihat tombol “terima”,
foto”, tombol dan tombol
“terima”, dan “tolak”
tombol “tolak”
Melakukan aksi Tekan tombol Aplikasi Aplikasi Berhasil
terhadap sistem “lihat foto” pada menampilkan menampilkan
form konfirmasi modal berisi modal berisi foto
pembayaran foto bukti bukti bayar
online bayar transaksi transaksi

Melakukan aksi Tekan tombol Aplikasi Aplikasi kembali berhasil


terhadap sistem “terima” pada kembali ke ke halaman
form konfirmasi halaman utama utama menu
pembayaran menu pembayaran
online pembayaran online
online menampilkan
menampilkan pesan “terima
pesan “terima kasih, konfirmasi
kasih, penerimaan
konfirmasi pembayaran
penerimaan berhasil
pembayaran dilakukan”
berhasil
dilakukan”
Melakukan aksi Tekan tombol Aplikasi Aplikasi berhasil
terhadap sistem “tolak” pada menampilkan menampilkan
form konfirmasi form pesan form pesan
pembayaran untuk diisikan untuk diisikan
online justifikasi justifikasi
penolakan penolakan
pembayaran pembayaran
Mengosongkan Pesan:{} Aplikasi Aplikasi berhasil
text area pada menampilkan menampilkan
form pesan pesan “please pesan “please fill
penolakan fill out this out this field”
field”

123
Test Case Test Case Expected Actual Result Status
Description Result
Mengisi dengan Pesan:{bukti Aplikasi Aplikasi kembali berhasil
benar text area bayar kurang kembali ke ke halaman
pada form pesan jelas} halaman utama utama menu
penolakan menu pembayaran
pembayaran online dan
online dan menampilkan
menampilkan pesan “Terima
pesan “Terima kasih, Konfirmasi
kasih, Penolakan
Konfirmasi Pembayaran
Penolakan Berhasil
Pembayaran dilakukan”
Berhasil
dilakukan”

4.2.1.8 Pengujian Proses Konfirmasi Pembayaran Langsung

Berikut adalah hasil pengujian proses konfirmasi pembayaran langsung.

Tabel 4 - 8 Pengujian Proses Pembayaran Iuran Langsung

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
terhadap sistem pembayaran tabel daftar tabel daftar data
iuran langsung data siswa dan siswa dan
tombol tombol
pembayaran pembayaran
untuk untuk
melakukan melakukan
pembayaran pembayaran
Melakukan aksi Tekan tombol Aplikasi Aplikasi Berhasil
terhadap sistem pembayaran menampilkan menampilkan
pada row data tabel daftar tabel daftar
pada menu iuran yang iuran yang akan
pembayaran akan dibayarkan
langsung dibayarkan dengan data
dengan data bulan iuran,
bulan iuran, terbayar, sisa
terbayar, sisa tagihan, status
tagihan, status iuran, dan
iuran, dan tombol
tombol dropdown bayar

124
Test Case Test Case Expected Actual Result Status
Description Result
dropdown dan lihat riwayat
bayar dan lihat pembayaran
riwayat
pembayaran
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “bayar” pada form form
tabel daftar pembayaran pembayaran
iuran yang akan langsung yang langsung yang
dibayarkan berisi field berisi field
informasi informasi nama,
nama, bulan, bulan, dan sisa
dan sisa iuran iuran serta
serta menampilkan
menampilkan pilihan tipe
pilihan tipe pembayaran
pembayaran apakah lunas
apakah lunas atau kredit dan
atau kredit dan field jumlah
field jumlah bayar
bayar
Melakukan aksi Memilih tipe Isi field jumlah Isi Field jumlah Berhasil
terhadap sistem pembayaran bayar berubah bayar berubah
“lunas” sebanyak sisa sebanyak sisa
iuran yang ada iuran yang ada
Melakukan aksi Memilih tipe Field jumlah Field jumlah Berhasil
terhadap sistem pembayaran bayar bayar
“kredit” menampilkan menampilkan
pilihan pilihan
pembayaran pembayaran
dimulai dari dimulai dari sisa
sisa iuran iuran dikuran
dikuran 25000 25000 sampai
sampai dengan dengan
minimum minimum
pembayaran pembayaran
sebesar 25000 sebesar 25000
rupiah rupiah

4.2.1.9 Pengujian Proses Konfirmasi Status Iuran Daftar Ulang

Beriikut adalah hasil pengujian proses konfirmasi status iuran daftar ulang.

125
Tabel 4 - 9 Pengujian Proses Konfirmasi Status Iuran Daftar Ulang

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
terhadap sistem “konfirmasi tabel daftar tabel daftar
status tagihan” siswa yang siswa yang
mengajukan mengajukan
daftar ulang daftar ulang
yang belum yang belum
dikonfirmasi dikonfirmasi
lunas status lunas status
pembayarannya pembayarannya
dan tombol dan tombol
konfirmasi di konfirmasi di
setiap row data setiap row data
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “konfirmasi” form konfirmasi form konfirmasi
pada row data status tagihan status tagihan
tabel daftar siswa berisi siswa berisi
siswa informasi nama informasi nama
siswa, tahun siswa, tahun
ajaran, ajaran,
semester, dan semester, dan
tombol “lihat tombol “lihat
status” status”
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “lihat status” pop up berisi pop up berisi
pada form tabel daftar tabel daftar
konfirmasi iuran dengan iuran dengan
status tagihan data iuran dan data iuran dan
siswa statusnya statusnya

Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil


terhadap sistem “lunas” pada pesan “terima pesan “terima
form konfirmasi kasih, kasih, konfirmasi
status tagihan konfirmasi status tagihan
siswa status tagihan berhasil
berhasil dilakukan” dan
dilakukan” dan kembali ke
kembali ke halaman utama
halaman utama menu konfirmasi
menu status tagihan
konfirmasi
status tagihan

126
Test Case Test Case Expected Actual Result Status
Description Result
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “belum lunas” pesan “terima pesan “terima
kasih, kasih, konfirmasi
konfirmasi status tagihan
status tagihan berhasil
berhasil dilakukan” dan
dilakukan” dan kembali ke
kembali ke halaman utama
halaman utama menu konfirmasi
menu status tagihan
konfirmasi
status tagihan

4.2.1.10 Pengujian Proses Verifikasi Rapor

Berikut adalah hasil pengujian proses verifikasi rapor.

Tabel 4 - 10 Pengujian Proses Verifikasi Rapor

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
terhadap sistem “konfirmasi tabel daftar tabel daftar
rapor” siswa yang siswa yang
mengajukan mengajukan
daftar ulang daftar ulang
yang belum yang belum
divalidasi divalidasi
rapornya dan rapornya dan
tombol tombol
“verifikasi” di “verifikasi” di
setiap row data setiap row data
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “verifikasi” pada form konfirmasi form konfirmasi
row data tabel rapor siswa rapor siswa
daftar siswa berisi informasi berisi informasi
nama siswa, nama siswa,
kelas, dan kelas, dan
tombol “cek tombol “cek
rapor” rapor”
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “cek rapor” pop up berisi pop up berisi
pada form rapor siswa rapor siswa

127
Test Case Test Case Expected Actual Result Status
Description Result
konfirmasi rapor
siswa

Melakukan aksi Tekan tombol Menampilkan Menampilkan berhasil


terhadap sistem “konfirmasi” pesan “terima pesan “terima
pada form kasih, kasih, konfirmasi
konfirmasi rapor konfirmasi rapor berhasil
siswa rapor berhasil dilakukan” dan
dilakukan” dan kembali ke
kembali ke halaman utama
halaman utama menu konfirmasi
menu rapor
konfirmasi
rapor
Melakukan aksi Tekan tombol Menampilkan Menampilkan berhasil
terhadap sistem “tolak” form form justifikasi form justifikasi
konfirmasi rapor penolakan penolakan rapor
siswa rapor yang yang berisi text
berisi text area area untuk
untuk mengetikkan
mengetikkan kesalahan
kesalahan
Mengosongkan Pesan:{} Aplikasi Menampilkan berhasil
text area pada menolak dan pesan “please fill
form justifikasi menampilkan out this field”
penolakan rapor pesan “please dan tetap
fill out this berada di form
field” dan tetap
berada di form
Mengisi dengan Pesan:{salah Menampilkan Menampilkan berhasil
benar text area fotokopi rapor} pesan “terima pesan “terima
pada form kasih, kasih, penolakan
justifikasi penolakan rapor berhasil”
penolakan rapor rapor berhasil” dan kembali ke
dan kembali ke halaman utama
halaman utama menu konfirmasi
menu rapor
konfirmasi
rapor

4.2.1.11 Pengujian Proses Kelola Siswa

Berikut adalah hasil pengujian proses kelola siswa.

128
Tabel 4 - 11 Pengujian Proses Kelola Siswa

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “atur kelas siswa” form atur kelas form atur kelas
siswa dengan siswa dengan
pilihan kelas pilihan kelas dan
dan nama siswa nama siswa
Memilih kelas Kelas : {XII Menampilkan Menampilkan Berhasil
akan Multimedia 04} daftar siswa daftar siswa
menampilkan yang memiliki yang memiliki
daftar siswa yang prodi yang prodi yang sama
merupakan siswa sama dengan dengan kelas
dari program kelas pada pada pilihan
studi dari kelas pilihan nama nama siswa
yang dipilih siswa
Mengosongkan Kelas:{} Aplikasi Menampilkan Berhasil
form atur kelas menolak dan pesan “please
siswa Nama siswa:{} menampilkan select an item in
pesan “please the list” dan
select an item tetap berada di
in the list” dan halaman
tetap berada di
halaman
Mengisi form Kelas:{XII Menampilkan Menampilkan Berhasil
atur kelas siswa Multimedia 04} pesan “terima pesan “terima
dengan benar kasih, kelas kasih, kelas
Nama siswa berhasil siswa berhasil
siswa:{Dennis disimpan” dan disimpan” dan
Surya} kembali ke kembali ke
halaman utama halaman utama
menu kelola menu kelola
siswa siswa
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “ganti kelas” form ganti form ganti kelas
siswa pada row kelas siswa siswa dengan
data siswa dengan pilihan pilihan kelas
kelas
Mengosongkan Kelas:{} Aplikasi Menampilkan berhasil
form ganti kelas menolak dan pesan “please
siswa menampilkan select an item in
pesan “please the list” dan
select an item tetap berada di
in the list” dan halaman

129
Test Case Test Case Expected Actual Result Status
Description Result
tetap berada di
halaman
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
terhadap sistem “tambah siswa” form tambah form tambah
siswa siswa
Mengosongkan -Nama siswa:{} Aplikasi Menampilkan Berhasil
form tambah -Tempat lahir : {} menolak dan pesan “please
siswa -tanggal lahir : {} menampilkan fill out the field”
- alamat : {} pesan “please dan tetap
-jenis kelamin : {} fill out the berada di
-tahun diterima:{} field” dan tetap halaman
-agama:{} berada di
-program studi:{} halaman
-sekolah asal:{}
-nama ayah:{}
-nama ibu:{}
-pekerjaan ayah:{}
-pekerjaan ibu:{}
Mengisi form -Nama Menampilkan Menampilkan Berhasil
tambah siswa siswa:{doni} pesan “siswa pesan “siswa
dengan benar -tempat berhasil berhasil
lahir:{kepahiang} ditambahkan” ditambahkan”
-tanggal lahir:{23 dan kembali ke dan kembali ke
juni 2000} halaman kelola halaman kelola
-alamat:{jl. Raya siswa siswa
Kepahiang-Curup
no. 5}
-jenis
kelamin:{laki-laki}
-tahun
diterima:{2017}
-agama:{islam}
-program
studi:{multimedia}
-sekolah
asal:{smpn 2
kepahiang}
-nama ayah:{joni}
-nama ibu:{desi
komalasari}
-pekerjaan
ayah:{PNS/Guru}

130
Test Case Test Case Expected Actual Result Status
Description Result
-pekerjaan
ibu:{ibu rumah
tangga}
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “hapus siswa” pesan “hapus pesan “hapus
pada row data siswa berhasil siswa berhasil
siswa tabel daftar dilakukan” dan dilakukan” dan
siswa tetap di tetap di
halaman halaman
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “import file siswa form import file form import file
baru” siswa baru siswa baru

Mengupload file File:{book1} size Aplikasi Menampilkan Berhasil


dengan ukuran 2,5 mega byte menolak dan pesan “maaf,
lebih dari 2 mega menampilkan ukuran file tidak
byte pesan “maaf, boleh lebih dari
ukuran file 2 mega byte}
tidak boleh
lebih dari 2
mega byte}

4.2.1.12 Pengujian Proses Kelola Guru

Berikut adalah hasil pengujian proses kelola guru

Tabel 4 - 12 Pengujian Proses Kelola Guru

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
pada sistem kelola pegawai halaman utama halaman utama
dan guru menu kelola menu kelola
pegawai dan pegawai dan
guru dengan guru dengan
tabel guru dan tabel guru dan
pegawai pegawai
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “tambah guru” form tambah form tambah
guru guru

131
Test Case Test Case Expected Actual Result Status
Description Result
Mengosongkan -kode guru:{} Aplikasi Aplikasi menolak Berhasil
form tambah -nip:{} menolak dengan
guru -Nama guru:{} dengan mengeluarkan
-jenis kelamin:{} mengeluarkan pesan “please fill
-agama:{} pesan “please out the field”,
-alamat:{} fill out the dan tetap
field”, dan berada di form
tetap berada di tambah guru
form tambah
guru
Mengisi form -kode{mfc} Aplikasi Aplikasi Berhasil
dengan benar -nip{1123} menampilkan menampilkan
-nama pesan “data pesan “data
guru:{moch. berhasil berhasil
Faizalc candra} ditambahkan” ditambahkan”
-jenis dan kembali ke dan kembali ke
kelamin:{laki- halaman utama halaman utama
laki} menu kelola menu kelola
-agama:{islam} pegawai dan pegawai dan
-alamat:{jl. guru guru
Pensiunan
belakang no 22}
Melakukan aksi Menekan Aplikasi Aplikasi berhasil
pada sistem tombol “hapus menampilkan menampilkan
guru” dialog dengan pesan “apakah
pesan “apakah anda yakin ingin
anda yakin menghapus guru
ingin ini?” dengan
menghapus pilihan ok dan
guru ini?” cancel
dengan pilihan
ok dan cancel
Melakukan aksi Menekan Aplikasi Aplikasi Berhasil
pada sistem tombol ok pada menghapus menghapus data
dialog hapus data guru dan guru dan
guru menampilkan menampilkan
pesan “terima pesan “terima
kasih, guru kasih, guru
berhasil berhasil
dihapus” dan dihapus” dan
tetap pada tetap pada
halaman halaman

132
4.2.1.13 Pengujian Proses Kelola Pegawai

Berikut adalah hasil dari pengujian proses kelola pegawai.

Tabel 4 - 13 Pengujian Proses Kelola Pegawai

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
pada sistem kelola pegawai halaman utama halaman utama
dan guru menu kelola menu kelola
pegawai dan pegawai dan
guru dengan guru dengan
tabel guru dan tabel guru dan
pegawai pegawai
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “tambah form tambah form tambah
pegawai” pegawai pegawai

Mengosongkan -kode pegawai:{} Aplikasi Aplikasi menolak Berhasil


form tambah -nip:{} menolak dengan
pegawai -Nama dengan mengeluarkan
pegawai:{} mengeluarkan pesan “please fill
-jenis kelamin:{} pesan “please out the field”,
-bagian :{} fill out the dan tetap
-agama:{} field”, dan berada di form
-alamat:{} tetap berada di tambah pegawai
form tambah
pegawai
Mengisi form -kode{mfc} Aplikasi Aplikasi Berhasil
dengan benar -nip{1123} menampilkan menampilkan
-nama pesan “data pesan “data
pegawai:{moch. berhasil berhasil
Faizal candra} ditambahkan” ditambahkan”
-jenis dan kembali ke dan kembali ke
kelamin:{laki- halaman utama halaman utama
laki} menu kelola menu kelola
-bagian : pegawai dan pegawai dan
{kesiswaan} guru guru
-agama:{islam}
-alamat:{jl.
Pensiunan
belakang no 22}
Melakukan aksi Menekan Aplikasi Aplikasi berhasil
pada sistem tombol “hapus menampilkan menampilkan
pegawai” dialog dengan pesan “apakah

133
Test Case Test Case Expected Actual Result Status
Description Result
pesan “apakah anda yakin ingin
anda yakin menghapus
ingin pegawai ini?”
menghapus dengan pilihan
pegawai ini?” ok dan cancel
dengan pilihan
ok dan cancel
Melakukan aksi Menekan Aplikasi Aplikasi Berhasil
pada sistem tombol ok pada menghapus menghapus data
dialog hapus data pegawai pegawai dan
pegawai dan menampilkan
menampilkan pesan “terima
pesan “terima kasih, pegawai
kasih, pegawai berhasil
berhasil dihapus” dan
dihapus” dan tetap pada
tetap pada halaman
halaman

4.2.1.14 Pengujian Proses Kelola Kelas

Berikut hasil dari pengujian proses kelola kelas.

Tabel 4 - 14 Pengujian Proses Kelola Kelas

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
pada sistem kelola kelas halaman utama halaman utama
menu kelola menu kelola
kelas dengan kelas dengan
menampilkan menampilkan
tabel daftar tabel daftar
kelas kelas
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “tambah kelas” form tambah form tambah
kelas kelas

134
Test Case Test Case Expected Actual Result Status
Description Result
Mengosongkan -Nama kelas:{} Aplikasi Aplikasi menolak Berhasil
form tambah -tingkat:{} menolak dengan
kelas -program studi dengan mengeluarkan
:{} mengeluarkan pesan “please fill
-angka kelas:{} pesan “please out the field”,
fill out the dan tetap
field”, dan berada di form
tetap berada di tambah kelas
form tambah
kelas
Mengisi form -Nama kelas:{XI Aplikasi Aplikasi Berhasil
dengan benar Multimedia 03} menampilkan menampilkan
-tingkat:{2} pesan “kelas pesan “kelas
-program studi :{ berhasil berhasil
Multimedia} ditambahkan” ditambahkan”
-angka dan kembali ke dan kembali ke
kelas:{03} halaman utama halaman utama
menu kelola menu kelola
kelas kelas
Melakukan aksi Menekan Aplikasi Aplikasi berhasil
pada sistem tombol “hapus menampilkan menampilkan
kelas” dialog dengan pesan “apakah
pesan “apakah anda yakin ingin
anda yakin menghapus
ingin kelas ini?”
menghapus dengan pilihan
kelas ini?” ok dan cancel
dengan pilihan
ok dan cancel
Melakukan aksi Menekan Aplikasi Aplikasi Berhasil
pada sistem tombol ok pada menghapus menghapus data
dialog hapus data kelas dan kelas dan
kelas menampilkan menampilkan

135
Test Case Test Case Expected Actual Result Status
Description Result
pesan “terima pesan “terima
kasih, kelas kasih, kelas
berhasil berhasil
dihapus” dan dihapus” dan
tetap pada tetap pada
halaman halaman

4.2.1.15 Pengujian Proses Kelola Tahun Ajaran

Berikut adalah hasil pengujian proses kelola tahun ajaran

Tabel 4 - 15 Pengujian Proses Kelola Tahun Ajaran

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu atur Menampilkan Menampilkan Berhasil
pada sistem tahun ajaran halaman halaman utama
utama menu menu atur
atur tahun tahun ajaran
ajaran dengan dengan
menampilkan menampilkan
tabel daftar tabel daftar
tahun ajaran tahun ajaran
Melakukan aksi Tekan tombol “atur Menampilkan Menampilkan Berhasil
pada sistem tahun ajaran baru” form tambah form tambah
tahun ajaran tahun ajaran

Mengosongkan -tahun ajaran:{} Aplikasi Aplikasi Berhasil


form tambah -semester:{} menolak menolak
tahun ajaran dengan dengan
mengeluarkan mengeluarkan
pesan “please pesan “please
fill out the fill out the
field”, dan field”, dan tetap

136
Test Case Test Case Expected Actual Result Status
Description Result
tetap berada di berada di form
form tambah tambah tahun
tahun ajaran ajaran
Mengisi form -tahun Aplikasi Aplikasi Berhasil
dengan benar ajaran:{2010}{2011} menampilkan menampilkan
Semester:{ganjil} pesan “Tahun pesan “Tahun
Ajaran Berhasil Ajaran Berhasil
Diubah” dan Diubah” dan
kembali ke kembali ke
halaman halaman utama
utama menu menu atur
atur tahun tahun ajaran
ajaran
Melakukan aksi Menekan tombol Aplikasi Aplikasi berhasil
pada sistem “hapus tahun menampilkan menampilkan
ajaran” dialog dengan dialog dengan
pesan pesan
“Menghapus “Menghapus
Tahun Ajaran Tahun Ajaran
Akan Akan
Menghapus Menghapus
Seluruh Data Seluruh Data
Transaksi Yang Transaksi Yang
Terkait Dengan Terkait Dengan
Tahun Ajaran, Tahun Ajaran,
Tetap Hapus Tetap Hapus
Tahun Tahun Ajaran?”
Ajaran?” dengan pilihan
dengan pilihan ok dan cancel
ok dan cancel
Melakukan aksi Menekan tombol Aplikasi Aplikasi Berhasil
pada sistem ok pada dialog menghapus menghapus
hapus tahun ajaran data tahun data tahun

137
Test Case Test Case Expected Actual Result Status
Description Result
ajaran dan ajaran dan
menampilkan menampilkan
pesan “tahun pesan “tahun
ajaran berhasil ajaran berhasil
dihapus” dan dihapus” dan
tetap pada tetap pada
halaman halaman

4.2.1.16 Pengujian Proses Kelola User

Berikut adalah hasil pengujian proses kelola user.

Tabel 4 - 16 Pengujian Proses Kelola User

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu kelola Menampilkan Menampilkan Berhasil
pada sistem user halaman halaman utama
utama menu menu kelola
kelola user user dengan
dengan menampilkan
menampilkan tabel daftar
tabel daftar user pegawai
user pegawai dan walikelas
dan walikelas
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “tambah user form tambah form tambah
pegawai” user pegawai user pegawai

Mengosongkan -username:{} Aplikasi Aplikasi Berhasil


form tambah -password:{} menolak menolak
user pegawai -nama pegawai:{} dengan dengan
-kategori user:{} mengeluarkan mengeluarkan
pesan “please pesan “please
fill out the fill out the

138
Test Case Test Case Expected Actual Result Status
Description Result
field”, dan field”, dan
tetap berada tetap berada di
di form form tambah
tambah user user pegawai
pegawai
Mengisi form -username : Aplikasi Aplikasi Berhasil
dengan benar {adminbaru} menampilkan menampilkan
-password:{pass} pesan “user pesan “user
-nama pegawai:{joni} berhasil berhasil
-kategori user:{admin} ditambahkan” ditambahkan”
dan kembali ke dan kembali ke
halaman halaman utama
utama menu menu kelola
kelola user user
Mengisi -username : {admin} Aplikasi Aplikasi Berhasil
username -password:{pass} menolak menolak
dengan -nama pegawai:{joni} dengan dengan
username yang -kategori user:{admin} mengeluarkan mengeluarkan
sudah pesan pesan
digunakan “username “username
telah telah
digunakan”, digunakan”,
dan tetap dan tetap
berada di form berada di form
tambah user tambah user
pegawai pegawai
Melakukan aksi Menekan tombol Aplikasi Aplikasi berhasil
pada sistem “hapus user” menampilkan menampilkan
dialog dengan dialog dengan
pesan “apakah pesan “apakah
anda yakin anda yakin
ingin ingin
menghapus menghapus

139
Test Case Test Case Expected Actual Result Status
Description Result
user?” dengan user?” dengan
pilihan ok dan pilihan ok dan
cancel cancel
Melakukan aksi Menekan tombol ok Aplikasi Aplikasi Berhasil
pada sistem pada dialog hapus user menghapus menghapus
user dan user dan
menampilkan menampilkan
pesan pesan “berhasil
“berhasil hapus user”
hapus user” dan tetap pada
dan tetap halaman
pada halaman
Melakukan aksi Tekan tombol “edit Menampilkan Menampilkan Berhasil
pada sistem user” form edit user form edit user
Tidak mengubah -username:{admin} Aplikasi Aplikasi Berhasil
username dan -password:{pass} menolak dan menolak dan
password menampilkan menampilkan
pesan ”tidak pesan ”tidak
ada perubahan ada perubahan
pada data” pada data” dan
dan tetap tetap pada
pada halaman halaman
Mengisi form -username: Aplikasi Aplikasi Berhasil
edit user dengan {sayaadmin} menampilkan menampilkan
benar -password:{pass} pesan “data pesan “data
berhasil berhasil
diupdate” dan diupdate” dan
tetap tetap
dihalaman dihalaman
Mengosongkan -username: {} Aplikasi Aplikasi berhasil
form edit user -password:{} menolak menolak
dengan dengan

140
Test Case Test Case Expected Actual Result Status
Description Result
mengeluarkan mengeluarkan
pesan “please pesan “please
fill out the fill out the
field”, dan field”, dan
tetap berada tetap berada di
di form form
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “tambah user wali form tambah form tambah
kelas” user wali kelas user wali kelas
Mengosongkan -username:{} Aplikasi Aplikasi Berhasil
form tambah -password:{} menolak menolak
user wali kelas -nama guru:{} dengan dengan
-kategori user:{} mengeluarkan mengeluarkan
pesan “please pesan “please
fill out the fill out the
field”, dan field”, dan
tetap berada tetap berada di
di form form
Mengisi form -username : Aplikasi Aplikasi Berhasil
dengan benar {walikelas2} menampilkan menampilkan
-password:{pass} pesan “user pesan “user
-nama pegawai:{joni} berhasil berhasil
-kategori user:{wali ditambahkan” ditambahkan”
kelas} dan kembali ke dan kembali ke
halaman halaman utama
utama menu menu kelola
kelola user user
Mengisi -username : Aplikasi Aplikasi Berhasil
username {walikelas} menolak menolak
dengan -password:{pass} dengan dengan
username yang -nama pegawai:{joni} mengeluarkan mengeluarkan
pesan pesan

141
Test Case Test Case Expected Actual Result Status
Description Result
sudah -kategori user:{wali “username “username
digunakan kelas} telah telah
digunakan”, digunakan”,
dan tetap dan tetap
berada di form berada di form
tambah user tambah user
wali kelas wali kelas

4.2.1.17 Pengujian Proses Mengatur Waktu Daftar Ulang

Berikut adalah hasil pengujian proses mengatur waktu daftar ulang.

Tabel 4 - 17 Pengujian Proses Atur Waktu Daftar Ulang

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu atur Menampilkan Menampilkan Berhasil
pada sistem waktu daftar ulang halaman halaman utama
utama menu menu atur
atur waktu waktu daftar
daftar ulang ulang dengan
dengan menampilkan
menampilkan tabel daftar
tabel daftar waktu daftar
waktu daftar ulang dari
ulang dari tahun ke tahun
tahun ke tahun dan tombol atur
dan tombol waktu daftar
atur waktu ulang
daftar ulang
Melakukan aksi Tekan tombol “atur Menampilkan Menampilkan Berhasil
pada sistem waktu daftar ulang” form atur form atur waktu
waktu daftar daftar ulang
ulang

142
Test Case Test Case Expected Actual Result Status
Description Result
Mengosongkan -tanggal mulai:{} Aplikasi Aplikasi Berhasil
form tambah -tanggal selesai:{} menolak menolak
kelas dengan dengan
mengeluarkan mengeluarkan
pesan “please pesan “please
fill out the fill out the
field”, dan field”, dan tetap
tetap berada di berada di form
form
Mengisi form -tanggal Aplikasi Aplikasi Berhasil
dengan benar mulai:{05/06/2018} menampilkan menampilkan
-tanggal pesan pesan “berhasil
selesai:{20/06/2018} “berhasil mengatur
mengatur waktu daftar
waktu daftar ulang” dan
ulang” dan kembali ke
kembali ke halaman utama
halaman menu atur
utama menu waktu daftar
atur waktu ulang
daftar ulang
Mengisi tanggal -tanggal Aplikasi Aplikasi berhasil
mulai dengan mulai:{23/02/2018} menolak dan menolak dan
tanggal yang -tanggal menampilkan menampilkan
sudah lewat selesai:{28/07/2018} pesan “Maaf pesan “Maaf
tanggal mulai tanggal mulai
daftar ulang daftar ulang
tidak boleh tidak boleh
sebelum sebelum
tanggal hari tanggal hari ini”
ini” dan tetap dan tetap pada
pada form form

143
4.2.1.18 Pengujian Proses Kelola Program Studi

Berikut adalah hasil dari pengujian proses kelola program studi.

Tabel 4 - 18 Pengujian Proses Kelola Program Studi

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu kelola Menampilkan Menampilkan Berhasil
pada sistem program studi halaman halaman utama
utama menu menu kelola
kelola program program studi
studi dengan dengan
menampilkan menampilkan
tabel daftar tabel daftar
program studi program studi
Melakukan aksi Tekan tombol Menampilkan Menampilkan Berhasil
pada sistem “tambah prodi” form tambah form tambah
prodi prodi

Mengosongkan -kode prodi:{} Aplikasi Aplikasi Berhasil


form tambah -nama prodi:{} menolak menolak dengan
kelas -tahun pertama:{} dengan mengeluarkan
mengeluarkan pesan “please
pesan “please fill out the field”,
fill out the dan tetap
field”, dan berada di form
tetap berada di
form
Mengisi form -kode prodi:{TKJ} Aplikasi Aplikasi Berhasil
dengan benar -nama menampilkan menampilkan
prodi:{Teknik pesan pesan “program
Komputer “program studi studi berhasil
Jaringan} berhasil ditambahkan”
-tahun ditambahkan” dan kembali ke
pertama:{2017} dan kembali ke halaman utama
halaman

144
Test Case Test Case Expected Actual Result Status
Description Result
utama menu menu kelola
kelola program program studi
studi
Mengisi form -kode prodi:{MM} Aplikasi Aplikasi Berhasil
dengan kode -nama menolak dan menolak dan
prodi yang sudah prodi:{Multimedia} menampilkan menampilkan
ada -tahun pesan “Kode pesan “Kode
pertama:{2017} Program Studi Program Studi
Sudah Sudah
Digunakan Digunakan atau
atau Program Program Studi
Studi Sudah Sudah Ada” dan
Ada” dan tetap tetap pada form
pada form tambah prodi
tambah prodi
Melakukan aksi Menekan tombol Aplikasi Aplikasi berhasil
pada sistem “hapus prodi” menampilkan menampilkan
dialog dengan pesan “apakah
pesan “apakah anda yakin ingin
anda yakin menghapus
ingin program studi
menghapus ini?” dengan
program studi pilihan ok dan
ini?” dengan cancel
pilihan ok dan
cancel
Melakukan aksi Menekan tombol Aplikasi Aplikasi Berhasil
pada sistem ok pada dialog menghapus menghapus
hapus program program studi program studi
studi dan dan
menampilkan menampilkan
pesan pesan “program
“program studi studi berhasil

145
Test Case Test Case Expected Actual Result Status
Description Result
berhasil dihapus” dan
dihapus” dan tetap pada
tetap pada halaman
halaman

4.2.1.19 Pengujian Proses Melihat Laporan Daftar Ulang

Berikut adalah hasil pengujian proses melihat laporan daftar ulang.

Tabel 4 - 19 Pengujian Proses Melihat Laporan Daftar Ulang

Test Case Test Case Expected Actual Result Status


Description Result
Melakukan aksi Tekan menu Menampilkan Menampilkan Berhasil
pada sistem laporan daftar halaman halaman utama
ulang utama menu menu laporan
laporan daftar daftar ulang
ulang dengan dengan
menampilkan menampilkan
data laporan data laporan
daftar ulang daftar ulang
tahun ajaran tahun ajaran
berjalan dalam berjalan dalam
bentuk grafik bentuk grafik
dan tabel dan tabel
Melakukan aksi Tahun Menampilkan Menampilkan Berhasil
pada sistem ajaran:{2017/2018- halaman halaman utama
ganjil} utama menu menu laporan
laporan daftar daftar ulang
ulang dengan dengan
menampilkan menampilkan
data laporan data laporan
daftar ulang daftar ulang
tahun ajaran tahun ajaran

146
Test Case Test Case Expected Actual Result Status
Description Result
yang dipilih yang dipilih
dalam bentuk dalam bentuk
grafik dan grafik dan tabel
tabel
Melakukan aksi -tahun ajaran:{} Aplikasi Aplikasi Berhasil
pada sistem Tekan tombol menolak menolak
“filter” dengan dengan
mengeluarkan mengeluarkan
pesan “please pesan “please
fill out the fill out the
field”, dan field”, dan tetap
tetap berada di berada di
halaman halaman
laporan daftar laporan daftar
ulang ulang
Melakukan aksi Menekan tombol Menampilkan Menampilkan Berhasil
pada sistem “belum daftar pop up berisi pop up berisi
ulang” pada daftar siswa daftar siswa
dropdown tabel yang belum yang belum
laporan melakukan melakukan
daftar ulang daftar ulang
pada row kelas pada row kelas
yang ditekan yang ditekan
tombol belum tombol belum
daftar ulang daftar ulang
Melakukan aksi Menekan tombol Menampilkan Menampilkan Berhasil
pada sistem “sudah daftar pop up berisi pop up berisi
ulang” pada daftar siswa daftar siswa
dropdown tabel yang sudah yang sudah
laporan melakukan melakukan
daftar ulang daftar ulang
pada row kelas pada row kelas
yang ditekan yang ditekan

147
Test Case Test Case Expected Actual Result Status
Description Result
tombol belum tombol belum
daftar ulang daftar ulang

148
BAB 5
KESIMPULAN

5.1 Kesimpulan
Berdasarkan tujuan dari pembangunan Aplikasi Pengelolaan Pendaftaran Ulang dan
Pembayaran Iuran Bulanan SMKN 02 Kepahiang, maka dapat ditarik kesimpulan
sebagai berikut.

1. Aplikasi ini dapat menyimpan data siswa dengan aman.

2. Aplikasi mampu mengelola data-data pembayaran iuran bulanan.

3. Aplikasi dapat mengelola proses dan kegiatan pendaftaran ulang.

4. Aplikasi dapat mengelola proses pembayaran iuran bulanan.

5.2 Saran
Berdasarkan pengerjaan proyek akhir ini, saran untuk pengembangan aplikasi
selanjutnya yaitu:

1. Aplikasi tidak hanya mengenai pendaftaran ulang dan pembayaran iuran saja,
bisa dikembangkan seperti pengelolaan perpustakaan dan kegiatan belajar
mengajar
2. Aplikasi dikembangkan ke aplikasi berbasis android

3. Aplikasi menyediakan fitur chat antar pengguna untuk mendukung koordinasi


ketika akan dimulainya pelaksanaan pendaftaran ulang.

149
DAFTAR PUSTAKA

[1] Negara Republik Indonesia, "Komisi Informasi - UU NOMOR 20 TAHUN 2003,"


23 Desember 2013. [Online]. Available:
https://www.komisiinformasi.go.id/regulasi/view/uu-nomor-20-tahun-2003-
1. [Accessed 22 Januari 2018].

[2] R. S. Wazlawick, Object-Oriented Analysis and Design for Information


SystemModeling with UML, USA: Elsevier: Book Aid International, 2014.

[3] J. W. Satzinger, R. B. Jackson and S. D. Burd, System Analysis and Design in a


Changing World, Boston: Cengage Learning, 2015.

[4] D. Harris, System Analysis and Design for the Small Enterprise, Third Edition,
Canada: Thomson Course Technology, 2003.

[5] M. Shalahuddin and A. S. Rosa, Analisis dan Desain Sistem Informasi, Bandung
: Politeknik Telkom, 2008.

[6] S. Roberts, Information System: Now and Tomorrow, Chicago: Adventure


Press, 2009.

[7] A. Kadir, Pemrograman Web dengan ASP, Yogyakarta: CV. ANDI OFFSET, 2005.

[8] Fathansyah, Basis Data, Bandung: Informatika Bandung, 2012.

[9] K. Wiswakarma, 9 Langkah Menjadi Master Framework CodeIgniter, 2010.

[10] M. R. Arief, Pemrograman Web Dinamis Menggunakan PHP dan MySQL,


Yogyakarta: CV. ANDI OFFSET, 2011 .

[11] B. Sidik, Pemrograman Web dengan PHP, Bandung: Informatika, 2014.

150
[12] B. Raharjo, Belajar Otodidak Framework CodeIgniter, Bandung: Informatika
Bandung, 2015.

[13] L. Williams, "Testing Overview and Black-Box Testing Techniques," Testing


Overview and Black-Box Testing Techniques, Vols. -, p. 37, 2006.

151
LAMPIRAN

Lampiran 1 Survey Kepuasan Siswa Terhadap Pelayanan Daftar Ulang dan


Bayar Iuran

Berikut pertanyaan kuisioner mengenai kepuasan siswa terhadap pelayanan daftar


ulang dan pembayaran iuran di SMKN 02 Kepahiang:

1. Nama
2. Umur
3. Apakah anda pernah melakukan pendaftaran ulang?
a. Ya
b. tidak
4. Seperti apakah pelayanan pendaftaran ulang yang ada di SMKN 02
Kepahiang menurut anda?
a. Sangat baik
b. Baik
c. Cukup baik
d. Kurang baik
e. Sangat kurang baik
5. Apakah anda pernah mengalami masalah pada saat melakukan pendaftaran
ulang?
a. ya
b. tidak
6. jika ya, seperti apakah masalah yang anda hadapi?
a. Kehilangan bukti bayar iuran bulanan
b. Pegawai atau guru tidak ada ditempat
c. lainnya
7. Menurut anda seperti apakah pelayanan pembayaran iuran yang ada
disekolah?
a. Sangat baik
b. Baik

152
c. Cukup baik
d. Kurang baik
e. Sangat kurang baik
8. Apakah anda pernah mengalami masalah pada saat melakukan
pembayaran iuran bulanan?
a. Ya
b. Tidak
9. Jika ya, apa masalah yang anda alami?
a. Pegawai atau guru tidak ada ditempat
b. Lainnya

Dari penyebaran kuisioner didapatkan sebanyak 104 responden dengan rincian


sebagai berikut.

A. Pekerjaan orang tua:


1. PNS/Guru : 8 orang (7.7%)
2. Wirausahawan/pedagang : 6 orang (5.8%)
3. Wiraswasta : 11 orang (10.6%)
4. Pegawai swasta : 5 orang (4.8%)
5. Petani : 72 orang (69.2%)
6. Buruh : 2 orang (1.9%)
B. Kepuasan terhadap pelayanan daftar ulang berjalan :
1. Sangat baik : 10 orang (9.6%)
2. Baik : 6 orang (5.8%)
3. Cukup baik : 4 orang (3.8%)
4. Kurang baik : 4 orang (3.8%)
5. Sangat kurang baik : 80 orang (76.9%)
C. Pernah mengalami masalah saat pendaftaran ulang :
1. Ya : 85 orang (81.7%)
2. Tidak : 19 orang (18.3%)
D. Dari 85 orang yang pernah mengalami masalah saat pendaftaran ulang, pernah
mengalami masalah sebagai berikut :
1. Kehilangan bukti bayar : 79 orang (92.9%)

153
2. Pegawai atau guru tidak ada ditempat : 75 orang (88.2%)
E. Kepuasan terhadap pelayanan pembayaran iuran :
1. Sangat baik : 10 orang (9.6%)
2. Baik : 7 orang (6.7%)
3. Cukup baik : 7 orang (6.7%)
4. Kurang baik : 5 orang (4.8%)
5. Sangat kurang baik : 75 orang (72.1%)
F. Pernah mengalami masalah saat pembayaran iuran :
1. Ya : 82 orang (78.8%)
2. Tidak : 22 orang (21.2%)
G. Dari 82 orang yang pernah mengalami masalah beberapa diantaranya
mengalami masalah sebagai berikut :
1. Pegawai atau guru tidak ada ditempat : 76 orang (93.8%)
2. Kehilangan bukti bayar : 77 orang (95.1%)

154

Anda mungkin juga menyukai