BAB IV
HASIL DAN PEMBAHASAN
4.1Dokumentasi Pengembangan Sistem Prototype
4.1.1 Siklus Prototype Pertama
Tabel 4. 1 Hasil Pengembangan Prototype v01
Waktu Tahap Proses
5-Maret-2017 Communication Muncul ide dan mengumpulkan informasi melalui beberapa orang bendahara
6-Maret-2017 Quick plan Menyampaikan konsep dari ide sistem serta tujuan dari adanya pengembangan
6-Maret-2017 Modelling Quick design
Membuat rancangan dan gambaran konsep dari sistem
7-Maret-2017 Construction of prototype
Membuat rancangan aplikasi (mockup) dengan menu dan fitur yang akan dikembangkan
9-Maret-2017 Deployment, delivery and
feedback
Menampilkan hasil rancangan aplikasi dan menampung saran dari calon pengguna
Dari proses siklus yang pertama mendapatkan hasil aplikasi versi pertama (treasury_v01). Dengan capture sebagaimana berikut :
Gambar 4. 1 Tampilan Login Gambar 4. 2 Tampilan Registrasi
Gambar 4. 5 Tampilan Fitur Tagihan Gambar 4. 6 Tampilan Fitur Iuran
Hasil pengujian dan feedback dari testing oleh developer dan calon pengguna :
Tabel 4. 2 Testcript untuk blackbox pada aplikasi treasury_v01
Fitur Aktivitas Input Output feedback
Tanggal Tes
Hasil Tes Login login [-] username
[-] password validasi tidak sesuai, muncul pop up notif / alert validasi sesuai, masuk ke Home - 09-Mar-17 OK
Registrasi registrasi [-] nama [-] username [-] email [-] password [-] retype password validasi sesuai, terbentuk akun baru validasi tidak sesuai, muncul popup notif validasi yang tidak sesuai diberi keterangan apa salahnya 09-Mar-17 OK
Kas melihat daftar KAS - tampilan daftar kas tampilan Kas kurang informatif 09-Mar-17 OK Kas melihat detail Kas [-] menu-menu dari pengelolaan kas direct ke halaman tujuan benar sebaiknya ditambahkan informasi umum dari masing-masing pengelolaan 09-Mar-17 OK Kas Mengelola Kas [-] nama [-] deskripsi [-] tipe periode [-] amount validasi sesuai, pembuatan kas baru ataupun perubahan data kas tidak ada masalah dan redirect ke halaman selanjutnya sudah sesuai validasi tidak sesuai, muncul popup notif - 09-Mar-17 OK Kas Kelola Anggota Kas [-] nama setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar - 09-Mar-17 OK Kas mencatat uang kas masuk kolom dengan keterangan nama dan trigger untuk mencatat melalui button kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai sebaiknya ditambahkan periode untuk pencatatan uang masuk karna lebih memudahkan pencatatan dan filter pencarian 09-Mar-17 OK
Kas mencatat uang kas keluar [-] tujuan [-] amount [-] note tambahan kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai - 09-Mar-17 OK Kas melihat laporan kas - tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat - 09-Mar-17 OK Tagihan melihat daftar tagihan - tampilan daftar tagihan tampilan Tagihan kurang informatif 09-Mar-17 OK Tagihan melihat detail tagihan - menu-menu pengelolaan tagihan sebaiknya ditambahkan additional info, misal summary data yang akan diolah 09-Mar-17 OK Tagihan kelola tagihan [-] nama [-] deskripsi [-] total tagihan validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif - 09-Mar-17 OK Tagihan kelola anggota tagihan [-] nama [-] kondisi pelunasan dan jumlah cicilan setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke secara tampilan sebaiknya ditampilkan note kecil sebagai keterangan jumlah 09-Mar-17 OK
tampilan selanjutnya benar cicilan yang akan diambil Tagihan mencatat pembayar an tagihan [-] diklik button bayarnya konfirmasi dan ke tampilan selanjutnya sudah sesuai - 09-Mar-17 OK Tagihan melihat laporan tagihan - tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat - 09-Mar-17 OK Iuran melihat daftar iuran - tampilan daftar iuran tampilan iuran kurang informatif 09-Mar-17 OK Iuran melihat detail iuran - menu-menu pengelolaan iuran sebaiknya ditambahkan additional info, misal summary data yang akan diolah 09-Mar-17 OK Iuran kelola iuran [-] nama [-] deskripsi validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif - 09-Mar-17 OK Iuran Kelola anggota iuran [-] nama setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke - 09-Mar-17 OK
tampilan selanjutnya benar Iuran mencatat pembayar an iuran [-] inputkan nominal uang yang masuk konfirmasi dan ke tampilan selanjutnya sudah sesuai - 09-Mar-17 OK Iuran Mencatat pengeluar an iuran [-] deskripsi [-] nominal [-] note kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai - 09-Mar-17 OK Iuran melihat laporan iuran - tampilan sesuai dengan penghitungan yang update dan perhitungan sesuai - 09-Mar-17 OK
4.1.2 Siklus Prototype Kedua
Tabel 4. 3 Hasil Pengembangan Prototype v02
Waktu Tahap Proses
12-Maret-2017 Communication Dari saran yang telah disampaikan (feedback dari siklus pertama), ada beberapa poin : - tampilan pencatatan kas dibagi per periodenya
- tampilannya kurang informatif 13-Maret-2017 Quick plan Menyampaikan solusi dari hasil
komunikasi dengan calon pengguna
Quick design gambaran fitur 15-Maret-2017 Construction of
prototype
Membuat rancangan aplikasi dengan konsep fitur sesuai dengan yang telah dibicarakan 30-Maret-2017 Deployment,
delivery and feedback
Menampilkan hasil rancangan aplikasi dan menampung saran dari calon pengguna
Dari proses siklus yang pertama, dilakukan penyesuaian dengan beberapa perubahan. Mendapatkan hasil aplikasi versi kedua (treasury_v02). Dengan capture sebagaimana berikut :
Gambar 4. 7 Tampilan Fitur Kas Gambar 4. 8 Tampilan Detail Kas Pemasukan
Gambar 4. 9 Tampilan Fitur Tagihan Gambar 4. 10 Tampilan Detail Anggota Tagihan Beserta Keterangan Cara Bayar
Hasil pengujian dan feedback dari testing oleh developer dan calon pengguna :
Tabel 4. 4 Testcript untuk blackbox pada aplikasi treasury_v02
Fitur Aktivitas Input Output feedback
Tanggal Tes
Hasil Tes Login login [-] username
[-] password validasi tidak sesuai, muncul pop up notif / alert validasi sesuai, masuk ke Home - 31-Mar-17 OK
Registrasi registrasi [-] nama [-] username [-] email [-] password [-] retype password validasi sesuai, terbentuk akun baru validasi tidak sesuai, muncul popup notif - 31-Mar-17 OK Kas melihat daftar KAS - tampilan daftar kas + balance terkini tambahkan search function untuk memudahkan pencarian 31-Mar-17 OK Kas melihat detail Kas [-] menu-menu dari pengelolaan kas [-] ada summary informasi untuk masing-masing menu yang akan dikelola [-] direct ke halaman tujuan benar - 31-Mar-17 OK
Kas Mengelola Kas [-] nama [-] deskripsi [-] tipe periode [-] amount validasi sesuai, pembuatan kas baru ataupun perubahan data kas tidak ada masalah dan redirect ke halaman selanjutnya sudah sesuai validasi tidak sesuai, muncul popup notif Sebaiknya ada setting untuk nominal periode 31-Mar-17 OK Kas Kelola Anggota Kas
[-] nama setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar tampilan button di-freeze dibawah saja agar tidak perlu scroll setiap akan menambahkan anggota 31-Mar-17 OK Kas mencatat uang kas masuk kolom dengan keterangan nama dan trigger untuk mencatat melalui button kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai - 31-Mar-17 OK Kas mencatat uang kas keluar [-] tujuan [-] amount [-] note tambahan kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai - 31-Mar-17 OK Kas melihat laporan kas - tampilan report sesuai dengan kondisi terupdate dan perhitungan - 31-Mar-17 OK
summary uang tepat Tagihan melihat daftar tagihan - tampilan daftar tagihan + sisa tagihan yang harus dibayar tambahkan search function untuk memudahkan pencarian 31-Mar-17 OK Tagihan melihat detail tagihan - menu-menu pengelolaan tagihan + summary info untuk masing-masing menu pengolahan tampilan button di-freeze dibawah saja agar tidak perlu scroll setiap akan menambahkan anggota 31-Mar-17 OK Tagihan kelola tagihan [-] nama [-] deskripsi [-] total tagihan validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif - 31-Mar-17 OK Tagihan kelola anggota tagihan [-] nama [-] kondisi pelunasan dan jumlah cicilan setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar - 31-Mar-17 OK
Tagihan mencatat pembayar an tagihan [-] diklik button bayarnya konfirmasi dan ke tampilan selanjutnya sudah sesuai - 31-Mar-17 OK Tagihan melihat laporan tagihan - tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat - 31-Mar-17 OK Iuran melihat daftar iuran - tampilan daftar iuran + balance iuran saat ini tambahkan search function untuk memudahkan pencarian 31-Mar-17 OK Iuran melihat detail iuran - menu-menu pengelolaan iuran + summary info pada setiap menunya tampilan button di-freeze dibawah saja agar tidak perlu scroll setiap akan menambahkan anggota 31-Mar-17 OK Iuran kelola iuran [-] nama [-] deskripsi validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif - 31-Mar-17 OK
Iuran Kelola anggota iuran
[-] nama setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar - 31-Mar-17 OK Iuran mencatat pembayar an iuran [-] inputkan nominal uang yang masuk konfirmasi dan ke tampilan selanjutnya sudah sesuai - 31-Mar-17 OK Iuran Mencatat pengeluar an iuran [-] deskripsi [-] nominal [-] note kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai - 31-Mar-17 OK Iuran melihat laporan iuran - tampilan sesuai dengan penghitungan yang update dan perhitungan sesuai - 31-Mar-17 OK
4.1.3 Siklus Prototype Ketiga
Tabel 4. 5 Hasil Pengembangan Prototype v03
Waktu Tahap Proses
1-April-2017 Communication Dari saran yang telah disampaikan (feedback dari siklus kedua), ada beberapa poin :
- nominal kas bisa berubah-ubah, tapi disesuaikan dengan kondisi dan selama satu periode (pendekatan end of month)
setiap daftar
- tampilan sudah informatif, tapi kurang berwarna
2-April-2017 Quick plan Menyampaikan solusi dari hasil komunikasi dengan calon pengguna 2-April-2017 Modelling Quick
design
Membuat rancangan dan gambaran solusi bentuk aplikasi dan pendekatan fungsionalnya
10-April-2017 Construction of prototype
Penyesuaian bentuk aplikasi dengan feedback dari calon pengguna 10-Mei-2017 Deployment,
delivery and feedback
Menampilkan hasil akhir aplikasi, dilanjutkan dengan deployment dan 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. 15 Tampilan jika init dengan nominal berbeda
Gambar 4. 16 Tambah anggota dengan button freeze di footer
Hasil pengujian dan feedback dari testing oleh developer dan calon pengguna :
Tabel 4. 6 Testcript untuk blackbox pada aplikasi treasury_v03
Fitur Aktivitas Input Output Feedback
Tanggal Tes
Hasil Tes
Login login [-] username
[-] password validasi tidak sesuai, muncul pop up notif / alert validasi sesuai, masuk ke Home -11-Mei-17 OK
Registrasi registrasi [-] nama
[-] username [-] email [-] password [-] retype password validasi sesuai, terbentuk akun baru validasi tidak sesuai, muncul popup notif -11-Mei-17 OK
Kas melihat daftar KAS - tampilan daftar kas + balance terkini -11-Mei-17 OK Kas melihat detail Kas [-] menu-menu dari pengelolaan kas [-] ada summary informasi untuk masing-masing menu yang akan dikelola [-] direct ke halaman tujuan benar -11-Mei-17 OK Kas Mengelola Kas [-] nama [-] deskripsi [-] tipe periode [-] amount validasi sesuai, pembuatan kas baru ataupun perubahan data kas tidak ada masalah dan redirect ke halaman selanjutnya sudah sesuai validasi tidak sesuai, muncul popup notif -11-Mei-17 OK Kas Kelola Anggota Kas
[-] nama setelah proses
penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar -11-Mei-17 OK Kas mencatat uang kas masuk kolom dengan keterangan nama dan trigger untuk mencatat melalui button kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai -11-Mei-17 OK
Kas mencatat uang kas keluar [-] tujuan [-] amount [-] note tambahan kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai -11-Mei-17 OK Kas melihat laporan kas - tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat -11-Mei-17 OK Tagihan melihat daftar tagihan - tampilan daftar tagihan + sisa tagihan yang harus dibayar -11-Mei-17 OK Tagihan melihat detail tagihan - menu-menu pengelolaan tagihan + summary info untuk masing-masing menu pengolahan -12-Mei-17 OK Tagihan kelola tagihan [-] nama [-] deskripsi [-] total tagihan validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif -12-Mei-17 OK
Tagihan kelola anggota tagihan [-] nama [-] kondisi pelunasan dan jumlah cicilan setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar -12-Mei-17 OK Tagihan mencatat pembayaran tagihan [-] diklik button bayarnya konfirmasi dan ke tampilan selanjutnya sudah sesuai -12-Mei-17 OK Tagihan melihat laporan tagihan - tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat -12-Mei-17 OK Iuran melihat daftar iuran - tampilan daftar iuran + balance iuran saat ini -12-Mei-17 OK Iuran melihat detail iuran - menu-menu pengelolaan iuran + summary info pada setiap menunya -12-Mei-17 OK
Iuran kelola iuran [-] nama
[-] deskripsi validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif -12-Mei-17 OK
Iuran Kelola anggota iuran
[-] nama setelah proses
penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar -12-Mei-17 OK Iuran mencatat pembayaran iuran [-] inputkan nominal uang yang masuk konfirmasi dan ke tampilan selanjutnya sudah sesuai -12-Mei-17 OK Iuran Mencatat pengeluaran iuran [-] deskripsi [-] nominal [-] note kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai -09-Mar-17 OK Iuran melihat laporan iuran - tampilan sesuai dengan penghitungan yang update dan perhitungan sesuai -12-Mei-17 OK 4.2Pembahasan
4.2.1 Pembahasan Pengembangan Aplikasi
Pengembangan yang dilakukan dengan berbasis objek (MVC), dengan menggunakan ionic angular (untuk pengembangan mobile aplikasinya) dan slim framework (sebagai service untuk backendnya).
Gambar 4. 17 Pembahasan Pengembangan Aplikasi
4.2.2 Pembahasan Hasil Akhir Aplikasi Hasil akhir dari apliaksi yang dikembangkan : 1. Adanya registrasi (untuk membuat akun). 2. Login user.
3. Mengelola akun user.
4. Pemilihan kategori pencatatan (kas rutin, iuran, tagihan). 5. Manajemen anggota-anggota dari masing-masing pencatatan.
6. Pencatatan uang masuk dan uang keluar yang disesuaikan dengan fungsi dari masing-masing kategori pencatatan (kas rutin, iuran, tagihan).
7. Tampilan summary dalam setiap kategori pencatatan.
8. Report secara summary dan report detail untuk masing-masing jenis pencatatan
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 H61M-C
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
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 di-release
Nama delivery item Keterangan
Treasury_console Adapter logic backend sistem aplikasi Treasury
File Apk (untuk android) myApp.apk (v03)
Support go live dan post-release email : [email protected]
