118 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Rencana Implementasi 4.1.1 Tata Cara melaksanakan sistem yang diusulkan Untuk memperlancar penerapan Internet PrePaid and PostPaid System berbasis web ini haruslah terdapat komponen-komponen yang dapat mendukung pengimplementasian aplikasi ini, komponen-komponen yang penulis maksud disini adalah komponen perangkat keras, dan perangkat lunak yang akan digunakan dalam pengembangan aplikasi ini. 4.1.2 Dukungan perangkat keras Perangkat keras di sini memiliki arti bahwa komponen yang digunakan adalah komponen yang secara fisik digunakan dalam mendukung aplikasi yang telah dibuat oleh penulis. Untuk mengimplementasikan Internet PrePaid and PostPaid System berbasis web diperlukan perangkat keras sebagai berikut: 1. Untuk Server: Prosesor Intel Pentium IV 2.4 GHz Memori DDRAM 512 MB VGA 64 MB / onboard (optional) Harddisk 80 GB Monitor SVGA (optional)
119 Ethernet card 100 Mbps Mouse dan keyboard sebagai alat masukan (optional) 2. Untuk admin: Prosesor Intel Pentium IV 2.2 GHz Memori DDRAM 256 MB Harddisk 40 GB Monitor VGA VGA 32 MB Mouse dan keyboard sebagai alat masukan (optional) Ethernet Card 100 Mbps 4.1.3 Dukungan Perangkat Lunak Perangkat lunak yang digunakan dalam mengimplementasikan sistem ini adalah sebagai berikut: 1. Untuk server Operating system : Windows XP professional Web browser: Internet Explorer 5.0 atau lebih PHP MYSQL MYSQL server 2000 2. Untuk Superadmin dan Admin Operating system : windows XP professional Web browser : internet explorer 5.0 atau lebih
120 4.2 Implementasi Aplikasi 4.2.1 Prosedur penggunaan Web Untuk Admin 1. Untuk memasuki aplikasi, admin perlu melakukan prosedur login terlebih dahulu. Pada halaman login, dimasukan username dan password. Dengan menekan tombol login,maka aplikasi akan mengecek username dan password yang diberikan. Apabila verifikasi berhasil, maka pengguna dapat memasuki sistem. Bila verifikasi gagal, ditampilkan pesan error. Gambar 4.1 halaman login 2. Setelah admin berhasil melewati prosedur login, maka akan masuk ke halaman home. Di halaman ini, admin dapat mengatur dan memonitor Internet PrePaid and PostPaid System yang sedang berjalan, dengan dibantu oleh fitur fitur yang terdapat di bagian menu.
121 Gambar 4.2 halaman home Beberapa fitur yang terdapat pada bagian menu antara lain : Add Fitur Add akan menampilkan halaman untuk menambah user yang baru secara satu - persatu. Upload Fitur Upload akan menampilkan halaman untuk mengupload atau menambah data user yang baru secara keseluruhan. All User Fitur All User akan menampilkan halaman untuk semua user yang aktif.
122 Search Fitur Search akan menampilkan halaman untuk mencari user. Prepaid Fitur Prepaid akan menampilkan halaman untuk melihat user yang menggunakan prepaid Postpaid Fitur Postpaid akan menampilkan halaman untuk melihat user yang menggunakan postpaid Online User Fitur Online User akan menampilkan halaman melihat semua user yang sedang online. Logout Setelah user telah selesai menggunakan aplikasi, user dapat menekan link ini untuk keluar dari sistem. 3. Halaman Add digunakan untuk menambah user yang baru secara satu - persatu, pada saat tombol submit ditekan, aplikasi akan menvalidasikan semua inputan jika validasi berhasil, maka data user yang baru akan dimasukan kedalam database dan akan menampilkan pesan sukses, jika
123 validasi tidak berhasil, maka aplikasi menampilkan pesan data yang dimasukan sudah ada pada halaman ini. Gambar 4.3 halaman Add 4. Halaman Upload digunakan untuk menambah user yang baru secara keseluruhan, pada saat tombol browse ditekan maka akan menampilkan explorer untuk mencari data yang akan di ambil untuk di browse. Kemudian pada saat tombol submit ditekan akan menampilkan pesan sukses dan link untuk kembali ke halaman upload. Setelah kembali ke halaman upload maka akan menampilkan nama textfield yang di upload dalam bentuk format dot txt (.txt), sehingga pada saat tombol submit ditekan maka aplikasi akan menvalidasikan inputan jika validasi berhasil, maka data user yang baru akan dimasukan kedalam database dan akan menampilkan pesan insert sukses. Jika validasi tidak berhasil, maka aplikasi menampilkan pesan insert gagal pada halaman ini.
124 Gambar 4.4 halaman Upload 5. Halaman All User digunakan untuk menampilkan semua data user yang aktif, yang ditampilkan adalah username dan terdiri dari link Edit User dan link Lihat User. Gambar 4.5 halaman All User
125 6. Halaman Edit User digunakan untuk mengedit data user yang aktif, yang ditampilkan meliputi UserName, Nama, Status Alumni, dan Password. Pada saat tombol submit ditekan maka aplikasi akan menvalidasikan inputan jika validasi berhasil, maka data user yang baru akan dimasukan kedalam database dan akan menampilkan pesan update sukses. Jika validasi tidak berhasil, maka aplikasi menampilkan pesan update gagal pada halaman ini. Gambar 4.6 halaman Edit User 7. Halaman Lihat User digunakan untuk melihat data user yang aktif, yang ditampilkan adalah UserName, StartTime, StopTime, Download, Upload, MacAddress yang berasal dari table radacct. username didapat dari field username pengguna wifi tersebut starttime didapat dari nama field acctstarttime, acctstarttime ini mencatat waktu penggunaan wifi oleh user. Stoptime didapat dari nama field acctstoptime, acctstoptime ini mencatat waktu penghentian penggunaan wifi. Download didapat dari nama field acctinputoctets
126 Upload didapat dai nama field acctoutputoctets Mac address didapat dari nama field callingstationid Gambar 4.7 halaman Lihat User 8. Halaman Search digunakan untuk Mencari user yang aktif, pada saat tombol submit ditekan maka aplikasi akan menvalidasikan inputan jika validasi berhasil, maka akan menamenampilkan data user, yang ditampilan meliputi UserName serta link Edit, link Lihat Pengguna, dan link Delete, jika search tidak berhasil, maka aplikasi akan menampilkan pesan data tidak tersedia pada halaman ini. Gambar 4.8 halaman Search
127 Gambar 4.9 halaman Search2 9. Halaman Delete digunakan untuk Menghapus username user yang aktif, pada saat link delete ditekan maka aplikasi akan menvalidasikan system jika validasi berhasil, maka akan menampilkan pesan delete berhasil dan akan langsung masuk ke halaman search kembali, jika delete tidak berhasil, maka aplikasi akan menampilkan pesan delete gagal pada halaman ini. Gambar 4.10 halaman Delete
128 10. Halaman Prepaid digunakan untuk Menambah account untuk user yang menggunakan prepaid Gambar 4.11 halaman Prepaid 11. Halaman Postpaid digunakan untuk Melihat lama waktu pengunaan wifi user yang menggunakan postpaid, serta terdapat link untuk pembayaran Gambar 4.12 halaman Postpaid
129 12. Halaman Online User akan menampilkan user-user yang sedang online, yang ditampilkan meliputi UserName, Lihat User. Gambar 4.13 halaman Online User 13. Halaman Logout digunakan user keluar dari system. Pada saat link logout ditekan maka akan menampilkan pesan Anda telah berhasil logout. Gambar 4.14 halaman Logout 4.2.2 Prosedur Penggunaan Web Untuk Super Admin Prosedur penggunaan web dan tampilan web untuk super admin tidak jauh berbeda dengan penggunaan web untuk admin
130 1. Pada rancangan home untuk super admin, terlihat bahwa menu-menu yang ditampilkan tidak jauh berbeda dengan rancangan admin, yang membedakan yaitu adanya penambahan menu seperti AddTarif, Chart, View Tarif dan report selain menu tersebut fungsi pada admin dan super admin sama. Gambar 4.15 halaman home 2. Halaman Operator digunakan untuk menambah operator admin dan superadmin, yang ditampilkan meliputi Operator, Password, dan Type. Gambar 4.16 halaman operator
131 3. Halaman view tarif akan menampilkan tarif / harga penggunaan internet dan Type yaitu tipe prepaid yang diinginkan oleh user, misalnya untuk type onehour berarti user hanya dapat menggunakan wifi satu jam saja pada halaman view tarif ini, super admin dapat mengupdate tarif Gambar 4.17 halaman view tarif 4. Pada halaman Update Tarif, super admin dapat mengupdate tarif sesuai kehendak super admin, dan ketika di submit maka tarif tersebut akan terupdate. Gambar 4.18 halaman update tarif
132 5. Pada halaman Add Tarif, super admin dapat membuat type tarif dan harga yang baru, ketika di submit akan ada penambahan type tarif yang baru. Gambar 4.19 halaman Add Tarif 6. Pada halaman jumlah user super admin dapat melihat total user yang menggunakan postpaid dan prepaid Gambar 4.20 halaman jumlah user
133 Bila salah satu user prepaid di klik maka akan terdapat lama waktu penggunaan dan sisa waktu pemakaian user Gambar 4.21 halaman user prepaid Bila salah satu user postpaid di klik maka akan terlihat lama waktu pemakaian dari user tersebut Gambar 4.22 halaman user postpaid
134 7. Pada halaman chart, super admin dapat melihat laporan penggunaan bandwith, total pemakaian, dan jumlah user yang aktif tiap 3 bulan Gambar 4.23 halaman chart bandwith Gambar 4.24 halaman chart total pemakaian
135 Gambar 4.25 halaman chart user aktif 8. Pada halaman ini, super admin dapat menampilkan report dari pemakaian internet oleh user, pada halaman report tersebut terdapat pilihan tanggal report yang ingin dilihat oleh super admin setelah tombol search ditekan maka akan terdapat halaman hasil report yang terdiri dari username, typepayment, price, operator dan total. username yaitu user atau pemakai wifi, typepayment yaitu tipe pembayaran yang diinginkan, price yaitu harga dari tipe pembayaran dan operator adalah admin yang menambahkan account untuk user. Gambar 4.26 halaman report
136 Gambar 4.27 halaman hasil report 4.3 Evaluasi Aplikasi Untuk mengetahui sejauh mana kemampuan dari aplikasi yang dirancang maka perlu dilakukan evaluasi aplikasi dengan harapan mendapatkan informasi yang berguna untuk pengembangan aplikasi. Evaluasi yang dilakukan terbagi 3 bagian yaitu: evaluasi penanganan error yang sering terjadi pada aplikasi, evaluasi berdasarkan IMK (Interaksi Manusia dan Komputer) serta evaluasi berdasarkan respon pengguna. 4.3.1 Evaluasi Penanganan Error Yang Sering Terjadi Pada Saat Implementasi Penanganan error yang dievaluasi adalah penanganan error pada proses otentikasi, proses penambahan user baru. Proses Otentikasi Pada halaman login,admin harus menginput username dan password, setelah tombol login di tekan maka akan dilakukan proses otentikasi terhadap inputan,
137 jika terjadi kesalahan pada penginputan, maka akan ditampilkan pesan kesalahan Username dan Password salah Gambar 4.28 pesan kesalahan pada saat otentikasi Proses Penambahan User Baru Pada saat penambahan user baru, ada textfield - textfield yang harus diinput semuanya, jika terjadi kesalahan penginputan oleh admin, maka proses penambahan user tidak dapat dilakukan 4.3.2 Evaluasi Berdasarkan Interaksi Manusia dan Komputer Untuk mengetahui secara efektif dan efisien aplikasi web yang telah dirancang, maka evaluasi dilakukan berdasarkan delapan aturan emas perancangan interface yaitu: 1. Konsistensi Dalam merancang tampilan aplikasi, digunakan warna, jenis huruf, dan tata letak yang konsisten
138 Gambar 4.29 halaman Search Gambar 4.30 halaman Edit User Pada kedua gambar diatas, dapat di lihat pada konsistensi letak, penggunaan warna, jenis huruf didalam judul, menu pilihan seperti : Add dan Upload. 2. Memungkinkan penggunaan shortcut Aplikasi tidak mendukung adanya shortcut karena masih menggunakan tampilan yang sederhana sehingga tidak membingungkan user.
139 3. Memberikan umpan balik yang informatif Di dalam aplikasi ini memungkinkan adanya umpan balik dari sistem terhadap aksi yang dilakukan oleh user. Salah satu contoh adalah apabila admin melakukan login, apabila admin melakukan kesalahan dalam login maka akan muncul pesan username dan password salah, namun apabila login yang dilakukan berhasil maka akan muncul halaman home. Gambar 4.31 halaman cek login 4. Merancang dialog yang memberikan penutupan (keadaan akhir) Apabila admin menambah user baru di halaman Add, maka setelah tombol submit ditekan akan menampilkan pesan sukses. 5. Memberikan pencegahan dan penanganan kesalahan yang sederhana Hal ini dapat diperhatikan dalam halaman admin untuk bagian Add, pada saat tombol submit ditekan maka aplikasi akan menvalidasikan semua
140 inputan jika validasi berhasil, maka data admin yang baru akan dimasukan kedalam database dan akan menampilkan pesan sukses, jika validasi tidak berhasil, maka aplikasi menampilkan pesan data yang dimasukan sudah ada. 6. Memungkinkan pembalikan aksi yang mudah Didalam palikasi ini, disediakan fitur - fitur untuk membalikkan aksi. Misalnya untuk admin memiliki link untuk Add, Upload, All User, Search, prepaid, postpaid, Online User, Logout, sedangkan untuk superadmin sama dengan admin tetapi ada beberapa penambahan fitur, misalnya link untuk AddTarif, ViewTarif, dan Report. 7. Mendukung pusat kendali internal (internal locus control) Di aplikasi ini, kendali seluruhnya terletak pada pengguna. Dengan mengakses aplikasi ini, pengguna dapat mengontrol semua fitur yang disediakan di aplikasi ini sesuai harapan termasuk perubahan data di dalam database. 8. Mengurangi beban ingatan jangka pendek Ada beberapa hal yang dirancang untuk memudahkan ingatan admin dalam penggunaan aplikasi ini, salah satunya adalah perancangan button link yang mudah diingat dan di ketahui maknanya. Misalnya link Online User ditujukan untuk melihat user yang sedang on-line