PERANCANGAN APLIKASI PEMBAYARAN REKENING PAMSIMAS SUMBER AGUNG DI DESA SUKOREJO KABUPATEN SRAGEN BERBASIS WEB SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I pada Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Oleh : BUDI ASMORO L200100168 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014
ii
iii
DAFTAR KONTRIBUSI Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka. Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi : 1. Perancangan dan pembuatan program aplikasi ini dengan mengacu pada referensi yang saya dapatkan dari internet, buku dan teman-teman. 2. Program aplikasi yang saya gunakan untuk membuat aplikasi ini yaitu: Adobe dreamweaver cs 6, XAMPP-win32-1.8.3-3-VC11-installer, Mozilla Firefox 29.0.1, Notepad ++. 3. Saya menggunakan laptop dengan spesifikasi Prosesor intel core i3 2.53 GHz, Harddisk 500 GB, RAM 3 GB, Sistem Operasi Windows 7 ultimate 4. Program aplikasi yang saya gunakan untuk membuat tampilan web adalah Adobe dreamweaver cs 6 dan Notepad ++. 5. Program aplikasi yang saya gunakan untuk membuat program adalah PHP(PHP hipertext proccesor). 6. Program aplikasi yang saya gunakan untuk menyimpan data adalah Phpmyadmin. iv
v
MOTTO DAN PERSEMBAHAN MOTTO : sesungguhnya kita bisa seperti mereka yang sukses, apabila kita ada niat, usaha dan do a berfikir dua kali untuk mengambil keputusan, untuk mendapatkan hasil yang tepat. (Penulis) vi
PERSEMBAHAN : 1. Puji syukur kehadirat Allah SWT atas limpahan berkah dan rahmat-nya penulis dapat menyelesaikan skripsi ini. 2. Kedua orang tuaku Ibu Sumarni dan kakak Sigit asmoro atas kasih sayang, dukungan moril, materil, setiap doa yang dipanjatkan untuk keberhasilan, kesuksesan dan keberuntunganku. 3. Keluarga besarku yang selalu memberi dukungan dan semangatnya. 4. Bapak Aris Rakhmadi S.T, M.Eng selaku pembimbing akademik dan pembimbing skripsi yang telah memberikan bimbingan serta pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini. 5. Teman sejawat etik dwi handayani, nanang juanda, fauzan natzir, jumadi, agung, sukamto, erman sofa, toni, putri, tri w, kharisma, wahyu adi, teman-teman kost bugini dan khususnya kelas F Jurusan Teknik Informatika angkatan 2010 terima kasih kebersamaannya, waktu dan semangatnya. 6. Keluarga besar Teknik Informatika UMS, atas semua hal yang telah diberikan. 7. Semua pihak yang selalu ada di sekelilingku yang tidak bisa kusebutkan satu persatu. vii
KATA PENGANTAR Alhamdulillah, kami panjatkan puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan skripsi ini dengan judul perancangan aplikasi pembayaran rekening pamsimas sumber agung di desa sukorejo kabupaten sragen berbasis web). Skripsi ini disusun untuk memenuhi kurikulum pada Program Studi Teknik Informatika Universitas Muhammadiyah Surakarta, sebagai kewajiban mahasiswa dalam rangka menyelesaikan program sarjana. Penulis menyadari bahwa skripsi ini masih jauh dari kesempurnaan, oleh karena itu kritik saran yang membangun dari berbagai pihak sangat penulis harapkan demi perbaikan-perbaikan ke depan. Terwujudnya skripsi ini tidak lepas dari bantuan berbagai pihak. Oleh karena itu dalam kesempatan ini penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Allah S.W.T, atas ridho dan karunianya sehingga penulis bisa menyelesaikan Tugas Akhir Skripsi ini. 2. Kedua orang tuaku tercinta, teman-temanku dan seluruh keluarga besar terima kasih atas semua kasih sayang, do a, yang tiada hentinya dan tidak pernah surut sehingga penulis bisa menyelesaikan pendidikan ini. 3. Bapak Husni Thamrin, S.T, MT., Ph.D. selaku Dekan Fakultas Komunikasi dan Informatika Universitas Muhammadiayah Surakarta. viii
4. Bapak Dr. Heru Supriyono, S.T., M.Sc. selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiayah Surakarta. 5. Bapak Aris Rakhmadi S.T, M.Eng. selaku pembimbing akademik selama kuliah dan pembimbing skripsi yang telah memberikan bimbingan serta pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini. 6. Bapak/Ibu Penguji selaku Dewan Penguji dalam Tugas Akhir ini. 7. Segenap dosen dan karyawan prodi Teknik Informatika atas bantuan dan ilmu yang diberikan kepada penulis selama masa perkuliahan hingga dinyatakan mendapat gelar Strata 1. 8. Semua pihak yang tidak bisa disebutkan satu-persatu yang telah membantu hingga terselesainya skripsi ini. Akhirnya penulis berharap semoga skripsi ini berguna bagi semua pihak dan bermanfaat bagi penulis khususnya dan pembaca pada umumnya dalam menambah pengetahuan dan wawasan ilmu. Aamiin. Surakarta, juni 2014 Penulis ix
DAFTAR ISI Halaman Judul... i Halaman Persetujuan... ii Halaman Pengesahan... iii Daftar Kontribusi... iv Motto dan Persembahan... vi Kata Pengantar... viii Daftar Isi... x Daftar Tabel... xiv Daftar Gambar... xv Abstraksi... xvii BAB I PENDAHULUAN... 1 1.1. Latar Belakang Masalah... 1 1.2. Rumusan Masalah... 3 1.3. Batasan Masalah... 3 1.4. Tujuan Penelitian... 4 1.5. Manfaat Penelitian... 4 1.6. Sistematika Penulisan... 4 BAB II TINJAUAN PUSTAKA... 6 2.1. Telaah Penelitian... 6 2.2. Landasan Teori... 8 x
1. Definisi sistem pembayaran rekening... 8 2. Pengertian Web... 8 3. Pengertian PHP (PHP Hypertext processor)... 9 4. Pengertian MYSQL... 11 5. XAMPP... 12 6. Adobe Dreamweaver CS 6... 12 BAB III METODE PENELITIAN... 13 3.1. Waktu dan Tempat... 15 3.2 Peralatan Utama dan Peralatan pendukung... 15 3.3 Alur Penelitian... 16 3.4 Perancangan Aplikasi... 19 3.4.1 Metode Pengumpulan Data... 19 1. Metode Dokumentasi... 19 2. Metode Studi Pusataka... 19 3.4.2 Desain Secara Umum... 19 1. perancangan UML... 19 2. Desain Aplikasi... 23 3. Desain Database... 26 3.4.3 Desain Secara Terperinci... 30 1. Halaman Splash Screen... 30 2. Halaman depan... 30 3. Halaman pendaftaran... 31 xi
4. Halaman pembayaran... 31 5. Halaman kas... 32 6. Halaman admin... 32 7. Halaman data admin... 33 8. Halaman data pelanggan... 34 9. Halaman rekening... 34 10. Halaman data bayar... 35 11. Halaman kas... 35 12. Halaman data angsuran... 36 13. Halaman depan web pelanggan... 36 14. Halaman pencarian... 37 15. Halaman kas... 38 3.5 Pengujian... 39 A. kuisioner... 39 B. Cara mengitung... 40 BAB IV HASIL DAN PEMBAHASAN... 33 4.1 Hasil Penelitian... 41 1. Halaman Splash Screen... 41 2. Halaman Menu Utama... 42 3. Halaman pendaftaran... 43 4. Halaman pembayaran... 44 5. Halaman kas... 45 6. Halaman admin... 46 xii
7. Halaman data pelanggan... 47 8. Halaman data rekening... 48 9. Halaman data bayar... 49 10. Halaman kas... 43 11. Halaman data angsuran... 51 4.2 Hasil pengujian dan Pembahasan... 51 4.2.1 Pengujian... 51 4.2.2 Hasil penyebaran kuisioner dan analisis... 52 BAB V PENUTUP... 51 5.1. Kesimpulan... 62 5.2. Saran... 63 DAFTAR PUSTAKA LAMPIRAN xiii
DAFTAR TABEL Tabel 3.1 :Definisi actor... 21 Tabel 3.2 :Simbol Data Flow Diagram (DFD)... 21 Tabel 3.3 :Tabel admin... 26 Tabel 3.4 :Tabel user... 27 Tabel 3.5 :Tabel Pelanggan... 27 Tabel 3.6:Tabel pembayaran... 27 Tabel 3.7:Tabel bayar... 28 Tabel 3.8:Tabel kas... 28 Tabel 3.9:Tabel angsuran... 28 Tabel 3.10 :Rancangan kuisioner untuk petugas dan pelanggan pamsimas... 39 Tabel 4.1 :Tabel hasil pengisian kuisioner petugas... 52 Tabel 4.2 : Tabel jumlah skoring petugas... 54 Tabel 4.3 :Tabel hasil pengisian kuisioner pelanggan... 57 Tabel 4.4 :Tabel jumlah skoring pelanggan... 59 xiv
DAFTAR GAMBAR Gambar 3.1 : Flowchart SDLC... 13 Gambar 3.2 : Flowchart Penelitian... 17 Gambar 3.3 : Use Case... 20 Gambar 3.4 : Diagram Activity... 22 Gambar 3.5 : DFD Level 0 Aplikasi... 23 Gambar 3.6 : DFD Level 1 Aplikasi... 23 Gambar 3.7 : DFD Level 2 tampilan data... 24 Gambar 3.8 : DFD Level 2 pendaftaran... 24 Gambar 3.9 : DFD Level 2 pembayaran... 25 Gambar 3.10 : DFD Level 2 kas... 25 Gambar 3.11 : ERD... 29 Gambar 3.12 :Perancangan Splash Screen... 30 Gambar 3.13 : Perancangan Menu Awal... 31 Gambar 3.14 : Perancangan Halaman pendaftarn... 31 Gambar 3.15 : Perancangan Halaman pembayaran... 32 Gambar 3.16 : Perancangan Halaman kas... 32 Gambar 3.17 :Perancangan Halaman admin... 33 Gambar 3.18 :Perancangan Halaman data admin... 33 Gambar 3.19 :Perancangan Halaman data pelanggan... 34 Gambar 3.20 :Perancangan Halaman data rekening... 34 Gambar 3.21 :Perancangan Halaman data bayar... 35 Gambar 3.22 : Perancangan Halaman data kas... 35 xv
Gambar 3.23 :Perancangan Halaman data angsuran... 36 Gambar 3.24 : Perancangan Halaman halaman depan web pelanggan... 37 Gambar 3.25 :Perancangan Halaman pencarian... 38 Gambar 3.26 :Perancangan Halaman Data kas... 38 Gambar 4.1 : Halaman Splash Screen... 41 Gambar 4.2 : Halaman Menu Utama... 42 Gambar 4.3 : Halaman pendaftaran... 43 Gambar 4.4 : Halaman pembayaran... 44 Gambar 4.5 :Halaman bayar... 45 Gambar 4.6 :Halaman kas... 45 Gambar 4.7 :Halaman admin... 46 Gambar 4.8 :Halaman data pelanggan... 47 Gambar 4.9 :Halaman input data rekening... 48 Gambar 4.10 :Halaman data rekening... 48 Gambar 4.11 :Halaman data bayar... 49 Gambar 4.12 :Halaman data kas... 50 Gambar 4.13 :Halaman data angsuran... 51 xvi
ABSTRAKSI Sistem Pembayaran adalah aktivitas pemindahan jasa yaitu berupa uang guna memenuhi kewajiban yang timbul dari suatu kegiatan ekonomi. Sistem pembayaran ini sangat diperlukan dalam pembayaran rekening pamsimas, tetapi metode yang digunakan dalam proses transaksi pembayarannya masih konvensional, sehingga data-data yang dihitung atau data yang disimpan masih dipertanyakan keakuratanya, oleh karena itu penulis berinisiatif untuk merancang dan membuat kedalam bentuk aplikasi sebagai sarana untuk menunjang dan memudahkan dalam penginputan data dan proses transaksi dengan menggunakan teknologi berbasis Web. Aplikasi yang dibuat dengan menggunakan software notepad ++ dengan bahasa pemrograman PHP serta adobe dreamweaver CS6. Pengujian untuk memberikan penilaian terhadap aplikasi dilakukan di Pamsimas Sumber Agung Desa Sukorejo untuk responden petugas Pamsimas serta sebagian pelanggan yang ikut serta dalam memberikan penilaian melalui kuisioner. Hasil yang diperoleh dari penelitian ini yaitu telah dibuat aplikasi pembayaran rekening Pamsimas dengan baik dan lebih dari 80% petugas menyatakan setuju bahwa aplikasi pembayaran dapat dijadikan sebagai media informasi dan suatu alat perhitungan yang menarik dan dapat membantu memberikan informasi kepada para pelanggan Pamsimas. Kata kunci : web, pembayaran, aplikasi. xvii