ii
APLIKASI PEMBUKUAN KEUANGAN DENGAN METODE PWA (PROGRESSIVE WEB APPLICATION) PADA ASOSIASI
PENYELENGGARA JASA INTERNET INDONESIA WILAYAH SUMATERA SELATAN BERBASIS WEB MOBILE
Tugas Akhir ini disusun sebagai salah satu syarat menyelesaikan pendidikan Diploma IV pada jurusan Manajemen Informatika
Program studi Manajemen Informatika
Oleh:
AHMAD ZHULIAN IQBAL 061840831576
POLITEKNIK NEGERI SRIWIJAYA PALEMBANG
2022
ii
iii Motto:
“Prosesku memang tidak cepat, tapi rencana Allah pasti tepat”
“Gotta play safe, no face, no case”
Saya persembahkan kepada:
Allah SWT Tuhan Maha Esa yang menjadi tempat saya untuk berkeluh kesah dan tempat menyampaikan doa-doa saya kepada-Nya.
Kedua orang tua saya yang selalu mendoakan dan meridhoi setiap langkah saya dalam menyelesaikan tugas akhir ini.
Saudara-saudari saya terutama kedua adik saya yang selalu mendukung dan memberi semangat dalam menyelesaikan tugas akhir ini.
Seluruh keluarga besar saya yang senantiasa mendoakan saya dan selalu mendukung saya.
Dosen-dosen saya yang senantiasa selalu memberikan ilmu dan pengalamannya serta doa-doa dan dukungannya.
Rekan-rekan yang membersamai untuk bimbingan
Teman-teman seperjuangan saya di program studi DIV Manajemen Informatika khususnya kelas 8 MIB.
Seluruh teman-teman saya yang berada di Polsri maupun diluar Polsri yang tidak bisa disebutkan satu-satu, terimakasih atas dukungan kalian semua.
iv ABSTRAK
(xiv + 84 halaman: 50 gambar, 24 tabel)
Pada saat ini banyak badan perusahaan atau badan organisasi yang membutuhkan pengelolaan informasi yang terbarukan terutama pada bidang pembukuan keuangan, salah satu contohnya yaitu Asosiasi Penyelengggara Jasa Internet Indonesia (APJII) Cabang Sumatera Selatan yang beralamat di Jl. Swadaya No.84, Talang Aman, Kec. Kemuning, Kota Palembang Sumatera Selatan 30164.
Pada Asosiasi Penyelenggara Jasa Internet Indonesia (APJII) Cabang Sumatera Selatan pembukuan keuangan masih belum terkomputerisasi dengan baik, karena hanya dilakukan menggunakan aplikasi Microsoft Excel dan untuk pemeriksaan per-periodenya harus membuka laptop dan aplikasi Microsoft Excel dahulu atau mencari file yang sudah disimpan pada lemari arsip.
Maka dalam menjawab permasalahan yang ditemukan, tugas akhir ini bertujuan untuk mendapatkan aplikasi Pembukuan Keuangan dengan menerapkan Metode Progressive Web Application (PWA) dan Pembukuan Tunggal (Single Entry) pada aplikasi tersebut, sehingga membantu pihak APJII Cabang Sumatera Selatan dalam melakukan pembukuan keuangan dengan tampilan user friendly serta membantu menyelesaikan masalah tentang pembukuan keuangan yang ada pada APJII Cabang Sumatera Selatan. Untuk pemodelan perancangan menggunakan UML yang meliputi Use Case Diagram, Class Diagram, Activity Diagram, dan Sequence Diagram.
Hasil dari tugas akhir ini adalah suatu aplikasi pembukuan keuangan yang memiliki fitur tambahan yaitu pemeriksaan inventaris pada Asosiasi Penyelenggara Jasa Internet Indonesia (APJII) Cabang Sumatera Selatan berbasis web mobile yang memberikan kemudahan untuk Admin, Bendahara dalam melakukan pembukuan keuangan dan Ketua Umum bisa memonitoring hasil laporan keuangan serta data inventaris darimana saja karena sudah bisa diakses melalui handphone ataupun website. Aplikasi ini dapat menjadi acuan kedepannya ketika akan dilakukannya pengembangan kembali.
Kata kunci: APJII, aplikasi pembukuan keuangan, PWA, Single Entry Referensi: 20 (2018-2021)
v ABSTRACT
(xiv + 84 pages: 50 pictures, 24 tables)
At this time there are many corporate bodies or organizational bodies that require management of renewable information, especially in the field of financial bookkeeping, one example is the Association of Indonesian Internet Service Providers (APJII) South Sumatra Branch, which is located at Jl. Swadaya No.84, Talang Aman, Kec. Kemuning, Palembang City, South Sumatra 30164. At the Association of Indonesian Internet Service Providers (APJII) South Sumatra Branch, financial accounting is still not well computerized, because it is only done using the Microsoft Excel application and for periodic checks you must first open a laptop and Microsoft Excel application or search for files that have been stored in the file cabinet.
So in answering the problems found, this final project aims to get a Financial Bookkeeping application by applying the Progressive Web Application (PWA) and Single Entry Methods to the application, thus helping the APJII South Sumatra Branch in carrying out financial bookkeeping with a user interface.
friendly and help solve problems regarding financial bookkeeping at APJII South Sumatra Branch. For design modeling using UML which includes Use Case Diagrams, Class Diagrams, Activity Diagrams, and Sequence Diagrams.
The result of this final project is a financial bookkeeping application that has additional features, namely inventory checks at the Association of Indonesian Internet Service Providers (APJII) South Sumatra Branch based on a mobile web that makes it easy for Admin, Treasurer to carry out financial bookkeeping and the General Chair can monitor report results. financial and inventory data from anywhere because it can be accessed via cellphone or website. This application can be used as a reference in the future when it will be redeveloped.
Keyword: APJII, financial bookkeeping application, PWA, Single Entry Reference: 20 (2018-2021)
vi
KATA PENGANTAR
Alhamdulillah segala puji dan syukur kehadirat Allah SWT, karena berkat rahmat dan hidayah-Nya penulis dapat menyelesaikan Laporan Tugas Akhir yang berjudul “Aplikasi Pembukuan Keuangan Dengan Metode PWA(Progressive Web Application) Pada Asosiasi Penyelenggara Jasa Internet Indonesia Cabang Sumatera Selatan Berbasis Web Mobile” ini dengan tepat waktu.
Tujuan dari penyusunan Laporan Tugas Akhir ini untuk memenuhi syarat Mata Kuliah Tugas Akhir pada Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya.
Selama menyelesaikan Laporan Tugas Akhir ini penulis banyak sekali mendapat bantuan, bimbingan dan petunjuk dari berbagai pihak, maka dalam kesempatan ini penulis ingin mengucapkan terima kasih kepada :
1. Bapak Dr. Ing. Ahmad Taqwa, M.T. selaku Direktur Politeknik Negeri Sriwijaya.
2. Bapak Carlos RS, ST.,M.T. selaku Pembantu Direktur I Politeknik Negeri Sriwijaya.
3. Ibu Nelly Masnila, S.E., M.SE.Ak. selaku Pembantu Direktur II Politeknik Negeri Sriwijaya.
4. Bapak Ahmad Zamheri, S.T., M.T. selaku Pembantu Direktur III Politeknik Negeri Sriwijaya.
5. Bapak Drs. Zakaria, M.Pd. selaku Pelaksanaan Bidang Kerjasama.
6. Ibu Dr. Indri Ariyanti, S.E., M.Si. selaku Ketua Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya.
7. Bapak Meivi Kusnandar S.Kom., M.Kom. selaku Sekretaris Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya.
8. Ibu Rika Sadariawati, S.E., M.Si. selaku Ketua Program Studi DIV Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya.
9. Bapak Ir. Zulkarnaini, M.T. selaku Dosen Pembimbing I saya selama pembuatan Laporan Tugas Akhir.
vii
10. Ibu Rika Sadariawati, SE.,M.S.i. selaku Dosen Pembimbing II saya selama pembuatan Laporan Tugas Akhir.
11. Bapak/Ibu Dosen Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya.
12. Orang tua dan keluarga yang senantiasa memberikan doa, dukungan dan semangat.
13. Semua pihak yang telah membantu dalam menyelesaikan Laporan Tugas Akhir ini.
Penulis menyadari bahwa dalam penulisan Tugas Akhir ini masih terdapat adanya kekurangan, oleh karena itu penulis mengharapkan kritik dan saran yang bersifat membangun dari semua pihak demi kesempurnaan penulisan yang akan datang. Akhir kata penulis berharap semoga Tugas Akhir ini bermanfaat bagi semua pihak yang membutuhkannya, Aamiin ya robbal alamin.
Palembang, Juli 2022 Penulis
viii DAFTAR ISI
Halaman
HALAMAN DEPAN ... i
HALAMAN LEMBAR PENGESAHAN ... ii
MOTTO DAN PERSEMBAHAN ... iii
ABSTRAK ... iv
ABSTRACT ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xii
DAFTAR TABEL ... xiv
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan ... 3
1.5 Manfaat ... 3
1.6 Sistematika Penulisan Laporan ... 4
BAB II TINJAUAN PUSTAKA ... 5
2.1 Teori Umum ... 5
2.1.1 Pengertian Komputer ... 5
2.1.2 Pengertian Perangkat Lunak (Software) ... 5
2.1.3 Pengertian Basis Data (Database) ... 5
2.1.4 Pengertian Internet ... 6
2.2 Teori Judul ... 6
2.2.1 Pengertian Aplikasi ... 6
2.2.2 Pengertian Pembukuan ... 7
2.2.3 Pengertian Keuangan ... 7
2.2.4 Pengertian Metode Progressive Web Application ... 8
2.2.5 Pengertian Metode Single Entry ... 8
2.2.6 Pengertian APJII Cabang Sumatera Selatan ... 9
2.2.7 Pengertian Aplikasi Pembukuan Keuangan dengan Metode Progressive Web Application (PWA) pada Asoiasi Penyelenggara Jasa Internet Indonesia Cabang Sumatera Selatan Berbasis Web Mobile ... 9
ix
2.3 Teori Khusus ... 9
2.3.1 Pengertian UML (Unified Modeling Language) ... 9
2.3.2 Pengertian Use Case Diagram ... 11
2.3.3 Pengertian Activity Diagram ... 13
2.3.4 Pengertian Class Diagram ... 14
2.3.5 Pengertian Sequence Diagram ... 16
2.4 Teori Program ... 19
2.4.1 Pengertian HTML ... 19
2.4.2 Pengertian XAMPP ... 19
2.4.3 Pengertian MySql ... 20
2.4.4 Pengertian PHP ... 21
2.4.5 Pengertian Sublime Text ... 21
2.4.6 Pengertian JavaScript ... 22
2.4.7 Pengertian Web Mobile ... 23
2.5 Refrensi Jurnal ... 23
BAB III METODELOGI PENELITIAN ... 25
3.1 Deskripsi Instansi ... 25
3.1.1 Profil Instansi ... 25
3.1.2 Misi dan Tujuan ... 26
3.1.2.1 Makna Logo Perusahaan ... 27
3.1.3 Struktur Organisasi ... 28
3.1.4 Tugas Pokok APJII... 28
3.2 Tempat dan Waktu Penelitian ... 29
3.2.1 Tempat Penelitian ... 29
3.2.2 Waktu Penelitian ... 29
3.3 Alat dan Bahan Penelitian ... 29
3.3.1 Alat ... 29
3.3.2 Bahan Penelitian ... 30
3.4 Tahap Penelitian ... 30
3.4.1 Tahap Perumusan Masalah ... 30
3.4.2 Tahap Pengumpulan Data ... 30
3.4.3 Tahap Perancangan Penelitian ... 31
3.5 Analisis Sistem ... 31
3.5.1 Sistem yang Sedang Berjalan ... 31
3.5.2 Sistem yang akan Diterapkan ... 33
3.5.2.1 Metode Pengembangan Sistem ... 33
3.6 Metode Pemcahan Masalah ... 34
3.6.1 Metode Progressive Web Apps ... 34
3.6.2 Metode Single Entry ... 35
BAB IV HASIL DAN PEMBAHASAN ... 36
4.1 Analisa Kebutuhan Sistem ... 36
x
4.1.1 Analisa Kebutuhan ... 36
4.1.1.1 Analisa Kebutuhan Fungsional ... 36
4.1.1.2 Analisa Kebutuhan Non-Fungsional ... 36
4.2 Pemodelan Data ... 37
4.2.1 Use Case Diagram ... 37
4.2.2 Class Diagram ... 44
4.2.3 Activity Diagram ... 45
4.2.3.1 Activity Diagram Login ... 46
4.2.3.2 Activity Diagram Mengelola Data Inventaris ... 47
4.2.3.3 Activity Diagram Melihat Data Inventaris ... 48
4.2.3.4 Activity Diagram Input Laporan Kas ... 49
4.2.3.5 Activity Diagram Melihat Laporan Kas ... 50
4.2.3.6 Activity Diagram Validasi Data Periksaan Inventaris . 51 4.2.3.7 Activity Diagram Melihat Data Periksa Inventaris ... 52
4.2.3.8 Activity Diagram Data Profil ... 53
4.2.3.9 Activity Diagram Data User ... 54
4.2.3.10 Activity Diagram Logout ... 55
4.2.4 Sequence Diagram ... 55
4.2.4.1 Sequence Diagram Login ... 55
4.2.4.2 Sequence Diagram Input Data Inventaris ... 56
4.2.4.3 Sequence Diagram Melihat Data Inventaris ... 57
4.2.4.4 Sequence Diagram Input Laporan Kas ... 57
4.2.4.5 Sequence Diagram Melihat Laporan Kas ... 58
4.2.4.6 Sequence Diagram Validasi Data Periksaan Inventaris ... 58
4.2.4.7 Sequence Diagram Melihat Data Periksa Inventaris ... 59
4.2.4.8 Sequence Diagram Data Profil ... 59
4.2.4.9 Sequence Diagram Data User ... 60
4.2.4.10 Sequence Diagram Logout ... 61
4.2.5 Struktur Tabel ... 61
4.2.5.1 Tabel Data Inventaris ... 61
4.2.5.2 Tabel Data Laporan Kas ... 62
4.2.5.3 Tabel Data Periksa Inventaris ... 63
4.2.5.4 Tabel Data User ... 63
4.3 Implementasi (Implementation) ... 64
4.3.1 Rancangan Halaman Sistem ... 64
4.3.1.1 Desain Tampilan Halaman Login ... 64
4.3.1.2 Desain Tampilan Halaman Dashboard Admin ... 65
4.3.1.3 Desain Tampilan Halaman Dashboard Ketua Umum 65 4.3.1.4 Desain Tampilan Halaman Dashboard Bendahara .... 66
4.3.1.5 Desain Tampilan Halaman Data Inventaris ... 66
4.3.1.6 Desain Tampilan Halaman Data Laporan Kas ... 67
xi
4.3.1.7 Desain Tampilan Halaman Data Pemeriksaan Inventaris
... 67
4.3.1.8 Desain Tampilan Halaman Data User ... 68
4.3.1.9 Desain Tampilan Halaman Data Profil ... 69
4.3.2 Tampilan Halaman Sistem ... 69
4.3.2.1 Tampilan Halaman Login ... 69
4.3.2.2 Tampilan Halaman Dashboard Admin ... 70
4.3.2.3 Tampilan Halaman Dashboard Ketua Umum ... 70
4.3.2.4 Tampilan Halaman Dashboard Bendahara ... 71
4.3.2.5 Tampilan Halaman Data Inventaris ... 71
4.3.2.6 Tampilan Halaman Data Laporan Kas ... 72
4.3.2.7 Tampilan Halaman Data Periksa Inventaris ... 73
4.3.2.8 Tampilan Halaman Data User ... 73
4.3.2.9 Tampilan Halaman Data Profil ... 74
4.4 Pengujian (Verivication) ... 74
4.4.1 Hasil Pengujian blackbox dari Aplikasi Laporan Keuangan APJII Sumsel ... 75
4.4.1.1 Uji Halaman Login ... 75
4.4.1.2 Uji Halaman Dashboard Admin ... 75
4.4.1.3 Uji Halaman Dashboard Bendahara ... 76
4.4.1.4 Uji Halaman Dashboard Data Inventaris ... 77
4.4.1.5 Uji Halaman Dashboard Data Laporan Kas ... 77
4.4.1.6 Uji Halaman Dashboard Data Periksa Inventaris ... 78
4.4.1.7 Uji Halaman Dashboard Data User ... 78
4.4.1.8 Uji Halaman Dashboard Data Profil ... 79
4.4.2 Pembahasan Hasil Uji dari Aplikasi Laporan Keuangan APJII Sumsel ... 79
4.5 Pemeliharaan (Maintenance) ... 80
BAB V KESIMPULAN DAN SARAN ... 81
5.1 Kesimpulan ... 81
5.2 Saran ... 81
DAFTAR PUSTAKA ... 83 LAMPIRAN
xii
DAFTAR GAMBAR
Halaman
Gambar 2.1 Macam-macam Diagram UML ... 10
Gambar 2.2 Logo XAMPP ... 19
Gambar 2.3 Logo MySQL ... 20
Gambar 2.4 Logo PHP ... 21
Gambar 2.5 Logo Sublime Text ... 21
Gambar 2.6 Logo JavaScript ... 22
Gambar 3.1 Logo Asosiasi Penyelenggara Jasa Internet Indonesia (APJII) ... 27
Gambar 3.2 Struktur Organisasi Asosiasi Penyelenggara Jasa Internet Indonesia (APJII) ... 28
Gambar 3.3 Alur Sistem Yang Berjalan ... 32
Gambar 3.4 Tahapan Metode Waterfall ... 33
Gambar 4.1 Use Case Diagram Aplikasi Laporan Keuangan ... 38
Gambar 4.2 Class Diagram Aplikasi Laporan Keuangan ... 44
Gambar 4.3 Activity Diagram Login ... 46
Gambar 4.4 Activity Diagram Mengelola Data Inventaris ... 47
Gambar 4.5 Activity Diagram Melihat Data Inventaris ... 48
Gambar 4.6 Activity Diagram Input Laporan Kas ... 49
Gambar 4.7 Activity Diagram Melihat Laporan Kas ... 50
Gambar 4.8 Activity Diagram Validasi Data Periksaan Inventaris ... 51
Gambar 4.9 Activity Diagram Data Periksa Inventaris ... 52
Gambar 4.10 Activity Diagram Data Profil ... 53
Gambar 4.11 Activity Diagram Data User ... 54
Gambar 4.12 Activity Diagram Logout ... 55
Gambar 4.13 Sequence Diagram Login ... 55
Gambar 4.14 Sequence Diagram Data Inventaris ... 56
Gambar 4.15 Sequence Diagram Melihat Data Inventaris ... 57
Gambar 4.16 Sequence Diagram Input Laporan Kas ... 57
Gambar 4.17 Sequence Diagram Melihat Laporan Kas ... 58
xiii
Gambar 4.18 Sequence Diagram Validasi Data Periksaan Inventaris ... 58
Gambar 4.19 Sequence Diagram Melihat Data Periksa Inventaris ... 59
Gambar 4.20 Sequence Diagram Data Profil ... 59
Gambar 4.21 Sequence Diagram Data User ... 60
Gambar 4.22 Sequence Diagram Logout ... 61
Gambar 4.23 Desain Tampilan Halaman Login ... 64
Gambar 4.24 Desain Tampilan Halaman Dashboard Admin ... 65
Gambar 4.25 Desain Tampilan Halaman Dashboard Ketua Umum ... 65
Gambar 4.26 Desain Tampilan Halaman Dashboard Bendahara ... 66
Gambar 4.27 Desain Tampilan Halaman Data Inventaris ... 66
Gambar 4.28 Desain Tampilan Halaman Data Laporan Kas ... 67
Gambar 4.29 Desain Tampilan Halaman Data Periksa Inventaris ... 67
Gambar 4.30 Desain Tampilan Halaman Data User ... 68
Gambar 4.31 Desain Tampila Halaman Data Profil ... 69
Gambar 4.32 Tampilan Halaman Login ... 69
Gambar 4.33 Tampilan Halaman Dashboard Admin ... 70
Gambar 4.34 Tampilan Halaman Dashboard Ketua Umum ... 70
Gambar 4.35 Tampilan Halaman Dashboard Bendahara ... 71
Gambar 4.36 Tampilan Halaman Data Inventaris... 71
Gambar 4.37 Tampilan Halaman Data Laporan Kas ... 72
Gambar 4.38 Tampilan Halaman Data Periksa Inventaris ... 73
Gambar 4.39 Tampilan Halaman Data User ... 73
Gambar 4.40 Tampilan Halaman Data Profil ... 74
xiv
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol pada Use Case Diagram ... 11
Tabel 2.2 Simbol-Simbol dalam Activity Diagram ... 13
Tabel 2.3 Simbol-simbol pada Class Diagram ... 15
Tabel 2.4 Simbol-simbol pada Sequence Diagram ... 16
Tabel 3.1 Referensi Jurnal ... 37
Tabel 4.1 Tabel Definisi Aktor ... 39
Tabel 4.2 Tabel Definisi Use Case ... 39
Tabel 4.3 Tabel Skenario Use Case “Login” ... 40
Tabel 4.4 Tabel Skenario Use Case “Data Inventaris” ... 41
Tabel 4.5 Tabel Skenario Use Case “Data Laporan Kas” ... 42
Tabel 4.6 Tabel Skenario Use Case “Data Pemeriksaan Inventaris”... 43
Tabel 4.7 Tabel Skenario Use Case “Logout” ... 43
Tabel 4.8 Tabel Keterangan Class Diagram ... 45
Tabel 4.9 Tabel Data Inventaris ... 62
Tabel 4.10 Tabel Data Laporan Kas ... 62
Tabel 4.11 Tabel Data Periksa Inventaris ... 63
Tabel 4.12 Tabel Data User ... 63
Tabel 4.13 Tabel Uji Login ... 75
Tabel 4.14 Tabel Uji Dashboard Admin ... 75
Tabel 4.15 Tabel Uji Dashboard Bendahara ... 76
Tabel 4.16 Tabel Uji Dashboard Data Inventaris ... 77
Tabel 4.17 Tabel Uji Dashboard Data Laporan Kas ... 77
Tabel 4.18 Tabel Uji Dashboard Data Periksa Inventaris ... 78
Tabel 4.19 Tabel Uji Dashboard Data User ... 78
Tabel 4.20 Tabel Uji Dashboard Data Profil ... 79
