BAB IV HASIL DAN PEMBAHASAN 4.1 Dokumentasi Pengembangan Sistem Prototype 4.1.1 Siklus Prototype Pertama Tabel 4. 1 Hasil Pengembangan Prototype v01 Waktu Tahap Proses 5Maret20 Communication Muncul ide mengumpulkan informasi melalui beberapa orang bendahara 6Maret20 Quick plan Menyampaikan konsep dari ide sistem serta tujuan dari aya pengembangan 6Maret20 Modelling Quick design Membuat rancangan gambaran konsep dari sistem 7Maret20 Construction of Membuat rancangan aplikasi prototype (mockup) dengan menu fitur yang akan dikembangkan 9Maret20 Deployment, Menampilkan hasil rancangan delivery and feedback aplikasi menampung saran dari calon pengguna Dari proses siklus yang pertama mendapatkan hasil aplikasi versi pertama (treasury_v01). Dengan capture sebagaimana berikut : 72
73 Gambar 4. 1 Tampilan Login Gambar 4. 2 Tampilan Registrasi Gambar 4. 3 Tampilan Home Menu Gambar 4. 4 Tampilan Fitur
74 Gambar 4. 5 Tampilan Fitur Gambar 4. 6 Tampilan Fitur Hasil pengujian feedback dari testing oleh developer calon pengguna : Tabel 4. 2 Testcript untuk blackbox pada aplikasi treasury_v01 Fitur Aktivitas Input Output feedback Login login [] username [] password muncul pop up notif / alert validasi masuk Registrasi registrasi [] nama [] username [] email [] password [] retype password ke Home validasi terbentuk akun baru muncul validasi yang tidak sesuai diberi keterangan apa salahnya Tanggal Tes 09Mar 09Mar Hasil Tes
75 daftar KAS detail Mengelola Kelola Anggota uang kas masuk daftar kas [] menumenu dari pengelolaan kas [] nama [] deskripsi [] tipe periode [] amount direct ke halaman tujuan benar validasi pembuatan kas baru data kas tidak ada masalah redirect muncul [] nama setelah proses penambahan berhasil, redirect ke benar kolom dengan keterangan nama trigger untuk melalui button benar, pindah menghasilkan yang sesuai sebaiknya ditambahkan periode untuk pencatatan uang masuk karna lebih memudahkan pencatatan filter pencarian 09Mar kurang informatif sebaiknya ditambahkan informasi umum dari masingmasing pengelolaan 09Mar 09Mar 09Mar 09Mar
76 uang kas keluar laporan kas daftar detail kelola kelola [] tujuan [] amount [] note tambahan benar, pindah menghasilkan yang sesuai report sesuai dengan terupdate summary uang tepat daftar menumenu pengelolaan [] nama [] deskripsi [] total [] nama [] pelunasan jumlah cicilan validasi terbentuk baru redirect dengan flow muncul setelah proses penambahan berhasil, redirect ke kurang informatif sebaiknya ditambahkan additional info, misal summary data yang akan diolah secara sebaiknya ditampilkan note kecil sebagai keterangan jumlah 09Mar 09Mar 09Mar 09Mar 09Mar 09Mar
77 benar cicilan yang akan diambil pembayar an laporan daftar detail kelola Kelola [] diklik button bayarnya konfirmasi ke report sesuai dengan terupdate summary uang tepat daftar menumenu pengelolaan [] nama [] deskripsi validasi terbentuk baru redirect dengan flow muncul [] nama setelah proses penambahan berhasil, redirect ke kurang informatif sebaiknya ditambahkan additional info, misal summary data yang akan diolah 09Mar 09Mar 09Mar 09Mar 09Mar 09Mar
78 benar pembayar an Mencatat pengeluar an laporan [] inputkan nominal uang yang masuk [] deskripsi [] nominal [] note konfirmasi ke benar, pindah menghasilkan yang sesuai sesuai dengan penghitungan yang update sesuai 09Mar 09Mar 09Mar 4.1.2 Siklus Prototype Kedua Tabel 4. 3 Hasil Pengembangan Prototype v02 Waktu Tahap Proses 12Maret20 Communication Dari saran yang telah disampaikan (feedback dari siklus pertama), ada beberapa poin : pencatatan kas dibagi per periodenya nya kurang informatif 13Maret20 Quick plan Menyampaikan solusi dari hasil komunikasi dengan calon pengguna 14Maret20 Modelling Membuat rancangan
79 15Maret20 30Maret20 Quick design Construction of prototype Deployment, delivery and feedback gambaran fitur Membuat rancangan aplikasi dengan konsep fitur sesuai dengan yang telah dibicarakan Menampilkan hasil rancangan aplikasi menampung saran dari calon pengguna Dari proses siklus yang pertama, dilakukan penyesuaian dengan beberapa. Mendapatkan hasil aplikasi versi kedua (treasury_v02). Dengan capture sebagaimana berikut : Gambar 4. 7 Tampilan Fitur Gambar 4. 8 Tampilan Detail Pemasukan Dibagi Berdasarkan Periode
80 Gambar 4. 9 Tampilan Fitur Gambar 4. 10 Tampilan Detail Anggota Beserta Keterangan Cara Bayar Gambar 4. 11 Tampilan Fitur Gambar 4. 12 Tampilan Laporan
81 Hasil pengujian feedback dari testing oleh developer calon pengguna : Tabel 4. 4 Testcript untuk blackbox pada aplikasi treasury_v02 Fitur Aktivitas Input Output feedback Login login [] username [] password muncul pop up notif / alert validasi masuk Registrasi registrasi daftar KAS [] nama [] username [] email [] password [] retype password ke Home validasi terbentuk akun baru muncul daftar kas + balance terkini tambahkan search function untuk memudahkan pencarian Tanggal Tes 31Mar 31Mar 31Mar Hasil Tes detail [] menumenu dari pengelolaan kas [] ada summary informasi untuk masingmasing menu yang akan dikelola [] direct ke halaman tujuan benar 31Mar
82 Mengelola Kelola Anggota uang kas masuk uang kas keluar laporan kas [] nama [] deskripsi [] tipe periode [] amount validasi pembuatan kas baru data kas tidak ada masalah redirect muncul [] nama setelah proses penambahan berhasil, redirect ke benar kolom dengan keterangan nama trigger untuk melalui button [] tujuan [] amount [] note tambahan benar, pindah menghasilkan yang sesuai benar, pindah menghasilkan yang sesuai report sesuai dengan terupdate Sebaiknya ada setting untuk nominal periode button difreeze dibawah saja agar tidak perlu scroll setiap akan menambahkan 31Mar 31Mar 31Mar 31Mar 31Mar
83 summary uang tepat daftar daftar + sisa yang harus dibayar tambahkan search function untuk memudahkan pencarian 31Mar detail menumenu pengelolaan + summary info untuk masingmasing menu pengolahan button difreeze dibawah saja agar tidak perlu scroll setiap akan menambahkan 31Mar kelola kelola [] nama [] deskripsi [] total [] nama [] pelunasan jumlah cicilan validasi terbentuk baru redirect dengan flow muncul setelah proses penambahan berhasil, redirect ke benar 31Mar 31Mar
84 pembayar an [] diklik button bayarnya konfirmasi ke 31Mar laporan daftar report sesuai dengan terupdate summary uang tepat daftar + balance saat ini tambahkan search function untuk memudahkan pencarian 31Mar 31Mar detail menumenu pengelolaan + summary info pada setiap menunya button difreeze dibawah saja agar tidak perlu scroll setiap akan menambahkan 31Mar kelola [] nama [] deskripsi validasi terbentuk baru redirect dengan flow muncul 31Mar
85 Kelola pembayar an Mencatat pengeluar an laporan [] nama setelah proses penambahan berhasil, redirect ke benar [] inputkan nominal uang yang masuk [] deskripsi [] nominal [] note konfirmasi ke benar, pindah menghasilkan yang sesuai sesuai dengan penghitungan yang update sesuai 31Mar 31Mar 31Mar 31Mar 4.1.3 Siklus Prototype Ketiga Tabel 4. 5 Hasil Pengembangan Prototype v03 Waktu Tahap Proses 1April20 Communication Dari saran yang telah disampaikan (feedback dari siklus kedua), ada beberapa poin : nominal kas bisa berubahubah, tapi disesuaikan dengan selama satu periode (pendekatan end of month) tambahkan search function untuk
86 setiap daftar sudah informatif, tapi kurang berwarna 2April20 Quick plan Menyampaikan solusi dari hasil komunikasi dengan calon pengguna 2April20 Modelling Quick Membuat rancangan gambaran design solusi bentuk aplikasi pendekatan fungsionalnya 10April20 Construction of prototype Penyesuaian bentuk aplikasi dengan feedback dari calon pengguna 10Mei20 Deployment, delivery and feedback Menampilkan hasil akhir aplikasi, dilanjutkan dengan deployment delivery Dari proses siklus yang pertama mendapatkan hasil aplikasi final (treasury_v03). Dengan capture sebagaimana berikut : Gambar 4. 13 Tampilan daftar kas dengan function search Gambar 4. 14 Reminder untuk periode baru
87 Gambar 4. 15 Tampilan jika init dengan nominal berbeda Gambar 4. 16 Tambah dengan button freeze di footer Hasil pengujian feedback dari testing oleh developer calon pengguna : Tabel 4. 6 Testcript untuk blackbox pada aplikasi treasury_v03 Fitur Aktivitas Input Output Feedback Login login [] username [] password muncul pop up notif / alert validasi masuk ke Home Registrasi registrasi [] nama [] username [] email [] password [] retype password validasi terbentuk akun baru muncul Tanggal Tes 11Mei 11Mei Hasil Tes
88 daftar KAS daftar kas + balance terkini 11Mei detail [] menumenu dari pengelolaan kas [] ada summary informasi untuk masingmasing menu yang akan dikelola [] direct ke halaman tujuan benar 11Mei Mengelola [] nama [] deskripsi [] tipe periode [] amount validasi pembuatan kas baru data kas tidak ada masalah redirect muncul 11Mei Kelola Anggota [] nama setelah proses penambahan berhasil, redirect ke benar 11Mei uang kas masuk kolom dengan keterangan nama trigger untuk melalui button benar, pindah ke halaman menghasilkan yang sesuai 11Mei
89 uang kas keluar [] tujuan [] amount [] note tambahan benar, pindah ke halaman menghasilkan yang sesuai 11Mei laporan kas report sesuai dengan terupdate summary uang tepat 11Mei daftar daftar + sisa yang harus dibayar 11Mei detail menumenu pengelolaan + summary info untuk masingmasing menu pengolahan 12Mei kelola [] nama [] deskripsi [] total validasi terbentuk baru redirect dengan flow muncul 12Mei
90 kelola [] nama [] pelunasan jumlah cicilan setelah proses penambahan berhasil, redirect ke benar 12Mei pembayaran [] diklik button bayarnya konfirmasi ke 12Mei laporan report sesuai dengan terupdate summary uang tepat 12Mei daftar daftar + balance saat ini 12Mei detail menumenu pengelolaan + summary info pada setiap menunya 12Mei kelola [] nama [] deskripsi validasi terbentuk baru redirect dengan flow muncul 12Mei
91 Kelola [] nama setelah proses penambahan berhasil, redirect ke benar 12Mei pembayaran [] inputkan nominal uang yang masuk konfirmasi ke 12Mei Mencatat pengeluaran [] deskripsi [] nominal [] note benar, pindah ke halaman menghasilkan yang sesuai 09Mar laporan sesuai dengan penghitungan yang update sesuai 12Mei 4.2 Pembahasan 4.2.1 Pembahasan Pengembangan Aplikasi Pengembangan yang dilakukan dengan berbasis objek (MVC), dengan menggunakan ionic angular (untuk pengembangan mobile aplikasinya) slim framework (sebagai service untuk backendnya).
92 Gambar 4. Pembahasan Pengembangan Aplikasi 4.2.2 Pembahasan Hasil Akhir Aplikasi Hasil akhir dari apliaksi yang dikembangkan : 1. Aya registrasi (untuk membuat akun). 2. Login user. 3. Mengelola akun user. 4. Pemilihan kategori pencatatan (kas rutin,, ). 5. Manajemen dari masingmasing pencatatan. 6. Pencatatan uang masuk uang keluar yang disesuaikan dengan fungsi dari masingmasing kategori pencatatan (kas rutin,, ). 7. Tampilan summary dalam setiap kategori pencatatan. 8. Report secara summary report detail untuk masingmasing jenis pencatatan
93 4.2.3 Spesifikasi Pengembangan a. Server Tabel 4. 7 Spesifikasi Server Opsi Hardware Description Processor Minimal INTEL CORE I5 2320 3.0GHZ Mother Board MB ASUS H61MC RAM (Random Access Memory) Minimal RAM 8GB PC 10600/12800 VGEN Hardisk Minimal HARDISK 256GB SATA SEAGATE /WD Monitor LG LED Monitor 15.6 Inch [16M38A] Koneksi WiFi / LAN b. Operating System Tabel 4. 8 Spesifikasi Operating System Opsi Operating System Description Microsoft Windows Series Minimal 7 Pro Bit 64 bit License Enterprise c. Database Tabel 4. 9 Spesifikasi Database Opsi Database Description MySQL Version 1.7.7 License Free
94 d. Dokumentasi Development Tabel 4. 10 Spesifikasi Development Opsi Type Description Web PHP Version 5.3.8 Mobile Ionic Version 1.7.6 Adapter SlimFramework Version 2.3.5 Server XAMPP Version 1.7.7 Port 8012 IDE / editor Notepad++ Version 6.9.1 e. Project Delivery Tabel 4. 11 Hasil yang direlease Nama delivery item Treasury_console File Apk (untuk android) Support go live postrelease Keterangan Adapter logic backend sistem aplikasi Treasury myapp.apk (v03) email : silvi.zain13@gmail.com telepon : 087859695229