91
BAB IV IMPLEMENTASI DAN EVALUASI SISTEM
Tahap implementasi sistem adalah tahap yang mengkonversi hasil analisis dan perancangan sebelumnya kedalam sebuah bahasa pemrograman yang dimengerti oleh komputer.
Analisa dan perancangan tersebut akan diterjemahkan kedalam suatu
bentuk atau bahasa yang dapat dibaca dan diterjemahkan oleh komputer untuk diolah, kemudian komputer akan menjalankan fungsi-fungsi yang telah didefinisikan sehingga mampu memberikan layanan-layanan kepada penggunanya. 4.1.
Kebutuhan Sistem Kebutuhan sistem informasi penjualan berbasis web dibagi menjadi tiga yaitu
kebutuhan server, kebutuhan perangkat lunak, dan kebutuhan perangkat keras. 4.1.1
Kebutuhan Server Server Paris online akan menyewa layanan hosting dengan sistem yang
merupakan paket dengan layanan Paris. SSI yang akan menyewa hosting untuk semua Paris klien dengan bandwidth unlimited dan disk space unlimited. 4.1.2 Kebutuhan Perangkat Keras Kebutuhan perangkat keras untuk Paris Manajemen Klien ini adalah sebagai berikut: a.
Komputer server dengan spesifikasi Processor intel Xeon, RAM minimal 8GB, HDD
1 91
TB
92
b.
Jaringan Internet
4.1.3
Kebutuhan Perangkat Lunak Paris Manajemen Klien dibangun dan dicoba dengan kebutuhan perangkat
lunak sebagai berikut: 1. Sistem operasi windows 7 2. Browser Google Chrome versi 51 atau Mozilla Firefox versi 46 3. XAMPP 5.6.3 a. PHP 5.6.3 b. MySQL 5.0 c. Filezilla server 0.9.41 4.2.
Pembuatan Sistem Aplikasi Paris Manajemen Klien ini dibangun dengan menggunakan
framework CodeIgniter dan database MySQL. Pembangunan sistem ini dibantu juga oleh library-library seperti JQuery, Bootstrap, Amcharts, Font Awesome, TCPDF. Library-library ini memiliki fungsi khusus yang dapat membantu menyempurnakan sistem yang dibuat. JQuery digunakan untuk mempermudah operasi-operasi javascript. Bootstrap digunakan untuk tampilan kontrol beserta operasinya ke pengguna, seperti grid, auto-complete, datetime picker dan lainnya. Amchart digunakan untuk menampilkan laporan grafis dalam bentuk chart. Font Awesome digunakan untuk menampilkan icon-icon yang dapat mempercantik tampilan sistem.
93
TCPDF digunakan untuk menampilkan laporan dalam bentuk file PDF. Pattern yang digunakan dalam penulisan kode program adalah MVC. 4.3.
Implementasi Sistem
4.3.1
Login Paris Manajemen Klien Untuk dapat menggunakan aplikasi Paris Manajemen Klien, user yang yang
akan masuk harus melakukan login dan divalidasi oleh sistem apakah data user berhak masuk atau tidak.
Gambar 4. 1 Tampilan Halaman Login Paris Manajemen Klien 4.3.2 Membuat Master Klien Pada halaman membuat master klien terdapat tabel daftar klien Paris dan terdapat tombol bergambar pensil untuk melakukan edit, tombol berbentuk tong sampah untuk menghapus, dan tambah klien baru untuk menambah klien baru. Jika tombol tambah atau edit di klik, akan muncul halaman seperti pada gambar 4.2.
94
Gambar 4. 2 Tampilan Tabel Klien Pada Membuat Master Klien Gambar 4.3 menjelaskan tampilan form pada membuat master klien, terdapat 4 kolom data yaitu id klien yang akan terisi otomatis oleh sistem, kemudian nama, tanggal daftar, dan status aktif klien.
Gambar 4. 3 Tampilan Form Tambah atau Edit Membuat Master Klien
95
4.3.3 Membuat Master Lokasi Parkir Tampilan membuat master lokasi parkir akan berisikan tabel klien, dan ketika dipilih klien yang ingin ditambah lokasi parkirnya, akan tampil lokasi-lokasi milik klien tersebut. Untuk menambah data, terdapat klik tombol tambah lokasi parkir baru yang berada di tabel lokasi parkir sisi kanan atas. Untuk merubah dan menghapus, terdapat tombol berbentuk pensil untuk melakukan edit dan tombol berbentuk tong sampah untuk menghapus data.
Gambar 4. 4 Tampilan Halaman Membuat Master Lokasi Parkir Gambar 4.5 adalah tampilan form untuk menambah dan merubah data lokasi parkir. Ada 7 kolom data yaitu id lokasi parkir, nama lokasi parkir, alamat, password sinkronisasi database, kemudian akun database (nama database, user, password).
96
Gambar 4. 5 Tampilan Form Lokasi Parkir 4.3.4 Membuat Master User Halaman membuat master user sama dengan master-master yang lain. Pada halaman awal akan tampil tabel daftar user SSI yang dapat mengakses aplikasi Paris Manajemen Klien. Terdapat tombol edit dan hapus di dalam tabel. Juga tombol tambah user baru di sisi kanan atas.
97
Gambar 4. 6 Tampilan Halaman Membuat Master User Gambar 4.7 adalah tampilan form membuat master user. Halaman ini digunakan untuk menambah atau merubah data user. Terdapat 4 kolom data yaitu user id, nama, password, dan status aktif user.
98
Gambar 4. 7 Tampilan Halaman Form User 4.3.5 Menjalankan Paris Online Halaman Menjalankan Paris Online akan menampilkan 2 tabel yaitu tabel klien di sisi kiri, kemudian ketika tombol pilih di salah satu klien, akan tampil daftar lokasi-lokasi parkir dari klien yang telah dipilih. Untuk masuk ke Paris online, user harus melakukan klik pada salah satu tombol lokasi parkir di tabel lokasi parkir.
99
Gambar 4. 8 Tampilan Halaman Menjalankan Paris Online Gambar 4.9 adalah tampilan Paris online yang sudah ada sebelumnya. Halaman ini sebelumnya bisa diakses dengan cara masuk ke domain Paris online masing-masing klien Paris. Kemudian memasukkan user id dan password.
Gambar 4. 9 Tampilan Paris Online
100
4.3.6 Sinkronisasi Database dan Slot Parkir Gambar 4.10 adalah tampilan halaman sinkronisasi database dan slot parkir yang ada pada aplikasi Paris offline. Terdapat dua textarea untuk menampilkan log sinkronisasi. Textarea sebelah kiri menampilkan log sinkronisasi slot parkir, dan textarea sebelah kanan akan menampilkan log sinkronisasi database. Pada sisi kiri terdapat informasi waktu sinkronisasi database, dan interval waktu sinkronisasi slot parkir.
Gambar 4. 10 Tampilan Halaman Sinkronisasi Database 4.3.7
Laporan Pendapatan dan Kehilangan Klien Gambar 4.11 adalah tampilan laporan pendapatan dan kehilangan klien.
Informasi yang akan ditampilkan adalah informasi pendapatan, transaksi dan kehilangan milik semua klien Paris.
101
Gambar 4. 11 Laporan Pendapatan dan Kehilangan Klien 4.3.8
Laporan Pendapatan dan Kehilangan Lokasi Parkir Gambar 4.12 adalah tampilan laporan pendapatan dan kehilangan lokasi-
lokasi parkir Paris. Informasi yang akan ditampilkan adalah informasi pendapatan, transaksi dan kehilangan di lokasi-lokasi parkir, serta perkembangan member klien Paris.
Gambar 4. 12 Laporan Pendapatan dan Kehilangan Lokasi Parkir
102
Uji Coba Sistem dan Evaluasi
4.4.
Setelah sistem diimplementasikan, langkah selanjutnya adalah melakukan uji coba dan evaluasi sistem. Tujuan dari uji coba dan evaluasi sistem adalah untuk mengetahui apakah sistem yang telah dibangun sudah berjalan dengan baik sesuai dengan tujuan atau output yang diharapkan. Uji coba dan evaluasi sistem dilakukan sesuai dengan rancangan yang dibuat pada bab 3 dan menggunakan metode black box testing. Uji coba dan evaluasi dilakukan terhadap fungsi-fungsi sistem yang telah ditulis pada rancangan pengujuan di bab 3. A.
Uji Coba Membuat Master Lokasi Slot Uji coba ini dilakukan dengan mencoba langsung pada aplikasi Paris offline.
Tambah, data, ubah data, dan isi id perangkat dan juga menghapus data dilakukan dapam uji coba ini. Hasil uji coba ditulis pada Tabel 4.1. Tabel 4. 1 Hasil Uji Coba Membuat Master Lokasi Slot Test Tujuan
Input
Output yang diharapkan
1.
Tambah slot parkir
Nama lokasi slot, jumlah slot
Data berhasil disimpan
Sukses
2.
Mencoba menambah slot tanpa isi nama dan jumlah slot
-
Harap lengkapi form
Sukses
3.
Edit lokasi slot
Nama lokasi slot, jumlah slot
Data berhasil disimpan
Sukses
4.
Hapus lokasi slot
Klik tombol hapus pada lokasi yang
Data lokasi slot
Sukses
Case ID
Status
103
Test Tujuan
Input
Output yang diharapkan
ingin dihapus
berhasil dihapus
Id perangkat masing-masing slot
Data berhasil disimpan
Case ID
Simpan id perangkat
5.
B.
Status
Sukses
Sinkronisasi Database Uji coba sinkronisasi database dilakukan dengan cara mengatur waktu
sinkronisasi database. Hasilnya dapat dilihat pada Tabel 4.2. Tabel 4. 2 Hasil Uji Coba Sinkronisasi Database Test Tujuan
Input
Sinkronisasi database
-
Case ID 1.
C.
Output yang diharapkan
Status
Sinkronisasi Sukses database berhasil
Sinkronisasi Slot Parkir Uji coba sinkronisasi slot parkir dilakukan dengan cara mengatur interval
waktu sinkronisasi data slot. Hasilnya dapat dilihat pada Tabel 4.3. Tabel 4. 3 Hasil Uji Coba Sinkronisasi Slot Parkir Test Tujuan
Input
Sinkronisasi slot parkir
-
Case ID 1.
D.
Output yang diharapkan Sinkronisasi data slot berhasil
Status Sukses
Paris Mobile Uji coba ini dilakukan dengan mencoba memasukkan data id klien, id
104
member dan password yang benar dan salah, hasilnya dapat dilihat pada Tabel 4.4. Tabel 4. 4 Hasil Uji Coba Paris Mobile Test
Output yang diharapkan
Tujuan
Input
1.
Login Paris Mobile
Klien id, member id, dan password
Masuk ke aplikasi Paris Mobile dan menampilkan Informasi slot kosong
Sukses
2.
Login Paris Mobile dengan password yang salah
Id klien, id member, password salah
Data tidak ditemukan atau password salah
Sukses
Case ID
E.
Status
Login Paris Manajemen Klien Uji coba ini dilakukan dengan memasukkan id klien, id user dan password
yang benar dan salah. Hasil dari uji coba ini bisa dapat dilihat pada Tabel 4.5. Tabel 4. 5 Hasil Uji Coba Login Paris Manajemen Klien Test
Output yang diharapkan
Tujuan
Input
1.
Login user klien
Id klien, id user, dan password
Masuk ke aplikasi Paris Manajemen Klien
Sukses
2.
Login user klien dengan password salah
Id klien, id user, dan password salah
Username atau password tidak valid, silahkan masukkan kembali
Sukses
Case ID
Status
105
Test
Output yang diharapkan
Tujuan
Input
3.
Login user SSI
id user, dan password
Masuk ke aplikasi Paris Manajemen Klien
Sukses
4.
Login user SSI dengan password salah
id user, dan password salah
Username atau password tidak valid, silahkan masukkan kembali
Sukses
Case ID
F.
Status
Membuat Master Klien Hasil Uji coba membuat master klien dilakukan dengan melakukan tambah
dan ubah data klien secara lengkap dan tidak lengkap. Berikut adalah hasil ui coba membuat master klien dapat dilihat pada Tabel 4.6. Tabel 4. 6 Hasil Uji Coba Membuat Master Klien Test
Output yang diharapkan
Tujuan
Input
1.
Tambah klien baru
Nama klien, tanggal daftar, dan status aktif
Data berhasil disimpan
Sukses
2.
Tambah klien baru tanpa memasukkan nama
Tanggal daftar dan status aktif
Data belum lengkap, mohon dicek dan dilengkapi terlebih dahulu
Sukses
3.
Edit data klien
Nama klien, tanggal daftar, dan
Data berhasil disimpan
Sukses
Case ID
Status
106
Test Tujuan
Input
Case ID
Output yang diharapkan
Status
status aktif Edit klien tanpa memasukkan nama
4.
G.
Tanggal daftar dan status aktif
Data belum lengkap, mohon dicek dan dilengkapi terlebih dahulu
Sukses
Membuat Master Lokasi Parkir Hasil uji coba membuat master lokasi parkir dilakukan dengan menambah,
dan merubah data lokasi parkir secara lengkap dan tidak lengkap. Hasil uji coba membuat master lokasi parkir dapat dilihat pada Tabel 4.7. Tabel 4. 7 Hasil Uji Coba Membuat Master Lokasi Parkir Test
Output yang diharapkan
Tujuan
Input
1.
Tambah lokasi parkir baru
Nama lokasi parkir, Data berhasil alamat, password disimpan sinkronisasi database, nama database, user database, password database
Sukses
2.
Tambah lokasi parkir baru tanpa memasukkan nama
Alamat, password sinkronisasi database, nama database, user database, password
Sukses
Case ID
Data belum lengkap, mohon dicek dan dilengkapi
Status
107
Test Tujuan
Input
Output yang diharapkan
database
terlebih dahulu
Case ID
Status
3.
Edit lokasi parkir
Nama lokasi parkir, Data berhasil alamat, password disimpan sinkronisasi database, nama database, user database, password database
Sukses
4.
Edit lokasi parkir tanpa memasukkan nama lokasi parkir
Alamat, password sinkronisasi database, nama database, user database, password database
Sukses
H.
Data belum lengkap, mohon dicek dan dilengkapi terlebih dahulu
Membuat Master User Hasil uji coba membuat master user dilakukan dengan melakukan tambah,
dan edit data user secara lengkap dan tidak lengkap. Hasil uji coba master user dapat dilihat pada Tabel 4.8. Tabel 4. 8 Hasil Uji Coba Membuat Master User Test
Output yang diharapkan
Tujuan
Input
1.
Tambah user baru
Nama user, password, dan status aktif
Data berhasil disimpan
Sukses
2.
Tambah user baru tanpa memasukkan
Password dan status aktif
Data belum lengkap, mohon dicek dan
Sukses
Case ID
Status
108
Test Tujuan
Input
Case ID nama
I.
Output yang diharapkan
Status
dilengkapi terlebih dahulu
3.
Edit data user
Nama user, password, dan status aktif
Data berhasil disimpan
Sukses
4.
Edit user tanpa memasukkan nama
Password dan status aktif
Data belum lengkap, mohon dicek dan dilengkapi terlebih dahulu
Sukses
Menjalankan Paris Online Tidak banyak yang diujikan pada fungsional ini, yaitu dengan melakukan
klik pada lokasi parkir yang sudah terdaftar oleh sistem. Hasil dari uji ciba ini bisa diliihat pada Tabel 4.9.
109
Tabel 4. 9 Hasil Uji Coba Menjalankan Paris Online Test Tujuan
Input
Output yang diharapkan
Menjalankan paris online
Klik lokasi parkir yang ingin dikunjungi Paris onlinenya
Masuk ke aplikasi Paris online yang dituju
Case ID 1.
J.
Status Sukses
Evaluasi Kesesuaian Hasil Akhir Sistem Dari hasil uji coba dan evaluasi secara keseluruhan, dapat diketahui bahwa
aplikasi Paris Manajemen Klien dapat mengelola Paris dan mengelola lokasi-lokasi parkir Paris, serta memberikan informasi ketersediaan slot parkir untuk member yang akan dijelaskan pada Tabel 4.10. Tabel 4. 10 Tabel Evaluasi Sistem No.
Kebutuhan
Hasil
Bukti
1.
Sistem dapat mengelola klienklien Paris
Sistem dapat mengelola klienklien Paris
Dengan adanya aplikasi Paris Manajemen Klien, SSI dapat mengatur dan membuat laporan dari semua Paris milik klien dalam 1 aplikasi.
2.
Sistem dapat mengelola lokasilokasi parkir Paris
Sistem dapat mengelola lokasilokasi parkir Paris
Dengan adanya Paris Manajemen Klien, database Paris online dan offline dapat tersinkronisasi, sehingga perubahan data dapat terus tersebar ke semua database Paris.
110
No. 3.
Kebutuhan
Hasil
Bukti
Sistem dapat menginformasikan ketersediaan slot parkir di suatu lokasi Paris
Sistem dapat menginformasikan ketersediaan slot parkir di suatu lokasi Paris
Dengan adanya sinkronisasi data slot parkir, informasi ketersediaan slot parkir bisa didapat dan diberikan kepada member Paris.
