SISTEM INFORMASI MONITORING PEMBAYARAN SPP ONLINE BERBASIS WEB DI SMK PERSADA
KOTA SUKABUMI
SKRIPSI
Diajukan untuk memenuhi salah satu syarat kelulusan Program Sarjana
NANDA ALIFA ZIQRI NIM : 19162486
Program Studi Sistem Informasi Kampus Kota Sukabumi Fakultas Teknik dan Informatika
Universitas Bina Sarana Informatika 2020
ii
PERSEMBAHAN
“It’s alright to do things the way you want. There is no map to life, no blueprints to survival, you can ceate your world day by day if you have clear vision and an
unwillingness to give up” –John O’Callaghan
Dengan mengucap syukur Alhamdulillah, skripsi ini kupersembahkan untuk:
1. Bapak Deni Ramdani dan Ibu Lia Natalia tercinta yang telah memberikan kasih sayang, do’a, motivasi serta dukungan baik secara moril maupun materil.
2. Adik tercinta Nakita Syaila, teman berbagi suka dan cita.
3. Rezza Wiguna, dan Putri Ayu yang selalu menjadi teman keluh kesah dalam pembuatan skripsi ini, yang selalu setia memberikan semangat.
4. Aradea, teman dalam mberbagi informasi selama mengerjakan skripsi.
5. Anita, Firda, Rora, Uwi yang selalu memberi semangat dalam pembuatan skripsi 6. Bapa Agi Anggi Ginanjar yang telah banyak membantu pada saat riset.
7. Ibu Lis Saumi Ramdhani dan Ibu Resti selaku dosen pembimbing, sangat membantu dan responsif pada saat melakukan bimbingan online.
8. Dan semua pihak yang tidak bisa saya sebutkan satu persatu saya ucapkan terimakasih.
iii
iv
v
PERSETUJUAN DAN PENGESAHAN SKRIPSI
Skripsi ini diajukan oleh:
Nama : Nanda Alifa Ziqri
Nim : 19162486
Jenjang : Strata Satu (S1)
Program Studi : Sistem Informasi Kampus Kota Sukabumi Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika
Judul Skripsi : Sistem Informasi Monitoring Pembayaran SPP Online Berbasis Web Di SMK Persada Kota Sukabumi
Telah dipertahankan pada periode 2020-1 dihadapan penguji dan diterima sebagai bagianpersyaratan yang diperlukan untuk memperoleh Sarjana Komputer (S.Kom) pada Program SarjanaSistem Informasi Kampus Kota Sukabumi di Universitas Bina Sarana Informatika.
Sukabumi, 18 Agustus 2020 PEMBIMBING SKRIPSI
Dosen Pembimbing : Lis Saumi Ramdhani, M.Kom.
Asisten Pembimbing : Resti Yulistria, S.Pd., MM D E W A N P E N G U J I
Penguji I : Andi Riyanto, SE., MM
Penguji II : Dicki Prayudi, SE, MM
vi
PEDOMAN PENGGUNAAN HAK CIPTA
Skripsi sarjana yang berjudul “Sistem Informasi Monitoring Pembayaran SPP Online Berbasis Web Di SMK Persada Kota Sukabumi” adalah hasil karya tulis asli NANDA ALIFA dan bukan hasil terbitan sehingga peredaran karya tulis hanya berlaku di lingkungan akademik saja, sta memiliki hak cipta. Oleh karena itu, dilarang keras untuk menggandakan baik sebagian maupun seluruhnya karya tulis ini, tanpa seizing penulis.
Referensi kkepustakaan diperkenankan untuk dicatat tetapi pengutipan atau peringkasan isi tulisan hanya dapat dilakukan dengan seizing penulis dan disertai ketentuan pengutipan secara ilmiah dengan menyebutkan sumbernya.
Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yang tertera di bawah ini:
Nama : Nanda Alifa Ziqri
Alamat : Perum Taman Asri Blok c.8 no.10 Rt/10 Rw/14 Sukabumi No. Telp : 081902361719
E-mail : nandaalifa8@gmail.com
vii
KATA PENGANTAR
Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT, yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan tugas ini dengan baik. Skripsi pada Program Sarjana (S1) ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul Skripsi, yang penulis ambil sebagai berikut, “Sistem Informasi Monitoring Pembayaran SPP Online Berbasis Web Di SMK Persada Kota Sukabumi”.
Tujuan penulisan Skripsi pada Program Sarjana (S1) ini dibuat sebagai salah satu syarat kelulusan Program Sarjana Universitas Bina Sarana Informatika. Sebagai bahan penulisan diambil berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan Skripsi ini tidak akan berjalan lancar. Oleh karena itu pada kesempatan ini, ijinkanlah penulis menyampaikan ucapan terima kasih kepada:
1. Rektor Universitas Bina Sarana Informatika.
2. Dekan Fakultas Teknik dan Informatika
3. Ketua Program Studi Sistem Informasi Universitas Bina Sarana Informatika.
4. Ibu Lis Saumi, M.Kom dan Ibu Resti, S.Pd. MM selaku Dosen Pembimbing Skripsi
5. Staff / karyawan / dosen di lingkungan Universitas Bina Sarana Informatika.
6. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.
7. Rekan-rekan mahasiswa kelas 19.8A.28.
viii
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan skripsi ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan bagi para pembaca yang berminat pada umumnya.
Sukabumi, 03 Agustus 2020 Penulis,
Nanda Alifa Ziqri
ix
ABSTRAK
Nanda Alifa (19162486) Sistem Informasi Monitoring Pembayaran SPP Online Berbasis Web di SMK Persada Kota Sukabumi
Suatu lembaga pendidikan memerlukan pengelolaan administrasi yang baik untuk melayani kebutuhan masyarakat. Sistem Informasi Pembayaran Sekolah pada SMK Persada Sukabumi saat ini masih konvensional dengan mencatat pada kartu pembayaran kemudian data pembayaran direkap secara manual pada ms.excel. Hal ini menyebabkan proses memakan waktu lama dan tingkat kesalahan yang besar. Penulis menggunakan metode RAD dalam penelitian ini dan pengumpulan data dengan cara observasi dan wawancara langsung dengan pihak sekolah. Sedangkan alat bantu yang digunakan antara lain, bahasa pemograman PHP, database MySQL Sistem yang dibangun diharapkan dapat memaksimalkan kegiatan pembayaran administrasi diantaranya sistem input data siswa, sistem input biaya SPP, sistem input transaksi pembayaran, sehingga mempermudah dalam pencarian data siswa yang diperlukan dan dalam hal pembuatan laporan bulanan lebih efektif dan efisien.
Kata kunci: Sistem Informasi Monitoring Pembayaran Online, Metode Penelitian Rapid Application Development (RAD), Aplikasi Berbasis Web
x
ABSTRACT
Nanda Alifa (19162486) Information System for Monitoring Online SPP Payments Web-Based at Persada Vocational School in Sukabumi City
An educational institution requires good administrative management to serve the needs of the community. The School Payment Information System at SMK Persada Sukabumi is still conventional by recording it on the payment card and payment data is manually recapitulated on ms.excel. This causes a long time-consuming process and a large error rate. The author uses themethod RAD in this study and data collection by observation and direct interviews with the school. While the tools used are, among others, the PHP programming language, MySQL database The system built is expected to maximize administrative payment activities including student data input systems, SPP cost input systems, payment transaction input systems, making it easier to find student data needed and in making monthly reports more effective and efficient.
Keywords:Information System Monitoring Online Payment,Research Method, Rapid Application Development (RAD)Web-Based Application
xi
DAFTAR ISI
Lembar Judul Skripsi ... i
Lembar Persembahan ... ii
Lembar Pernyataan Keaslian Skripsi ... iii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ... iv
Lembar Persetujuan Dan Pengesahan Skripsi ... v
Lembar Pedoman Penggunaan Hak Cipta ... vi
Kata Pengantar ... vii
Abstrak ... viii
Abstract ... ix
Daftar Isi ... x
Daftar Simbol ... xii
Daftar Gambar ... xvii
Daftar Tabel ... xviii
Daftar Lampiran ... xix
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Identifikasi Permasalahan ... 2
1.3. Perumusan Masalah ... 3
1.4. Maksud dan Tujuan ... 3
1.5. Metode Penelitian ... 3
1.5.1.Teknik Pengumpulan data ... 4
1.5.2.Model Pengembangan Sistem ... 4
1.6. Ruang lingkup ... 6
BAB II LANDASAN TEORI ... 7
2.1. Tinjauan Pustaka ... 7
2.1.1. Pengertian Sistem ... 7
2.1.2. Pengertian Informasi ... 9
2.1.3. Pengertian Sistem Informasi ... 11
2.1.4. Sistem Informasi Pembayaran Online ... 12
2.1.5. Pengertian Monitoring ... 12
2.1.6. PHP (Personal Home Page)... 12
2.1.7. Database MySQL ... 13
2.1.8. XAMPP ... 13
2.1.9. HTML ... 13
2.1.10.CSS (Cascading Style Sheet) ... 13
2.1.11.Website ... 14
2.2. Penelitian Terkait ... 14
xii
BAB III ANALISA SISTEM BERJALAN ... 15
3.1. Tinjauan Perusahaan ... 15
3.1.1. Sejarah Institusi ... 15
3.1.2.Struktur Organisasi dan fungsi ... 16
3.2. Proses Sistem Berjalan ... 19
3.3. Spesifikasi Dokumen Sistem Berjalan ... 22
3.3.1. Spesifikasi Bentuk Dokumen Masukan ... 22
3.3.2. Spesifikasi Bentuk Dokumen Keluaran ... 23
3.4. Permasalahan Pokok ... 24
3.5. Pemecahan Masalah ... 24
BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN ... 25
4.1. Analisa Kebutuhan Software ... 25
4.1.1. Tahapan Analisis ... 25
4.1.2. Use Case Diagram ... 25
4.1.3. Activity Diagram ... 26
4.2. Desain ... 36
4.2.1 Database ... 36
4.2.2. Software Architecture ... 41
4.2.3. User Interface ... 52
4.3. Code Generation ... 57
4.4. Testing ... 65
4.5. Support ... 67
4.5.1. Spesifikasi Hardware dan Software ... 67
4.6. Spesifikasi Dokumen Sistem Usulan ... 67
BAB V PENUTUP ... 69
5.1. Kesimpulan ... 69
5.2. Saran-saran ... 69
DAFTAR PUSTAKA ... 70
DAFTAR RIWAYAT HIDUP ... 72
LEMBAR KONSULTASI BIMBINGAN ... 73
SURAT KETERANGAN PKL / RISET ... 75
LAMPIRAN-LAMPIRAN... 76
xiii
DAFTAR SIMBOL
A. Simbol Activity Diagram
SIMBOL NAMA KETERANGAN
Start Point Bagaimana objek dibentuk atau diawali
End Point
Bagaimana objek dibentuk dan diakhiri
State
Menambahkan state untuk objek.
Decision
Pilihan Untuk mengambil Keputusan
Aktivity
Menggambarkan langkah- langkah dalam aliran kerja .
Fork
Percabangan untuk memecah sebuah behaviour menjadi activity atau action yang pararel
Join
Penggabungan digunakan untuk menggambungkan activity atau action yang pararel
Swimlane
Sebuah cara untuk mengelompokan aktivity berdasarkan aktor .
xiv B. Simbol Use Case Diagram
SIMBOL NAMA KETERANGAN
Actor
Actor Menggambarkan manusia atau suatu hal yang menggunakan atau berinteraksi dengan sistem.
Use Case
Use case digambarkan sebagai lingkaran elips dengan nama use case dituliskan didalam elips tersebut.
Relasi Association
Asosiasi digunakan untuk menghubungkan actor dengan use case. Asosiasi digambarkan dengan sebuah garis yang menghubungkan antara Actor dengan Use Case.
Include Relationship
Relasi cakupan memungkinkan suatu use case untuk mengguna kan fungsional yang disediakan oleh use case yang lainnya.
Extend Relationship
Memungkinkan suatu usecase memiliki kemungkinan untuk memperluas fungsional yang disediakan use case yang lainnya.
xv C. Simbol Sequence Diagram
SIMBOL NAMA KETERANGAN
Actor Menggambarkan orang yang sedang berinteraksi dengan sistem
A Focus of control and a Lifeline
Menggambarkan tempat mulai dan berakhirnya sebuah message.
Activation
Menggambarkan eksekusi terhadap objek , panjang kotak ini berbanding lurus dengan durasi aktivasi sebuah sistem
Message Menggambarkan pesan antar objek, yang menunjukan urutan kejadian yang terjadi
Entity Class Menggambarkan hubungan kegiatan yang akan dilakukan
Boundary Class Menggambarkan sebuah penggam Baran dari form
Control Class Mengegambarkan penghubung antara boundary dan tabel
xvi D. Simbol Class Diagram
SIMBOL NAMA KETERANGAN
Class
Himpunan dari objek-objek yang berbagi atribut serta operasi yang sama
Assosiation
Apa yang menghubungkan antara objek satu dengan objek lainnya (Contoh: One-to-one, one-to-many, many-to-many).
Dependency Kebergantungan antar komponen, arah panah mengarah pada komponen yang dipakai
E. Simbol Entity Relationship Diagram
SIMBOL NAMA KETERANGAN
Etitas Entitas, adalah suatu objek yang dapat didefiniskan dalam lingkungan pemakai
Relasi
Relasi, menunjukan adanya hubungan di antara sejumlah entitas yang berbeda
Atribut Atribut, berfungsi mendeskripsikan karakter ebtitas (atribut yang berfungsi key diberi garis bawah)
Gari s
Garis, sebgai penghubung antara relasi dengan entitass, relasi dan entitas atribut
xvii F. Simbol Logical Record Structure Diagram
SIMBOL NAMA KETERANGAN
Etitas Entitas, adalah suatu objek yang dapat didefiniskan dalam lingkungan pemakai
Gari s
Garis, sebgai penghubung antara relasi dengan entitass, relasi dan entitas atribut
G. Simbol Component Diagram
SIMBOL NAMA KETERANGAN
Komponen Komponen Sistem
Kebergantungan/
Dependency
Kebergantungan antar komponen, arah panah mengarah pada komponen yang di pakai
H. Simbol Deployment Diagram
SIMBOL NAMA KETERANGAN
Node
Biasanya mengacu pada perangkat keras (hardware), perangkat lunak (software) yang tidak dibuat sendiri, jika di dalam node disertakan komponen untuk mengkonsistenkan rancangan maka komponen yang diikutsertakan harus sesuai dengan komponen yang telah didefinisikan sebelumnya pada diagram komponen
Komponen Komponen Sistem
Link Relasi antar node
xviii
DAFTAR GAMBAR
Halaman
Gambar III.1 Struktur Organisasi SMK Persada Kota Sukabumi ... 16
Gambar III.2 Diagram Activity Pembayaran SPP ... 20
Gambar III.3 Diagram Activity Rekapitulasi Pembayaran SPP ... 21
Gambar III.4 Diagram Activity Pembuatan Laporan ... 21
Gambar IV.1. Use Case Diagram Halaman Admin ... 26
Gambar IV.2. Use Case Diagram Siswa ... 27
Gambar IV.3. Diagram Activity Login Admin ... 29
Gambar IV.4. Diagram Activity Data Kelas ... 30
Gambar IV.5. Diagram Activity Data Siswa ... 31
Gambar IV.6. Diagram Activity Data User ... 32
Gambar IV.7. Diagram Activity Data SPP ... 33
Gambar IV.8. Diagram Activity Transaksi SPP ... 34
Gambar IV.9. Diagram Activity Laporan SPP... 35
Gambar IV.10. Diagram Activity Halaman Siswa... 35
Gambar IV.11. Entity Relationship Diagram Transaksi SPP ... 36
Gambar IV.12. Logical Record Stucture Transaksi SPP ... 37
Gambar IV.13. Class Diagram Sistem Pembayaran SPP ... 42
Gambar IV.14. Sequence Diagram Login ... 43
Gambar IV.15. Sequence Diagram Data Siswa ... 44
Gambar IV.16. Sequence Diagram Data Kelas ... 45
Gambar IV.17. Sequence Diagram Data User ... 46
Gambar IV.18. Sequence Diagram Data SPP ... 47
Gambar IV.19. Sequence Diagram Transaksi SPP ... 48
Gambar IV.20. Sequence Diagram Laporan SPP ... 48
Gambar IV.21. Sequence Diagram Halaman Siswa ... 49
Gambar IV.22.Component Diagram ... 50
Gambar IV.23. Deployment Diagram ... 51
Gambar.IV.24. Tampilan Login Admin ... 52
Gambar.IV.25. Tampilan Registrasi User ... 52
Gambar.IV.26. Tampilan Data User ... 53
Gambar IV.27. Tampilan Data Siswa ... 53
Gambar IV.28. Tampilan Data Kelas ... 54
Gambar IV.29. Tampilan Transaksi SPP ... 54
Gambar.IV.30. Tampilan Data Biaya SPP ... 55
Gambar.IV.31. Tampilan Laporan SPP ... 55
Gambar.IV.32. Tampilan Bukti Pembayaran SPP ... 56
Gambar.IV.33. Tampilan Awal Halaman Siswa ... 56
Gambar.IV.34. Tampilan Halaman Siswa ... 57
xix
DAFTAR TABEL
Halaman
Tabel IV.1. Deskripsi Use Case Diagram Admin ... 26
Tabel IV.2. Deskripsi Use Case Diagram Halaman Siswa ... 28
TabelIV.3. Spesifikasi File Tabel Users ... 38
Tabel IV.4.Spesifikasi File Tabel Siswa ... 39
Tabel IV.5. Spesifikasi File Tabel Data SPP ... 40
Tabel IV.6. Spesifikasi File Tabel Kelas ... 40
Tabel IV.7. Spesifikasi File Tabel Transaksi SPP ... 41
Tabel IV.8. Hasil Pengujian Black Box Testing Form Login Admin ... 65
Tabel IV.9. Hasil Pengujian Black Box Testing Form Login Siswa ... 66
Tabel IV.10. Spesifikasi Hardware dan Software ... 67
xx
DAFTAR LAMPIRAN
Halaman
Lampiran A.1 Dokumen Masukan Sistem Berjalan ... 76
Lampiran A.2 Dokumen Masukan Sistem Berjalan ... 76
Lampiran B.1 Dokumen Keluaran Sistem Berjalan ... 77
Lampiran B.2Dokumen Keluaran Sistem Berjalan ... 77
Lampiran B.3Dokumen Keluaran Sistem Berjalan ... 77
Lampiran C.1Dokumen Keluaran Sistem Usulan ... 78
Lampiran C.2Dokumen Keluaran Sistem Usulan ... 78
1
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Pendidikan merupakan sarana dan wahana yang sangat baik dalam pembinaan sumber daya manusia. Dalam dunia pendidikan, membangun pola komunikasi antar intuisi pendidikan dan orang tua siswa memang menjadi salah satu upaya untuk mencapai kemajuan pendidikan Indonesia yang lebih baik.
Sistem informasi merupakan kegiatan pengumpulan, pengkombinasian, penyimpanan dan penggunaan informasi untuk mencapai tujuan tertentu dari pembuatan suatu sistem (Swara, Kom, & Pebriadi, 2016:28). Monitoring merupakan pemantauan sebagai kesadaran (awareness) tentang apa yang ingin diketahui, pemantauan berkadar tingkat tinggi dilakukan agar dapat membuat pengukuran melalui waktu yang menunjukan pergerakan ke arah tujuan atau menjauh dari itu (Mardiani, 2013:36).
Iuran atau pembayaran menjadi kewajiban setiap bulan bagi siswa di sekolah.
Pembayaran tersebut diambil berdasarkan kesepakatan rapat komite sekolah dan orang tua siswa. Pembayaran SPP (Sumbangan Penunjang Pendidikan) ditunjukan untuk menunjang peningkatan mutu pendidikan yang terkait dengan sarana dan prasarana kegiatan belajar mengajar (Rochman, Sidik, & Nazahah, 2018:52).
Web merupakan sistem yang terkait dalam sebuah dokumen yang berformat hypertext. Terdapat berbagai informasi didalamnya, baik tulisan, suara, gambar, video,
maupun informasi multimedia lainnya, dapat diakses melalui sebuah perangkat yang disebut web browser(Purnama, 2015:56).
Sekolah Menengah kejuruan (SMK) Persada Kota Sukabumi merupakan salah satu lembaga pendidikan yang beralamat di Jl. KH Mustopa no.24 Subang Jaya Wetan Sukabumi. Sekolah ini dikelola oleh yayasan karya syandana dan mulai beroprasi sejak tahun 2011. Pada saat ini, seluruh data mengenai pembayaran yang ada pada SMK Persada Kota Sukabumi belum memiliki suatu sistem informasi yang baik. Semua data dan bukti tentang pembayaran dilakukan secara manual yang berupa kertas dan sistem terkomputerisasi menggunakan media excel, akan tetapi belum terintegrasi dengan database sehingga dikhawatirkan mengalami kehilangan, kerusakan redudansi data, belum memilki backup data dan laporan-laporan tidak tersusun dengan rapi.
Dengan adanya sistem monitoring pembayaran SPP berbasis web ini diharapkan dapat membantu penyampaian informasi dan mempermudah pelaksanaan pengolahan data pembayaran sekolah pada SMK Persada sukabumi.
1.2. Identifikasi Masalah
Berdasarkan pengamatan penulis, diperlukan sistem pembayaran yang terkomputerisasi dan berbasis online pada SMK Persada Kota Sukabumi. Maka dari itu penulis mencoba untuk mengidentifikasi masalah sebagai berikut:
1. Sekolah masih menggunakan sistem manual berupa kertas, ballpoint, cap, dan sistem terkomputerisasi menggunakan media excel, akan tetapi belum terintegrasi dengan database di khawatirkan mengalami kehilangan, kerusakan redudansi data, belum memilki backup data.
2. Kurangnya monitoring orang tua pada anak, orang tua tidak tahu pembayaran telah disetorkan atau belum.
3
1.3. Rumusan Masalah
Berdasarkan uraian pada latar belakang dan identifikasi masalah yang telah dipaparkan, maka perumusan masalah yang didapat adalah sebagai berikut:
1. Bagaimana merancang sistem informasi monitoring pembayaran SPP online berbasis web di SMK Persada Kota Sukabumi?
2. Bagaimana membuat sistem yang komunikatif dan informatif, bagi bendahara, siswa, dan orang tua?
1.4. Maksud dan Tujuan
Maksud dari penulisan skripsi ini adalah:
1. Merancang sistem informasi pembayaran SPP online berbasis web pada sekolah tersebut agar dapat memberikan pelayanan lebih kepada siswa dan orang tua dalam melakukan dan mengecek pembayaran yang telah dilakukan.
2. Untuk mempermudah bendahara sekolah dalam menginput maupun merekap hasil pembayaran siswa.
3. Mengurangi ketidakjujuran siswa dalam melakukan pembayaran.
Adapun tujuan dari penulisan skripsi ini adalah untuk memenuhi salah satu syarat kelulusan pada program Strata Satu (S1) program studi Sistem Informasi Kampus Kota Sukabumi di Universitas Bina Sarana Informatika.
1.5. Metode Penelitian
Metode penelitian merupakan hal yang sangat penting untuk menentukan suatu penelitian agar agar bisa mengumpulkan dan menganalisa data dengan cara yang benar. Adapun metode penelitian yang penulis gunakan untuk menyelesaikan berbagai permasalahan yang terjadi adalah:
1.5.1. Teknik Pengmpulan Data 1. Observasi
Agar Website yang dirancang dapat sesuai dengan kondisi sekolah dan tentunya dapat dieksekusi sesuai dengan harapan, maka dari itu perlu dilakukan obrservasi atau penelitian langsung. Penelitian dilakukan selama 1(satu) minggu penuh yang bertempat di SMK Persada Kota Sukabumi yang beralamat di Jl. KH Mustopa No.24 Subang Jaya Wetan. Observasi dilakukan guna memproleh informasi yang relevan sesuai dengan kondisi sekolah tersebut.
2. Wawancara
Mengingat betapa pentingnnya kecocokan informasi antara topik yang diangkat dalam pembuatan Skripsi dengan objek yang dituju, maka dari itu disamping melakukan obrsevasi, perlu juga dilakukan wawancara pada pihak terkait yaitu bendahara di sekolah tersebut, khususnya dalam sistem pembayaran SPP di SMK Persada Kota Sukabumi.
3. Studi Pustaka
Demi Mendukung informasi yang hendak disajikan pada setiap halaman website, perlu juga dilakukan pengumpulan data dari berbagai macam sumber, baik itu buku maupun internet.
1.5.2. Model Pengembangan Sistem
Dalam penulisan skripsi ini model pengembangan sistem yang digunakan adalah metode RAD(Rapid Application Development).
Menurut (Gustina & Chandra, 2015:3) “RAD (Rapid Application Development) adalah suatu pendekatan berorientasi objek terhadap pengembangan sistem yang mencakup suatu metode pengembangan serta perangkat-perangkat lunak. RAD bertujuan mempersingkat waktu yang biasanya
5
diperlukan dalam siklus hidup pengembangan sistem tradisional antara perancangan dan penerapan suatu sistem informasi”.
Penerapan metode RAD dilakukan melalui beberapa tahapan, yang diawali dengan tahap perencanaan syarat kebutuhan sistem, melibatkan pengguna untuk merancang dan membangun sistem (kegiatan ini dilakukan secara berulang-ulang hingga mencapai kesepakatan bersama), dan terakhir tahap implementasi(Kosasi, 2015:268).
1. Perencanaan syarat-syarat
Tahapan ini berisi tentang mengidentifikasi tujuan dan syarat-syarat informasi pada sistem yang akan dibangun dengan mengidentifikasi kebutuhan pengguna.
Analisa kebutuhan dibagi menjadi dua yaitu analisa kebutuhan fungsional dan analisa kebutuhan non fungsional.
a. Kebutuhan Fungsional
Tujuan dari analisa kebutuhan fungsional yaitu untuk mengetahui alur informasi yang akan berjalan pada sistem tersebut.
b. Kebutuhan Non-Fungsional
Analisa kebutuhan non-fungsional dilakukan untuk mengetahui bagaimana tampilan, informasi, pengelolaan data dan lain-lain.
2. Workshop desain RAD
Tahapan ini terdiri dari dua tahap yaitu tahap mendengarkan pengguna untuk merancang sistem dan tahap membangun sistem.
a. Merancang sistem
Rancangan sistem antarmuka backend yang disediakan untuk admin agar dapat mengelola sistem. Dan merancang basis data menggunakan phpmyadmin dalam sistem yang dibangun.
b. Membangun sistem
Setelah sistem dirancang maka selanjutnya sistem akan dibangun yaitu membuat halaman backend untuk admin.
3. Implementasi
Tahap ini merupakan tahap pembuatan program menggunakan sublime serta pengujicobaan sistem menggunakan pengujian blackbox testing, yaitu pengujian dengan menjalankan setiap fungsi dari aplikasi(Kasus et al, 2016:185).
1.6. Ruang Lingkup
Dalam penulisan skripsi ini, penulis membahas tentang sistem informasi monitoring pembayaran SSP(Sumbangan Penunjang Pendidikan) online berbasis web untuk memudahkan admin, bendahara, siswa, dan orang tua. Orang tua dapat memonitoring pembayaran yang telah dilakukan oleh anak setiap bulannya, riwayat pembayaran setiap tahun ajaranpun dapat dikelola dengan baik oleh admin, dengan cepat, efisien, dan fleksibel.
Untuk memfokuskan pembahasan, maka ruang lingkup pembahasan hanya meliputi, pengolahan data pembayaran setiap siswa, info pembayaran, dan laporan yang bisa di akses seperti riwayat pembayaran, bukti pembayaran, dan sebagainya.
7
BAB II Landasan Teori
2.1. Tinjauan Pustaka 2.1.1. Pengertian Sistem
Menurut Yakub dalam (Ibrahim, & Ambarita, 2018) bahwa “Sistem merupakan suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk mencapai tujuan tertentu”.
A. Karakteristik Sistem
Menurut (Nasikin, 2011:21) suatu sistem memiliki beberapa karakteristik tertentu yaitu:
1. Komponen Sistem
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen-komponen sistem atau elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Setiap sistem sekecil apapun, selalu mengandung komponen-komponen atau subsistem-subsitem. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu sistem dapat mempunyai suatu sistem yang lebih besar yang disebut supra sistem.
2. Batas Sistem
Batas sistem (boundary) merupakan daerah yang membatasi antara satu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini
memungkinkan situasi sistem yang dipandang sebagai satu kesatuan. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
3. Lingkungan Luar Sistem
Lingkungan luar (environment) dari suatu sistem adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut.
Lingkungan luar yang menguntungkan merupakan energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara. Sedangkan lingkungan luar yang merugikan harus ditahan dan dikendalikan, jika tidak maka akan mengganggu kelangsungan hidup dari sistem.
4. Penghubung Sistem
Penghubung (interface) merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya.
Keluaran (output) dari satu subsistem akan menjadi masukan (input) untuk subsistem yang lainnya dengan melalui penghubung. Dengan penghubung satu subsistem dapat berintegrasi dengan subsistem lainnya membentuk satu kesatuan.
5. Masukan Sistem
Masukan (input) adalah energi yang dimasukkan ke dalam sistem. Masukkan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran. Sebagai contoh di dalam sistem komputer, program adalah
9
maintenance input yang digunakan untuk mengoperasikan komputernya dan data adalah signal input untuk diolah menjadi informasi.
6. Keluaran Sistem
Keluaran (output) adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan untuk subsistem yang lain atau kepada supra sistem.
Misalnya untuk sistem komputer, panas yang dihasilkan adalah keluaran yang tidak berguna dan merupakan hasil dari sisa pembuangan, sedang informasi adalah keluaran yang dibutuhkan.
7. Pengolah Sistem
Suatu sistem dapat mempunyai bagian pengolah yang akan merubah masukan menjadi keluaran. Suatu sistem produksi akan mengolah masukan berupa bahan baku dan bahan-bahan yang lain menjadi keluaran berupa barang jadi. Misalnya, sistem akuntansi akan mengolah data-data transaksi menjadi laporan-laporan keuangan dan laporan-laporan lain yang dibutuhkan oleh manajemen.
8. Sasaran Sistem
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Jika suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada mempunyai nilai guna. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya.
2.1.2. Pengertian Informasi
Menurut (Destiningrum & Adrian, 2017:31) “informasi adalah data yang telah diproses dengan suatu cara untuk memberikan arti dan memperbaiki pengambilan keputusan”.
A. Karakteristik dari Informasi yang Baik
Berikut merupakan beberapa karakteristik informasi menurut (Palit, Rindengan,
& Lumenta, 2015:1-2).
1. Information must be pertinent
Informasi harus berhubungan. Pernyataan informasi harus berhubungan dengan urusan dan masalah yang penting bagi penerima informasi (orang yang membutuhkan informasi tersebut).
2. Information must be accurate
Informasi harus bebas dari kesalahan-kesalahan dan tidak memiliki bias atau menyesatkan. Informasi yang dihasilkan harus mencerminkan maksudnya.
Keakuratan informasi seringkali bergantung pada keadaan.
3. Information must be timely
Informasi harus ada ketika dibutuhkan. Informasi yang datang pada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai lagi karena informasi merupakan landasan di dalam pengambilan keputusan.
4. Relevan
Relevan Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk tiap-tiap orang yang satu dengan yang lainnya pasti berbeda.
B. Nilai Informasi
Menurut (Palit, Rindengan, & Lumenta, 2015:1-2) berikut merupakan nilai-nilai informasi:
1. Kemudahan dalam memperoleh
11
Informasi mendapat nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
2. Sifat luas dan kelengkapannya
Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup/
cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
3. Ketepatan Waktu
Informasi dapat lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/ usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
4. Kejelasan (Clarity)
Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi.
Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
5. Sifat luas dan kelengkapannya
Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi.
Fleksibilitas informasi diperlukan oleh para manajer atau pimpinan pada saat pengambilan keputusan.
6. Tidak ada Prasangka
Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
2.1.3. Pengertian Sistem Informasi
Menurut (Malau, Syukur, & Lahagu, 2017:73) “sebuah sistem informasi merupakan kumpulan dari perangkat keras dan perangkat lunak untuk komputer serta
perangkat manusia yang akan mengolah data menggunakan perangkat keras dan perangkat lunak tersebut”.
Untuk mendukung lancarnya suatu sistem informasi dibutuhkan beberapa komponen yang fungsinya sangat vital di dalam sistem informasi:
1. Input 2. Proses 3. Ouput 4. Teknologi 5. Basis data 6. Kondisi
2.1.4. Sistem Informasi Pembayaran Online
(Junaidi, Roji, & Munawar, 2015:934) Mengemukakan bahwa sistem pembayaran terdiri dari serangkaian sub-sistem atau sub komponen (alat pembayaran, kelembagaan, infrastruktur, dsb) yang secara bersama-sama membentuk suatu kesatuan yang diperlukan dalam perpindahan nilai uang dari satu pihak ke pihak lainnya.
2.1.5. Pengertian Monitoring
Menurut Mardiani dalam (Aprisa & Monalisa, 2015:50) monitoring adalah proses pengumpulan dan analisis informasi berdasarkan indikator yang ditetapkan secara sistematis dan kontinu tentang kegiatan program sehingga dapat dilakukan tindakan koreksi untuk penyempurnaan program kegiatan itu selanjutnya,
2.1.6. PHP (Personal Home Page)
Menurut (Lestanti & Susana, 2016:72) PHP merupakan bahasa pemrograman berbasis web yang memiliki kemampuan memproses data dinamis. PHP merupakan
13
server-side embedded script language artinya sintaks-sintaks dan perintah yang diberikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa.
2.1.7. Database MySQL
Menurut (Henry Februariyanti, 2012:128) MySQL merupakan implementasi dari sistem manajemen basis data relasional yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). MySQL merupakan sebuah konsep pengoprasian basisdata, terutama untuk pemilihan dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
2.1.8. Pengertian XAMPP
Menurut (Henry Februariyanti, 2012:129) XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows.
Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya.
2.1.9. Pengertian HTML
Menurut Rio dalam (Lestanti & Susana, 2016:72) HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa meletakkan script dari bahasa pemrograman lain seperti JAVA,Visual Basic ,C++ dan lain-lain. Jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman tertentu.
2.1.10. CSS (Cascading Style Sheet)
Menurut team dalam (Suhartati, 2013:61) “Cascading Style Sheet (CSS) adalah salah satu bahasa untuk mengatur tampilan dalam web yang berfungsi memisahkan antara desain dengan content. CSS dapat ditulis untuk mendefinisikan
ulang tag-tag HTML ataupun dengan menambah atribut id dan class pada tag HTML”.
2.1.11. Pengertian Website
Menurut (Purnama, 2015:56) Website merupakan sistem yang terkait dalam sebuah dokumen yang berformat hypertext. Terdapat berbagai informasi didalamnya, baik tulisan, suara, gambar, video, maupun informasi multimedia lainnya, dapat diakses melalui sebuah perangkat yang disebut web browser ).
2.2. Penelitian terkait
Salah satu informasi yang sangat penting untuk menunjang kegiatan belajar mengajar di SMK Persada Kota Sukabumi adalah pembayaran siswa. Dengan informasi yang tepat dan cepat tentunya juga memperlancar kegiatan sekolah dalam pembiayaan rutinnya (Aidil, 2010:63).
Dilihat dari sistem berjalan mulai dari proses pendataan siswa hingga pembayaran keuangan siswa di SMK Persada Kota Sukabumi ini masih kurang efektif dan efisien dimana pencatatan terutama dalam pembayaran SPP dan Insidental dilakukan secara berulang-ulang sehingga menyebabkan proses yang lama dalam mengolah data-data dan juga menghabiskan waktu terutama dalam penentuan sebuah keputusan dalam menindaklanjuti informasi yang di dapat dari siswa (Fristanto, 2013:24).
Implementasi sistem pendukung keputusan ini berbasis web yang akan memberikan kemudahan akses bagi penggunanya. Menggunakan bahasa pemrograman PHP sehingga lebih bersahabat dengan pengguna dibandingkan dengan bahasa pemrograman yang dilakukan sebelumnya, media penyimpanan data berupa MySQL. Tujuan dari penelitian ini adalah untuk membuat aplikasi web yang
15
dapat membantu pengguna untuk memonitoring pembayaran siswa dengan menggunakan metode RAD (Ningsih, Dedih, & Supriyadi, 2017:245).
15
BAB III
ANALISA SISTEM BERJALAN
3.1. Tinjauan Perusahaan
Pada analisa sistem berjalan ini telah dilakukan peninjauan pada sekolah SMK Persada Kota Sukabumi yang beralamat di Jl. KH Zaenal Mustopa No.24 Subang Jaya Wetan Jogray kel. Subang Jaya Cikole Kota Sukabumi dimana sekolah SMK Persada Kota Sukabumi ini adalah salah satu lembaga pendidikan yang dikelola oleh yayasan Karya Syandana.
3.1.1. Sejarah Intuisi
Sekolah Menegah Kejuruan (SMK) Persada Kota Sukabumi adalah lembaga pendidikan yang dikelola oleh Yayasan Karya Syandana Persada. Sekolah ini, telah beroperasi sejak tahun 2011 dengan Surat keputusan ijin pendirian No. 022/S.kep- YKSY/II/2011, Tanggal 14 febuari 2011.
SMK Persada Sukabumi merupakan sekolah kejuruan yang menyelenggarakan pendidikan kejuruan dalam bidang kesehatan. Saat ini SMK Persada Sukabumi mempunyai 2 Program yaitu Farmasi dan Keperawatan. SMK Persada Sukabumi telah menghasilkan tenaga keahlian di bidang kesehatan Farmasi dan Keperawatan.
SMK Persada Sukabumi pada tahun 2011 dengan jumlah siswa angkatan pertama yaitu 9 orang di periode Tahun ajaran 2011-2012. Pada waktu itu SMK Persada berlokasi di Jl. Veteran I No. 36 dengan status gedung sekolah masih mengontrak, ditahun 2012-2013, SMK Persada sudah memiliki gedung sekolah sendiri yang beralamat di Jl. KH Zaenal mustopa no.24 subang jaya wetan jogray
15
kel. Subang Jaya Cikole Kota Sukabumi. Di tahun 2014 SMK Persada terakreditasi A dengan nomor 02.00/313/BAP-SM/SK/2014 untuk jurusan Farmasi, dan tahun 2016 untuk jurusan Keperawatan terakreditasi A dengan nomor 02.00/309/BAP-SM/SK/2016. Pada tahun ajaran 2013-2014 SMK Persada mengalami peningkatan siswa yaitu dengan jumlah 44 siswa baru jurusan Farmasi dan 26 siswa baru jurusan Keperawatan. Ditambah ajaran ini SMK Persada meluluskan 9 siswa kelas XII Farmasi.
Ditahun ajaran 2018-2019 SMK Persada memperluas gedung sekolah dengan membuat gedung sekolah yang baru dan menambah beberapa ruang kelas dan fasilitas ruangan lainnya, di tahun ajaran ini siswa baru yang diterima di SMK Persada yaitu sebnayk 124 siswa dan total keseluruhan siswa di SMK Persada ditahun ajaran ini adalah 236 siswa.
3.1.2. Struktur Organisasi
Sumber: SMK Persada Kota Sukabumi(2020)
Gambar III.1 Struktur Organisasi SMK Persada Kota Sukabumi
Pembagian tugas dan wewenang serta tanggung jawab dari masing- masing bagian sebagai berikut:
1. Kepala Sekolah
Mempunyai tugas memimpin sekolah yang berperan dalam manajerial, perencanaan, pengawasan, dan pengelolaan sekolah.
2. Komite Sekolah
Mempunyai tugas berperan dalam peningkatan mutu pelayanan dengan memberika pertimbangan, araha, dan dukungan tenaga, sarana dan prasarana serta pengawasan pendidikan pada tingkat satuan pendidikan.
3. Kepala Tata Usaha
Mempunyai tugas perencanaan administrasi program dan anggaran, koordinator administrasi ketata usahaan, pengelola administrasi program, penyusunan laporan program dan anggaran, Pembina staff.
4. Adm. Keuangan
Mempunyai tugas yaitu perencanaan keuangan, penganggaran keuangan, pengelolaan keuangan, pencairan keuangan, penyimpanan keuangan, pengendalian keuangan, pelaporan keuangan.
5. Adm. Kepegawaian
Mempunyai tugas membuat DUK, DSO, membuat dan mengajukan berkas, membuat daftar gaji membuat SK pembagian tugas.
6. Adm. Kesiswaan
Mempunyai tugas bertanggung jawab kepada kepala tata usaha dengan tugas
17
membuat daftar nomor induk siswa, mengisi buku klaper siswa, mengisi buku mutasi siswa, membukukan daftar siswa perkelas, serta membuat daftar keadaan siswa.
7. Adm.Sarana dan Prasarana
Mempunyai tugas meliputi perencanaan pengadaan barang, prakualifikasi rekanan, pengadaan sarana, penyimpanan, iventaris dan penyaluran.
8. Adm. Kurikulum
Mempunyai tugas kegiatan yang berhubungan dengan tugas guru atau oendidik, kegiatan yang berhubungan dengan peserta didik dan kegiatan yang berhubungan dengan seluruh sivitas akademika atau warga sekolah.
9. Waka. Kurikulum
Mempunyai tugas menyusun program pengajaran, menyusun kalender pendidikan, menyusun jadwal pelajaran, mengatur penyediaan kelengkapan sarana dalam KBM, serta mengkoordinasikan pelaksanaan KBM dan laporan pelaksanaan KBM
10. Waka. Kesiswaan
Mempunyai tugas menyusun program pembinaan kesiswaan/OSIS, melaksanakan bimbingan, pengaraham pengendalian legiatan siswa dalam rangka menegakan disiplin dan tata tertib sekolah serta pemilihan pengurus.
11. Waka. Humas
Mempunyai tugas merencanakan program kerja, mengadakan kerjasama dengan komite skolah atau orang tua/ wali murid, melaksanakan tugas lainnya yang bersifat positif yang ditugasi oleh kepala sekolah.
12. Waka Sarana dan Prasarana
Mempunyai tugas dalam membantu kepala sekolah dalam memimpin,
merencanakan mengawasi dan mengendalikan kegiatan sekolah dalam melaksanakan program bidang sarana prasarana sesuai dengan visi, misi dan program kerja yang telah ditentukan.
13. Operator sekolah
Mempunyai tugas melaksanakan administrasi sekolah, menguasai pengunaan teknologi informasi dan komunikasi (TIK), tugas pengelola dapodik.
14. Kajur Farmasi
Mempunyai tugas dalam menyelenggarakan dan atau mengoordinasikan kegiatan pendidikan, penelitian dan pengabdian kepada masyarakat pada tahap akademik dan profesi di bidang farmasi.
15. Kajur Keperawatan
Mempunyai tugas menyenyelenggarakan dan mengoordinasikan kegiatan akademik dan profesi pada program studi keperawatan.
3.2. Prosedur Sistem Berjalan
Prosedur sistem berjalan adalah penjelasan kegiatan sistem, adapun penjelasan akan disajikan dalam bentuk narasi.
1. Prosedur Pembayaran SPP
Setiap siswa diberikan kartu pembayaran untuk pencatatan SPP, kartu ini wajib dibawa saat siswa melakukan pembayaran setiap bulannya, pembayaran dilakukan sebelum tanggal 10 setiap bulannya. Setelah melakukan pembayaran bendahara akan mencatat kemudian memberikan kwitansi yang di legalkan dengan tanda tangan dan cap bendahara sekolah, serta tanda tangan penyetor.
Kemudian, kartu SPP dikembalikan kepada siswa dan bendahara mencatatatnya
kedalam buku transaksi harian pada ms.excel
19
2. Prosedur Rekapitulasi Pembayaran SPP
Bendahara membuat laporan keuangan harian yang dilakukan setiap harinya, laporan disimpan di sebagai soft file di laptop dan print out rangkap dua, satu rangkap untuk disimpan di sekolah sebagai arsip dan satu untuk dilaporkan kepada yayasan sebagai arsip yayasan, yang tentunya arsip tersebut telah di tandatangani oleh bendahara dan kepala sekolah.
3. Prosedur Pembuatan Laporan
Selain laporan keuangan yang dilaporkan setiap harinya, bendahara juga membuat laporan keuangan bulanan. Kemudian arsip dari laporan-laporan tersebut disusun dan disimpan sesuai dengan kurun waktu. Yang selanjutnya laporan ini akan diserahkan kepada yayasan.
Berikut adalah prosedur proses pembayaran yang sedang berjalan pada SMK Persada Kota Sukabumi:
Gambar III.2 Diagram Activity Pembayaran SPP
Gambar III.3 Diagram Activity Rekapitulasi Pembayaran SPP
Gambar III.4 Diagram Activity Pembuatan Laporan
21
3.3. Spesifikasi Dokumen Sistem Berjalan
Spesifikasi sistem berjalan merupakan komponen dokumen masukan (input) dan keluaran (output). Berikut ini akan dijelaskan beberapa bentuk dokumen masukan dan keluaran yang digunakan saat penilaian rapot siswa di SMK Persada Kota Sukabumi.
3.3.1. Spesifikasi Bentuk Dokumen Masukan 1. Nama Dokumen : Kartu SPP
Fungsi : Sebagai Bukti Pembayaran
Sumber : Siswa/i
Tujuan : Bendahara Sekolah
Media : Kertas
Jumlah Rekap : 1 Lembar
Bentuk : Lampiran A1
2. Nama Dokumen : Buku Harian
Fungsi : Mencatat data pembayaran siswa/i perhari
Sumber : Bendahara Sekolah
Tujuan : Yayasan
Media : Print out arsip Jumlah Rekap : 1 Lembar Frekuensi : Setiap Hari
Bentuk : Lampiran A2
3.3.2. Spesifikasi Bentuk Dokumen Keluaran
1. Nama Dokumen : Kartu SPP yang telah ditandatangani dan di cap Fungsi : Sebagai bukti telah melakukan pembayaran
Sumber : Bendahara Sekolah
Tujuan : Siswa/i
Media : Kertas
Jumlah Rekap : 1 Lembar Frekuensi : Setiap 1 bulan
Bentuk : Lampiran B1
2. Nama Dokumen : Kwitansi
Fungsi : Sebagai bukti pembayaran SPP
Sumber : Bendahara Sekolah
Tujuan : Siswa/i
Media : Kertas
Jumlah Rekap : 1
Frekuensi : Setiap Bulan
Bentuk : Lampiran B2
3. Nama Dokumen : Laporan
Fungsi : Untuk mengetahui data pembayaran SPP siswa/i
Sumber : Bendahara Sekolah
Tujuan : Yayasan
Media : Kertas
Jumlah Rekap : 1
Frekuensi : Setiap Bulan
Bentuk : Lampiran B3
23
3.4. Permasalahan Pokok
Permasalahan yang ada pada SMK Persada Kota Sukabumi salah satunya adalah terdapat di bagian pembayaran. Setelah dianalisis ternyata terdapat beberapa kekurangan pada proses pembayaran yang ada di SMK Persada Kota Sukabumi, beberapa diantaranya adalah:
1. Proses pembayaran dilakukan secara manual dengan pencatatan pada buku harian dan buku besar.
2. Lamanya pencarian data siswa 3. Sering terjadinya kehilangan data
4. Orang tua tidak bisa mengontrol pembayaran siswa/I secara langsung.
3.5. Pemecahan Masalah
Berdasarkan kendala yang ada, pembuatan aplikasi monitoring pembayaran online berbasis web akan sangat membantu bendahara dalam melakukan pencarian data siswa, melihat riwayat pembayaran, dan merekap laporan yg ditujukan kepada yayasan, aplikasi pembayaran online ini juga dapat mengurangi resiko terjadinya kehilangan data, karna data-data telah disimpan dalam database. Aplikasi ini juga mempermudah orangtua atau wali murid dalam memantau pembayaran yang
dilakukan siswa secara detail.
24
BAB IV
RANCANGAN SISTEM PROGRAM USULAN
4.1. Analisa Kebutuhan Software 4.1.1. Tahapan Analisis
Dengan sistem pembayaran SPP oniline ini, dimana siswa/i dapat melakukan pembayaran tanpa harus datang langsung ke bendahara . Berikut ini spesifikasi kebutuhan dari sistem pembayaran SPP online SMK Persada Kota Sukabumi.
Halaman Administrator:
A1. Admin dapat menginput dan mencetak data siswa A2. Admin dapat menginput dan mencetak data kelas A3. Admin dapat menambah user
A4. Admin dapat menginput data biaya SPP A5. Admin dapat melihat transaksi SPP A6. Admin dapat mengkonfirmasi pembayaran A7. Admin dapat mencetak kwitansi
A8. Admin dapat melihat laporan SPP A9. Admin dapat membackup database Halaman siswa:
B1. Siswa dapat melihat riwayat pembayaran B2. Siswa dapat mengupload struk pembayaran 4.1.2. Usecase Diagram
Use case diagram adalah dasar dari diagram lain. Use case diagram mempresentasikan sebuah interaksi antara aktor dengan sistem. Aktor adalah obyek
25
manusia dalam sistem ini adalah admin dan user yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu. Berikut ini merupakan desain usulan Diagram use case Pembayaran SPP online di SMK Persada Kota Sukabumi.
1. Use Case Diagram Halaman Admin
Gambar IV.1. Use Case Diagram Halaman Admin Tabel IV.1. Deskripsi Use Case Diagram Admin
Use Case Name Mengelola Data Pembayaran
Requirements A5,A6,A7,A8
Goal Admin dapat mengelola data
pembayaran
Pre-Conditions Admin melakukan login
Post –Conditions Admin dapat melihat data siwa, admin dapat mengkonfirmasi pembayaran, dan melihat transaksi SPP
Failed end Conditions Admin gagal mengeksekusi perintah
Actors Bendahara
Main Flow/Basic Path 1. Admin dapat melakukan login 2. Sistem menampilan beranda 3. Admin dapat melihat data siswa 4. Admin dapat melihat transaksi SPP 5. Admin dapat mengkonfirmasi
pembayaran siswa
6. Admin dapat melihat bukti pembayaran
7. Admin dapat mencetak laporan 8. Sistem memproses dan
menampilkan laporan
Invariant A 1. Admin meyimpan data siswa
2. Admin memanipulasi data siswa 3. Admin menghapus data siswa
2. Use Case Diagram Siswa/i
Gambar IV.2. Use Case Diagram Siswa
27
Tabel IV.2. Deskripsi Use Case Diagram Halaman Siswa
Use Case Name Pembayaran
Requirements B1, B2
Goal
Siswa dapat melakukan pembayaran tanpa langsung mendatangi bendahara Pre-Conditions Siswa telah melakukan upload bukti Post –Conditions Sistem menampilkan bukti pembayaran Failed end Conditions SIsw batal melakukan pembayaran
Actors Siswa/i
Main Flow/Basic Path 1. Siswa memasukan nis dan tanggal lahir
2. Siswa mengupload bukti pembayaran
3. Sistem menampilkan transaksi pembayaran
Invariant A 1. Siswa melakukan login
2. Siswa mengklik tombol konfirmasi pembayaran
3. Sistem mengisi form konfirmasi pembayaran
4.1.3. Activity Diagram
1. Activity Diagram Login Admin
Gambar IV.3. Diagram Activity Login Admin
29
2. Activity Diagram Data Kelas
Gambar IV.4. Diagram Activity Data Kelas
3. Activity Diagram Data Siswa
Gambar IV.5. Diagram Activity Data Siswa
31
4. Activity Diagram Data User
Gambar IV.6. Diagram Activity Data User
5. Activity Diagram Data SPP
Gambar IV.7. Diagram Activity Data SPP
33
6. Activity Diagram Transaksi SPP
Gambar IV.8. Diagram Activity Transaksi SPP
7. Activity diagram Laporan SPP
Gambar IV.9. Diagram Activity Laporan SPP 8. Activity diagram Halaman Siswa
Gambar IV.10. Diagram Activity Halaman Siswa
35
4.2. Desain
Pada tahapan ini akan menjelaskan tentang desain database, desain software architecture dan desain interface dari sitem yang sedang dibuat.
4.2.1. Database
Spesifikasi file yang ada pada sistem usulan sistem Pembayaran SPP pada SMK Persada Kota Sukabumi yang menjelaskan beberapa spesifikasi yang digunakan dan berhubungan dengan sistemusulan yang dibuat yaitu sebagai berikut : 1. Entity Relationship Diagram
Disebut juga dengan ( ERD ) yaitu digunakan sebagai desain database pada sistem ini, menjelaskan hubungan antar data dalam basis data yang terdiri dari objek-objek dasar yang mempunyai hubungan atau relasi antar objek-objek tersebut. ERDyang terdapat pada sistem ini yaitu sebagai berikut :
Gambar IV.11. Entity Relationship Diagram Transaksi SPP
2. Logical Record Structure
Gambar IV.12. Logical Record Stucture Transaksi SPP
37
3. Spesifikasi File
a. Spesifikasi File Tabel Users Nama Database : sppsmk Nama Tabel : Tabel users Tipe File : File Master Akses File : Random Panjang Record : 130 karaket Kunci Field : id_users
Tabel IV.3. Spesifikasi File Tabel Users
No Elemen Data Nama Field Tipe Size Ket
1. Id users Id_users integer 10 Primary
Key
2. Name Name Varchar 40
3. Username Username Varchar 40
4. Password varchar 40
b. Spesifikasi File Tabel Siswa Nama Database : sppsmk Nama Tabel : Tabel Siswa Tipe File : File Master
Akses File : Random
Panjang Record : 180 karakter
Kunci Field : id
Tabel IV.4. Spesifikasi File Tabel Siswa
No Elemen Data Nama Field Tipe Size Ket
1. Id Siswa id_siswa integer 10 Primery
Key 2. Id Kelas id_kelas Varchar 20
3. No induk siswa Nis Varchar 20
4. Nama Nama Varchar 20
5. Tempat lahir tempat_lahir Varchar 20 6. Tangal Lahir tgl_lahir Date
7. Jenis Kelamin jenis_kel Varchar 20
8. Agama Agama Varchar 20
9. Alamat Alamat Text 50
c. Spesifikasi File Tabel Data SPP Nama Database : sppsmk
Nama Tabel : Tabel Data SPP Tipe File : File Transaksi
Akses File : Random
Panjang Record : 30 karater
Kunci Field : id
39
Tabel IV.5. Spesifikasi File Tabel Data SPP
No Elemen Data Nama Field Tipe Size Ket
1. Id SPP id_spp integer 10 Primary
Key 2. Tahun ajaran tahun_ajaran Varchar 10
3. Biaya biaya_spp Varchar 10
d. Spesifikasi File Kelas
Nama Database : sppsmk Nama Tabel : Tabel Kelas Tipe File : File Master
Akses File : Random
Panjang Record : 30 karakter
Kunci Field : id
Tabel IV.6. Spesifikasi File Tabel Kelas
No Elemen Data Nama Field Tipe Size Ket
1. Id Kelas Id_kelas integer 10 Primary
Key
2. Nama Kelas Nama Varchar 20
e. Spesifikasi File Tabel Transaksi SPP Nama Database : sppsmk
Nama Tabel : Tabel Transaksi SPP
Tipe File : Transaksi
Akses File : Random
Panjang Record : 190 karakter
Kunci Field : id
Tabel IV.7. Spesifikasi File Tabel Transaksi SPP
No Elemen Data Nama Field Tipe Size Ket
1. Id Transaksi id_transaksi integer 10 Primary Key
2. Id Siswa id_siswa Varchar 20
3. Jatuh tempo Jatuh_tempo Varchar 20 4. Bulan
pembayaran
Bulan Enum 20
5. Tanggal bayar tgl_bayar Varchar 20
6. Jumlah Jumlah Varchar 20
7. Keterangan Keterangan Varchar 40
8. Bukti Bukti Varchar 40
4.2.2. Software Architecture
Dibagian ini software architecture akan menggambarkan bagaimana sistem dari software tersebut dapat dipetakan. Di sini dijelaskan dalam empat diagram yaitu class diagram, sequence diagram, deployment diagram dan component diagram.
Penjabaran dari software architecture sebagai berikut :
41
A. Class Diagram
Berikut ini adalah contoh gambar class diagram dari sistem Pembayaran SPP:
Gambar IV.13. Class Diagram Sistem Pembayaran SPP
B. Sequence Diagram 1. Sequence Diagram Login
Gambar IV.14. Sequence Diagram Login
43
2. Sequence Diagram Data Siswa
Gambar IV.15. Sequence Diagram Data Siswa
3. Sequence Diagram Data kelas
Gambar IV.16. Sequence Diagram Data Kelas
45
4. Sequence Diagram Data User
Gambar IV.17. Sequence Diagram Data User
5. Sequence Diagram Data SPP
Gambar IV.18. Sequence Diagram Data SPP
47
6. Sequence Diagram Transaksi SPP
Gambar IV.19. Sequence Diagram Transaksi SPP
7. Sequence Diagram Laporan SPP
Gambar IV.20. Sequence Diagram Laporan SPP
8. Sequence Diagram Halaman Siswa
Gambar IV.21. Sequence Diagram Halaman Siswa
49
C. Component Diagram
Di dalam sistem usulan ini component diagram ini sebagai penggambaran bagaimana sistem pembayaran SPP ini dapat dipetakan secara fisik. Berikut ini gambar dari component diagram sistem usulan sistem pembayaran SPP online pada SMK Persada Kota Sukabumi:
Gambar IV.22.Component Diagram
D. Deployment Diagram
Di dalam sistem usulan ini, penggambaran deployment diagram yaitu bagaimana sitem yang ada di website pembayaran SPP di SMK Persada Kota Sukabumi secara fisik dapat dilihat pada gambar di bawah ini:
Gambar IV.23. Deployment Diagram
51
4.2.3. User Interface
Dibawah ini merupakan tampilan program dari sisem usulan yang telah dibuat 1. Tampilan Login Admin
Gambar.IV.24. Tampilan Login Admin
2. Tampilan Registrasi User
Gambar. IV.25. Tampilan Registrasi User
3. Tampilan Data User
Gambar. IV.26. Tampilan Data User
4. Tampilan Data Siswa
Gambar IV.27. Tampilan Data Siswa
53
5. Tampilan Data Kelas
Gambar IV.28. Tampilan Data Kelas
6. Tampilan Transaksi SPP
Gambar IV.29. Tampilan Transaksi SPP
7. 5Tampilan Data Biaya SPP
Gambar. IV.30. Tampilan Data Biaya SPP
8. Tampilan Laporan SPP
Gambar. IV.31. Tampilan Laporan SPP
55
9. Tampilan Bukti Pembayaran SPP
Gambar. IV.32. Tampilan Laporan SPP
10. Tampilan Awal Halaman Siswa
Gambar. IV.33. Tampilan Halaman Siswa
11. Tampilan Halaman Siswa
Gambar. IV.34. Tampilan Halaman Siswa 4.3. Code Generation
A. Class Users
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\User;
class UserController extends Controller {
function index() {
$datauser = User::all();
return view('user.index', ['data_user' => $datauser]);
}
function create(Request $request) {
$data = new User();
$data->name = $request->name;
$data->username = $request->username;
$data->password = bcrypt($request->password);
$data->save();
return redirect('user')->with('alert', 'Data user berhasil disimpan');
}
function edit(Request $request)
57
{
$data = User::find($request->id);
if (!is_null($request->password)) { $data->update(
['name' => $request->name, 'username' => $request-
>username, 'password' => bcrypt($request->password)]
);
}else{
$data->update(
['name' => $request->name, 'username' => $request-
>username]
);
}
return redirect('/user')->with('alert', 'Data user berhasil dirubah');
} }
B. Class Siswa
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Siswa;
use App\Kelas;
use App\TransaksiSPP;
use App\SPP;
class SiswaController extends Controller {
function index() {
$datasiswa = Siswa::join('kelas', 'siswa.id_kelas', '=', 'kelas.id_kelas') ->join('spp', 'siswa.id_spp', '=', 'spp.id_spp')
->select('siswa.*', 'kelas.nama as kelas', 'spp.tahun_ajaran as tahun_ajaran')
->groupby('siswa.id') ->get();
$datatahunajaran = \App\SPP::all();
$datakelas = Kelas::all();
return view('siswa.index', ['data_siswa' => $datasiswa, 'datatahunajaran' => $datatahunajaran, 'datakelas' => $datakelas]);
}
function create(Request $request) {
$cekdata = Siswa::where('nis', $request->nis)->first();
if (!is_null($cekdata)) {
