BAB IV HASIL DAN PEMBAHASAN

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

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 Membuat rancangan dan gambaran design

7-Maret-2017

Construction of prototype

konsep dari sistem Membuat

rancangan

aplikasi

(mockup) dengan menu dan fitur yang akan dikembangkan

9-Maret-2017

Deployment,

Menampilkan

delivery and

aplikasi dan menampung saran dari

feedback

hasil

rancangan

calon pengguna

Dari proses siklus yang pertama mendapatkan hasil aplikasi versi pertama (treasury_v01). Dengan capture sebagaimana berikut :

72 http://digilib.mercubuana.ac.id/

73

Gambar 4. 1 Tampilan Login

Gambar 4. 2 Tampilan Registrasi

Gambar 4. 3 Tampilan Home dan Menu

Gambar 4. 4 Tampilan Fitur Kas

http://digilib.mercubuana.ac.id/

74

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 Login

Aktivitas login

Registrasi registrasi

Input [-] username [-] password

[-] nama [-] username [-] email [-] password [-] retype password

Output validasi tidak sesuai, muncul pop up notif / alert validasi sesuai, masuk ke Home validasi sesuai, terbentuk akun baru validasi tidak sesuai, muncul popup notif


feedback

Tanggal Hasil Tes Tes

-

validasi yang tidak sesuai diberi keterangan apa salahnya

09-Mar17

OK

09-Mar17

OK

75

Kas

Kas

Kas

Kas

Kas

melihat daftar KAS melihat detail Kas

-

[-] menumenu dari pengelolaan kas

Mengelola [-] nama Kas [-] deskripsi [-] tipe periode [-] amount

Kelola Anggota Kas

mencatat uang kas masuk

[-] nama

kolom dengan keterangan nama dan trigger untuk mencatat melalui button

tampilan daftar kas direct ke halaman tujuan benar

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 setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai


tampilan Kas kurang informatif sebaiknya ditambahkan informasi umum dari masingmasing pengelolaan -

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

sebaiknya ditambahkan periode untuk pencatatan 09-Maruang masuk 17 karna lebih memudahkan pencatatan dan filter pencarian

OK

-

76

Kas

Kas

Tagihan

Tagihan

Tagihan

Tagihan

mencatat uang kas keluar

melihat laporan kas

[-] tujuan [-] amount [-] note tambahan

-

melihat daftar tagihan

-

melihat detail tagihan

-

kelola tagihan

kelola anggota tagihan

[-] nama [-] deskripsi [-] total tagihan

[-] nama [-] kondisi pelunasan dan jumlah cicilan

kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat tampilan daftar tagihan

menu-menu pengelolaan tagihan

validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke


-

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

-

tampilan Tagihan kurang informatif sebaiknya ditambahkan additional info, misal summary data yang akan diolah -

secara tampilan sebaiknya ditampilkan note kecil sebagai keterangan jumlah

77

Tagihan

Tagihan

Iuran

Iuran

Iuran

Iuran

mencatat pembayar an tagihan

[-] diklik button bayarnya

melihat laporan tagihan

-

melihat daftar iuran melihat detail iuran

kelola iuran

Kelola anggota iuran

-

-

[-] nama [-] deskripsi

[-] nama

tampilan selanjutnya benar

cicilan yang akan diambil

konfirmasi dan ke tampilan selanjutnya sudah sesuai tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat tampilan daftar iuran

-

menu-menu pengelolaan iuran

validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke


09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

-

tampilan iuran kurang informatif sebaiknya ditambahkan additional info, misal summary data yang akan diolah -

-

78

tampilan selanjutnya benar Iuran

Iuran

Iuran

4.1.2

mencatat pembayar an iuran

Mencatat pengeluar an iuran

melihat laporan iuran

[-] inputkan konfirmasi nominal uang dan ke yang masuk tampilan selanjutnya sudah sesuai [-] deskripsi kondisi [-] nominal benar, pindah [-] note ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai tampilan sesuai dengan penghitungan yang update dan perhitungan sesuai -

09-Mar17

OK

09-Mar17

OK

09-Mar17

OK

Siklus Prototype Kedua Tabel 4. 3 Hasil Pengembangan Prototype v02

Waktu 12-Maret-2017

Tahap

Proses

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 14-Maret-2017

Modelling

Membuat


rancangan

dan

79

Quick design 15-Maret-2017


gambaran fitur Membuat dengan

rancangan konsep

aplikasi

fitur

sesuai

dengan yang telah dibicarakan 30-Maret-2017

Deployment,

Menampilkan

delivery and

aplikasi dan menampung saran

feedback

hasil

rancangan

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 Dibagi Berdasarkan Periode


80

Gambar 4. 9 Tampilan Fitur Tagihan

Gambar 4. 10 Tampilan Detail Anggota Tagihan Beserta Keterangan Cara Bayar

Gambar 4. 11 Tampilan Fitur Iuran

Gambar 4. 12 Tampilan Laporan Iuran


81


Fitur Login

Aktivitas login

Registrasi registrasi

Kas

Kas



melihat daftar KAS

-

melihat detail Kas

[-] menumenu dari pengelolaan kas

Output validasi tidak sesuai, muncul pop up notif / alert validasi sesuai, masuk ke Home validasi sesuai, terbentuk akun baru validasi tidak sesuai, muncul popup notif tampilan daftar kas + balance terkini

[-] ada summary informasi untuk masingmasing menu yang akan dikelola [-] direct ke halaman tujuan benar


feedback

Tanggal Tes

Hasil Tes

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

-

-

tambahkan search function untuk memudahkan pencarian -

82

Kas

Kas

Kas

Kas

Kas

Mengelola [-] nama Kas [-] deskripsi [-] tipe periode [-] amount

Kelola Anggota Kas



melihat laporan kas

[-] nama

kolom dengan keterangan nama dan trigger untuk mencatat melalui button [-] tujuan [-] amount [-] note tambahan

-

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 setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai tampilan report sesuai dengan kondisi terupdate dan perhitungan


Sebaiknya ada setting untuk nominal periode

tampilan button difreeze dibawah saja agar tidak perlu scroll setiap akan menambahkan anggota

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

-

-

-

83

summary uang tepat

Tagihan

Tagihan

Tagihan

Tagihan


-


-

kelola tagihan




tampilan daftar tagihan + sisa tagihan yang harus dibayar

tambahkan search function untuk memudahkan pencarian

menu-menu pengelolaan tagihan + summary info untuk masingmasing menu pengolahan


validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar


31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

84

Tagihan

Tagihan

Iuran

Iuran

Iuran

mencatat pembayar an tagihan

[-] diklik button bayarnya

konfirmasi dan ke tampilan selanjutnya sudah sesuai

-


-

tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat tampilan daftar iuran + balance iuran saat ini

-

menu-menu pengelolaan iuran + summary info pada setiap menunya


validasi sesuai, terbentuk tagihan baru dan redirect ke halaman selanjutnya sudah sesuai dengan flow validasi tidak sesuai, muncul popup notif

-

melihat daftar iuran

-

melihat detail iuran

-

kelola iuran



tambahkan search function untuk memudahkan pencarian

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

85

Iuran

Iuran

Iuran

Iuran

4.1.3


[-] nama

mencatat pembayar an iuran

[-] inputkan nominal uang yang masuk

Mencatat pengeluar an iuran

[-] deskripsi [-] nominal [-] note


-

setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar konfirmasi dan ke tampilan selanjutnya sudah sesuai kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai tampilan sesuai dengan penghitungan yang update dan perhitungan sesuai

-

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

31-Mar17

OK

-

-

-

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) - tambahkan search function untuk


86

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 Membuat rancangan dan gambaran design

solusi

bentuk

aplikasi

dan

pendekatan fungsionalnya 10-April-2017


10-Mei-2017

Penyesuaian bentuk aplikasi dengan feedback dari calon pengguna

Deployment,

Menampilkan hasil akhir aplikasi,

delivery and

dilanjutkan dengan deployment dan

feedback

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 anggota dengan button freeze di footer


Fitur Login

Registrasi

Aktivitas login

registrasi



Output validasi tidak sesuai, muncul pop up notif / alert validasi sesuai, masuk ke Home validasi sesuai, terbentuk akun baru validasi tidak sesuai, muncul popup notif


Feedback -

Tanggal Tes

Hasil Tes

11-Mei-17

OK

11-Mei-17

OK

-

88

Kas

Kas

Kas

Kas

Kas

melihat daftar KAS

-

melihat detail Kas

[-] menu-menu dari pengelolaan kas

Mengelola Kas

Kelola Anggota Kas


[-] nama [-] deskripsi [-] tipe periode [-] amount

[-] nama

kolom dengan keterangan nama dan trigger untuk mencatat melalui button

tampilan daftar kas + balance terkini

-

[-] ada summary informasi untuk masingmasing menu yang akan dikelola [-] direct ke halaman tujuan benar

-

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

-

setelah proses penambahan ataupun perubahan anggota berhasil, redirect ke tampilan selanjutnya benar

-

kondisi benar, pindah ke halaman selanjutnya dan menghasilkan perhitungan yang sesuai

-


11-Mei-17

OK

11-Mei-17

OK

11-Mei-17

OK

11-Mei-17

OK

11-Mei-17

OK

89

Kas

Kas

Tagihan

Tagihan

Tagihan


melihat laporan kas

[-] tujuan [-] amount [-] note tambahan


-

-

tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat

-

tampilan daftar tagihan + sisa tagihan yang harus dibayar

-

menu-menu pengelolaan tagihan + summary info untuk masingmasing menu pengolahan

-


-


-


-

kelola tagihan



11-Mei-17

OK

11-Mei-17

OK

11-Mei-17

OK

12-Mei-17

OK

12-Mei-17

OK

90

Tagihan

Tagihan

Tagihan

Iuran

Iuran

Iuran




-

mencatat [-] diklik button pembayaran bayarnya tagihan


-


tampilan report sesuai dengan kondisi terupdate dan perhitungan summary uang tepat

-

tampilan daftar iuran + balance iuran saat ini

-

menu-menu pengelolaan iuran + summary info pada setiap menunya

-


-

-

melihat daftar iuran

-

melihat detail iuran

-

kelola iuran



12-Mei-17

OK

12-Mei-17

OK

12-Mei-17

OK

12-Mei-17

OK

12-Mei-17

OK

12-Mei-17

OK

91

Iuran

Iuran

Iuran

Iuran


[-] nama


-

mencatat [-] inputkan pembayaran nominal uang iuran yang masuk


-

Mencatat [-] deskripsi pengeluaran [-] nominal iuran [-] note


-

tampilan sesuai dengan penghitungan yang update dan perhitungan sesuai

-


-

12-Mei-17

OK

12-Mei-17

OK

09-Mar-17

OK

12-Mei-17

OK

4.2 Pembahasan 4.2.1

Pembahasan Pengembangan Aplikasi Pengembangan yang dilakukan dengan berbasis objek (MVC), dengan menggunakan ionic angular (untuk pengembangan mobile aplikasinya)

dan

slim

framework

backendnya).


(sebagai

service

untuk

92

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


93

4.2.3

Spesifikasi Pengembangan

a. Server Tabel 4. 7 Spesifikasi Server

Opsi

Hardware Processor

Description 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 Microsoft Windows

Description 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

Mobile

5.3.8

Ionic Version

Adapter

1.7.6

SlimFramework Version

Server

2.3.5

XAMPP

IDE / editor

Version

1.7.7

Port

8012

Notepad++ Version

6.9.1

e. Project Delivery Tabel 4. 11 Hasil yang di-release

Nama delivery item Treasury_console

Keterangan Adapter logic backend sistem aplikasi Treasury

File Apk (untuk android)

myApp.apk (v03)

Support go live dan post-release

email : [email protected] telepon : 087859695229


BAB IV HASIL DAN PEMBAHASAN

Recommend Documents