Iqbal Nurhaikal Skripsi Bab 1-5 Fix

SKRIPSI
RANCANG BANGUN SISTEM ADMINISTRASI BIAYA

SEKOLAH BERBASIS WEB FRAMEWORK LARAVEL
STUDI KASUS SMP MUHAMMADIYAH 4 TANGERANG
Disusun Sebagai Syarat untuk Kelulusan

Pada Program Studi Strata 1 Teknik Informatika
Oleh:
Iqbal Nurhaikal
NIM : 1655201108
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH TANGERANG
2020
ABSTRAK
SMP Muhammadiyah 4 Tangerang merupakan salah satu SMP swasta yang

terakreditasi A. Proses belajar mengajar di sekolah ini telah berjalan dengan
baik tetapi untuk proses administrasi pembayaran biaya sekolah belum
menggunakan sebuah aplikasi berbasis komputer berbasis web yang
mempermudah staf yang mengelola pelaporan biaya sekolah. Berdasarkan
hal itu peneliti berinisiatif untuk membuat perancangan dan pembangunan
sebuah sistem informasi administrasi biaya sekolah berbasis web pada SMP
Muhammadiyah 4 Tangerang.Proses pengumpulan data dalam penelitian ini
menggunaka metode observasi dan wawancara. Proses analisa data
menggunakan metode PIECES. Untuk disain sistem dilakukan
menggunakan UML meliputi use case diagram, activity diagram, sequence
diagram dan class diagram. Sistem yang dirancang dikembangkan
menggunakan bahasa PHP dan diuji menggunakan metode pengujian black
box. Sistem yang dihasilkan dalam penelitian ini telah dapat membantu
pihak sekolah khususnya staf bagian keuangan yang mengelola proses
pembayaran biaya sekolah dan yang melakukan pembuatan laporan biaya
sekolah yang telah dilakukan siswa untuk keperluan pimpinan sekolah.
Kata Kunci : Sistem administrasi, Biaya sekolah, PIECES, Black box testing.
ABSTRACT
SMP Muhammadiyah 4 Tangerang is one of the A-accredited private SMP.

The teaching and learning process at this school has been going well, but
the administrative process for paying school fees has not used a web-based
computer-based application that makes it easier for staff who manage
school fee reporting. Based on this, the researcher took the initiative to
design and develop a web-based school fee administration information
system at SMP Muhammadiyah 4 Tangerang. The data collection process in
this study used observation and interview methods. The data analysis
process used the PIECES method. For system design, UML includes use
case diagrams, activity diagrams, sequence diagrams and class diagrams.
The system designed was developed using the PHP language and tested
using the black box testing method. The system produced in this study has
been able to help the school, especially the financial staff who manage the
school fee payment process and who make school fee reports that have been
done by students for the needs of school leaders.
Keywords: Administration system, school fees, PIECES, Black box testing.

KATA PENGANTAR
Alhammdulillahirabli’alaim, Puji dan Syukur penulis panjatkan kehadirat Allah
SWT, penulisa telah lancar melakukan keiatan penulisan skripsi dengan judul:
“RANCANG BANGUN SISTEM ADMINISTRASI BIAYA SEKOLAH
BERBASIS WEB FRAMEWORK LARAVEL STUDI KASUS SMP
MUHAMMADIYAH 4 TANGERANG”. untuk memenuhi persyaratan
kelulusan sarjana teknik informatika yang telah ditentukan oleh Universitas
Muhammadiyah Tangerang.
Dalam penyusun telah laporan skripsi ini penulis melibatkan berbagai pihak,
untuk itu tidak lupa terima kasih penyusun sampaikan kepada Bapak dan Ibuku
dan Keluarga yang tercinta yang selalu mendoakan yang terbaik untuk anak yang
tercintamu ini serta baik secara moril maupun materil sehingga penulis dapat
menyelesaikan laporan skripsi ini, penulis juga ingin mengucapkan terima kasih
kepada :
1. Bapak Dr.H. Ahmad Amarullah, M.Pd selaku Rektor Universitas
2. Bapak Ir. Saiful Haq, MSi selaku dekan Fakultas Teknik, Universitas
3. Bapak Rohmat Taufik, S.T. M.Kom selaku Wakil Dekan 1 Fakultas Teknik,
Universitas Muhammadiyah Tangerang.
4. Bapak Drs. H. Syamsul Bahri, M.Si selaku Wakil Dekan 2 Fakultas Teknik,
Universitas Muhammadiyah Tangerang

5. Bapak Syepry Maulana Husain S.Kom, MTI selaku Kepala Prodi Fakultas
Teknik Informatika, Universitas Muhammadiyah Tangerang.
6. Bapak Arief Herdiansah, S.Kom., MTI selaku Dosen Pembimbing yang telah
membimbing , banyak memberi masukan dan ilmu baru kepada penulis.
7. Bapak dan Ibu dosen Taknik Informatika Universitas Muhammadiyah
Tangerang yang telah memberi masukan serta motivasi.
8. Kepada Bapak Muhamad Nur, ST, selaku guru kurikulum dan sebagai
pembimbing lapangan selama observasi ke SMP 4 Muhammadiyah
Tangerang
9. Para Sahabat dan rekan-rekan mahasiswa/i yang tidak dapat menulis sebutkan
satu persatu, yang yang selalu membantu di dalam penyusunan skripsi ini
khususnya untuk Hendry Saputra harahap, Habib Nur Cholid dan tidak lupa
untuk teman-teman seperjuangan B1-B2 yang telah banyak memberi ilmu dan
support
Saya menyadari bahwa penulisan Laporan Skripsi ini masih jauh dari
kesempurnaan, oleh karena itu penulis mengharapkan segala bentuk saran serta
masukan bahkan kritik yang membangun dari berbagai pihak. Semoga skripsi ini
dapat bermanfaat bagi para pembaca dan semua pihak khususnya dalam bidang
Teknik Informatika
Tangerang, 13 Oktober 2020
IQBAL NURHAIKAL
NIM: 1655201108
DAFTAR ISI
COVER
LEMBAR PERSETUJUAN
LEMBAR PENGESAHAN
SURAT PERNYATAAN KEASLIAN HASIL
ABSTRAK...............................................................................................................ii
KATA PENGANTAR............................................................................................iv
DAFTAR ISI...........................................................................................................vi
DAFTAR GAMBAR...............................................................................................x
DAFTAR TABEL................................................................................................xiii
DAFTAR LAMPIRAN.........................................................................................xvi
BAB I PENDAHULUAN........................................................................................1
1.1. Latar Belakang...........................................................................................1
1.2. Identifikasi Masalah...................................................................................2
1.3. Rumusan Masalah......................................................................................3
1.4. Batasan Masalah........................................................................................4
1.5. Tujuan Penelitian Penelitian......................................................................4
1.6. Manfaat Penelitian.....................................................................................5
1.6.1. Manfaat Penelitian Bagi Penulis........................................................5
1.6.2. Manfaat Penelitian Bagi SMP Muhammadiyah 4 Tangerang...........5
1.6.3 Manfaat Penelitian Bagi Universitas Muhammadiyah Tangerang....5
1.7. Sistematika Penulisan................................................................................6
1.8 Rencana Kegiatan Penelitian........................................................................8

BAB II......................................................................................................................9
LANDASAN TEORI...............................................................................................9
2.1. TEORI UMUM..........................................................................................9
2.1.1. Definisi Sistem...................................................................................9
2.1.2. Definisi Informasi............................................................................10
2.1.3. Definisi Sistem Informasi................................................................10
2.1.4. Definisi Perancangan Sistem...........................................................11
2.1.5. UML (Unified Modeling Languange)..............................................12
2.2. WEB.................................................................................................22
2.2.1. Definisi WEB...................................................................................22
2.2.2 Cara Kerja Web................................................................................23
2.2.3 Fungsi Web.......................................................................................24
2.2.4. Metode Waterfall.............................................................................25
2.2.4. Definisi PHP....................................................................................27
2.2.5. Frame Work Laravel........................................................................28
2.2.6. Definisi MYSQL..............................................................................32
2.2.7. Definisi Database.............................................................................34
2.2.8. Definisi XAMPP..............................................................................35
2.2.9. Bagian XAMPP................................................................................36
2.2.10. Kepanjangan XAMPP..................................................................37
2.2.11. Definisi Sublime Text...................................................................37
2.2.12. Definisi Black Box Testing...........................................................38
2.3. TEORI KHUSUS.....................................................................................39
2.3.1. Definisi Sekolah...............................................................................39
2.3.2. Definisi Biaya Sekolah/Pendidikan.................................................41

2.3.3. Definis Admnistrasi pelaporan.........................................................42
2.3.4. Proses Belajar-Mengajar..................................................................44
2.4. Literatur Review......................................................................................45
BAB III METODOLOGI PENELITIAN..............................................................48
3.1 Jenis Penelitian........................................................................................48
3.2 Metode Pengumpulan Data......................................................................49
3.3 Metode Analisis Sistem...........................................................................51
3.4 Perancangan Sistem.................................................................................55
3.5 Langkah-langkah Penelitian....................................................................56
3.6 Tinjauan Tempat Penelitian.....................................................................57
3.6.1 Sejarah SMP Muhammadiyah 4 Tangerang....................................57
3.6.2 Kegiatan di SMP Muhammadiyah 4 Tangerang..............................58
3.6.3 Visi dan Misi PKBM Paja Mandiri Kota Tangerang.......................58
3.6.4 Struktur Organisasi SMP Muhammadiyah 4 Tangerang.................60
BAB IV..................................................................................................................72
ANALISA SISTEM BERJALAN.........................................................................72
4.1. Analisa Sistem yang Sedang Berjalan.....................................................72
4.2. Use Case Sistem yang Sedang Berjalan..................................................75
4.3. Desain Sistem UML (Unified Modeliing Language)..............................77
4.3.1. Use Case Diagram Sistem yang Diusulkan.....................................77
4.3.2. Activity Diagram..............................................................................94
4.3.3. Sequence Diagram.........................................................................108
4.3.4. Class Diagram...............................................................................122
4.4. Perancangan Prototipe Sistem Informasi Administrasi Biaya Sekolah. 123
4.5. Tampilan Sistem Informasi Administrasi Biaya Sekolah......................157

4.6. Pengujian Black Box..............................................................................165
BAB V KESIMPULAN DAN SARAN...............................................................178
5.1 Kesimpulan............................................................................................178
5.2 Saran ....................................................................................................178
DAFTAR PUSTAKA..........................................................................................179
LAMPIRAN-LAMPIRAN
DAFTAR GAMBAR
Gambar 2.1 Tahapan Metode Waterfall ......................................................... 26
Gambar 3.1 Struktur Organisasi ..................................................................... 60
Gambar 4.1 Flowchart Diagram Sistem yang Berjalan ................................. 73
Gambar 4.2 Use Case Diagram Sistem Berjalan ........................................... 75
Gambar 4.3 Use Case Diagram Perancangan................................................. 77
Gambar 4.4 Activity Diagram Login............................................................... 94
Gambar 4.5 Activity Diagram Kelola User..................................................... 95
Gambar 4.6 Activity Diagram Data Sekolah & Logo..................................... 96
Gambar 4.7 Activity Diagram Kelola Data Siswa.......................................... 97
Gambar 4.8 Activity Diagram Kelola Data Kelas........................................... 98
Gambar 4.9 Activity Diagram Kelola Data Guru............................................ 99
Gambar 4.10 Activity Diagram Kelola Data Angkatan.................................. 100
Gambar 4.11 Activity Diagram Kelola Data Tipe Pembayaran...................... 101
Gambar 4.12 Activity Diagram Transaksi Biaya Sekolah.............................. 102
Gambar 4.13 Activity Diagram Daftar Tagihan.............................................. 103
Gambar 4.14 Activity Diagram Info Status..................................................... 104
Gambar 4.15 Activity Diagram Tagihan Biaya Sekolah Siswa...................... 105
Gambar 4.16 Activity Diagram History Pembayaran Siswa........................... 106
Gambar 4.17 Activity Diagram Laporan Biaya Sekolah................................. 107
Gambar 4.18 Sequence Diagram Login.......................................................... 108
Gambar 4.19 Sequence Diagram Kelola Data User........................................ 109
Gambar 4.20 Sequence Diagram Sekolah Data & Logo................................ 110
xi
Gambar 4.21 Sequence Diagram Kelola Data Siswa...................................... 111
Gambar 4.22 Sequence Diagram Kelola Data Kelas...................................... 112
Gambar 4.23 Sequence Diagram Kelola Data Guru....................................... 113
Gambar 4.24 Sequence Diagram Kelola Data Angkatan................................ 114
Gambar 4.25 Sequence Diagram Kelola Data Tipe Pembayaran................... 115
Gambar 4.26 Sequence Diagram Transaksi Biaya Sekolah............................ 116
Gambar 4.27 Sequence Diagram Daftar Tagihan........................................... 117
Gambar 4.28 Sequence Diagram Info Status.................................................. 118
Gambar 4.29 Sequence Diagram Tagihan Biaya Sekolah.............................. 119
Gambar 4.30 Sequence Diagram Histrory Pembayaran Siswa....................... 120
Gambar 4.31 Sequence Diagram Laporan Biaya Sekolah ............................. 121
Gambar 4.32 Class Diagram Perancangan..................................................... 122
Gambar 4.33 Prototype Tampilan Menu Login.............................................. 123
Gambar 4.34 Prototype Tampilan Menu Utama............................................. 124
Gambar 4.35 Prototype Tampilan Menu Master............................................. 126
Gambar 4.36 Prototype Tampilan Menu Data Siswa...................................... 129
Gambar 4.37 Prototype Tampilan Menu Data Kelas...................................... 131
Gambar 4.38 Prototype Tampilan Menu Data Guru....................................... 133
Gambar 4.39 Prototype Tampilan Menu Data Angkatan Siswa..................... 135
Gambar 4.40 Prototype Tampilan Menu Data Tipe Pembayaran Siswa........ 137
Gambar 4.41 Prototype Tampilan Menu Data User........................................ 139
Gambar 4.42 Prototype Tampilan menu Data Sekolah & Logo..................... 141
Gambar 4.43 Prototype Tampilan Menu Transaksi Biaya Sekolah................ 143
xii
Gambar 4.44 Prototype Tampilan Menu Data Tagihan.................................. 145
Gambar 4.45 Prototype Tampilan Menu Info Status...................................... 147
Gambar 4.46 Prototype Tampilan Menu Laporan Biaya Sekolah.................. 149
Gambar 4.47 Prototype Tampilan Menu Utama Siswa.................................. 151
Gambar 4.48 Prototype Tampilan Menu Tagihan Biaya Sekolah Siswa........ 153
Gambar 4.49 Prototype Tampilan Menu History Pembayaran Siswa............ 155
Gambar 4.50 Tampilan Halaman Login.......................................................... 157
Gambar 4.51 Tampilan Menu Dashboard Admin........................................... 157
Gambar 4.52 Tampilan Menu Dashboard Staff pembayaran.......................... 158
Gambar 4.53 Tampilan Menu Dashboard Siswa............................................ 158
Gambar 4.54 Tampilan Menu Dashboard Kepala Sekolah............................. 159
Gambar 4.55 Tampilan Menu Data Siswa...................................................... 159
Gambar 4.56 Tampilan Menu Data Kelas....................................................... 160
Gambar 4.57 Tampilan Menu Data Guru....................................................... 160
Gambar 4.58 Tampilan Menu Data Angkatan................................................ 161
Gambar 4.59 Tampilan Menu Data Tipe Pembayaran.................................... 161
Gambar 4.60 Tampilan Menu Data User........................................................ 162
Gambar 4.61 Tampilan Menu Data Sekolah................................................... 162
Gambar 4.62 Tampilan Menu Daftar Tagihan................................................ 163
Gambar 4.63 Tampilan Menu Info Status....................................................... 163
Gambar 4.64 Tampilan Menu Laporan Biaya Sekolah................................... 164
Gambar 4.65 Tampilan Menu Bagihan Biaya Sekolah Siswa........................ 164
Gambar 4.66 Tampilan Menu History Pembayaran Siswa............................. 165
xiii
DAFTAR TABEL
Tabel 1.1 Rencana Kegiatan Penilitan ............................................................ 8
Tabel 2.1 Simbol Flowcharct Diagram .......................................................... 14
Tabel 2.2 Simbol Use Case Diagram ............................................................. 16
Tabel 2.3 Simbol activity Diagram ................................................................. 17
Tabel 2.4 Simbol Class Diagram .................................................................... 18
Tabel 2.5 Simbol Sequence Diagram ............................................................. 20
Tabel 3.1 Hasil Analisa Kinerja ...................................................................... 52
Tabel 3.2 Hasil Analisa Informasi .................................................................. 53
Tabel 3.3 Hasil Analisa Ekonomi ................................................................... 53
Tabel 3.4 Hasil Analisa Keamanan Informasi ................................................ 54
Tabel 3.5 Hasil Analisa Efisiensi .................................................................... 55
Tabel 3.6 Hasil Analisa Layanan .................................................................... 55
Tabel 4.1 Daftar Use Case Sistem Berjalan .................................................... 76
Tabel 4.2 Penjelasan Aktor ............................................................................. 79
Tabel 4.3 Penjelasan Use Case Diagram Login ............................................. 79
Tabel 4.4 Penjelasan Use Case Diagram Kelola User .................................... 80
Tabel 4.5 Penjelasan Use Case Diagram Data Sekolah & Logo .................... 82
Tabel 4.6 Penjelasan Use Case Diagram Data Siswa ..................................... 83
Tabel 4.7 Penjelasan Use case Diagram Data Kelas ...................................... 84
xiv
Tabel 4.8 Penjelasan Use Case Diagram Data Guru ...................................... 86
Tabel 4.9 Penjelasan Use Case Diagram Data Angkatan ............................... 87
Tabel 4.10 Penjelasan use case Diagram data Tipe Pembayaran ................... 88
Tabel 4.11 Penjelasan Use Case Diagram Transaksi Biaya Sekolah ............. 90
Tabel 4.12Penjelasan Use Case Diagram Tagihan Biaya Sekolah ................ 91
Tabel 4.13 Penjelasan Use Case Diagram History Pembayaran .................... 92
Tabel 4.14 Penjelasan use Case Diagram Laporan Biaya Sekolah ................ 93
Tabel 4.15 Penjelasan Tampilan Menu Login................................................. 124
Tabel 4.16 Penjelasan Tampilan Menu Utama................................................ 125
Tabel 4.17 Penjelasan Tampilan Menu Login................................................. 127
Tabel 4.18 Penjelasan Tampilan Menu Data Siswa......................................... 130
Tabel 4.19 Penjelasan Tampilan Menu Data Kelas......................................... 132
Tabel 4.20 Penjelasan Tampilan Menu Data Guru.......................................... 134
Tabel 4.21 Penjelasan Tampilan Menu Data Angkatan................................... 136
Tabel 4.22 Penjelasan Tampilan Menu Data Tipe Pembayaran Siswa............ 138
Tabel 4.23 Penjelasan Tampilan Menu Data User........................................... 140
Tabel 4.24 Penjelasan Tampilan Menu Data Sekolah & Logo........................ 142
Tabel 4.25 Penjelasan Tampilan Menu Transaksi Biaya Sekolah................... 144
Tabel 4.26 Penjelasan Tampilan Menu Data Tagihan..................................... 146
Tabel 4.27 Penjelasan Tampilan Menu Info Status......................................... 148
xv
Tabel 4.28 Penjelasan Tampilan Menu Laporan Biaya Sekolah..................... 150
Tabel 4.29 Penjelasan Tampilan Menu Utama Siswa...................................... 153
Tabel 4.30 Penjelasan Tampilan Menu Tagihan Biaya Sekolah Siswa........... 154
Tabel 4.31 Penjelasan Tampilan Menu History Pembayaran Siswa............... 156
Tabel 4.32 Pengujian Black Box Testing......................................................... 166
xvi
DAFTAR LAMPIRAN
Lampiran Bimbingan Skripsi............................................................................
Lampiran Daftar Pertanyaan Wawancara.........................................................
Lampiran Kartu Bayaran Biaya Sekolah..........................................................
Lampiran Observasi..........................................................................................
Lampiran Surat Keterangan Tempat Penelitian Skripsi...................................
Lampiran Hasil Pengujian Sistem....................................................................
xvii
1
1.8.1.
PENDAHULUAN
1.1. Latar Belakang
Perkembangan teknologi informasi yang semakin pesat di era
globalisasi saat ini tidak bisa dihindari lagi pengaruhnya terhadap dunia
pendidikan. Tuntutan global menuntut dunia pendidikan untuk selalu dan
senantiasa menyesuaikan perkembangan teknologi terhadap usaha dalam
peningkatan mutu pendidikan, terutama penyesuaian penggunaan teknologi
informasi dan komunikasi bagi dunia pendidikan khususnya internet yang
bisa diakses dan dimana saja atau kapan saja dalam proses pembelajaran.
Untuk mendukung sistem pendidikan yang bermutu pada SMP
Muhammadiyah 4 Tangerang, dibutuhkan sebuah sistem untuk mengelola
informasi administrasi biaya sekolah yang terkomputerisasi agar dapat
menangani berbagai masalah atau kendala yang terjadi. Hal ini juga yang
akan memperlancar aktivitas pada sekolah tersebut dalam kegiatan sehari-
harinya. Dengan bertambahnya siswa baru yang terus meningkat setiap
tahunnya maka kebutuhan pelayanan berkaitan dengan administrasi biaya
sekolah perlu ditingkatkan dalam penyempurnaan terhadap sistem yang
telah ada dengan memperbaiki dari kekurangannya.
Sistem administrasi biaya sekolah pada SMP Muhammadiyah 4
Tangerang belum mampu bekerja secara optimal karna belum
terkomputerisasi. Sehingga kurang efisien dalam pencarian data dan
1
2
pembuatan laporan. Untuk itu proses pengolahan data informasi
pembayaran biaya sekolah pada SMP Muhammadiyah 4 Tangerang masih
dibukukan dalam buku besar, dan masih ada kekurangannya yaitu tidak
adanya informasi kepada orang tua wali siswa, apakah siswa tersebut sudah
membayar atau belum dalam pembayaran biaya sekolah.
Oleh karna itu untuk memberikan solusi yang terbaik pada bagian
keuangan siswa pada khususnya, maka penulisan mengambil tema dalam
penulisan Skripsi ini dengan judul penilitian yakni : “RANCANG
BANGUN SISTEM ADMINISTRASI BIAYA SEKOLAH BERBASIS
WEB FRAMEWORK LARAVEL STUDI KASUS SMP
MUHAMMADIYAH 4 TANGERANG” aplikasi ini dirancang bangun
dengan memanfaatkan teknologi informasi berbasis web, yaitu
menggunakan PHP sebagai bahasa pengolahan dan MySQL untuk
mengelola databasenya.
1.2. Identifikasi Masalah
Penulis melihat beberapa identifikasi masalah yang ada di SMP
Muhammadiyah 4 Tangerang yaitu:
1. Sistem pendataan pembayaran biaya sekolah di SMP Muhammadiyah
4 Tangerang masih dilakukan dengan cara konvensional sehinga belum
mampu berjalan secara optimal.
2. Masih kurang efisien dalam pencarian informasi data status
pembayaran siswa.
3
3. Proses pembuatan laporan belum mengunakan aplikasi komputerisasi
yang otomatis sehingga membutuhkan waktu yang lama.
4. Proses pengolahan data informasi pembayaran biaya sekolah pada
SMP Muhammadiyah 4 Tangerang masih dibukukan dalam buku besar
yang rawan rusak atau hilang.
5. Belum terdapat sebuah sistem yang memungkinkan pemberian
informasi kepada orang tua wali siswa, apakah siswa tersebut sudah
membayar atau belum dalam pembayaran biaya sekolah.
6. Terkadang terjadi kesalahan dalam pembuatan laporan keuangan biaya
sekolah.
1.3. Rumusan Masalah
Berdasarkan latar belakang dan identifikasi masalah yang telah
dijelaskan di atas, maka rumusan masalah penelitian ini adalah :
1. Bagaimana membuat proses dan perancangan sistem informasi
administrasi biaya sekolah di SMP Muhammadiyah 4 Tangerang yang
efektif dan efisien?
2. Bagaimana mengembangkan sistem informasi sistem informasi
administrasi biaya sekolah di SMP Muhammadiyah 4 Tangerang yang
teruji dengan pengujian metode pengujian sistem informasi sehingga
diperoleh sebuah sistem yang efektif dan efisien ?

4
1.4. Batasan Masalah
Dalam penelitian ini memiliki batasan masalah antara lain:
1. Penelitian ini hanya membahas sistem administrasi pembayaran biaya
sekolah, antara lain: biaya gedung, SPP dan biaya-biaya lainnya yang
ada selama mengikuti pembelajaran di SMP Muhammadiyah 4
Tangerang.
2. Penelitian ini akan mengahasilkan desain dan sebuah sistem informasi,
pengembangan sistem informasi pembayaran biaya sekolah (biaya
gedung, SPP dan biaya-biaya lainnya) pada SMP Muhammadiyah 4
Tangerang berbasis web dengan framework laravel menggunakan PHP
dan MySQL.
1.5. Tujuan Penelitian Penelitian
Tujuan dan manfaat penelitian yang dilakukan antara lain :
1. Untuk mengetahui prosedur dan pelaksanaan pembayaran biaya
sekolah (biaya gedung, SPP dan biaya-biaya lainnya) yang lebih baik
untuk diterapkan pada sekolah SMP Muhammadiyah 4 Tangerang.
2. Untuk mengatasi permasalahan yang terjadi pada administrasi
pembayaran biaya sekolah (biaya gedung, SPP dan biaya-biaya
lainnya) pada sekolah SMP Muhammadiyah 4 Tangerang dan
merancang sebuah sistem yang baru agar proses pembayaran biaya
sekolah dapat berjalan dengan cepat dan baik.

5
1.6. Manfaat Penelitian
1.6.1. Manfaat Penelitian Bagi Penulis
1. Hasil penelitian ini ke depannya diharapkan dapat melatih dan
membekali diri dengan pengalaman yang didapat didunia kerja yang
lebih nyata.
2. Sebagai syarat penulis menyelesaikan pendidikan S1 Teknik
Informatika Universitas Muhammadiyah Tangerang.
1.6.2. Manfaat Penelitian Bagi SMP Muhammadiyah 4 Tangerang
1. Dengan adanya aplikasi sistem administrasi biaya sekolahberbasis web
dapat mempermudah tata usaha dalam mengelola data setiap transaksi
pembayaran biaya sekolah (biaya gedung, SPP dan biaya-biaya
lainnya).
2. Membantu sekolah dalam pembuatan pelaporan data administrasi
biaya sekolah (biaya gedung, SPP dan biaya-biaya lainnya) mengajar
yang telah dilakukan siswa SMP Muhammadiyah 4 Tangerang.
1.6.3 Manfaat Penelitian Bagi Universitas Muhammadiyah Tangerang
1. Sebagai wawasan dalam mendidik dan membekali ilmu bagi
mahasiswa sebelum terjun ke dunia usaha dan sebagai masukan
tambahan dalam dunia pustaka sehingga dapat bermanfaat bagi
angkatan selanjutnya.
2. Salah satu bentuk pengabdian masyarakat dari mahasiswa dan dosen
Universitas Muhammadiyah Tangerang..

6
1.7. Sistematika Penulisan
Penyusunaan Laporan Skripsi ini terdari dari beberapa bab
sebagaimana penjabaran sebagai berikut ini:
BAB I PENDAHULUAN
Dalam bab ini terdari dari latar belakang kerja praktek, identifikasi
masalah, rumusan masalah, batasan masalah, tujuan penelitian dan
manfaat penelitian.
BAB II LANDASAN TEORI
Pada bab ini berisi beberapa definisi yang sesuai dengan penelitian dan
beberapa literature review yang berhubungan dengan penelitian dan
yang berhubungan dengan teori-teori yang digunakan dalam penulisan
laporan penelitian ini meliputi: Konsep dasar perancangan, konsep
dasar sistem, konsep dasar informasi, konsep dasar sistem informasi,
Unified Modeling Language (UML), pengertian pembayaran,
literature review, serta teori-teori lainnya.
BAB III METODE PENELITIAN
Pada bab ini berisikan gambaran tentang jenis penelitian, metode
pengumpulan data, metode pengembangan sistem, tinjauan tempat
penelitian.
BAB IV ANALISA DAN PEMBAHASAN
Bab ini membahas proses analisa sistem yang sedang berjalan, dan
dibuatkan use case sistem yang sedang berjalan, kebutuhan pengguna,

7
membuat desain sistem yang diusulkan menggunakan UML(Unified
Modelling Language) serta pembahasan yang menjelaskan hasil
penelitian yang diperoleh.
BAB V KESIMPULAN
Pada bab ini berisi kesimpulan yang berkaitan dengan hasil analisa dan
rancangan sistem guna menjawab tujuan penelitian yang diajukan,
serta saran dari penulis untuk lebih mengoptimalkan kinerja sistem
yang diusulkan.
8
1.8 Rencana Kegiatan Penelitian
Tabel 1.1 Rencana Kegiatan Penelitian
Juni Juli Agustus September Oktobber

No Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Pengumpula
1 n
Data
Analisis
2
Kebutuhan
Penulisan
dan
3
Asistensi
BAB I
Penulisan
dan
4
Asistensi
BAB II
Penulisan
dan
5
Asistensi
BAB III
Penulisan
dan
6
Asitensi
BAB IV
Penulisan
dan
7
Asistensi
BAB V
Finalisasi
9
Penulisan
10 Sidang
BAB II
LANDASAN TEORI
2.1. TEORI UMUM
2.1.1. Definisi Sistem
Menurut Handayani (2020) “sistem adalah jaringan prosedur yang
dibuat menurut pola yang terpadu untuk melaksanakan kegiatan pokok
perusahaan”.
Menurut Herdiansah (2020) “sistem dan sistem informasi adalah suatu
hal yang saling berhubungan satu dengan lainnya yang akhirnya
menghasilkan sebuah informasi/data yang berguna bagi orang yang dituju
sesuai dengan peruntukannya”.
Menurut Azhar dan Sutanto (2013) “mengemukakan bahwa sistem
adalah kumpulan atau grup dari subsistem atau bagian atau komponen
apapun, baik fisik ataupun nonfisik yang saling berhubungan satu sama lain
dan bekerja sama secara harmonis untuk mencapai satu tujuan tertentu”.
Menurut Mulyadi (2016) “Sistem pada dasarnya adalah sekelompok
unsur yang erat berhubungan dengan yang lainnya, yang berfungsi bersama-
sama untuk mencapai tujuan tertentu.”
Menurut Muslihudin dan Oktafianto (2016) “Sistem adalah
sekumpulan komponen-komponen atau jaringan kerja dari prosedur-
prosedur yang saling berkaitan dan saling bekerja sama membentuk suatu
jaringan kerja untuk mencapai sasaran atau tujuan tertentu”.
9
10
Dari pengertian sistem diatas dapat disimpulkan bahwa Sistem adalah
jaringan prosedur yang menggunakan pola yang saling berhubungan dengan
yang lain untuk menghasilkan informasi/data yang satu tujuan.
2.1.2. Definisi Informasi
Menurut Darmawan dan Kunkun (2015) informasi adalah “Hasil dari
pengelolahan data, akan tetapi tidak semua hasil dari pengelolahan tersebut
bisa menjadi informasi, hasil pengelolahan data yang tidak memberikan
makna atau arti yang tidak bermanfaat bagi seseorang bukanlah merupakan
informasi bagi orang tersebut”.
Pengertian Informasi menurut Jogiyanto yang dikutip oleh Machmud
(2013) adalah sebagai berikut: “Informasi diartikan sebagai data yang diolah
menjadi bentuk yang lebih berguna dan lebih berarti bagi yang
menerimanya”. Jadi Informasi adalah data yang diproses kedalam bentuk
yang lebih berarti bagi penerima dan berguna dalam pengambilan
keputusan, sekarang atau untuk masa yang akan datang.(MACHMUD,
2013).
Berdasarkan pengertian diatas dapat disimpulkan bahwa informasi
adalah pengelolahan data yang dirubah menjadi sebuah informasi atau
menjadi bentuk yang lebih berguna dan berarti bagi pihak yang
menerimanya.
2.1.3. Definisi Sistem Informasi

11
Menurut Fajar dalam Jurnal Simetris Vol. 5 No.1 (2014) “sistem
informasi adalah kerangka kerja yang mengkoordinasikan sumber daya
(manusia dan komputer) untuk mengubah masukan (input) menjadi keluaran
(informasi), guna mencapai sarana perusahaan”.
Menejemen Sistem informasi yang baik berhubungan erat dengan
pengolahan data yang baik, sebagai mana yang dikatakan Fitriawati, dkk
(2019) dikatakan bahwa pengolahan data yang masih belum
terkomputerisasi dengan baik, hal ini mengakibatkan kualitas informasi
yang dihasilkan kurang akurat.
Berdasarkan pengertian diatas dapat disimpulkan bahwa sistem
informasi adalah sebuah sistem yang terdiri dari pengumpulan, pemasukan
data, pemrosesan data, penyimpanan, pengolahan, pengendalian dan
pelaporan sehingga tercapai sebuah informasi yang mendukung
pengambilan keputusan di dalam suatu organisasi untuk dapat mencapai
tujuan yang diinginkan.
2.1.4. Definisi Perancangan Sistem
Perancangan sistem menurut Zakiyudin (2013). “Perancangan sistem
adalah penentuan proses dan data yang diperlukan oleh sistem baru, jika
sistem itu berbasis komputer, maka rangcangan dapat menyertakan
spesifikasi jenis peralatan yang akan digunakan".
Pengertian Perancangan sistem menurut Pengertian Perancangan
sistem menurut Hidayat dkk dalam jurnal CERITA (2016), “Perancangan

12
adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan
merupakan wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang
telah direncanakan. Langkah awal dalam perancangan desain bermula dari
hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui
proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang
teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan
kegunaan secara baik.
Berdasarkan pengertian diatas dapat disimpulkan bahwa perancangan
sistem adalah penggambaran, perencanaan, pembuatan sketsa dari beberapa
elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi”.
2.1.5. UML (Unified Modeling Languange)
Menurut Rosa dan Shalahudin, (2014). Unified Modeling Language
(UML) adalah salah satu standar bahasa yang banyak digunakan di dunia
industri untuk mendefinisikan requirement, membuat analisis dan desain,
serta menggambarkan arsitektur dalam pemrograman berorientasi objek.
UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai
sebuah sistem dengan menggunakan diagram dan teks-teks pendukung.
UML muncul karena adanya kebutuhan pemodelan visual untuk
menspesifikasikan, menggambarkan, membangun, dan dokumentasi dari
sistem perangkat lunak. UML hanya berfungsi untuk melakukan pemodelan.
Jadi penggunaan UML tidak terbatas pada metodologi tertentu, meskipun

13
pada kenyataannya UML paling banyak digunakan pada metodologi
berorientasi objek.
Bahasa pemrograman berorientasi objek yang pertama dikembangkan
dikenal dengan nama Simula-67 yang dikembangkan pada tahun
1967.Perkembangan aktif dari pemrograman berorientasi objek mulai
menggeliat ketika berkembangnya bahasa pemrograman Smalltalk pada
awal 1980-an yang kemudian diikuti dengan perkembangan bahasa
pemrograman berorientasi objek yang lainnya seperti C objek, C++, Eiffel,
dan CLOS.
Sekitar lima tahun setelah Smalltalk berkembang, maka berkembang
pula metode pengembangan berorientasi objek. Karena banyaknya
metodologi- metodologi yang berkembang pesat saat itu, maka muncullah
ide untuk membuat sebuah bahasa yang dapat dimengerti semua orang.
Maka dibuat bahasa yang merupakan gabungan dari beberapa konsep,
seperti konsep Object Modeling Technique (OMT) dari Rumbaugh dan
Booch (1991), konsep The Classes, Responsibilities, Collaborators (CRC)
dari Rebecca Wirfs-Brock (1990), konsep pemikiran Ivar Jacobson, dan
beberapa konsep lainnya dimana James R. Rumbaigh, Grady Booch, dan
Ivar Jacobson bergabung dalam sebuah perusahaan yang bernama Rational
Software Corporation menghasilkan bahasa yang disebut dengan Unified
Modeling Language (UML).
2.1.5.1. Diagram UML

14
Diagram UML merupakan Diagram berbentuk grafik yang
menunjukkan simbol elemen model yang disusun untuk mengilustrasikan
bagian atau aspek tertentu dari sistem. Sebuah diagram merupakan bagian
dari suatu view tertentu dan ketika digambarkan biasanya dialokasikan
untuk view tertentu. Adapun jenis diagram antara lain :
a. Flowchart Diagram
Flowchart adalah adalah suatu bagan dengan simbol-simbol
tertentu yang menggambarkan urutan proses secara mendetail dan
hubungan antara suatu proses (instruksi) dengan proses lainnya dalam
suatu program.
Tabel 2.1 Simbol Flowchart Diagram (Ridoi : 2018)
NO GAMBAR NAMA KETERANGAN
Simbol untuk permulaan

(start)
1 Terminator
atau akhir (stop) dari suatu
kegiatan.
Menyatakan input berasal dari

2 Document dokumen dalam bentuk kertas
atau output dicetak ke kertas.
Menyatakan suatu tindakan

3 Process (proses) yang dilakukan oleh
komputer.
Menunjukan suatu kondisi

tertentu yang akan menghasil
4 Decision
dua kemungkinan jawaban :
ya/tidak.
15
Menyatakan proses input dan

5 Input/Output output tanpa tergantung jenis
peralatannya
Menyatakan sambungan dari

6 Connector proses ke proses lainnya
dalam halaman yang sama.
Menyatakan sambungan dari

Offline
7 proses ke proses lainnya
Connector
dalam halaman yang berbeda.
Menunjukkan peengolahan
Manual
8 yang tidak dilakukan oleh
Operation
komputer.
Pemasukan data secara

9 Manual Input
manual on-line keyboard.
Menghubungkan antara
simbol yang satu dengan yang
10 Flow
lain. Simbol ini juga disebut
connecting Line.
b. Use Case Diagram
Menurut Dennis (2015), Use Case Diagram adalah “Diagram
fungsional dalam bahwa mereka menggambarkan fungsi dasar dari
sistem” ke dua deskripsi use case dan diagram use case di dasarkan
pada persyaratan di identifikasi dan deskripsi diagram aktivitas
deskripsi proses. Use Case menjelaskan cara yang sangat sederhana
dari fungsi utama dari sebuah sistem dan bermacam-macam perbedaan

16
dari pemakai akan saling berpengaruh. Use Case digunakan untuk
menggambarkan fungsi dari sistem dan sebagai model dialog antara
aktor dan sistem, ” Use case diagram menampilkan actor , use case ,
dan hubungan antara mereka. Use case diagram dapat sangat
membantu bila kita sedang menyusun kebutuhan sistem,
mengkomunikasikan rancangan dengan klien dan merancang test
khusus untuk desain yang ada pada sistem”.
Tabel 2.2 Simbol Use Case Diagram (Dennis : 2015)
Menspesifikasikan himpuan peran yang

1 Actor pengguna mainkan ketika berinteraksi
dengan use case.
Hubungan dimana perubahan yang
terjadi pada suatu elemen mandiri
Depend (independent) akan mempengaruhi
2
ency elemen yang bergantung padanya
elemen yang tidak mandiri
(independent).
Hubungan dimana objek anak
Genera (descendent) berbagi perilaku dan
3
lization struktur data dari objek yang ada di
atasnya objek induk (ancestor).
Menspesifikasikan bahwa use case

4 Include
sumber secara eksplisit.
Menspesifikasikan bahwa use case

target memperluas perilaku dari use
5 Extend
case sumber pada suatu titik yang
diberikan.
Associa Apa yang menghubungkan antara objek
6
tion satu dengan objek lainnya.
17
Menspesifikasikan paket yang

7 Sistem
menampilkan sistem secara terbatas.
Deskripsi dari urutan aksi-aksi yang

Use ditampilkan sistem yang menghasilkan
8
Case suatu hasil yang terukur bagi suatu
aktor.
Interaksi aturan-aturan dan elemen lain
Collab yang bekerja sama untuk menyediakan
9
oration prilaku yang lebih besar dari jumlah
dan elemen-elemennya (sinergi).
Elemen fisik yang eksis saat aplikasi

10 Note dijalankan dan mencerminkan suatu
sumber daya komputasi
c. Activity Diagram
Menurut Dennis 2015, Activity Diagram adalah “Activity
Diagram yang digunakan untuk menggunakan tingkah laku proses
bisnis satu orang dari obyek. Dalam beberapa kebiasaan bisa dilihat
sebagai diagram aliran data yang sudah berpengalaman digunakan
dalam conjunction dengan struktur analis. Tidak hanya itu,
diagram activity dapat digunakan untuk menggambarkan segala
macam dari level menengah aliran kerja bahwa involve beberapa
perbedaan Use Case, untuk menjelaskan use case perorangan.
Kesimpulannya untuk mengkhususkan detail dari metode
perorangan”.
Tabel 2.3 Simbol Activity Diagram (Dennis : 2015)

18
Memperlihatkan bagaimana masing-

1 Actifity masing kelas antarmuka saling
berinteraksi satu sama lain
State dari sistem yang mencerminkan

2 Action
eksekusi dari suatu aksi
Initial Bagaimana objek dibentuk atau

3
Node diawali.
Actifity Bagaimana objek dibentuk dan

4
Final Node dihancurkan
Satu aliran yang pada tahap tertentu

5 Fork Node
berubah menjadi beberapa aliran
6 Decision Pilihan untuk mengambil keputusan
d. Class Diagram
Menurut Dennis (2015), Class Diagram merupakan model
statis yang menggambarkan kelas dan relasi antar kelas yang konstan
di dalam sistem dari waktu ke waktu. Class diagram menggambarkan
kelas, yang mencakup perilaku dan kedudukan, dengan hubungan antar
kelas.
Tabel 2.4 Simbol Class Diagram (Dennis : 2015)

19
Jika sebuah class tidak bisa berdiri

sendiri dan harus merupakan bagian
dari class yang lain, maka class
tersebut memiliki relasi Composition
Compositi
1 terhadap class tempat dia bergantung
on
tersebut. Sebuah relationship
composition digambarkan sebagai
garis dengan ujung berbentuk jajaran
genjang berisi/solid.
Aggregation mengindikasikan
keseluruhan bagian relationship dan
biasanya disebut sebagai relasi
“mempunyai sebuah” atau “bagian
Aggregati
2 dari”.
on
Sebuah aggregation digambarkan
sebagai sebuah garis dengan sebuah
jajaran genjang yang tidak
berisi/tidak solid.
Class adalah blok - blok pembangun
pada pemrograman berorientasi
objek. Sebuah class digambarkan
sebagai sebuah kotak yang terbagi
atas 3 bagian.
3 Class
Bagian atas adalah bagian nama dari
class. Bagian tengah mendefinisikan
property/atribut class. Bagian akhir
mendefinisikan method-method dari
sebuah class.
Sebuah asosiasi merupakan sebuah

relationship paling umum antara 2
class, dan dilambangkan oleh sebuah
garis yang menghubungkan antara 2
1..n Owned Associatio class. Garis ini bisa melambangkan
4
by 1 n tipe-tipe relationship dan juga
dapatmenampilkan hukum-hukum
multiplisitas pada sebuah
relationship (Contoh: One-to-one,
one-to-many, many-to-many).
20
Sebuah relasi generalization sepadan

dengan sebuah relasi inheritance
pada konsep berorientasi objek.
Generaliz Sebuah generalization dilambangkan
5
ation dengan sebuah panah dengan kepala
panah yang tidak solid yang
mengarah ke kelas “parent”-
nya/induknya.
Kadangkala sebuah class

menggunakan class yang lain. Hal
ini disebut dependency. Umumnya
penggunaan dependency digunakan
Dependen
6 untuk menunjukkan operasi pada
cy
suatu class yang menggunakan class
yang lain. Sebuah dependency
dilambangkan sebagai sebuah panah
bertitik- titik
e. Sequence Diagram
Menurut Dennis (2015), Sequence Diagram adalah “Sequence
Diagram mengilustrasikan obyek yang mengambil bagian dalam Use
Case dan pesan yang terlewat diantara mereka untuk satu Use Case.
Sebuah Sequence Diagram adalah model dinamis yang menunjukan
urutan eksplisit pesan yang lewat diantara objek dalam interaksi yang
di definisikan”.,
Tabel 2.6 Simbol Sequence Diagram (Dennis : 2015)

Actor juga dapat berkomunikasi
1 Actor dengan object, maka actor juga dapat
diurutkan sebagai kolom.
21
Object atau biasa juga disebut

partisipan merupakan instance dari
sebuah class dan dituliskan tersusun
Object secara horizontal.
2 Object
Digambarkan sebagai sebuah class
(kotak) dengan nama objek
didalamnya yang diawali dengan
sebuah titik koma.
Lifeline mengindikasikan keberadaan
sebuah object dalam basis waktu.
3 Lifeline Notasi untuk Lifeline adalah garis
putus-putus vertikal yang ditarik dari
sebuah objek.
Menggambarkan pesan/ hubungan
Message
4 antar obyek, yang menunjukan
Return
urutan kejadian yang terjadi.
Activation dinotasikan sebagai
sebuah kotak segi empat yang
5 Activation digambar pada sebuah lifeline.
Activation mengindikasikan sebuah
objek yang melakukan suatu aksi
Boundary terletak di antara sistem
dengan dunia sekelilingnya. Semua
form, laporan-laporan, antar muka ke
6 Boundary perangkat keras seperti printer atau
scanner dan antar muka ke sistem
lainnya adalah termasuk dalam
kategori.
Control berhubungan dengan
fungsionalitas seperti pemanfaatan
7 Control sumber daya, pemrosesan
terdistribusi, atau penanganan
kesalahan.
Entity digunakan menangani
informasi yang mungkin akan
8 Entity disimpan secara permanen. Entity
bisa juga merupakan sebuah tabel
pada struktur basis data.
22
9 message Message, digambarkan dengan anak

panah horizontal antara Activation.
Massage Message mengindikasikan
komunikasi antara object-object.
Self-message atau panggilan mandiri

Self- mengindikasikan komunikasi
10
Message kembali kedalam sebuah objek itu
sendiri.
23
2.2. WEB
2.2.1. Definisi WEB
Menurut Sutopo, dkk (2017) “Web merupakan terobosan baru sebagai
teknologi informasi yang menghubungkan data dari banyak sumber dan
layanan yang beragam macamnya di internet”.
Menurut Hastanti, dkk (2014), Web adalah lokasi di internet yang
menyajikan kumpulan informasi, komunikasi atau transaksi sehubungan
dengan profil pemilik situs.
Berdasarkan pengertian diatas dapat disimpulkan bahwa web
merupakan salah satu layanan yang didapatkan oleh pemakai komputer.
Browser (peramba) adalah perangkat lunak atau software yang
digunakan untuk mencari, mengakses dan menampilkan halaman web,
terutama situs-situs website dan konten lain di internet atau aplikasi yang
mampu untuk menjelajah dunia internet.
Beberapa istilah yang berkaitan dengan web :
a. Website: sebuah alamat tertentu di internet yang menyediakan
informasi tertentu.
b. Hypertext Link: fasilitas yang dapat mengantarkan pengguna dari
alamat situs satu ke alamat yang lain. Hyperlink dapat berupa
gambar atau teks.
c. Web Page: elemen-elemen penyusun situs web. Situs web
diumpamakan sebuah buku dan halaman-halaman web adalah

24
halaman buku tersebut yang berisi informasi yang berbeda-beda di
setiap halamannya.
d. URL: Merupakan singkatan dari Universal Resource Locator suatu
alamat yang mengacu kepada sebuah website tertentu.
e. Protokol: sebuah aturan atau standaryang mengatur atau
mengijinkan terjadinya hubungan, komunikasi, dan perpindahan
data antara dua atau lebih titik computer.
f. Domain Name: Alamat website dimana web disimpan.
g. Path : sebuah aplikasi jejaring sosial pada telepon pintar yang
memungkinkan penggunanya untuk berbagi gambar dan juga
pesan.
h. Browser: aplikasi yang digunakan untuk menjelajah dunia internet.
Contoh browser adalah Internet Explorer, Mozilla Firefox, Opera.
2.2.2 Cara Kerja Web
Terdapat 4 unsur penting dalam proses kerja web, yaitu :
1. User
pengguna/user adalah orang yang melakukan permintaan/request sebuah
alamat sebuah situs.
2. Client Server
Client server merupakan sebuah aplikasi yang berfungsi sebagai sebuah
mesin pencari (browser) dimana sebuah situs atau informasi berada
disana.
25
3. TCP/IP
IP adalah kode atau sebuah alamat yang dapat membantu agar sebuah
permintaan akan mendapatkan jawaban yang sesuai.
4. Server
server(otark)adalah pusat dari semuanya,disinilah pusat dari
semuanya,tempat penyimpanan server lah data dan disini data diolah dan
dikirim kembali sesuai permintaan atau request.
2.2.3 Fungsi Web
Secara umum situs web mempunyai fungsi sebagai berikut:
1. Fungsi komunikasi
Situs web yang mempunyai fungsi komunikasi pada
umumnya adalah situs web dinamis. Karena dibuat
menggunakan pemrogaman web (server side) maka dilengkapi
fasilitas yang memberikan fungsi-fungsi komunikasi, seperti
web mail, form contact, chatting, forum dan lainya.
2. Fungsi informasi
Situs web yang memiliki fungsi informasi pada umumnya
lebih menekankan pada kualitas bagian kontenta karena tujuan
situs tersebut adalah menyampaikan isinya. Situs ini sebaiknya
berisi teks dan grafik yang dapat didownload dengan cepat.
Pembatasan penggunaan animasi gambar dan elemen bergerak

26
seperti Shockwave dan Java diyakini sebagai langkah yang
tepat, diganti dengan fasilitas yang memberikan fungsi
informasi seperti News, Profile Company, Library, Reference
dan lain-lain.
3. Fungsi entertainment
Situs web juga dapat memiliki fungsi entertainment
/hiburan. Bila situs web kita berfungsi sebagai sarana hiburan
maka penggunaan animasi gambar dan elemen bergerak dapat
meningkatkan mutu presentasi desainya, meski tetap harus
mempertimbangkan kecepatan downloadnya. Beberapa fasilitas
yang memberikan fungsi hiburan adalah game online, film
online, musik online dan sebagainya.
4. Fungsi transaksi
Situs web dapat dijadikan sarana transaksi bisnis, baik
barang, jasa atau lainya. SItus web ini menghubungkan
perusahaan, konsumen dan komunitas tertentu melalui transaksi
elektronik. Pembayarannya bisa menggunakan kartu kredit,
transfer ataupun dengan membayar secara langung (Cash On
Delivery).
2.2.4. Metode Waterfall
Metode waterfall, merupakan metode yang banyak digunakan oleh
para pengembang sistem informasi karena sifatnya terstruktur dan mudah

27
dipahami sebagai sebuah siklus hidup klasik (classic life cycle)
pengembangan sebuah sistem informasi (Herdiansah, 2019).
Dalam pengembangannya metode waterfall memiliki beberapa
tahapan yang berurut yaitu: komunikasi, Perencanaan, Pemodelan,
Konstruksi, Penyerahan (Pressman, 2012).
Tahapan metode waterfall dapat dilihat pada gambar di bawah ini.
Gambar 1. Tahapan Metode waterfall ( Pressman, 2012)
Penjelasan tahapan metode waterfall sebagai berikut:
1. Komunikasi, pada tahap ini dilakukan inisiasi proyek, seperti
menganalisis masalah yang ada dan tujuan yang akan dicapai.
Selain itu dilakukan juga requirements gathering, dimana akan
dikumpulkan requirement dari user melalui analisis kuisioner.
2. Perencanaan, pada tahap ini merupakan tahap dimana akan
dilakukan estimasi mengenai kebutuhan-kebutuhan yang
diperlukan untuk membuat sebuah sistem. Selain itu, penjadwalan
dalam proses pengerjaan juga ditentukan pada tahap ini.
3. Pemodelan, Kemudian mulai masuk pada tahap perancangan
dimana perancang menerjemahkan kebutuhan sistem kedalam
representasi untuk menilai kualitas sebelum tahap selanjutnya

28
dikerjakan. Tahap ini lebih difokuskan pada atribut program,
seperti struktur data, arsitektur perangkat lunak, dan detail
prosedur.
4. Konstruksi, pada tahap ini merupakan proses membuat kode.
Coding atau pengkodean merupakan penerjemah desain dalam
bahasa yang bisa dikenali oleh komputer. Programmer akan
menerjemahkan transaksi yang diminta oleh user. Tahap ini yang
merupakan tahapan secara nyata dalam mengerjakan suatu
software, artinya penggunaan komputer akan dimaksimalkan dalam
tahapan ini. Setelah pengkodean selesai maka akan dilakukan
testing terhadap sistem yang telah dibuat tadi. Tujuan testing adalah
menemukan kesalahan-kesalahan terhadap sistem tersebut untuk
kemudian bisa diperbaiki.
5. Penyerahan, pada tahap ini bisa dikatakan final dalam pembuatan
sebuah software atau sistem. Setelah melakukan analisis, desain
dan pengkodean maka sistem yang sudah jadi akan digunakan oleh
user. Kemudian software yang telah dibuat harus dilakukan
pemeliharaan secara berkala.
2.2.4. Definisi PHP
Pada awalnya situs web PHP adalah salah satu bahasa pemrograman
open source yang sangat cocok atau dikhususkan untuk pengembangan web
dan dapat ditanamkan pada sebuah skripsi HTML. Bahasa PHP dapat
29
dikatakan menggambarkan beberapa bahasa pemrograman seperti C, Java,
dan Perl serta mudah untuk dipelajari. Menurut Kustiyaningsih (2011),
“PHP (atau resminya PHP: Hypertext Preprocessor) adalah skrip bersifat
server – side yang ditambahkan ke dalam HTML”.
PHP disebut bahasa pemrograman server side karena PHP diproses
pada komputer server. Hal ini berbeda dibandingkan dengan bahasa
pemrograman client-side seperti JavaScript yang diproses pada web
browser (client).
Pada awalnya PHP merupakan singkatan dari Personal Home
Page. Sesuai dengan namanya, PHP digunakan untuk membuat website
pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi
bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk
membuat halaman web sederhana, tetapi juga website populer yang
digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll.
2.2.5. Framework Laravel
2.2.5.1. Framework
Dalam bahasa Inggris, framework dapat diartikan sebagai kerangka
kerja, adapun pengertian framework menurut Daqiqil (2011) Framework
adalah sebuah struktur konseptual dasar yang digunakan untuk memecahkan
sebuah permasalahan atau isu-isu kompleks.
Berikut ini merupakan keuntungan menggunakan framework menurut
Daqiqil (2011) sebagai berikut:

30
1. Menghemat Waktu Pengembangan, Dengan struktur library yang
telah disediakan oleh framework maka tidak perlu lagi memikirkan
hal-hal tersebut.
2. Refuse of code Dengan menggunakan framework maka pekerjaan
kita akan memiliki struktur yang baku, sehingga kita dapat
menggunakan kembali di proyek-proyek lainnya.
3. Bantuan Komunitas Ada komunitas-komunitas yang siap membantu
jika ada permasalahan.
4. Kumpulan Best Practice Sebuah framework merupakan kumpulan
best practice yang sudah teruji. Jadi kita dapat meningkatkan kualitas
kode kita.
2.2.5.2. Laravel
Menurut Aminudin (2015) Laravel adalah sebuah Framework PHP
dirilis dibawah lisensi MIT dengan kode sumber yang sudah disediakan oleh
Github, sama seperti framework-framework yang lain, Laravel dibangun
dengan konsep MVC (Model-Controller-View), kemudian Laravel
dilengkapi juga command line tool yang bernama “Artisan” yang bisa
digunakan untuk packaging bundle dan instalasi bundle melalui command
prompt.
Berikut ini beberapa fitur yang dimiliki oleh framework Laravel
menurut Aminudin (2015) :
1. Bundles Bundles
31
Yaitu sebuah fitur dengan system pengemasan modular dan
berbagai
bundle telah tersedia untuk digunakan dalam aplikasi anda.
2. Eloquent ORM Eloquent
ORM merupakan penerapan PHP lanjutan dari pola “active
record” menyediakan metode internal untuk mengatasi kendala
hubungan antara objek database. Pembangun query Laravel Fluent
didukung Eloquent.
3. Application Logic
Application Logic merupakan bagian dari aplikasi yang
dikembangkan, baik menggunakan Controllers maupun sebagai
bagian dari deklarasi Route. Sintaks yang digunakan untuk
mendefinisikannya mirip dengan yang digunakan oleh framework
Sinatra.
4. Reverse Routing
Reverse Routing mendefinisikan hubungan antara link dan route,
sehingga jika suatu saat ada perubahan pada route secara otomatis
akan tersambung dengan link yang relevan. Ketika link yang dibuat
dengan menggunakan nama-nama dari route yang ada, secara
otomatis laravel akan membuat URI yang sesuai.
5. Restful Controllers
32
Restful Controllers memberikan sebuah option (pilihan) untuk
memisahkan logika dalam melayani HTTP GET dan permintaan
POST.
6. Class Auto Loading
Class Auto Loading menyediakan otomatis loading untuk class-
class PHP, tanpa membutuhkan pemeriksaan manual terhadap jalur
masuknya. Fitur ini mencegah loading yang tidak perlu.
7. View Composers
View Composers adalah kode unit logical yang dapat dijalankan
ketika sebuah view di load.
8. IoC Container
IoC Container memungkinkan untuk objek baru yang dihasilkan
dengan mengikuti prinsip control pembalik, dengan pilihan contoh
dan referensi dari objek baru sebagai Singletons.
9. Migrations
Migrations menyediakan versi sistem control untuk skema
database, sehingga memungkinkan untuk menghubungkan
perubahan adalah basis kode aplikasi dan keperluan yang
dibutuhkan dalam merubah tata letak database. Mempermudah
dalam penempatan dan memperbarui aplikasi.
10. Unit Testing

33
Unit Testing mempunyai peran penting dalam framework Laravel,
dimana unit testing ini mempunyai banyak tes untuk mendeteksi
dan mencegah regresi. Unit testing dapat dijalankan melalui fitur
“artisan command-line”.
34
11. Automatic Pagination
Automatic Pagination menyederhanakan tugas dari penerapan
halaman, menggantikan penerapan yang manual dengan metode
otomatis yang terintegrasi ke Laravel.
2.2.6. Definisi MYSQL
MySQL adalah sebuah implementasi dari sistem manajemen basis data
relasional yang mempunyai kompatibel dengan berbagai sistem operasi.
Menurut Hirin dan Virgi (2011) “MySQL adalah satu perangkat lunak
sistem manajemen basis data (database) SQL atau sering disebut dengan
DBMS (Database Management System)”.
Kehandalan suatu sistem basis data (DBMS) dapat diketahui dari cara
kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL
yang dibuat oleh pengguna maupun program-program aplikasi yang
memanfaatkannya.
Kelebihan MYSQL yaitu :
1. Portabilitas. MySQL dapat berjalan stabil pada salah satu jenis
software yang portable. Dengan begitu software portable ini dapat
dijalankan untuk mengolah database multi platform. Berbagai
system operasi seperti MAC, Linux maupun Windows dapat
menggunakan MySQL ini. Sehingga ini membuatnya berjalan
lebih stabil dari segi efisiensi dan juga fungsional yang lebih baik.
35
2. Perangkat lunak sumber terbuka (open source). Dapat terbuka
seacra gratis tanpa membayar. Karena software ini disediakan
secata Iopen source.
3. Multi-user. MySQL dapat digunakan oleh beberapa bahasa
pemrograman, MySQL dapat dijalankan oleh banyak user dalam
satu waktu tanpa mengalami permasalahan seperti crash, dan lain
sebagainya.
4. Performance tuning, MySQL memiliki kecepatan yang tinggi
misalnya ketika akan menyeleksi suatu data atau memasukkan
suatu data karena MYSQL merupakan turunan dari konsep
SQL.Multi user, artinya database dapat digunakan oleh beberapa
user dalam waktu bersamaan tanpa mengalami masalah atau
konflik.
5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat
beragam seperti Integer, double, float, date, char, text, timestamp
dan lain sebagainya. Dengan berbagai macam tipe data yang
didukung tersebut membuat software ini merupakan salah satu
software yang berguna untuk kebutuhan DBMS.
6. Perintah dan Fungsi. MySQL secara penuh yang mendukung
perintah select dan where dalam query.
7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti
password yang terenkripsi.

36
8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data
dalam skala besar, dengan jumlah record lebih dari 50 juta dan 60
ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat
ditampung mencapai 32 indeks pada tiap tabelnya.
9. Konektivitas. MySQL dapat melakukan koneksi dengan klien
menggunakan protokol TCP/IP, Unix soket (UNIX), atau named
pipes (NT).
10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien
dengan menggunakan lebih 20 bahasa. Meskipun demikian, bahasa
Indonesia belum termasuk di dalamnya.
11. Antar Muka. MySQL memiliki antar muka (interface) terhadap
berbagai aplikasi dan bahasa pemrograman dengan menggunakan
fungsi API (Application Programming Interface).
12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan
(tool) yang dapat digunakan untuk administrasi basis data, dan
pada setiap peralatan yang ada disertakan petunjuk online.
13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel
dalam menangani ALTER TABLE, dibandingkan basis data
lainnya semacam PostgreSQL ataupun Oracle.
2.2.7. Definisi Database

37
Menurut Fathansyah (2012), “Database adalah kumpulan
file/table/arsipyang saling berhubungan yang disimpan dalam media
penyimpanan elektronis”.
Menurut Kustiyaningsih (2011), “Database adalah struktur
penyimpanan data. Untuk menambah, mengakses dan memproses data
yang disimpan dalam sebuah database komputer, diperlukan sistem
manajemen database seperti MySQL Server”.
Ada beberapa fungsi yang harus ditangani DBMS seperti:
a. Mengintegrasikan Data Pada Basis Data ke Komputer Client
b. Mengupdate Basis Data
c. Melakukan Retrieval Basis Data
d. Membantu User Mengakses Basis Data
e. Melihat Proses Transaksi yang Berjalan
f. Melakukan Recover Basis Data yang Mengalami Gangguan
g. Melakukan Analisa Statistic
h. Memonitoring Data
2.2.8. Definisi XAMPP
Menurut Sibero (2013) menjelaskan bahwa MySQL atau dibaca “My
Sekuel” adalah suatu RDBMS (Relational Database Management System)
yaitu aplikasi sistem yang menjalankan fungsi pengolahan data. Berikut
merupakan tabel beberapa pernyataan yang Wahana Komputer (2014),
“XAMPP merupakan singkatan dari X (empat sistem operasi apapun),

38
Apache, MySQL, PHP, dan Perl. XAMPP adalah tool yang menyediakan
paket perangkat lunak dalam satu buah paket.” Menurut Nugroho (2013),
“XAMPP adalah paket program web lengkap yang dapat Anda pakai untuk
belajar pemrograman web, khususnya PHP dan MySQL”. Jadi, dapat
disimpulkan XAMPP merupakan server sementara dalam membuat web.
Nama XAMPP merupakan singkatan dari X (empat sistem operasi),
Apache, MySQL, PHP dan Perl. Program ini tersedia di bawah
GNU( General Public License ) dan bebas, adalah mudah untuk
menggunakan web server yang dapat melayani tampilan halaman web yang
dinamis.
2.2.9. Bagian XAMPP
a. htdoc adalah sebuah folder yang digunakan sebagai tempat
penyimpanan berkas seperti PHP, HTML, dan script lain yang
digunakan dalam sebuah halaman website. Secara kapasitas
penyimpanan, XAMPP tergantung dari seberapa besar kapasitas
hardisk di laptop atau komputer anda. Sedangkan bila menggunakan
hosting online, maka tergantung pilihan waktu membeli
sebuah hosting.
b. phpMyAdmin adalah sebuah tempat yang digunakan untuk
mengelola database MySQL yang berada di komputer atau laptop.
Untuk mengakses phpMyadmin yakni dengan membuka browser
internet (Mozila atau chrome) lalu ketikkan

39
alamat http://localhost/phpMyadmin maka akan muncul
tampilannya.Untuk membukanya, membuka browser dan ketik alamat
http: // localhost / phpMyAdmin, halaman phpMyAdmin akan muncul.
c. Control Panel adalah sebuah layanan untuk mengelola XAMPP
baik itu mengontrol (start atau stop XAMPP) serta
layanan service lainnya. Secara online di dalam hosting atau VPS
dikenal CPanel.
2.2.10. Kepanjangan XAMPP
a. X : Program ini dapat dijalankan dibanyak sistem operasi.
b. A : Apache, server aplikasi Web server.
c. M : MySQL, digunakan untuk aplikasi database server.
d. P : PHP, bahasa pemrograman yang dipakai.
e. P : Perl, bahasa pemrograman yang dipakai.
2.2.11. Definisi Sublime Text
Sublime Text merupakan aplikasi editor untuk kode dan teks yang
dapat berjalan diberbagai platform operating system dengan menggunakan
teknologi Phyton API. Terciptanya aplikasi ini terinspirasi dari aplikasi
Vim, Aplikasi ini sangatlah fleksibel dan powerfull. Fungsionalitas dari
aplikasi ini dapat dikembangkan dengan menggunakan sublime-
packages. Sublime Text bukanlah aplikasi opensource dan juga aplikasi

40
yang dapat digunakan dan didapatkan secara gratis, akan tetapi beberapa
fitur pengembangan fungsionalitas (packages) dari aplikasi ini
merupakan hasil dari pertemuan dan mendapat dukungan penuh dari
komunitas serta memiliki linsensi aplikasi gratis.
2.2.12. Definisi Black Box Testing
Black Box Testing adalah pengujian yang dilakukan hanya mengamati
hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat
lunak. Jadi dianalogikan seperti kita melihat suatu koatak hitam, kit hanya
bisa melihat penampilan luarnya saja, tanpa tau ada apa dibalik bungkus
hitam nya. Sama seperti pengujian black box, mengevaluasi hanya dari
tampilan luarnya(interface nya) , fungsionalitasnya.tanpa mengetahui apa
sesungguhnya yang terjadi dalam proses detilnya (hanya mengetahui input
dan output).
Tujuan Black Box Testing adalah untuk memastikan setiap bagian
sudah sesuai dengan alur proses yang ditetapkan dan memastikan semua
kesalahan masukan yang dilakukan oleh pengguna dapat ditangani oleh
system.
Berikut adalah fungsi-fungsi dari proses pengujian Black Box Testing:
1. Fungsi yg salah atau hilang
2. Kesalahan pada interface
3. Kesalahan pada struktur data atau akses database
4. Kesalahan inisialisasi dan tujuan akhir

41
5. kesalahan performansi
2.3. TEORI KHUSUS
2.3.1. Definisi Sekolah
Menurut Sabdulloh (2010) bahwa Sekolah merupakan lingkungan
pendidikan yang secara sengaja dirancang dan dilaksanakan dengan aturan-
aturan yang ketat seperti harus berjenjang dan berkesinambungan, sehingga
disebut pendidikan formal dan sekolah adalah lembaga khusus, suatu
wahana, suatu tempat untuk menyelenggarakan pendidikan, yang di
dalamnya terdapat suatu proses belajar mengajar untuk mencapai tujuan
pendidikan tertentu.
Tingakatan sekolah sebagai berikut :
1. Pendidikan anak usia dini
Dari kelahiran sampai usia 3 tahun, kanak-kanak Indonesia pada
umumnya tidak memiliki akses terhadap pendidikan formal. Dari usia
3 sampai 4 atau 5 tahun, mereka memasuki taman kanak-kanak.
Pendidikan ini tidak wajib bagi warga negara Indonesia, tujuan
pokoknya adalah untuk mempersiapkan anak didik memasuki sekolah
dasar. Dari 49.000 taman kanak-kanak yang ada di Indonesia, 99,35%
diselenggarakan oleh pihak swasta. Periode taman kanak-kanak
biasanya dibagi ke dalam "Kelas A" (atau Nol Kecil) dan "Kelas B"
(atau Nol Besar), masing-masing untuk periode satu tahun.
2. Sekolah Dasar
42
wajib bagi seluruh warga negara Indonesia berdasarkan konstitusi
nasional. Tidak seperti taman kanak-kanak yang sebagian besar di
antaranya diselenggarakan pihak swasta, justru sebagian besar sekolah
dasar diselenggarakan oleh sekolah-sekolah umum yang disediakan
oleh negara (disebut "sekolah dasar negeri" atau "madrasah ibtidaiyah
negeri"), terhitung 93% dari seluruh sekolah dasar/madrasah ibtidaiyah
yang ada di Indonesia. Sama halnya dengan sistem pendidikan di
Amerika Serikat dan Australia, para siswa harus belajar selama enam
tahun untuk menyelesaikan tahapan ini. Beberapa sekolah memberikan
program pembelajaran yang dipercepat, di mana para siswa yang
berkinerja bagus dapat menuntaskan sekolah dasar selama lima tahun
saja.
3. Sekolah Lanjtan Menengah Pertama
bagian dari pendidikan dasar di Indonesia. Setelah tamat dari SD/MI,
para siswa dapat memilih untuk memasuki SMP atau MTs selama tiga
tahun pada kisaran usia 12-14. Setelah tiga tahun dan tamat, para siswa
dapat meneruskan pendidikan mereka ke sekolah menengah atas
(SMA), sekolah menengah kejuruan (SMK), atau madrasah aliyah
(MA).
4. Sekolah Lanjtan Menengah Atas
Merupakan sekolah menengah atas (SMA), sekolah menengah
kejuruan (SMK), dan madrasah aliyah (MA). Siswa SMA dipersiapkan
untuk melanjutkan pendidikannya di perguruan tinggi, sedangkan

43
siswa SMK dipersiapkan untuk dapat langsung memasuki dunia kerja
tanpa melanjutkan ke tahapan pendidikan selanjutnya. Madrasah aliyah
pada dasarnya sama dengan sekolah menengah atas, tetapi porsi
kurikulum keagamaannya (dalam hal ini Islam) lebih besar
dibandingkan dengan sekolah menengah atas.
5. Perguruan Tinggi
Merupakan Pendidikan tinggi di Indonesia dibagi ke dalam dua
kategori: yakni negeri dan swasta. Kedua-duanya dipandu oleh
Kementerian Pendidikan Nasional. Terdapat beberapa jenis lembaga
pendidikan tinggi; misalnya universitas, sekolah
tinggi, institut, akademi, dan politeknik.
2.3.2. Definisi Biaya Sekolah/Pendidikan
Menurut Fatah (2012), biaya pendidikan adalah nilai rupiah yang
digunakan untuk kegiatan pendidikan yang terdiri dari seluruh sumber daya.
Terdapat macam-macam biaya sekolah, antar lain:
1) Biaya Gedung, merupkan biaya yang dikeluarkan oleh siswa untuk
memenuhi kebutuhan akan barang-barang atau sarana prasarana
sekolah untuk memberikan pelayan pendidikan dan dalam periode
yang lama, seperti membangun gedung sekolah, membeli peralatan
praktek dan lain-lain.
2) Biaya SPP, merupakan biaya kewajiban orang tua dalam membiyai
penyelenggaraan pendidikan anak-anaknya yang dibayar

44
berdasarkan ketentuan yang sudah ditetapkan dan diatur oleh
yayasan atau penyelenggaraan pendidikan untuk sekolah/madrasah
swasta.
3) Biaya lainnya, merupakan biaya biaya diatas, ada juga sumbangan
dari orang tua siswa yang bersifat incidental, baik berupa uang
maupun barang misalnya biaya praktikum, keterampilan, kegiatan
ekstra kurikuler, peralatan laboratorium, pembangunan pagar
sekolah, peralatan pelajaran dan lain-lain. Misalkan:
a.Biaya kunuungan wisata
b. Biaya kegiatan ekstra kulikuler
c.biaya perpisaahan
2.3.3. Definis Admnistrasi pelaporan
administrasi mempunyai pengertian dalam arti sempit dan arti yang
luas. Dalam arti sempit administrasi sering diartikan dengan kegiatan
ketatausahaan. Tata usaha pada hakikatnya merupakan pekerjaan
pengendalian informasi. Tata usaha juga sering diartikan sebagai kegiatan
yang berkaitan dengan tulis menulis/mencatat, menggandakan menyimpan,
atau yang dikenal dengan clerical work sedangkan, Administrasi dalam arti
luas diartikan sebagai kerjasama. Istilah administrasi berhubungan dengan
kegiatan kerjasama yang dilakukan manusia atau sekelompok orang
sehingga tercapai tujuan yang diinginkan. Kerjasama adalah rangkaian
kegiatan yang dilakukan oleh sekelompok orang secara bersama-sama,

45
teratur dan terarah berdasarkan pembagian tugas sesuai dengan kesepakatan
bersama (Silalahi, 2013)
Menurut Keraf (2001) dalam Rajab (2009) Laporan adalah suatu cara
komunikasi dimana penulis menyampaikan informasi kepada seseorang atau
suatu badan karena tanggung jawab yang di beban kepadanya.
Jadi administrasi pelaporan adalah suatu kegiatan tatausaha yang
kerjasama untuk cara komunikasi penulis menyampaikan informasi kepada
sesorang.
Proses pelaporan biaya sekolah meliputi:
a. pembelian alat dan/atau bahan habis pakai yang dibutuhkan dalam
mendukung kegiatan pembelajaran, akreditasi, administrasi,
layanan umum, tata usaha dan perkantoran;
b. pembelian peralatan kesehatan dan keselamatan Sekolah meliputi
tandu, stetoskop, tabung oksigen, tabung pemadam kebakaran,
dan/atau alat kesehatan dan keselamatan sejenisnya;
c. pembiayaan penyelenggaraan rapat tim BOS Sekolah, tidak
termasuk komponen honor;
d. biaya perjalanan dalam rangka pengambilan dana untuk keperluan
Sekolah di bank atau kantor pos;
e. biaya perjalanan dalam rangka koordinasi dan pelaporan program
dana BOS Reguler kepada dinas yang menangani urusan
pendidikan provinsi/ kabupaten/kota;
f. penggandaan laporan dan/atau pembiayaan korespondensi;

46
g. pembiayaan untuk membangun, mengembangkan, dan/atau
memelihara laman Sekolah dengan domain sch.id;
h. pembiayaan kegiatan pengembangan Sekolah meliputi kegiatan
sekolah sehat, sekolah aman, sekolah ramah anak, sekolah inklusi,
sekolah adiwiyata, atau kegiatan pengembangan lainnya.
2.3.4. Proses Belajar-Mengajar
Proses belajar mengajar adalah suatu proses yang mengandung
serangkaian perbuatan guru dan siswa atas dasar hubungan timbal balik
yang berlangsung dalam situasi edukatif untuk mencapai tujuan tertentu.
Tanpa disadari dalam kehidupan setiap individu di awali dengan belajar,
mulai dari lahir hingga dewasa sesuai dengan kebutuhan
Proses belajar-mngajar meliputi:
1. Learning to know, yaitu peserta didik akan dapat memahami dan
menghayati bagaimana suatu pengetahuan dapat diperoleh dari
fenomena yang terdapat dalam lingkungannya.
2. Learning to be, yaitu proses pembelajaran yang memungkinkan
lahirnya manusia terdidik yang mandiri
3. Learning to life together, yaitu pendekatan melalui penerapan
paradigma ilmu pengetahuan, seperti pendekatan menemukan dan
pendekatan menyelidik akan memungkinkan peserta didik
menemukan kebahagiaan dalam belajar.

47
2.4. Literatur Review
Literatur review adalah uraian tentang teori, temuan dan bahan
penelitian lainnya yang diperoleh dari bahan acuan untuk dijadikan landasan
kegiatan penelitian untuk menyusun kerangka pemikiran yang jelas dari
perumusan masalah yang ingin diteliti. Beberapa literatur review yang
penulis gunakan sebagai bahan dalam mendukung penelitian tentang
“Rancang Bangun Sistem Administrasi Biaya Sekolah Berbasis Web
Framework Laravel Studi Kasus Smp Muhammadiyah 4 Tangerang”,
sebagai berikut:
1. Penelitian yang dilakukan oleh Astuti tahun (2013) yang berjudul:
penelitian ini membahas perihal “Perancangan Sistem Informasi
Pembayaran Angsuran Mobil Pada PT. Mitra Pinasthika Mustika
Finance” penelitian ini menggunakan metode rancangan
berorientasi objek unified modelling language (UML) dan
bertujuan untuk menggantikan sistem perekapan data pembayaran
yang ada pada PT. Mitra Pinastika Mustika Finance yang dulunya
manual dapat menjadi terkomputerisasi. Perbedaan dengan sistem
yang penulis buat terletak pada ruang lingkup yang dibahas, maka
penulis membahas melayani pembayaran SPP pada sekolah.
2. Penelitian yang dilakukan oleh Sinaga tahun (2013) berjudul:
“Perancangan Sistem Informasi Pembayaran SPP Pada SMA
Negeri 23 Kabupaten Tangerang” Tujuan utamanya adalah untuk
mengembangkan sistem informasi pembayaran SPP yang masih

48
manual di SMAN 23 Kabupaten Tangerang. Penelitian ini
bertujuan untuk mempermudah proses penginputan data
pembayaran yang masih manual. Sistem yang masih manual
banyak memakan waktu dan kadang terjadi kesalahan data
penulisan data. Sistem ini dikembangkan menggunakan teknologi
seperti PHP, HTML, dan Adobe Dreamweaver. Adobe
dreamweaver digunakan untuk membangun sebuah website baik
secara grafis maupun dengan menuliskan kode sumber secara
langsung. Sedangkan PHP dan HTML digunakan untuk
membangung user interface.
3. Penelitian yang dilakukan oleh Anggriani tahun 2014 berjudul:
“Penerapan Sistem Pembayaran SPP Dengan Laporan SMS
Gateway Pada SMK Sakti School” bertujuan untuk memberikan
gambaran tentang hasil implementasi notifikasi pembayaran SPP
siswa di SMK Sakti School. Proses analisis dilakuka menggunakan
analisis PIECES dengan membandingkan proses pemberitahuan
pembayaran SPP siswa di SMK Sakti School.
Berdasarkan literatur review yang diatas ada beberapa persamaan dan
perbedaan penelitian yang peneliti lakukan mengenai metode yang dipakai
dalam pengembangan sistem, metodologi penelitian yang digunakan, dan
bahasa pemrograman yang diimplemtasikan. Dan pada penelitian ini
mengenai (“Rancang Bangun Sistem Administrasi Biaya Sekolah

49
Berbasis Web Framework Laravel Studi Kasus Smp Muhammadiyah 4
Tangerang”). Peneliti menggunakan bahasa pemrograman PHP dengan
Framework Laravel, dan database MySQL, serta perancangan yang peneliti
lakukan berorientasi objek dengan model Unified Modelling Language
(UML).
BAB III
METODOLOGI PENELITIAN
3.1 Jenis Penelitian
Jenis penelitian yang digunakan dalam penelitian ini adalah metode
penelitian terapan yaitu penelitian yang dikerjakan dengan maksud untuk
menerapkan, menguji, dan mengevaluasi kemampuan suatu teori yang
diterapakan dalam pemecahan permasalahan praktis. Dimana pengumpuan
data akan dilakukan dengan cara metode survei menggunakan daftar
peryataan/questioner dan melakukan wawancara langsung ke responden
sebagai sampel penelitian dan instrumen pengumpulan data lalu
diimplementasikan diuji berdasarkan pengujian black-box.
Hasil penelitian berupa aplikasi administrasi biaya sekolah berbasis
web framework Laravel yang diinginkan.
3.2 Metode Pemilihan Sampel
Metode pengambilan sampel menggunakan purposive sampling, yaitu
pengambilan sampel secara sengaja dan tidak diambil secara acak sesuai
dengan persyaratan sampel yang diperlukan dan dibutuhkan.
Adapun kriteria orang yang dipilih sebagai sampel penelitian ini adalah:
1. Mengetahui bagaimana proses administrasi biaya sekolah yang
ada pada SMP Muhammadiyah 4 Tangerang.
2. Mengetahui bagaimana pengelolaan administrasi biaya sekolah
48
49
3. yang ada di SMP Muhammadiyah 4 Tangerang.
4. Mengetahui apa saja data - data yang ada dalam SMP 4
5. Mengetahui bagaimana bentuk format data yang ada dalam SMP
Muhammadiyah 4 Tangerang.
6. Mengetahui kendala atau hambatan yang terdapat pada sistem
administrasi biaya sekolah yang ada sekarang?
Dengan demikian, pemilihan responden sampel yang akan
disertakan dalam proses pengumpulan data dan informasi sesuai
dengan kebutuhan dari penelitian ini yang akan digunakan di SMP
Muhammadiyah 4 Tangerang, maka peneliti menilai sampel yang
representatif adalah:
1. Kepala Sekolah SMP Muhammadiyah 4 Tangerang.
2. Guru-guru yang ada di SMP Muhammadiyah 4 Tangerang.
3. Staf Tata Usaha yang ada di SMP Muhammadiyah 4 Tangerang.
3.2 Metode Pengumpulan Data
Metode pengumpulan data untuk memperoleh informasi yang
dibutuhkan dalam rangka mencapai tujuan penelitian. Proses pengumpulan
data ditentukan oleh variabel-variabel yang ada dalam hipotesis.
Pengumpulan data dilakukan terhadap sampel yang telah ditentukan
sebelumnya.
Metode pengumpulan data yang digunakan dalam penelitian adalah

50
metode campuran dimana dilakukan pengumpulan data dengan cara
melakukan observasi dan melakukan wawancara/ intervivew.
Metode dalam penelitian kuantitatif pada umumnya melibatkan
proses pengukuran hasil yang objektif menggunakan analasis statistik.
Metode Pengumpulan data yang dijalankan dalam penelitian ini adalah:
1. Metode Observasi
Pengumpulan data yang dilaksanakan dengan pengamatan secara
langsung ke SMP Muhammadiyah 4 Tangerang dalam melakukan
kegiatan sehari-hari terhadap masalah-masalah yang dianggap
penting.
Masalah-masalah yang dianggap penting tersebut antara lain:
a) Mengenai adminidtrasi biaya sekolah yang dilakukan di SMP
Muhammadiyah 4 Tangerang.
b) Mengenai pengolahan data administrasi biaya sekolah yang ada di
SMP Muhammadiyah 4 Tangerang.
c) Mengenai aturan - aturan yang ada di SMP Muhammadiyah 4
Tangerang.
d) Mengenai cara pengarsipan data yang ada di SMP Muhammadiyah
4 Tangerang.
2. Wawancara
Merupkan aktifitas pengumpulan data dengan cara tanya
Jawab langsung dengan beberapa pihak-pihak terkat. Hal yang penulis
tanyakan dalam kegiatan wawancara antara lain:

51
a) Informasi mengenai proses administrasi biaya sekolah yang ada di
b) Informasi mengenai pengolahan data administrasi biaya sekolah di
c) Informasi mengenai pengarsipan data untuk administrasi biaya
sekolah di SMP Muhammadiyah 4 Tangerang.
d) Informasi mengenai kendala dan hambatan saat administrasi biaya
sekolah di SMP Muhammadiyah 4 Tangerang.
e) Informasi mengenai program administrasi biaya sekolah yang ada
di SMP Muhammadiyah 4 Tangerang.
Kesimpulan yang penulis dapatkan dari hasil wawancara adalah
a) Penulis mengetahui proses administrasi biaya sekolah yang
berjalan di SMP Muhammadiyah 4 Tangerang.
b) Penulis mendapatkan informasi mengenai peraturan dan program-
program yang ada di SMP Muhammadiyah 4 Tangerang.
c) Penulis mengetahui bagaimana cara pengarsipan data yang ada di
3.3 Metode Analisis Sistem
Penelitian menggunakan Analisis PIECES (Performance, information,
Economy, Control, Eficiency, dan Service) yaitu metode analisis sebagai
dasar untuk memperoleh pokok – pokok permasalahan yang lebih spesifik.

52
Dalam menganalisis sebuah sistem, biasanya akan dilakukan terhadap
beberapa aspek antara lain adalah kinerja, informasi, ekonomi, keamanan
aplikasi, efisiensi, dan pelayanan pelanggan.
a. Analisis Kinerja (Performance)
Adalah suatu kemampuan sistem dalam menyelesaikan tugas
dengan cepat sehingga sasaran dapat segera tercapai. Kinerja
diukur dengan jumlah produksi (throughput) dan waktu yang
digunakan untuk menyesuaikan perpindahan pekerjaan (response
time).
Tabel 3.1. Hasil Analisa Kinerja
Parameter Sistem yang Berjalan Sistem yang Diusulkan

Troughout Bukti pembayaran Dengan adanya sistem
administrasi biaya sekolah informasi kemungkinan
masih menggunakan bukti pembayaran
dalam bentuk buku/kertas administrasi biaya sekolah
yang rawan rusak dan dapat di cek di
data-datapun sering terjadi aplikasi/dapat dikirim ke
kehilangan. email masing-masing
murid dan data-datpun
dapat lebih mudah di cari
Ketika di butuhkan.
Respond Receptionist memerlukan Receptionist tidak
Time effort yang besar dan memerlukan effort yang
memerlukan waktu cukup besar dan tidak
lama untuk proses memerlukan waktu cukup
pembayaran administrasi lama untuk mendapatkan
biaya sekolah dan sering informasi yang dibutuhkan.
terjadi keterlambatan
memberikan informasi.
b. Analisis Informasi (Information)
Adalah komoditas krusial bagi pengguna akhir. Evaluasi terhadap
kemampuan sistem informasi dalam menghasilkan informasi yang

53
bermanfaat perlu dilakukan untuk menyikapi peluang dan
menangani masalah yang muncul.
Tabel 3.2 Hasil Analisa Informasi

Akurat Informasi yang ada kurang Penyimpanan informasi
akurat karena masih menggunakan aplikasi lebih
bentuk buku atau kertas memudahkan dalam
bukti pembayaran yang mengasi bukti pembayaran
rawan terjadi kerusakan dan pencarian data yang
dan kehilangan data. sesuai dengan kebutuhan.
Relevan Terkadang kurang ada Receptionist staff/murid
relevansi informasi yang dapat mengakses informasi
dibutuhkan pengurus sesuai kebutuhan.
staff/murid yang ada di
SMP Muhammadiyah 4
Tangerang dengan
informasi yang tersedia.
Tepat waktu Penyampaian informasi Receptionist staff/murid
tidak dapat dilakukan dapat dengan cepat
cepat dan tepat kepada mengakses informasi yang
staff/murid yang dibutuhkan.
membutuhkan data atau
dokumen pembayaran.
c. Analisis Ekonomi (Economy)
Adalah Pemanfaatan biaya yang digunakan dari pemanfaatan
informasi. Peningkatan terhadap kebutuhan ekonomis
mempengaruhi pengendalian biaya dan peningkatan manfaat.
Tabel 3.3 Hasil Analisa Ekonomi

Biaya Membutuhkan biaya yang Bukti pembayaran dapat
cukup besar untuk langsung dikirim melewti
menyediakan buku/kertas email murid atau orang tua
bukti pembayaran . tidak perlu menggunakan
buku/kertas dalam berbasis
komputer.
54
d. Analisis Keamanan (Controling)
Adalah analisis ini digunakan untuk membandingkan sistem yang
dianalisa berdasarkan pada segi ketepatan waktu, kemudahan
akses, dan ketelitian data yang diproses.
Tabel 3.4 Hasil analisa Keamanan Informasi

Kontrol Staff mengalami kesulitan Dengan implementasi
Sistem dalam memonitoring dan sistem administrasi biaya
mengkontrol segala sekoalah berbasis
aktifitas pembayaran komputer, staff dapat
administrasi biaya sekolah memonitoring dan
yang berlangsung mengkontrol segala aktifitas
dengan real time.
e. Efisiensi (Eficiency)
Adalah menyangkut bagaimana menghasilkan output sebanyak-
banyaknya dengan input yang sekecil mungkin.
Tabel 3.5 Hasil Analisa Efisiensi

Sumber Biaya Selain biaya tenaga kerja Tenaga kerja dan biaya
sekolah juga harus persediaan buku/kertas
mengeluarkan biaya dapat ditekan semaksimal
persediaan buku/kertas mungkin, agar lebih mudah
tempat untuk mendata dan bahkan tidak akan
mengasih bukti menggunakan buku/kerta
pembayaran . Penggunaan lagi.
biaya dengan aktifitas
tersebut dirasa belum
menghasilkan hasil yang
optimal.
Sumber Dalam pembayaran Jumlah tenaga kerja yang
Tenaga administrasi biaya sekolah ada dapat lebih sedikit dan
memerlukan banyak staff tidak menguras tenaga
dalam melayani proses
pembayaran.
55
f. Layanan (Service)
Adalah Pada bagian ini dideskripsikan situasi saat ini tentang
layanan yang disediakan oleh sistem yang berjalan saat ini.
Tabel 3.6 Hasil Analisa Layanan

Kualitas Proses pembayaran Sistem yang diusulkan user
Pelayanan administrasi biaya sekolah friendly, mudah digunakan
saat ini sudah berjalan oleh end user (pengguna)
cukup baik, tetapi dengan sehingga pengguna
penerapan teknologi mendapatkan kualitas
berbasis web diharapkan layanan dan pengalaman
dapat mempercepat proses baru yang lebih baik.
pencarian pembayaran atau
picarian data yang sudah
lama tersimpan.
3.4 Perancangan Sistem
Teknik perancangan yang digunakan dalam penelitian adalah metode
perancangan berorientasi objek (OOP). Yaitu suatu metode pemrograman
yang berorientasi kepada objek. Tujuan dari OOP diciptakan adalah untuk
mempermudah pengembangan program dengan cara mengikuti model yang
telah ada di kehidupan sehari-hari.
Pada proses perancangan, teknik perancangan yang dilakukan adalah:
1. Perancangan spesifikasi sistem dimodelkan dengan Class
Diagram.
2. Perancangan distribusi aplikasi dimodelkan dengan Deployment
Diagram.
3. Perancangan antar muka pengguna meliputi perancangan User
Interface.
56
3.5 Langkah-langkah Penelitian
Dalam penelitian ini, peneliti melakukan tahapan penelitian
menggunakan model pengembangan sistem waterfall. Langkah-langkah
penelitian akan melalui beberapa tahapan proses pengerjaan yaitu:
1. Tahap Komunikasi
Dalam tahap ini penulis melakukan pengumpulan data dengan
observasi penilitian yang dilakukan di SMP Muhammadiyah 4
Tangerang untuk mendapatkan data yang dibutuhkan. Dan peniliti
melakukan wawancara terhadap narasumber, proses wawancara
dilakukan dengan bagian yang terkait sesuai kebutuhan peneliti di
2. Perencanaan
Pada tahap ini penulis menjelaskan tentang rencana untuk arsitektur
pengerjaan sistem, resiko yang dapat terjadi, sumber daya yang
diperlukan dalam menjalankan sistem yang akan dibuat.
3. Pemodelan
Pada tahap ini penulis memberi gambaran tentang apa yang akan
dikerjakan dan bagaimana dengan tampilannya. Data yang dihasilkan
dalam tahap ini adalah dengan UML(Unified Modelling Language )
4. Konstruksi
Pada tahap ini dimana penulis akan membuat program atau sistem
yang akan dijalankan di SMP Muhammadiyah 4 Tangerang.

57
5. Penyerahan Sistem
Tahap ini merupakan tahapan implementasi ke pihak sekolah SMP
Muhammadiyah 4 Tangerang dan pemeliharaan software secara
berkala dan perbaikan agar system dapat teteap berjalan dan
berkembang sesuai dengan fungsinya.
3.6 Tinjauan Tempat Penelitian
3.6.1 Sejarah SMP Muhammadiyah 4 Tangerang
SMP MUHAMMADIYAH 4 di dirikan pada tahun 1973 dan
merupakan SMP swasta yang pertama di Cipondoh dan sekitarnya.
Perkembangan selanjutnya, pada tahun 1976 bangunan sekolah mulai
dipugar sesuai kebutuhan terlebih mengingat jumlah peminat yang melebihi
kapasitas tampung. Oleh karenanya proses belajar mengajarnya dibagi
dalam dua rombongan yaitu pagi dan siang hari. Hingga kini ribuan Alumni
telah menamatkan pendidikan disekolah ini dan bahkan telah menjadi
sarjana. Tujuan utama pendidikan yang diharapkan oleh pimpinan Ranting
Muhammadiyah Cipondoh memberikan kesempatan mendapatkan
pendidikan bagi anak-anak kurang mampu sehingga mereka sama dengan
masyarakat pada umumnya. Kota tangerang telah mengalami perubahan dari
status pemerintahan sampai dengan peningkatan sarana dan prasarana
pendidikan. Seiring dengan itu pula SMP MUHAMMADIYAH 4

58
TANGERANG berusaha menyesuaikan diri dengan cara pengembangan
hal-hal yangbersifat inovatif. Penyesuaian itu selalu menjadi target
perjuangan SMP MUHAMMADIYAH 4 TANGERANG agar mampu
mendapatkan simpati maysarakat Kota Tangerang khususnya masyarakat
lingkungan cipondoh kondisi semacam ini terus diupayakan sebagaimana
yang diharapkan pula oleh pemerintah Kota Tangerang.
3.6.2 Kegiatan di SMP Muhammadiyah 4 Tangerang
Kegiatan yang ada di SMP Muhammadiyah 4 Tangerang di tengah
Pandemi Covid-19 yang tengah melanda dunia memaksa orang untuk
berdiam di rumah sehingga tidak dapat lagi melakukan aktivitas seperti
biasanya, termasuk menuntut ilmu ke sekolah bagi para siswa/i. Upaya
mencerdaskan kehidupan bangsa harus dilakukan dengan cara inovatif,
salah satunya dengan melakukan proses belajar mengajar secara online.
3.6.3 Visi dan Misi PKBM Paja Mandiri Kota Tangerang
1) Visi
“ Terwujudnya Peserta Didik Yang Bertaqwa, Berprestasi, Terampil Dan
Mandiri ”
2) Misi
Di setiap kerja komunitas pendidikan, kami selalu menumbuhkan
disiplin sesuai aturan bidang kerja masing-masing, saling
menghormati dan saling percaya dan tetap menjaga hubungan

59
kerja yang harmonis dengan berdasarkan pelayanan prima,
kerjasama, dan silaturahmi. Penjabaran misi di atas meliputi:
a. Mempersiapkan peserta didik yang bertaqwa kepada Allah
SWT..
b. Menanamkan keimanan dan ketaqwaan melalui pengamalan
ajaran Islam
c. Menumbuhkembangkan nilai nilai Islam dalam bersikap dan
berprilaku.
d. Tarerlaksananya pembelajaran yang efektif, kretaif,
menyenangkan dan efisien, sehingga dapat mengembagkan
potensi siswa secara optimal.
e. Meningkatkan profesionalisme dan kompetensi pendidik dan
tenaga kependidikan.
f. Meningkatkan kualitasakademis dan non akademis
g. Menjadi 10 besar dalam mata lomba yang diadakan dalam
FLS2N, OSN
h. Menjuarai lomba pencaksilat dalamO2SN tingkat Kota
Tangerang
i. Mengoptimalkan proses pembelajaran dan bimbingan.
j. Mengembangkan bidang Ilmu Pengetahuan dan Teknologi
berdaarkan minat,bakat, danpotensi eserta didik.

60
k. Membina kemandirian peserta didik melalui kegiatan
pembiasaan, dan pengembangan diri yang terencana dan
berkesinambungan.
3.6.4 Struktur Organisasi SMP Muhammadiyah 4 Tangerang
Struktur organisasi SMP Muhammadiyah 4 Tangerang dapat dilihat
pada gambar berikut.

61
Gambar 3.1 Struktur Organisasi.
Sumber: Arsipan data pada bimbel Generasi Cerdas Tahun 2018
Keterangan :
Kepala Sekolah : Rahmat, SE. MM.
Wakabid Kurikulum : Muhamad Nur, ST.
Wakabid Kesiswaan : Wahyudin, S. Pd.
Wakabid Humas : Yati Emilyana, S. Pd.
Wakabid Sarana : Rahman, S. Pd.
Berikut adalah uraian tugas dari struktur organisasi tersebut adalah:
1. Kepala Sekolah
Kepala sekolah berfungsi dan bertugas sebagai Edukator, Manajer,
Administrator, dan Supervisor (EMAS).
a. Kepala Sekolah selaku edukator bertugas :
1. Merencanakan, melaksanakan dan mengevaluasi pembelajaran,
menganalisis hasil evaluasi, dan melaksanakan perbaikan dan
pengayaan.
62
b. Kepala Sekolah selaku manajer mempunyai tugas :
1. Merumuskan visi, misi, strategi; dan menerapkan strategi
pengelolaan dan pembelajaran
2. Menetapkan kebijakan mutu pemenuhan standar dan keunggulan
sekolah
3. Menyusun perencanaan jangka menengah,tahunan, dan
semesteran.
4. Mengorganisasikan dan mengarahkan kegiatan pengelolaan dan
pembelajaran
5. Melaksanakan pengawasan
6. Melakukan evaluasi kinerja proses dan output
7. Mengatur administrasi
a) ketatausahaan
b) kesiswaan
c) ketenagaan
d) sarana dan prasarana
e) keuangan / RAPBS
8. Mengatur Organisasi Ikatan Pelajar Muhammadiyah (IPM)
9. Mengelola sistem penjaminan mutu.
c. Kepala Sekolah selaku administrator bertugas menyelenggarakan
administrasi :
1. Perencanaan, pelaksanaan, pengawasan, pembinaan bidang
pengelolaan dan pembelajaran dan bimbingan.

63
2. Perencanaan, pelaksanaan, evaluasi pembinaan kesiswaan dan
pengembangan prestasi siswa.
3. Perencanaan, pelaksanaan, pengawasan, pembinaan
ketatausahaan yang meliputi :
 kantor
 kesiswaan
 kurikulum
 sarana
 ketenagaan
 keuangan
4. Pengelolaan perpustakaan, labolatorium, ruang multimedia,
keterampilan, kesenian, UKS, IPM, serbaguna, pusat sumber
belajar
5. Pengelolaan 6K (keamanan, kebersihan, ketertiban, keindahan,
kerindangan dan kekeluargaan)
6. Pengelolaan Kerja sama dalam dan luar negeri
7. Pengelolaan penjaminan mutu pengelolaan dan pembelajaran
d. Kepala Sekolah selaku supervisor bertugas menyelenggarakan
supervisi mengenai :
1. Program jangka menengah dan tahunan dalam pengelolaan dan
pembelajaran
2. Program peningkatan mutu dalam 8 standar nasional pendidikan
3. Program kegiatan bimbingan dan konseling

64
4. Program tata usaha
5. Pembinaan prestasi siswa, kegiatan OSIS dan Ekstrakurikuler.
6. Program kerja sama kerjasama dalam dan luar negeri
7. Program Penjaminan mutu
Dalam melaksanakan tugasnya, Kepala Sekolah dapat
mendelegasikan kepada Wakil Kepala Sekolah pada bidangnya
masing-masing .
2. Wakabid Kurikulum
Membantu Kepala Sekolah dalam :
a. Penetapkan kebijakan mutu dalam standar SKL isi, proses, dan
penilaian.
b. Menyusun program, mengatur pelaksanaan, dan evaluasi
pembelajaran.
c. Menyusun pembagian tugas guru dan jadwal pelajaran
d. Menyusun jadwal dan pelaksanaan ulangan harian, ulangan tengah
semester, ulangan akhir semester, ulangan kenaikan kelas serta
ujian akhir sekolah & nasional
e. Menyusun anggaran kegiatan
f. Menerapkan kriteria persyaratan naik/tidak naik dan kriteria
penjurusan serta kriteria kelulusan
g. Mengatur jadwal penerimaan buku Laporan Penilaian Hasil Belajar
dan Ijazah
65
h. Mengkoordinasikan dan mengarahkan penyusunan administrasi
guru
i. Membina kegiatan MGMP
j. Menyusun laporan pendayagunaan MGMP
k. Melaksanakan dan menyusun jadwal pelajaran tambahan.
l. Melaporkan persentase ketidak hadiran guru dalam PBM
m. Membuat jadwal pelaksanaan pembagian rapor
n. Berkoordinasi dengan Wakabid yang relevan
o. Melaksanakan pelaporan pelaksanaan program secara berkala
kepada kepala sekolah
p. Melaporkan hasil dan target kelulusan kepada kepala sekolah
Dalam melaksanakan tugasnya Wakasek Kurikulum dibantu oleh 3
(tiga) orang pembantu wakabid.
3. Wakabid Kesiswaan
a. Merencanankan, melaksanakan dan mengevaluasi program
pembinaan kesiswaan/OSIS
b. Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan
siswa/OSIS dalam rangka menegakan disiplin dan tata tertib
sekolah serta pemilihan pengurus OSIS
c. Membina pengurus IPM dalam berorganisasi

66
d. Menyusun program dan jadwal pembinaan siswa secara berkala
dan insidental
e. Membina dan melaksanakan koordinasi keamanan, kebersihan,
ketertiban, kerindangan keindahan dan kekeluargaan ( 6 K )
f. Mengadakan pemilihan siswa untuk mewakili sekolah dalam
kegiatan di luar sekolah
g. Mengatur mutasi siswa
h. Menyusun program kegiatan ekstrakulikuler, dan
i. Menyusun laporan pelaksanaan kegiatan kesiswaan secara berkala
j. Bekerjasama dengan humas untuk pelaksanaan kegiatan hari-hari
besar dan hari-hari keagamaan
k. Melaksanakan kegiatan MOS
l. Melaksanakan kegiatan perpisahan siswa
m. Menyusun dan mengusulkan anggaran kegiatan
n. Melaksanakan evaluasi dan melaporkan kegiatan kepada kepala
sekolah
Dalam melaksanakan tugasnya Wakasek Kesiswaan dibantu oleh 5
orang pembantu wakabid.
4. Wakabid Humas

67
a. Merencanakan, melaksanakan, dan mengvaluasi pengembangan
kerja sama dengan pemerintahan, lembaga masyarakat, lembaga
pendidikan di dalam negeri
b. Menyusun dan mengusulkan anggaran.
c. Mengatur dan menyelenggarakan hubungan sekolah dengan orang
tua/wali siswa
d. Membina hubungan antar sekolah dengan Komite Sekolah
e. Menyusun data out-put/out-come beserta sebarannya di perguruan
tinggi
f. Mengelola data prestasi siswa sebagai bahan publikasi dan
pencitraan sekolah
g. Membina pengembangan hubungan antar sekolah dengan lembaga
pemerintah, dunia usaha, dan lembaga sosial lainnya
h. Melakukan kerjasama dengan lembaga-lembaga yang terkait
dengan pengembangan pengetahuan siswa (seperti LIPI, Biotrop,
Batan, dll.)
i. Melakukan publikasi informasi sekolah melalui media cetak dan
elektronik
j. Menyusun laporan pelaksanaan hubungan masyarakatkan secara
berkala kepada kepala sekolah
Dalam melaksanakan tugasnya Wakasek Humas dibantu oleh 1 (satu)
orang staf.
68
5. Wakabid Sarana dan Prasarana
a. Menyusun rencana kebutuhan sarana prasarana sekolah yang
mengacu kepada Rencana Kerja Tahunan sekolah
b. Menyusun program dan mengkoordinir pemeliharaan inventaris
sekolah
c. Merumuskan dan mengusulkan anggaran
d. Mengkoordinasikan dan mengadministrasikan pendayagunaan
sarana prasarana sekolah
e. Mengelola alat-alat pembelajaran
f. Menyusun laporan pelaksanaan urusan sarana dan prasarana secara
berkala
Dalam melaksanakan tugasnya Wakasek Sarana/Prasara dibantu oleh 1
orang staf.
6. Wali Kelas
Wali Kelas membantu Kepala Sekolah dalam kegiatan-kegiatan
sebagai berikut :
a. Pengelolaan kelas yang meliputi ketersediaan :
1. Denah tempat duduk siswa
2. Bendera merah putih
3. Papan absensi siswa

69
4. Daftar pelajaran kelas
5. Daftar piket kelas
6. Buku absensi kelas
7. Buku kegiatan pembelajaran / buku agenda kelas, dan
8. Jam dinding
9. Tanaman/penghijauan kelas
10. Tata tertib kelas
b. Penyusunan / pembuatan statistik kehadiran dan prestasi bulanan
siswa
c. Pembuatan daftar kumpulan nilai siswa (legger)
d. Pembuatan catatan khusus tentang siswa
e. Pencatatan mutasi siswa
f. Mengingatkan kewajiban administrasi keuangan siswa di kelasnya
g. Memproyeksikan peringkat calon siswa jalur pmdk
h. Pengisian buku laporan penilaian hasil belajar/rapor
i. Pembagian buku laporan penilaian hasil belajar/rapor
j. Berkoordinasi dengan guru bk untuk melaksanakan penangan
siswa dan home visit
k. Berkoordinasi dengan seluruh wakabid
7. Guru
a. Membuat dan menyiapkan program serta perangkat pembelajaran

70
b. Melakukan sosialisasi Kompetensi Dasar (KD), Standar
Kompetensi, Kriteria Ketuntasan Minimal (KKM), Sistem dan
prosedur penilaian kepada siswa di awal pertemuan sebelum proses
belajar mengajar awal dimulai
c. Melaksanakan kegiatan penilaian berkesinambungan
d. Membuat daftar nilai
e. Menyusun dan melaksanakan program perbaikan dan pengayaan
f. Melaksanakan kegiatan membimbing siswa dalam kegiatan
pembelajaran
g. Membuat bahan ajar
h. Membuat alat peraga/pelajaran
i. Membuat media pembelajaran
j. Melaksanakan tugas tambahan di sekolah
k. Mengadakan pengembangan setiap bidang pelajaran yang menjadi
tanggungjawabnya
l. Membuat catatan tentang kemajuan hasil belajar masing-masing
siswa yang diajarnya
m. Meneliti daftar hadir siswa sebelum memulai pelajaran
n. Ikut berperan aktif dalam menegakan disiplin siswa
o. Bertanggung jawab terhadap kebersihan dan penghijauan ruang
kelas dan ruang praktikum
p. Berkoordinasi dengan guru BK untuk melaksanakan penangan
siswa dan home visit

71
q. Berkoordinasi dengan seluruh wakabid
8. Pelatih dan Pembina
a. Menyusun rencana program pembinaan dan pelatihan kegiatan
masing-masing ekstrakurikuler
b. Melaksanakan kegiatan pembinaan dan pelatihan secara periodik
c. Membimbing siswa dalam kegiatan-kegiatan
pertandingan/perlombaan
d. Mengadministrasikan dan melaporkan penilaian masing-masing
kegiatan ekstra kurikuler sebelum pelaksanaan UAS dan UKK
e. Melaksanakan penelitian dan pengembangan masing-masing
kegiatan ekstra kurikuler
f. Membuat laporan perkembangan prestasi setiap cabang
ekstrakurikuler secara berkala
g. Melaksanakan koordinasi dan memberikan laporan kepada
Wakabid yang relevan
h. Berkoordinasi dengan seluruh wakabid
9. Piket
a. Bertanggungjawab atas kelancaran dan ketertiban selama
berlangsungnya PBM
b. Mencatat ketidakhadiran guru yang bertugas pada hari yang
bersangkutan
c. Mengisi buku catatan pelanggaran yang dilakukan siswa

72
d. Menangani pelanggaran yang dilakukan siswa
e. Membuat laporan harian tentang kejadian-kejadian selama
menjalankan piket
f. Bertanggungjawab atas ketertiban dan kelancaran kegiatan belajar
mengajar
g. Mencatat kehadiran guru yang bertugas pada hari yang
bersangkutan
h. Mengontrol keadaan kelas
i. Mencari dan mencatat guru pengganti yang sejenis berserta jumlah
jamnya
j. Menandatangasi surat ijin masuk/keluar bagi siswa yang terlambat
atau yang meninggalkan sekolah selama KBM berlangsung
k. Menerima dan melayani tamu
l. Mengisi pelanggaran siswa sesuai dengan jenis pelanggarannya
m. Membuat laporan harian selama menjalankan tugas piket KBM
dalam buku piket harian.

BAB IV
ANALISA SISTEM BERJALAN
4.1. Analisa Sistem yang Sedang Berjalan
Berdasarkan penelitian hasil observasi dan wawancara yang telah
dilakukan dengan staff keungan sekolah SMP Muhammadiyah 4 Tangerang,
sistem informasi yang berjalan saat ini masih bersifat manual di antaranya
pencatatan transaksi pembayaran administrasi biaya sekolah yang masih
menggunakan buku sehingga dalam penyampaian informasi masih belum
optimal karena banyak menimbulkan tidak tercatatnya sebuah teransaksi
pembayaran administrasi biaya sekolah pada SMP Muhammadiyah 4
Tangerang apa bila bagian staff keungan tidak teliti melakukan proses
pelaporan. Ketika laporan dibutuhkan kembali, maka pencarian laporan
mengenai data hasil transaksi pembayaran administrasi biaya sekolah pada
SMP Muhammadiyah 4 Tangerang harus dicari terlebih dahulu pada arsip.
Pencarian laporan tersebut akan memakan waktu yang cukup lama,
mengakibatkan keterlambatan dalam proses pemecahan masalah yang akan
dilakukan terkait mengenai keingin tahuan orang tua siswa atau keingin
tahuan kepala sekolah mengenai siswa yang sudah membayar dan belum
membayar. Sehingga laporan tersebut tidak dilakukan dengan optimal dan
efisien.
73
flowchart proses sistem yang saat ini sedang berjalan:
Gambar 4.1 Flowchart Diagram Sistem Yang Berjalan

74
Penjelasan flow proses pada gambar 4.1 diatas, sebagai berikut:
1. Staff admin menyiapkan info biaya dan buku bayaran.
2. Siswa/siswi menerima info dan buku bayaran.
3. Siswa/siswi melakukan pembayaran.
4. Staff admin menerima pembayaran.
5. Staff admin mengecek tagihan nya.
6. Jika bayaran nya tidak sesuai akan melakukan pembayaran lagi.
7. Dan jika bayaran nya sesuai maka Staff admin akan TTD buku
bayaran/tanda terima.
8. Staff admin membuat laporan.
9. Kepala sekolah menerima laporan.

75
4.2. Use Case Sistem yang Sedang Berjalan
Bentuk diagram use case dari sistem yang berjalan saat ini
digambarkan dalam Gambar 4.2 ini.
Gambar 4.2 Diagram Use Case Sistem Berjalan
Diagram use case sistem dijelaskan dalam daftar use case pada Tabel 4.1.
Tabel 4.1 Daftar Use Case Sistem Berjalan
No Nama Use Case Keterangan Aktor

1 Data siswa Use Case ini menggambarkan Staff
bagaimana staff mengelolah data
siswa
2 Pembayaran Use Case ini menggambarkan Staff
bagaimana staff mengelolah
pembayar biaya sekolah.
3 Pembayaran Use Case ini menggambarkan Siswa
bagaimana siswa membayar biaya
sekolah.
76
4 Laporan Use Case ini menggambarkan Staff

bagaimana staff mengelolah
laporan pembayaran biaya sekolah.
5 Laporan Use Case ini menggambarkan Kepala
bagaimana kepala sekolah Sekolah
menandatangani laporan biaya
sekolah.
77
4.3. Desain Sistem UML (Unified Modeliing Language)
4.3.1. Use Case Diagram Sistem yang Diusulkan
Gambar 4.3 Use Case Diagram Perancangan

78
Tabel 4.2 Penjelasan Aktor
No Aktor Penjelasan
Administrator adalah petugas atau seseorang yang
1 Administrator menggunakan sistem mengelola data users, setting

& maintenance.
Staff Admin adalah petugas atau seseorang yang
2 Staff Admin menggunakan sistem mengelola laporan dan data

pembayaran biaya sekolah.
Kepala Sekolah adalah seseorang yang
3 Kepala Sekolah menggunakan sistem penerima laporan pembayaran

biaya sekolah.
Siswa adalah seseorang yang menggunakan sistem
4 Siswa pembayaran biaya sekolah dan mencari informasi

keseluruhan pembayaran biaya sekolah.
Deskripsi Use Case Diagram
1) Use Case Login
Tabel 4.3 Penjelasan Use Case Diagram Login
Tanggal: 1 Juli 2020 Author : Iqbal Nurhaikal
Versi : 1.0
Use Case Name : Login Tipe Use Case
Use Case Id : 001 Persyaratan

Bisnis
Priority : High
Primary Business Administrator, Staff

Actors Pembayaran, Kepala
79
Sekolah & Siswa
Description : Use Case ini digunakan untuk melakukan

verifikasi masuk kedalam sistem informasi web
administrasi biaya sekolah
1. User menjalankan aplikasi system
Pre-Condition : 2. Melakukan input username dan password
Typical Courses Actor Action System Respone
Of Events: Step1: User menjalan Step2:Menampilkan

kan aplikasi sistem form login
informasi sekolah
Step3: User menginput Step4:Sistem

kan username dan memeriksa data dan
password melakukan
verifikasi
Step5: Jika user

name dan password
benar sistem akan
menampilkan menu
utama
Alternate Courses: Alt. Step1 : Jika nis/password tidak benar sistem

akan menampilkan pesan kesalahan.
Conclusion : Use Case ini selesai jika actor berhasil login dan
Menu utama tampil
Post-Condition -
2) Use case Kelola User
Tabel 4.4 Penjelasan Use Case Kelola User
Versi : 1.0
Use Case Name : Kelola User Tipe Use Case

80
Priority : High Bisnis
Primary Business Administrator & Staff

Actors Pembayaran
Description : Use case ini digunakan saat admin hendak

melakukan masuk kedalam menu kelola users lalu
admin dapat mengelola data users seperti di
tambah, simpan, ubah, hapus dan cari.
1. Administrator menjalankan aplikasi system
Pre-Condition : 2. Melakukan klik menu kelola users
Of Events: Step1: Administrator Step2: Sistem

berhasil login menampilkan menu
utama
Step3: Administrator Step4: Sistem

mengklik menu kelola menampilkan menu
user data user
Step5 : Administrator Step6 : Sistem

melakukan ubah, hapus melakukan validasi
dan simpan data user
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
sesuai, maka sistem
melakukan proses
tersebut dan
menampilkan
proses konfirmasi
Alternate Courses: Alt. Step8 : Jika proses validasi tambah, simpan,

ubah, hapus dan cari tidak sesuai, maka sistem
tidak melakukan proses tersebut dan
menampilkan proses konfirmasi
Conclusion : Use case ini selesai jika actor berhasil melakukan

proses tambah, simpan, ubah, hapus dan cari data
user
Post-Condition -
81
3) Use Case Data Sekolah & Logo
Tabel 4.5 Penjelasan Use Case Diagram Data Sekolah & Logo
Versi : 1.0
Use Case Name : Data Sekolah & Logo Tipe Use Case

Bisnis
Priority : High
Primary Business Administrator

Actors

melakukan masuk kedalam menu data sekolah &
logo lalu administrasi dapat mengelola data
sekolah & logo
1. Admin menjalankan aplikasi system
Pre-Condition : 2. Melakukan klik menu data sekolah & logo
Of Events: Step1: Admin berhasil Step2: Sistem

login menampilkan menu
utama
Step3: Admin mengklik Step4: Sistem

menu data sekolah & menampilkan menu
logo data sekolah & logo
Step5 : Admin dapat Step6 : Sistem

melakukan tambah, melakukan validasi
simpan, ubah, hapus
dan cari data sekolah &
logo
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
82
sesuai, maka sistem

melakukan proses
tersebut dan
menampilkan
proses konfirmasi


proses tambah, simpan, ubah, hapus dan cari pada
data sekolah & logo
Post-Condition -
4) Use Case Kelola Data Siswa
Tabel 4.6 Penjelasan Use Case Diagram Kelola Data Siswa
Versi : 1.0
Use Case Name : Kolola Data Siswa Tipe Use Case

Bisnis
Priority : High

Actors Pembayaran

melakukan masuk kedalam kelola data siswa lalu
admin dapat mengelola data siswa seperti di
Pre-Condition : 2. Melakukan klik menu kelola data siswa

83

utama

menu kelola data staff menampilkan menu
data siswa
Step5 : Admin Step6 : Sistem

simpan, ubah, hapus
dan cari data siswa
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
sistem melakukan
proses tersebut dan
menampilkan
proses konfirmasi


proses ubah,hapus dan simpan pada data siswa
Post-Condition -
5) Use Case Kelola Data Kelas
Tabel 4.7 Penjelasan Use Case Diagram Kelola Data Kelas
Versi : 1.0
Use Case Name : Kolola Data Kelas Tipe Use Case

Bisnis
Priority : High
84

Actors Pembayaran

melakukan masuk kedalam kelola data kelas lalu
admin dapat mengelola data kelas seperti di
Pre-Condition : 2. Melakukan klik menu kelola data Kelas

utama

menu kelola data kelas menampilkan menu
data kelas

simpan, ubah, hapus
dan cari data kelas
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
sesuai, maka sistem
melakukan proses
tersebut dan
menampilkan
proses konfirmasi


data guru
Post-Condition -
85
6) Use Case Kelola Data Guru
Tabel 4.8 Penjelasan Use Case Diagram Kelola Data Guru
Versi : 1.0
Use Case Name : Kelola Data Guru Tipe Use Case

Bisnis
Priority : High

Actors Pembayaran

melakukan masuk kedalam menu kelola data guru
lalu admin dapat mengelola data siswa seperti di
Pre-Condition : 2. Melakukan klik menu kelola data guru

utama

menu kelola data guru menampilkan menu
data guru

simpan, ubah, hapus
dan cari data guru
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
sesuai, maka sistem
86
melakukan proses
tersebut dan
menampilkan
proses konfirmasi


proses ubah,hapus dan simpan pada data guru
Post-Condition -
7) Use Case Kelola Data Angkatan
Tabel 4.9 Penjelasan Use Case Diagram Kelola Data Angkatan
Versi : 1.0
Use Case Name : Data Angkatan Tipe Use Case

Bisnis
Priority : High

Actors Pembayaran

melakukan masuk kedalam menu data angkatan
lalu admin dapat mengelola data angkatan seperti
di tambah, simpan, ubah, hapus dan cari.
Pre-Condition : 2. Melakukan klik menu kelola data angkatan

utama
87

menu kelola data menampilkan menu
angkatan data angkatan

simpan, ubah, hapus
dan cari data angkatan
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
sesuai, maka sistem
melakukan proses
tersebut dan
menampilkan
proses konfirmasi


proses ubah,hapus dan simpan pada data
angkatan
Post-Condition -
8) Use Case Kelola Data Tipe Pembayaran
Tabel 4.10 Penjelasan Use Case Diagram Kelola Data Tipe Pembayaran
Versi : 1.0
Use Case Name : Kelola Data Tipe Tipe Use Case

Pembayaran

Bisnis
Priority : High
88

Actors Pembayaran

melakukan masuk kedalam menu kelola data tipe
pembayaran lalu admin dapat mengelola data tipe
pembayaran seperti di tambah, simpan, ubah,
hapus dan cari.
Pre-Condition : 2. Melakukan klik menu kelola data tipe
pembayaran

utama

menu kelola data tipe menampilkan menu
pembayaran data tipe
pembayaran

simpan, ubah, hapus
dan cari data pelaporan
Step7 : Jika proses

validasi tambah,
simpan, ubah,
hapus dan cari
sesuai, maka sistem
melakukan proses
tersebut dan
menampilkan
proses konfirmasi


data tipe pembayaran
89
Post-Condition -
9) Use Case Transaksi Biaya Sekolah
Tabel 4.11 Penjelasan Use Case Diagram Transaksi Biaya Sekolah
Versi : 1.0
Use Case Name : Transaksi Biaya Sekolah Tipe Use Case

Bisnis
Priority : High
Primary Business Administrator

Actors

melakukan masuk kedalam menu transaksi biaya
sekolah lalu admin dapat mengeloladaftar tagihan
dan info status.
Pre-Condition : 2. Melakukan klik menu transaksi biaya sekolah

utama

menu transaksi biaya menampilkan menu
sekolah daftar tagihan dan
info status
Alternate Courses: -
Conclusion : Use case ini selesai jika actor berhasil masuk

kedalam menu transaksi biaya sekolah
Post-Condition -
90
10) Use Case Tagihan Biaya Sekolah
Tabel 4.12 Penjelasan Use Case Diagram Diagram Tagihan Biaya Sekolah
Versi : 1.0
Use Case Name : Tagihan Biaya Sekolah Tipe Use Case

Bisnis
Priority : High
Primary Business Siswa

Actors
Description : Use case ini digunakan saat siswa hendak

melakukan masuk kedalam menu tagihan biaya
sekolah lalu siswa dapat membayar biaya sekolah.
1. Siswa menjalankan aplikasi system
Pre-Condition : 2. Melakukan klik menu tagihan biaya sekolah
Of Events: Step1: Siswa berhasil Step2: Sistem

utama
Step3: Siswa mengklik Step4: Sistem

menu tagihan biaya menampilkan data
sekolah biaya sekolah
Step5 : Siswa Step6 : Sistem

melakukan bayar lalu melakukan validasi
simpan
Step7 : Jika proses

validasi simpan
berhasil, maka
sistem melakukan
proses tersebut dan
menampilkan
proses konfirmasi
Alternate Courses: Alt. Step8 : Jika proses validasi simpan tidak

91
sesuai, maka sistem tidak melakukan proses

tersebut dan menampilkan proses konfirmasi

proses simpan pada data pembayaran.
Post-Condition -
11) Use Case History Pembayaran
Tabel 4.13 Penjelasan Use Case Diagram History Pembayaran
Versi : 1.0
Use Case Name : History Pembayaran Tipe Use Case

Bisnis
Priority : High
Primary Business Siswa

Actors
Description : Use case ini digunakan saat siswa hendak

melakukan masuk kedalam menu history
pembayaran lalu siswa dapat melihat data history
pembayaran, lalu siswa dapat download dan cari
data.
1. Siswa menjalankan aplikasi system
Pre-Condition : 2. Melakukan klik menu history pembayaran
Of Events: Step1: Siswa berhasil Step2: Sistem

utama
Step3: Siswa mengklik Step4: Sistem

menu history menampilkan data
pembayaran pembayaran
Step5 : Siswa Step6 : Sistem

92
melakukan download melakukan validasi

dan me, simpan, ubah,
hapus dan cari data
Step7 : Jika proses

validasi download
dan cari sesuai,
maka sistem
melakukan proses
tersebut dan
menampilkan
proses konfirmasi
Alternate Courses: Alt. Step8 : Jika proses validasi download dan

cari tidak sesuai, maka sistem tidak melakukan
proses tersebut dan menampilkan proses
konfirmasi

proses download dan cari dan cari pada data
pembayaran
Post-Condition -
12) Use Case Laporan Biaya Sekolah
Tabel 4.14 Penjelasan Use Case Diagram Laporan Biaya Sekolah
Versi : 1.0
Use Case Name : Laporan Biaya Sekolah Tipe Use Case

Bisnis
Priority : High

Actors Pembayaran

melakukan masuk kedalam laporan biaya sekolah
lalu admin dapat menginput data padapembayaran
93
kelas lalu siswa dapat pilih tampil, download CSV

dan download PDF.
Pre-Condition : 2. Melakukan klik menu laporan biaya sekolah

utama

menu laporan biaya menampilkan form
sekolah data pembayaran
kelas
Step5 : Admin
menginput data pada
form pembayaran kelas

mengklik tampil, menampilkan data
download CSV dan pembayaran kelas .
download PDF
Alternate Courses: Alt. Step8 : -

proses tampil, download CSV dan download PDF
pada data pembayaran kelas.
Post-Condition -
94
4.3.2. Activity Diagram
1. Activity Diagram
a. Activity Diagram Log in
Gambar 4.4 Activity Diagram Login

95
b. Activity Kiagram Kelola User
Gambar 4.5 Activity Diagram Kelola User

96
c. Activity Diagram Data Sekolah & Logo
Gambar 4.6 Activity Diagram Data Sekolah & Logo

97
d. Activity Diagram Kelola Data Siswa
Gambar 4.7 Activity Diagram Kelola Data Siswa

98
e. Activity Diagram Kelola Data Kelas
Gambar 4.8 Activity Diagram Kelola Data Kelas

99
f. Activity Diagram Kelola Data Guru
Gambar 4.9 Activity Diagram Kelola Data Guru

100
g. Activity Diagram Kelola Data Angkatan
Gambar 4.10 Activity Diagram Kelola Data Angkatan

101
h. Activity Diagram Kelola Data Tipe Pembayaran
Gambar 4.11 Activity Diagram Kelola Data Tipe Pembayaran

102
i. Activity Diagram Transaksi Biaya Sekolah
Gambar 4.12 Activity Diagram Transaksi Biaya Sekolah

103
1. Activity Diagram Daftar Tagihan
Gambar 4.13 Activity Diagram Daftar Tagihan

104
2. Activity diagram info status
Gambar 4.14 Activity Diagram Info Status

105
j. Activity Diagram Tagihan Biaya Sekolah Siswa
Gambar 4.15 Activity Diagram Tagihan Biaya Sekolah Siswa

106
k. Activity Diagram History Pembayaran Siswa
Gambar 4.16 Activity Diagram History Pembayaran Siswa

107
l. Activity Diagram Laporan Biaya Sekolah
Gambar 4.17 Activity Diagram Laporan Biaya Sekolah

108
4.3.3. Sequence Diagram
1. Sequence Diagram
a. Sequence Diagram Login
Gambar 4.18 Sequence Diagram Login

109
b. Sequence Diagram Kelola Data User
Gambar 4.19 Sequence Diagram Kelola Data User

110
c. Sequence Diagram Sekolah Data & Logo
Gambar 4.20 Sequence Diagram Sekolah Data & Logo

111
d. Sequence Diagram Kelola Data Siswa
Gambar 4.21 Sequence Diagram Kelola Data Siswa

112
e. Sequence Diagram kelola data Kelas
Gambar 4.22 Sequence Diagram Kelola Data Kelas

113
f. Sequence Diagram Kelola Data Guru
Gambar 4.23 Sequence Diagram Kelola Data Guru

114
g. Sequence Diagram Kelola Data Angkatan
Gambar 4.24 Sequence Diagram Kelola Data Angkatan

115
h. Sequence Diagram Kelola Tipe Pembayaran
Gambar 4.25 Sequence Diagram Kelola Data Tipe Pembayaran

116
i. Sequence Diagram Transaksi Biaya Sekolah
Gambar 4.26 Sequence Diagram Transaksi Biaya Sekolah

117
1. Sequence Diagram Daftar Tagihan
Gambar 4.27 Sequence Diagram Daftar Tagihan

118
2. Sequence Diagram Info Status
Gambar 4.28 Sequence Diagram Info Status

119
j. Sequence Diagram Tagihan Biaya Sekolah Siswa
Gambar 4.29 Sequence Diagram Tagihan Biaya Sekolah Siswa

120
k. Sequence Diagram History Pembayaran Siswa
Gambar 4.30 Sequence Diagram Histrory Pembayaran Siswa

121
l. Sequence Diagram Laporan Biaya Sekolah
Gambar 4.31 Sequence Diagram Laporan Biaya Sekolah

122
4.3.4. Class Diagram
Gambar 4.32 Class Diagram Perancangan

123
4.4. Perancangan Prototipe Sistem Informasi Administrasi Biaya Sekolah
1. Tampilan Menu Login
Gambar 4.33 Prototype Tampilan Menu Login
Tabel 4.15 Penjelasan Tampilan Menu Login
No. Nama Item Nama Variabel Qty Keterangan

1. Img_gambarsiakad 1. Untuk gambar siakad
1. Image 1
1. Lb_nama 1. Untuk tampilan “Nama”
2. Label 2
2. Lb_katasandi 2. Untuk tampilan “Kata
Sandi”
1. Txt_selamatdatang 1. Untuk menampilkan

3. Text 2
2. Txt_member nama selamat datang
2. Untuk menampilkan
member
124
1. Btn_login 1. Tombol button login

4. Button 1
2. Tampilan Menu Utama Admin
Gambar 4.34 Prototype Tampilan Menu Utama
Tabel 4.16 Penjelasan Tampilan Menu Utama
No. Nama Nama Variabel Qty

Keterangan
Item
125
1. Img_logosekolah 1. Untuk logo

1. Image 1
sekolah
1. Txt_menuutama 1. Untuk
2. Text 4
2. Txt_smpmuhammadiyah menampilkan nama
3. Txt_lgnadmin menu
4. Txt_biodata
2. Untuk
menampilkan nama
SMP Muhammadiyah 4
3. Untuk
menampilkan nama
login sebagai admin.
4. Untuk
menampilkan biodata
1. Btn_dashboar 1. Tombol button

3. Button 19
2. Btn_master dashbosr
3. Btn_transaksi 2. Tombol button master
3. Tombol button
4. Btn_datajadwal
transaksi biaya
5. Btn_rpp sekolah
6. Btn_nilaisiswa 4. Tombol button data
7. Btn_presensinilai jadwal
8. Btn_presensiguru 5. Tombol button rpp &
9. Btn_presensistaff silabus
10. Btn_settingrfid 6. Tombol button ddata
nilai siswa
11. Btn_datakehadiran
7. Tombol button data
12. Btn_lapbiayasekolah presensi nilai
13. Btn_lapnilai 8. Tombol button data
14. Btn_laprpp presensi guru
15. Btn_lapjadwal 9. Tombol button data
16. Btn_lappresensisiswa presensi staff
17. Btn_lappresensiguru 10. Tombol button setting
rfid
18. Btn_lappresensistaff
11. Tombol button data
19. Btn_logo kehadiran pribadi
12. Tombol button
laporan biaya sekolah
13. Tombol button
laporan nilai
14. Tombol button
laporan rpp & silabus
15. Tombol button
126
laporan jadwal
16. Tombol button
laporan presensi siswa
17. Tombol button
laporan presensi guru
18. Tombol button
laporan presensi staff
19. Tombol button keluar
3. Tampilan Menu Master

127
Gambar 4.35 Prototype Tampilan Menu Master
Tabel 4.17 Penjelasan Tampilan Menu Master

Keterangan
Item
1. Img_logosekolah 1..Untuk logo sekolah
1. Image 1
1.Txt_menuutama 1.Untuk menampilkan
2. Text 4
2.Txt_smpmuhammadiyah nama menu
3.Txt_lgnadmin 2.Untuk menampilkan
4.Txt_biodata nama SMP
Muhammadiyah 4
3.Untuk menampilkan
nama login sebagai
admin.
4.Untuk menampilkan
biodata
1.Btn_dashboar 1.Tombol button

3. Button 27
2.Btn_master dashbosr
3.Btn_datasiswa 2.Tombol button master
4.Btn_datakelas 3.Tombol button data
5.Btn_dataguru siswa
6.Btn_dataangkatan
4.Tombol button data
7.Btn_datatipepembayaran kelas
8.Btn_datamtpelajaran
9.Btn_datauser
guru
10.Btn_datasekolah
11.Btn_transaksi 6.Tombol button data
angkatan siswa
12.Btn_datajadwal
13.Btn_rpp 7.Tombol button data
14.Btn_nilaisiswa tipe pembayaran siswa
15.Btn_presensinilai 8.Tombol button data
16.Btn_presensiguru mata pelajaran
17.Btn_presensistaff 9.Tombol button data
18.Btn_settingrfid user
19.Btn_datakehadiran 10.Tombol button data
128
20.Btb_lapbiayasekola sekolah & logo

21.Btn_lapnilai 11. 11.Tombol button
22.Btn_laprpp transaksi biaya sekolah
23.Btn_lapjadwal 12.Tombol button data
24.Btn_lappresensisiswa jawal
25.Btn_ lappresensiguru
13.Tombol button rpp &
26.Btn_ lappresensistaff silabus
27.Btn_logo
nilai siswa
presesnsi nilai
presensi guru
staff
18.Tombol button
setting rfid
kehadiran pribadi
20.Tombol button
laporan biaya sekolah
21.Tombol button
laporan nilai
22.Tombol button
laporan rpp & silabus
23.Tombol button
laporan jadwal
24.Tombol button
laporan presensi siswa
25.Tombol button
laporan presensi guru
26.Tombol button
laporan presensi staff
27.Tombol button
keluar
129
4. Tampilan Menu Data Siswa
Gambar 4.36 Prototype Tampilan Menu Data Siswa
Tabel 4.18 Penjelasan Tampilan Menu Data Siswa

Keterangan
Item
1.Img_ logosekolah 1.Untuk logo sekolah
1. Image 1
1.Lb_search 1.Untuk cari data
2. Label 2
2.Lb_datasiswa 2.Untuk menampilkan
130
3.Lb_showentries data siswa

banyak nya data siswa

3. Text 5
4.Txt_showentries nama SMP
Muhammadiyah 4
5.Txt_datasiswa
3.Untuk menampilkan
6.Txt_daftarsiswa nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data siswa
nama datfar siswa
1.Btn_tambahsiswa 1.Tombol button tambah

4. Button 7
2.Btn_detailpembayaran data siswa
3.Btn_detailsiswa 2.Tombol button detail
4.Btn_resetkatasandi data pembayaran
5.Btn_ubah 3.Tombol button detail
6.Btn_hapus data siswa
7. Btn_logo 4.Tombol button atur
ulang kata sandi
5.Tombol button ubah
data siswa
6.Tombol button hapus
data siswa
131
5. Tampilan Menu Data Kelas
Gambar 4.37 Prototype Tampilan Menu Data Kelas
Tabel 4.19 Penjelasan Tampilan Menu Data Kelas

Keterangan
Item
1. Image 1
2. Label 3
2.Lb_datakelas 2.Untuk menampilkan
132
3.Lb_showentries data kelas

banyak nya data kelas

3. Text 5
Muhammadiyah 4
5.Txt_datakelas
3.Untuk menampilkan
6.Txt_daftarkelas nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data kelaas
nama daftar kelas
1.Btn_tambahsiswa 1.Tombol button tambah

4. Button 7
2.Btn_detailpembayaran data siswa
3.Btn_detailsiswa 2.Tombol button detail
4.Btn_resetkatasandi data pembayaran
5.Btn_ubah 3.Tombol button detail
6.Btn_hapus data siswa
7. Btn_logo 4.Tombol button atur
ulang kata sandi
data siswa
data siswa
133
6. Tampilan Menu Data Guru
Gambar 4.38 Prototype Tampilan Menu Data Guru
Tabel 4.20 Penjelasan Tampilan Menu Data Guru

Keterangan
Item
1. Image 1
2. Label 3
2.Lb_dataguru 2.Untuk menampilkan
134
3.Lb_showentries data guru

banyak nya data guru

3. Text 5
Muhammadiyah 4
5.Txt_dataguru
3.Untuk menampilkan
6.Txt_daftarguru nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data guru
nama daftar guru
1. 1.Btn_tambahguru 1.Tombol button tambah

4. Button 5
2.Btn_resetkatasandi data guru
3.Btn_ubah 2.Tombol button atur
4.Btn_hapus ulang kata sandi
5. Btn_logo 3.Tombol button ubah
data guru
data guru
135
7. Tampilan Menu Data Angkatan Siswa
Gambar 4.39 Prototype Tampilan Menu Data Angkatan Siswa
Tabel 4.21 Penjelasan Tampilan Menu Data Angkatan Siswa

Keterangan
Item
1. Image 1
2. Label 3
2.Lb_dataangkatan 2.Untuk menampilkan
136
3.Lb_showentries data angkatan siswa

banyak nya data
angkatan siswa

3. Text 5
Muhammadiyah 4
5.Txt_dataangkatan
3.Untuk menampilkan
6.Txt_daftarangkatan nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data angkatan
siswa
nama daftar angkatan
siswa
1.Btn_tambahangkatan 1.Tombol button tambah

4. Button 4
data angkatan
2.Btn_ubah
3.Btn_hapus data angkatan siswa
4.Btn_logo 3.Tombol button hapus
data angkatan siswa
137
8. Tampilan Menu Data Tipe Pembayaran
Gambar 4.40 Prototype Tampilan Menu Data Tipe Pembayaran Siswa
Tabel 4.22 Penjelasan Tampilan Menu Data Tipe Pembayaran Siswa

Keterangan
Item
1. Image 1
2. Label 3
2.Lb_datatipepembayaran 2.Untuk menampilkan
138
3.Lb_showentries data tipe pembayaran

3. Untuk
menampilkan banyak
nya data tipe
pembayaran

3. Text 5
Muhammadiyah 4
5.Txt_datatipepembayaran
3.Untuk menampilkan
6.Txt_daftartipepembayaran nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
5. Untuk
menampilkan nama
data tipe pembayaran
6. Untuk
menampilkan nama
daftar tipe
pembayaran
1.Btn_tambahtipepembayara 1.Tombol button

4. Button 4
n tambah data tipe
pembayaran
2.Btn_ubah
3.Btn_hapus data tipe pembayaran
4.Btn_logo 3.Tombol button
hapus data tipe
pembayaran
4. Tombol button
keluar
139
140
9. Tampilan Menu Data User
Gambar 4.41 Prototype Tampilan Menu Data User
Tabel 4.23 Penjelasan Tampilan Menu Data User

Keterangan
Item
1. Image 1
2. Label 3
2.Lb_datauser 2.Untuk menampilkan
141
3.Lb_showentries data user

banyak nya data user

3. Text 5
Muhammadiyah 4
5.Txt_datauser
3.Untuk menampilkan
6.Txt_daftaruser nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data user
nama daftar user
1.Btn_tambahuser 1.Tombol button tambah

4. Button 4
data user
2.Btn_ubah
3.Btn_hapus data user
data user
142
10. Tampilan Menu Data Sekolah & Logo
Gambar 4.42 Prototype Tampilan Menu Data Sekolah & Logo
Tabel 4.24 Penjelasan Tampilan Menu Data Sekolah & Logo

Keterangan
Item
1. Image 1
1.Lb_namasekolah 1.Untuk menampilkan
2. Label 3
nama sekolah
2.Lb_alamat
2.Untuk menampilkan
143
3.Lb_logo alamat
4.Lb_biodata 3. Untuk menampilkan
logo
biodata

3. Text 5
4.Txt_gantibiodata nama SMP
Muhammadiyah 4
5.Txt_namasekolah
3.Untuk menampilkan
6.Txt_alamat
nama login sebagai
7.Txt_logo admin.
8. Txt_biodata 4. Untuk menampilkan
nama ganti biodata
5.Untuk menampilkan
nama nama sekolah
nama alamat
logo
biodata
1.Btn_simpan 1.Tombol button simpan

4. Button 4
2.Btn_reset 2.Tombol button reset
3..Btn_logo 3.Tombol button keluar
144
11. Tampilan Menu Transaksi Biaya Sekolah
Gambar 4.44 Prototype Tampilan Menu Transaksi Biaya Sekolah
Tabel 4.25 Penjelasan Tampilan Menu Transaksi Biaya Sekolah

Keterangan
Item
1. Image 1
145

2. Text 5
4. Txt_biodata nama SMP
Muhammadiyah 4
3.Untuk menampilkan
nama login sebagai
admin.
biodata
1.Btn_daftartagihan 1.Tombol button daftar

4. Button 4
tagihan
2.Btn_infostatus
2.Tombol button info
3..Btn_logo status
3.Tombol button keluar
146
12. Tampilan Menu Data Tagihan
Gambar 4.44 Prototype Tampilan Menu Data Tagihan
Tabel 4.26 Penjelasan Tampilan Menu Data Tagihan

Keterangan
Item
1. Image 1
2. Label 3
2.Lb_datatagihan 2.Untuk menampilkan
data tagihan
3.Lb_showentries
147
banyak nya data tagihan

3. Text 5
Muhammadiyah 4
5.Txt_datatagihan
3.Untuk menampilkan
6.Txt_daftartagihan nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data tagihan biaya
sekolah
nama daftar tagihan
biaya sekolah
1.Btn_lihattagihan 1.Tombol button tambah

4. Button 4
data tagihan
2.Btn_kirim
2.Tombol button kirim
3.Btn_hapus tagihan
data tagihan
148
13. Tampilan Menu Info Status
Gambar 4.45 Prototype Tampilan Menu Info Status
Tabel 4.27 Penjelasan Tampilan Menu Info Status

Keterangan
Item
1. Image 1
2. Label 3
data tagihan
3.Lb_showentries
149

3. Text 5
Muhammadiyah 4
5.Txt_databiaya
3.Untuk menampilkan
6.Txt_dataadministrasi nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data tagihan biaya
sekolah
nama daftar tagihan
biaya sekolah
1.Btn_lihattagihan 1.Tombol button tambah

4. Button 4
data tagihan
2.Btn_kirim
2.Tombol button kirim
3.Btn_hapus tagihan
5.Btn_tampil data tagihan
6.Btn_print
5. Tombol button tampil
7.Btn_terima data
8. Btn_tolak 6. Tombol button print
9.Btn_hapus data
7. Tombol button terima
data
8. Tombol button tolak
data
9. Tombol button hapus
data
150
14. Tampilan menu Laporan Biaya Sekolah
Gambar 4.46 Prototype Tampilan Menu Laporan Biaya Sekolah
Tabel 4.28 Penjelasan Tampilan Menu Laporan Biaya Sekolah

Keterangan
Item
1. Image 1
1.Lb_bulan1 1.Untuk menampilkan
2. Label 6
bulan
2.Lb_tahun1
2.Untuk menampilkan
3.Lb_bulan2
tahun
4. Lb_tahun2
5. Lb_kelas bulan
151
6. Lb_grafik 4. Untuk menampilkan

tahun
kelas
data grafik

3. Text 2
4.Txt_laporandata nama SMP
Muhammadiyah 4
5.Txt_laporanpembayaran
3.Untuk menampilkan
6.Txt_bulan1 nama login sebagai
7.Txt_tahun1 admin.
8.Txt_bulan2 4.Untuk menampilkan
nama laporan data
9.Txt_tahun2
pembayaran kelas
10.Txt_kelas
11.Txt_diagram nama laporan
pembayaran kelas
nama bulan dari
nama tahun dari
nama bulan sampai
nama bulan sampai
nama kelas
nama diagram
pembayaran
152
1.Btn_tampil 1.Tombol button tampil

4. Button 4
data
2.Btn_downloadcsf
2.Tombol button
3.Btn_downloadpdf download data csf
4.Btn_logo 3.Tombol button
download data pdf
15. Tampilan Menu Utama Siswa
Gambar 4.47 Prototype Tampilan Menu Utama Siswa

153
Tabel 4.29 Penjelasan Tampilan Menu Utama Siswa

Keterangan
Item
1. Img_logosekolah 1..Untuk logo sekolah
1. Image 1
2. Text 4
3.Txt_lgnsiswa 2.Untuk menampilkan
4.Txt_biodata nama SMP
Muhammadiyah 4
3.Untuk menampilkan
nama login sebagai
siswa
4.Untuk menampilkan
biodata
1.Btn_dashboar 1.Tombol button

3. Button 27
2.Btn_tagihan dashbosr
3.Btn_history 2.Tombol button tagihan
4.Btn_datanilai biaya sekolah
5.Btn_datakehadiran 3.Tombol button history
pembayaran
nilai siswa
kehadiran
154
16. Tampilan Menu Tagihan Biaya Sekolah Siswa
Gambar 4.48 Prototype Tampilan Menu Tagihan Biaya Sekolah Siswa
Tabel 4.30 Penjelasan Tampilan Menu Tagihan Biaya Sekolah Siswa

Keterangan
Item
1. Image 1
2. Label 3
data tagihan
3.Lb_showentries

3. Text 5
155
3.Txt_lgnsiswa 2.Untuk menampilkan

Muhammadiyah 4
5.Txt_datatagihan
3.Untuk menampilkan
6.Txt_daftartagihan nama login sebagai
siswa
4.Untuk menampilkan
nama show entries
nama data tagihan
nama daftar tagihan
1.Btn_bayar 1.Tombol button bayar

4. Button 4
tagihan
2..Btn_logo
156
17. Tampilan Menu History Pembayaran Siswa
Gambar 4.49 Prototype Tampilan Menu History Pembayaran Siswa
Tabel 4.31 Penjelasan Tampilan Menu History Pembayaran Siswa

Keterangan
Item
1. Image 1
2. Label 3
2. Lb_nis 2.Untuk menampilkan
data tagihan
3. Lb_nama
4. Lb_kelas
2.Lb_datapembayaran
157
3.Lb_showentries

3. Text 5
Muhammadiyah 4
5.Txt_datapembayaran
3.Untuk menampilkan
6.Txt_daftarpembayaran nama login sebagai
admin.
4.Untuk menampilkan
nama show entries
nama data pembayaran
nama daftar pembayaran
1.Btn_download 1.Tombol button

4. Button 4
download data bayaran
2.Btn_tampil
2.Tombol button tampil
3. Btn_print data bayaran
3.Btn_hapus 3. Tombol button print
4.Btn_logo data bayaran
data tagihan
158
4.5. Tampilan Sistem Informasi Administrasi Biaya Sekolah
a. Tampilan Halaman Login
Gambar 4.50 Tampilan Halaman Login
b. Tampilan Menu Dashboard Admin
Gambar 4.51 Tampilan Menu Dashboard Admin

159
c. Tampilan Menu Dashboard Staff Pembayaran
Gambar 4.53 Tampilan Menu Dashboard Staff Pembayaran
d. Tampilan Menu Dashboard Siswa
Gambar 4.54 Tampilan Menu Dashboard Siswa

160
e. Tampilan Menu Dashboard Kepala Sekolah
Gambar 4.54 Tampilan Menu Dashboard Kepala Sekolah
f. Tampilan Menu Data Siswa
Gambar 4.55 Tampilan Menu Data Siswa
g. Tampilan Menu Data Kelas

161
Gambar 4.56 Tampilan Menu Data Kelas
h. Tampilan Menu Data Guru
Gambar 4.57 Tampilan Menu Data Guru
i. Tampilan Menu Data Angkatan

162
Gambar 4.58 Tampilan Menu Data Angkatan
j. Tampilan Menu Data Tipe Pembayaran
Gambar 4.59 Tampilan Menu Data Tipe Pembayaran
k. Tampilan Menu Data User

163
Gambar 4.60 Tampilan Menu Data User
l. Tampilan Menu Data Sekolah
Gambar 4.61 Tampilan Menu Data Sekolah
m. Tampilan Menu Daftar Tagihan

164
Gambar 4.62 Tampilan Menu Daftar Tagihan
n. Tampilan Menu Info Status
Gambar 4.63 Tampilan Menu Info Status
o. Tampilan Menu Laporan Biaya Sekolah

165
Gambar 4.64 Tampilan Menu Laporan Biaya Sekolah
p. Tampilan Menu Tagihan Biaya Sekolah Siswa
Gambar 4.65 Tampilan Menu Tagihan Biaya Sekolah Siswa
q. Tampilan Menu History Pembayaran Siswa

166
Gambar 4.66 Tampilan Menu History Pembayaran Siswa
4.6. Pengujian Black Box
engujian sistem untuk menilai kualitas sistem berdasarkan pengujian black
box dengan 35 Kasus pengujian.
Tabel 4.32 Pengujian Black Box Testing
Nama Aplikasi : Rancang Bangun Sistem Tanggal

Administrasi Biaya Sekolah Berbasis Web Pengujian:18 / 10 / 2020
Framework Laravel Studi Kasus SMP Tester: Muhammad Nur,
Muhammadiyah 4 Tangerang ST
Halaman Reaksi Sistem

No Aksi Aktor Hasil
Yang Diuji Benar Salah
A. Halaman Sistem Admin
1. Halaman Pilih menu Masuk ke Tidak masuk Sesuai
Siakad Log in halaman log ke halaman harapan
in admin log in admin (valid)
2. Log in Memasukkan Masuk ke Tidak masuk Sesuai
Admin username dan halaman ke halaman harapan
password utama admin utama admin (valid)
3. Log out Pilih menu log Melakukan Tidak Sesuai
167
out log out dan melakukan harapan

menampilkan log out (valid)
halaman awal
4. Data Siswa Menambahkan Data siswa Menampilkan Sesuai
data siswa bertambah pesan harapan
dengan kesalahan (valid)
memasukkan jika ada data
semua data yang tidak
siswa diisi
Mengubah Data siswa Menampilkan Sesuai
data siswa terbaru akan pesan harapan
sesuai berhasil kesalahan (valid)
perubahan disimpan jika ada data
yang yang tidak
diinginkan diisi
Menghapus Data siswa Data siswa Sesuai
data siswa akan terhapus tidak harapan
terhapus (valid)
Melihat detail Data siswa Data siswa Sesuai
data siswa berhasil tidak berhasil harapan
terlihat terlihat (valid)
lengkap lengkap
Melihat detail Data Data Sesuai
data pembayaran pembayaran harapan
pembayaran berhasil tidak berhasil (valid)
terlihat terlihat
lengkap lengkap
Mencari data Data siswa Data siswa Sesuai
siswa berhasil tidak harapan
dicari ditemukan (valid)
Atur ulang Atur ulang Atur ulang Sesuai
kata sandi kata sandi kata sandi harapan
berhasil tidak berhasi (valid)
5. Data Kelas Menambahkan Data Menampilkan Sesuai
data kelas keuangan pesan harapan
dengan kelas kesalahan (valid)
memasukkan bertambah jika ada data
kelas diisi
Mengubah Data kelas Menampilkan Sesuai
168
data kelas terbaru akan pesan harapan

yang yang tidak
diinginkan diisi
Menghapus Data kelas Data kelas Sesuai
data kalas akan terhapus tidak harapan
terhapus (valid)
Mencari data Data kelas Data kelas Sesuai
kelas berhasil tidak harapan
6. Data Guru Menambahkan Data Menampilkan Sesuai
data guru keuangan pesan harapan
dengan guru kesalahan (valid)
guru diisi
Mengubah Data guru Menampilkan Sesuai
data guru terbaru akan pesan harapan
yang yang tidak
diinginkan diisi
Menghapus Data guru Data guru Sesuai
data guru akan terhapus tidak harapan
terhapus (valid)
Mencari data Data guru Data guru Sesuai
guru berhasil tidak harapan
7. Data Menambahkan Data Menampilkan Sesuai

Angkatan data angkatan keuangan pesan harapan
Siswa siswa dengan angkatan kesalahan (valid)
memasukkan siswa jika ada data
semua data bertambah yang tidak
angkatan siswa diisi
Mengubah Data Menampilkan Sesuai
data angkatan angkatan pesan harapan
169
siswa sesuai siswa kesalahan (valid)

perubahan terbaru akan jika ada data
yang berhasil yang tidak
diinginkan disimpan diisi
Menghapus Data Data Sesuai
data angkatan angkatan angkatan harapan
siswa siswa akan siswa tidak (valid)
terhapus terhapus
Mencari data Data Data Sesuai
angkatan siswa angkatan angkatan harapan
siswa siswa tidak (valid)
berhasil ditemukan
dicari
Data Tipe Menambahkan Data tipe Menampilkan Sesuai
8. Pembayaran data tipe pembayaran pesan harapan
pembayaran bertambah kesalahan (valid)
dengan jika ada data
memasukkan yang tidak
semua data diisi
tipe
pembayaran
Mengubah Data tipe Menampilkan Sesuai
data tipe pembayaran pesan harapan
pembayaran terbaru akan kesalahan (valid)
sesuai berhasil jika ada data
perubahan disimpan yang tidak
yang diisi
diinginkan
Menghapus Data tipe
Data tipe Sesuai
data tipe pembayaran pembayaran harapan
pembayaran akan terhapus
tidak (valid)
terhapus
Mencari data Data tipe Data tipe Sesuai
tipe pembayaran pembayaran harapan
pembayaran berhasil tidak (valid)
dicari ditemukan
9. Data User Menambahkan Data user Menampilkan Sesuai
data user bertambah pesan harapan
170

user diisi
Mengubah Data user Menampilkan Sesuai
data user terbaru akan pesan harapan
yang yang tidak
diinginkan diisi
Menghapus Data user Data user Sesuai
data user akan terhapus tidak harapan
terhapus (valid)
Mencari data Data user Data user Sesuai
user berhasil tidak harapan
10. Data sekolah Mengubah Data sekolah Menampilkan Sesuai
& logo data sekolah & & logo pesan harapan
logo sesuai terbaru akan kesalahan (valid)
perubahan berhasil jika ada data
yang disimpan yang tidak
diinginkan diisi
Mereset data Data Data Sesuai
sekolah & logo sekolah & sekolah & harapan
logo berhasil logo gagal di (valid)
direset reset
11. Daftar Menambahkan Data tagihan Menampilkan Sesuai
Tagihan data tagihan bertambah pesan harapan
tagihan diisi
Megirim data Data Menampilkan Sesuai
tagihan sesuai tagihan akan pesan harapan
perubahan berhasil kesalahan (valid)
yang dikirim jika ada data
diinginkan yang tidak
diisi
Melihat detail Data tagihan Data tagihan Sesuai
data tagihan akan berhasil tidak akan harapan
terlihat berhasil (valid)
lengkap terlihat
171
lengkap
12. Info Status Melihat bukti Melihat bukti Melihat bukti Sesuai
transfer transfer transfer tidak harapan
berhasil berhasil (valid)
Mencetak data Data Data Sesuai
pembayaran pembayaran pembayaran harapan
berhasil tidak berhasil (valid)
dicetak dicetak
pembayaran akan terhapus tidak (valid)
terhapus
Menkonfirmasi Data Data Sesuai
dikonfirmasi dikonfirmasi
Menolak data Data Data Sesuai
ditolak ditolak
berhasil tidak (valid)
dicari ditemukan
13. Laporan Menampilkan Data laporan Data laporan Sesuai
Biaya data laporan biaya sekolah biaya sekolah harapan
Sekolah sesuai data berhasil tidak berhasil (valid)
pilih ditampil ditampil
Mendownload Data biaya Data biaya Sesuai
data csv biaya sekolah sekolah tidak harapan
sekolah berhasil berhasil (valid)
didownload didownload
data pdf biaya sekolah sekolah tidak harapan
172

B Halaman Sistem Staff Admin
Awal Log in halaman log ke halaman harapan
Siakad in admin log in admin (valid)
2. Log in Staff Memasukkan Masuk ke Tidak masuk Sesuai
Pembayaran username dan halaman ke halaman harapan
password utama admin utama admin (valid)
halaman awal
4. Data Siswa Menambahkan Data siswa Menampilkan Sesuai
data siswa bertambah pesan harapan
siswa diisi
Mengubah Data siswa
Menampilkan Sesuai
data siswa terbaru akan
pesan harapan
yang yang tidak
diinginkan diisi
Menghapus Data siswa
Data siswa Sesuai
data siswa akan terhapus
tidak harapan
terhapus (valid)
Melihat detail Data siswa Data siswa Sesuai
data siswa berhasil tidak berhasil harapan
terlihat terlihat (valid)
173
lengkap lengkap
Melihat detail Data Data Sesuai
terlihat terlihat
lengkap lengkap
Mencari data Data siswa Data siswa Sesuai
siswa berhasil tidak harapan
Atur ulang Atur ulang Atur ulang Sesuai
kata sandi kata sandi kata sandi harapan
berhasil tidak berhasi (valid)
5. Data Kelas Menambahkan Data Menampilkan Sesuai
data kelas keuangan pesan harapan
dengan kelas kesalahan (valid)
kelas diisi
Mengubah Data kelas Menampilkan Sesuai
data kelas terbaru akan pesan harapan
yang yang tidak
diinginkan diisi
Menghapus Data kelas Data kelas Sesuai
data kalas akan terhapus tidak harapan
terhapus (valid)
Mencari data Data kelas Data kelas Sesuai
kelas berhasil tidak harapan
6. Data Guru Menambahkan Data Menampilkan Sesuai
data guru keuangan pesan harapan
dengan guru kesalahan (valid)
guru diisi
Mengubah Data guru Menampilkan Sesuai
data guru terbaru akan pesan harapan
174
yang yang tidak

diinginkan diisi
Menghapus Data guru Data guru Sesuai
data guru akan terhapus tidak harapan
terhapus (valid)
Mencari data Data guru Data guru Sesuai
guru berhasil tidak harapan
7. Data Menambahkan Data Menampilkan Sesuai
Angkatan data angkatan keuangan pesan harapan
Siswa siswa dengan angkatan kesalahan (valid)
memasukkan siswa jika ada data
semua data bertambah yang tidak
angkatan siswa diisi
Mengubah Data Menampilkan Sesuai
data angkatan angkatan pesan harapan
siswa sesuai siswa kesalahan (valid)
perubahan terbaru akan jika ada data
yang berhasil yang tidak
diinginkan disimpan diisi
data angkatan angkatan angkatan harapan
siswa siswa akan siswa tidak (valid)
terhapus terhapus
angkatan siswa angkatan angkatan harapan
siswa siswa tidak (valid)
berhasil ditemukan
dicari
Data Tipe Menambahkan Data tipe Menampilkan Sesuai
8. Pembayaran data tipe pembayaran pesan harapan
pembayaran bertambah kesalahan (valid)
dengan jika ada data
memasukkan yang tidak
semua data diisi
tipe
pembayaran
Mengubah Data tipe Menampilkan Sesuai
data tipe pembayaran pesan harapan
pembayaran terbaru akan kesalahan (valid)
175
sesuai berhasil jika ada data

perubahan disimpan yang tidak
yang diisi
diinginkan
Menghapus Data tipe Data tipe Sesuai
data tipe pembayaran pembayaran harapan
terhapus
Mencari data Data tipe Data tipe Sesuai
tipe pembayaran pembayaran harapan
dicari ditemukan
9. Data User Menambahkan Data user Menampilkan Sesuai
data user bertambah pesan harapan
user diisi
Mengubah Data user Menampilkan Sesuai
data user terbaru akan pesan harapan
yang yang tidak
diinginkan diisi
Menghapus Data user Data user Sesuai
data user akan terhapus tidak harapan
terhapus (valid)
10. Daftar Menambahkan Data tagihan Menampilkan Sesuai
Tagihan data tagihan bertambah pesan harapan
tagihan diisi
Megirim data Data Menampilkan Sesuai
tagihan sesuai tagihan akan pesan harapan
perubahan berhasil kesalahan (valid)
yang dikirim jika ada data
176
diinginkan yang tidak

diisi
Melihat detail Data tagihan Data tagihan Sesuai
data tagihan akan berhasil tidak akan harapan
terlihat berhasil (valid)
lengkap terlihat
lengkap
11. Info Status Melihat bukti Melihat bukti Melihat bukti Sesuai
dicetak dicetak
terhapus
Menkonfirmasi Data Data Sesuai
dikonfirmasi dikonfirmasi
Menolak data Data Data Sesuai
ditolak ditolak
berhasil tidak (valid)
dicari ditemukan
177
C. Halaman Sistem Siswa
Siakad in siswa log in siswa (valid)
2. Log in Siswa Memasukkan Masuk ke Tidak masuk Sesuai
username dan halaman ke halaman harapan
password utama siswa utama siswa (valid)
halaman awal
4. Tagihan Membayar Data tagihan Menampilkan Sesuai
Biaya data tagihan biaya sekolahpesan harapan
Sekolah biaya sekolah berhasil kesalahan (valid)
dibayar jika ada data
yang tidak
diisi
Mencari data Data tagihan Data tagihan Sesuai
tagihan pembayaran pembayaran harapan
dicari ditemukan
5. History Mendownload Data Data Sesuai
Pembayaran data pembayaran pembayaran harapan
Melihat bukti Melihat bukti Melihat bukti Sesuai
dicetak dicetak
D. Halaman Sistem Kepala Sekolah
178
Siakad in kepala log in kepala (valid)

sekolah sekolah
2. Log in Memasukkan Masuk ke Tidak masuk Sesuai
Kepala username dan halaman ke halaman harapan
sekolah password utama kepala utama kepala (valid)
sekolah sekolah
halaman awal
Setelah dilakukan pengujian dengan menggunakan metode pengujian black
box pada masing-masing menu dan sub menu sebagaimana dapat dilihat dalam
table diatas, pengguna yang bertugas melakukan pengujian menyatakan sistem
telah berjalan sesuai harapan.

BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Penelitian rancang bangun sistem informasi digital arsip di lembaga
pendidikan nonformal dengan studi kasus di SMP Muhammadiyah 4
Tangerang., dapat peneliti ambil kesimpulannya sebagai berikut:
1. Dengan aplikasi pembayaran biaya sekolah berbasis web diharapkan
dapat membantu kinerja sekolah lebih efektif dan efisien dalam proses
pembayaran biaya sekolah.
2. Dengan adanya aplikasi sistem informasi pembayaran biaya sekolah
memudahkan dalam pembuatan laporan dan pengolahan data sehingga
data laporan pembayaran biaya sekolah lebih terstruktur.
5.2 Saran
Berkaitan dengan kesinambungan penggunaan sistem informasi
digital arsip dan pengembangan sistem informasi biaya sekolah, beberapa
saran yang peneliti dapat berikan:
1. Aplikasi pembayaran biaya sekolah berbasis web dikembangkan
dalam versi android agar lebih mudah diakses.
2. Proses pembayaran dapat terhubung langsung dengan pihak bank
agar proses pembayaran otomatis terdeteksi biaya proses check dan
manual oleh bagian tata usaha (admin).
178
DAFTAR PUSTAKA
Anggraini, Anggi. 2014. “Penerapan Sistem Pembayaran SPP dengan Laporan

SMS Gateway pada SMK Sakti School”. Skripsi STMIK Raharja.
Aminudin, 2015, Cara Efektif Belajar Framework Laravel,

Lokomedia,Yogyakarta.
Daqiqil, Ibnu. 2011. Framework CodeIgniter sebuah panduan dan best practice.
Pekanbaru: koder.web.id
Darmawan, Deni dan Fauzi, Kunkun, N. 2015 .“Sistem Informasi Manajemen”.

Bandung: PT Remaja Rosdakarya Offset. Cetakan ketiga.
Dennis, Alan. (2015). System Analysis and Design with UML 5th Edition. United
States of America: John Wiley and Sons.
Fatah, Nanang. 2012. Standar Pembiayaan Pendidikan. Bandung: PT Remaja

Rosdakarya Offset
Fathansyah, 2011. Basis Data. Bandung: Informatika
Fitriawati, Nora., Herdiansah, Arief. “Prototipe Proses Pembelajaran

Menggunakan iLearning pada STKIP Arramaniyah Tangerang”. Jurnal
Teknik Informatika (JIKA). Vol. 3 No 1 februari 2019. Universitas
Muhammadiyah Tangerang. pp 44-50.
Fitriawati, Nora., Herdiansah, Arief., Adi, Gunawan.(2019). “Sistem Informasi

Program Keluarga Harapan Studi Kasus Kecamatan Kosambi Tangerang”.
Jurnal Teknik Informatika (JIKA). Vol. 3 No 2 November 2019.
Universitas Muhammadiyah Tangerang. pp 21-26.
Handayani, Tuti., Herdiansah, Arief., Herdiayani, Nofitri., Nugroho, Tomi. 2020.

“SISTEM INFORMASI KOPERASI SIMPAN PINJAM STUDI KASUS
KOPERASI KODANUA SERANG”. Jurnal Teknik Informatika (JIKA).
Vol. 4 No 1 Januari 2020. Universitas Muhammadiyah Tangerang. pp 14 –
19.
Herdiansah, Arief. 2020. “Sistem Pendukung Keputusan Referensi Pemilihan

Tujuan Jurusan Teknik di Perguruan Tinggi Bagi Siswa Kelas XII IPA
Menggunakan Meode AHP”. Jurnal Matrik. Vol 19 No 2 Mei 2020.
Universitas Bumigora. pp 223-234.
179
180
Herdiansah, Arief., Rosdiana., Wulandani. (2019). “Pengembangan Dashboard

Kontrol Pengendalian Mutu pada Bagian Printing dan Emboss PT Mega
Mas Primaan.” Jurnal Ilmiah MATRIK ,Universitas Binadarma Vol.21
No.3. pp 266-278.
Hastanti, R. P., Purnama, B. E., & Wardati, I. U.(2014). "Sistem penjualan

Berbasis Web (e-commerce) pada Tata Distro Kabupaten Pacitan,"
Publikasi Nasiona, vol. 3, no. 1.
Hidayat, Wahyu., Fauzi, Maaruf, Saeful, Bahari. “Perancangan Media Video

DesainInterior Sebagai Salah Satu Penunjang Promosi Dan Informasi Di
PT.Wans Desain Group”. Jurnal CERITA Vol. 2 No. 1 – Februari 2016".
Hirin, A.M , Virgi. (2011) Cepat Mahir Pemprograman Web dengan PHP dan
MySQL (Level Dasar Sampai Mahir), Jakarta : Prestasipustaka.
Komputer, Wahana. (2014). Sistem Informasi Penjualan Online Tugas Akhir.

Semarang: Andi.
Astuti, Kurnia, D.P. (2013). “Perancangan Sistem Informasi Pembayaran

Angsuran Mobil pada PT Mitra Pinastika Mustika Finance”. Skripsi
STMIK Raharja.
Kustiyaningsih, Yeni. (2011). Pemograman Basis Data berbasis Web

menggunakan PHP dan MySQL. Yogyakarta:Graha Ilmu.
Machmud, R. (2013). Peranan Penerapan Sistem Informasi Manajemen Terhadap

Efektivitas Kerja Pagawai Lembaga Pemasyarakatan Narkotika
(Lapastika) Bollangi Kabupaten Gowa. Jurnal Capacity STIE AMKOP
Makassar, 9(3), 409– 421.
Mulyadi. (2016). “Sistem Akuntansi Edisi 4”. Jakarta: Salemba Empat.
Muslihudin, Muhamad, O. (2016). “Analisi dan Perancangan Sistem Informasi

Menggunakan Model Terstruktur dan UML”. Yogyakarta: CV. Andi
Offset.
Nugraha, Fajar . (2014). “Analisa dan Perancangan Sistem Informasi

Perpustakaan.” Kudus: Jurnal Simetris Vol. 5 No.1 Universitas Muria
Kudus ISSN 2549-3108.
Nugroho, Bunafit. (2013). Dasar Pemograman Web PHP – MySQL dengan

Dreamweaver. Yogyakarta : Gava Media
181
Pressman, Roger, S. (2012). Rekayasa Perangkat Lunak.Pendekatan Praktisi.

Edisi 7. Yogyakarta : Andi
Rajab, W. (2009). Buku Ajar Epidemiologi untuk Mahasiswa Kebidanan. Pp.165

171. EGC : Jakarta.
Ridoi, Mohammad. (2018). Cara Mudah Membuat Game Edukasi

dengan Construct 2: Tutorial sederhana Construct 2. Jakarta: Maskha.
Rosa dan Shalahuddin, M. (2014). “Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek”. Bandung: Informatika.
Sabdulloh, U.(2010). Pedagogik Ilmu Mendidik.Bandung : Alfabeta
Sibero, Alexander F.K . (2013). Web Programming Power Pack. Yogyakarta :

Mediakom.
Silalahi, Ulbert. Studi Tentang Ilmu Administrasi. Bandung : Sinar Baru

Algesindo. (2013)
Sinaga, Not Suco. (2013). “Perancangan Sistem Informasi Pembayaran SPP

pada SMA Negeri 23 Kabupaten Tangerang”. Skripsi STMIK Raharja.
Susanto, Azhar. (2013). “Sistem Informasi Akuntansi”. Bandung: Lingga Jaya.
Sutopo, P., Cahyadi, D., & Arifin, Z. (2017). "Sistem Informasi Eksekutif Sebaran
Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis
Web," Bianglala Informatika, vol. 2, no. 1.
Zakiyudin, Ais. (2013). “Sistem Informasi Akuntasi Tingkat Dasar”. Jakarta:

Mitra Wacana Media.

Iqbal Nurhaikal Skripsi Bab 1-5 Fix

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Iqbal Nurhaikal Skripsi Bab 1-5 Fix

Diunggah oleh

Hak Cipta:

Format Tersedia

SKRIPSI

RANCANG BANGUN SISTEM ADMINISTRASI BIAYA

Disusun Sebagai Syarat untuk Kelulusan

PROGRAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS MUHAMMADIYAH TANGERANG

SMP Muhammadiyah 4 Tangerang merupakan salah satu SMP swasta yang

SMP Muhammadiyah 4 Tangerang is one of the A-accredited private SMP.

Keywords: Administration system, school fees, PIECES, Black box testing.

Alhammdulillahirabli’alaim, Puji dan Syukur penulis panjatkan kehadirat Allah

“RANCANG BANGUN SISTEM ADMINISTRASI BIAYA SEKOLAH

BERBASIS WEB FRAMEWORK LARAVEL STUDI KASUS SMP

MUHAMMADIYAH 4 TANGERANG”. untuk memenuhi persyaratan

kelulusan sarjana teknik informatika yang telah ditentukan oleh Universitas

1. Bapak Dr.H. Ahmad Amarullah, M.Pd selaku Rektor Universitas

Universitas Muhammadiyah Tangerang.

Universitas Muhammadiyah Tangerang

Teknik Informatika, Universitas Muhammadiyah Tangerang.

membimbing , banyak memberi masukan dan ilmu baru kepada penulis.

7. Bapak dan Ibu dosen Taknik Informatika Universitas Muhammadiyah

Tangerang yang telah memberi masukan serta motivasi.

pembimbing lapangan selama observasi ke SMP 4 Muhammadiyah

Tangerang, 13 Oktober 2020

SURAT PERNYATAAN KEASLIAN HASIL

1.1. Latar Belakang...........................................................................................1

1.2. Identifikasi Masalah...................................................................................2

1.3. Rumusan Masalah......................................................................................3

1.4. Batasan Masalah........................................................................................4

1.5. Tujuan Penelitian Penelitian......................................................................4

1.6. Manfaat Penelitian.....................................................................................5

1.6.1. Manfaat Penelitian Bagi Penulis........................................................5

1.6.2. Manfaat Penelitian Bagi SMP Muhammadiyah 4 Tangerang...........5

1.6.3 Manfaat Penelitian Bagi Universitas Muhammadiyah Tangerang....5

1.7. Sistematika Penulisan................................................................................6

1.8 Rencana Kegiatan Penelitian........................................................................8

2.1. TEORI UMUM..........................................................................................9

2.1.1. Definisi Sistem...................................................................................9

2.1.2. Definisi Informasi............................................................................10

2.1.3. Definisi Sistem Informasi................................................................10

2.1.4. Definisi Perancangan Sistem...........................................................11

2.1.5. UML (Unified Modeling Languange)..............................................12

2.2.1. Definisi WEB...................................................................................22

2.2.2 Cara Kerja Web................................................................................23

2.2.3 Fungsi Web.......................................................................................24

2.2.4. Metode Waterfall.............................................................................25

2.2.4. Definisi PHP....................................................................................27

2.2.5. Frame Work Laravel........................................................................28

2.2.6. Definisi MYSQL..............................................................................32

2.2.7. Definisi Database.............................................................................34

2.2.8. Definisi XAMPP..............................................................................35

2.2.9. Bagian XAMPP................................................................................36

2.2.10. Kepanjangan XAMPP..................................................................37

2.2.11. Definisi Sublime Text...................................................................37

2.2.12. Definisi Black Box Testing...........................................................38

2.3. TEORI KHUSUS.....................................................................................39

2.3.1. Definisi Sekolah...............................................................................39

2.3.2. Definisi Biaya Sekolah/Pendidikan.................................................41

2.3.4. Proses Belajar-Mengajar..................................................................44

2.4. Literatur Review......................................................................................45

BAB III METODOLOGI PENELITIAN..............................................................48

3.1 Jenis Penelitian........................................................................................48

3.2 Metode Pengumpulan Data......................................................................49

3.3 Metode Analisis Sistem...........................................................................51

3.4 Perancangan Sistem.................................................................................55

3.5 Langkah-langkah Penelitian....................................................................56