BAB 4 IMPLEMENTASI DAN EVALUASI. maupun perangkat keras yang memenuhi syarat agar website ini tentunya bisa

dokumen-dokumen yang mirip
UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Program Studi Software Engineering Skripsi Sarjana Komputer Semester Ganjil tahun 2005/2006

Halaman Bidang Studi Guru. Gambar 4.25 Tampilan Halaman Bidang Studi Guru

BAB 4 HASIL DAN PEMBAHASAN

Gambar 4.35 Halaman Contact Us

BAB 4 IMPLEMENTASI DAN EVALUASI Kebutuhan Pengembangan Sistem. mengembangkan sistem pemesanan berbasis web ini terdiri atas kebutuhan

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI Sumber Daya yang Dibutuhkan Kebutuhan Perangkat Keras. b. Hardisk minimum 80GB. c. Memory 512MB.

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

BAB 4 IMPLEMENTASI DAN EVALUASI. harus disediakan server, perangkat lunak (software), perangkat keras (hardware)

BAB 4 IMPLEMENTASI DAN EVALUASI. yang dapat menunjang berjalannya sistem agar berjalan secara optimal. Dimana

Gambar 4.32 Tampilan layar Reference to the Others pada User

BAB 4 IMPLEMENTASI DAN EVALUASI

20. Halaman Detail Produk Setelah Login

BAB 4 IMPLEMENTASI DAN EVALUASI. lunak dan personil yang dibutuhkan serta jadwal implementasi sistem tersebut.

BAB 4 IMPLEMENTASI DAN EVALUASI. spesifikasi tersebut mencakup perangkat lunak (software) dan perangkat keras

BAB IV. Hasil dan Pembahasan. Adapun hasil dari penelitian ini adalah sebuah website yang menampilkan produk-produk

BAB 4 IMPLEMENTASI DAN EVALUASI. Tabel 4.1 Tabel Rincian Timeline Implementasi Sistem

BAB 4 IMPLEMENTASI DAN EVALUASI. telah di identifikasi pada bab 3, saatnya untuk melakukan implementasi dan Kebutuhan Sumberdaya Aplikasi

BAB IV IMPLEMENTASI DAN PENGUJIAN. mencoba semua fitur masing masing tingkatan pengguna. Untuk melakukan

BAB IV IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN UJI COBA

BAB 4 IMPLEMENTASI DAN EVALUASI. sistem aplikasi basis data pada CV. Lumbung Rejeki yaitu : Monitor : SVGA 17. : Optical Mouse.

BAB 4 IMPLEMENTASI DAN EVALUASI. Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor

BAB IV IMPLEMENTASI DAN EVALUASI. Berikut ini adalah daftar spesifikasi perangkat lunak yang

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

BAB IV IMPLEMENTASI DAN EVALUASI. Dalam merancang dan membangun sistem penjualan online ini ada

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

Rancangan Layar Insert Berita Gambar 4.81 Rancangan Layar Insert Berita

Halaman Login Halaman Staff

BAB 4 IMPLEMENTASI DAN EVALUASI

Halaman View Invoice. Berikut ini adalah rancangan untuk layar View Invoice:

BAB IV IMPLEMENTASI DAN EVALUASI

Bab 4. Implementasi dan Evaluasi. Seperti yang sudah dibahas pada bagian sebelumnya, aplikasi yang dibuat

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

Prosedur Penggunaan Program Gambar 4.7 Halaman Home

BAB 4 IMPLEMENTASI DAN EVALUASI. Faktor-faktor tersebut antara lain adalah perangkat keras, perangkat lunak,

BAB IV IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

Bab IV. HASIL DAN ANALISIS

BAB 4 HASIL DAN PEMBAHASAN

Gambar 4.26 Gambar Halaman Kategori. Ini merupakan gambar halaman Kategori untuk administrator, menampilkan semua

PROSEDUR PROGRAM. Berikut ini adalah petunjuk pemakaian aplikasi basis data penjualan, pembelian

BAB 4 HASIL DAN PEMBAHASAN

Gambar 4.73 Rancangan Layar Halaman Health Articles

Ask Guestions). Pada halaman ini customer dapat melihat pertanyaan-pertayaan

Gambar 4.32 Tampilan Layar Inquiries. Pada halaman ini, terdapat pertanyaan yang ditanyakan oleh user beserta jawaban dari

BAB IV IMPLEMENTASI DAN EVALUASI SISTEM. disesuaikan dengan desain sistem yang sudah dibuat. Rancang Bangun sistem

BAB 4 PERANCANGAN SISTEM PEMASARAN BERBASIS WEB. 4.1 Tahap keempat : Membuat interface konsumen

Petunjuk Pemakaian Sistem

Gambar 4.38 Tampilan Layar Staff. menampilkan daftar perusahaan staff yang sudah tercatat atau

BAB 4 HASIL DAN PEMBAHASAN

BAB 4 IMPLEMENTASI DAN EVALUASI. Guna Elektro adalah sebagai berikut : Processor : Pentium III 800 MHz. Printer : HP Deskjet 400

Bab 4. Hasil dan Pembahasan

BAB IV IMPLEMENTASI DAN EVALUASI. Pengelolaan Food Court terlebih dahulu diperlukan komponen-komponen utama

BAB 4 IMPLEMENTASI. dirancang, spesifikasi perangkat lunak (software) dan perangkat keras (hardware) yang

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB V PEMBAHASAN DAN IMPLEMENTASI

BAB 4 RANCANGAN SISTEM YANG DIUSULKAN. perusahaan saat ini, maka diusulkan adanya sistem yang baru. Sistem yang diusulkan

Gambar Rancangan Layar Halaman Kuis Guru (Langkah Dua)

BAB 4 IMPLEMENTASI DAN EVALUASI. Pelaksanaan implementasi sistem bank soal pada Binus School Serpong. melibatkan beberapa elemen utama, yaitu:

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB 4 IMPLEMENTASI DAN EVALUASI. spesifikasi sistem. Dimana spesifikasi sistem tersebut mencakup spesifikasi

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

BAB IV IMPLEMENTASI & EVALUASI. spesifikasi tersebut mencakup piranti keras dan piranti lunak KEBUTUHAN SUMBER DAYA PIRANTI LUNAK

BAB 4 IMPLEMENTASI DAN EVALUASI. dalam pengoperasian sistem basis data yang baru: : HP Deskjet 656c

BAB 4 IMPLEMENTASI DAN EVALUASI Perangkat keras yang di butuhkan. optimal pada server dan client sebagai berikut.

BAB 4 IMPLEMENTASI DAN EVALUASI Sumber Daya yang Dibutuhkan Kebutuhan Perangkat Keras

BAB IV IMPLEMENTASI SISTEM

Sistem pendukung CRM

Gambar 4.75 Layar mengedit event

Prosedur Menjalankan Program

BAB V IMPLEMENTASI DAN PEMBAHASAN. pada SMA Negeri 15 Surabaya. Penjelasan yang diberikan yaitu mengenai

HOW TO USE : Cara menjalankan program

BAB 4 IMPLEMENTASI DAN EVALUASI. Pada bab ini akan masuk pada tahap pembuatan dan evaluasi dari sistem yang. perangkat keras/hardware adalah :

Gambar 4.30 Tampilan Layar Merchandise. dengan merek jual grup musik samsons seperti t-shirt, sticker, jaket, dan produk yang

Aplikasi Event Portal dapar diakses melalui web dan mobile application. 1. Prosedur Penggunaan Aplikasi Berbasis Website

BAB IV HASIL DAN UJI COBA

BAB 4 IMPLEMENTASI DAN EVALUASI HASIL Kebutuhan Sistem Hardware dan Software Spesifikasi Perangkat Keras (Hardware)

customer sudah penuh, dan Ada Tempat jika hotel yang dicari ada. Gambar 4.50 Perancangan Layar Cek Hotel

Gambar 13 Tampilan Layar View Weekly Bonus

Lampiran Activity diagram. Gambar Activity Diagram Registrasi

BAB IV ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem merupakan suatu kegiatan penguraian dari suatu sistem yang

BAB IV ANALISIS DAN PERANCANGAN SISTEM

Instalasi Aplikasi Pada Perangkat Mobile. instalasi aplikasi pada perangkat mobile berbasis android :

Batal mengisi data pelanggan. Jika tombol update barang diterima ditekan. Tampilkan layar update status penerimaan barang

BAB IV HASIL DAN PEMBAHASAN

BAB V IMPLEMENTASI DAN PEMBAHASAN. pembuatan aplikasi Sistem Informasi Adminstrasi Travel Berbasis Web Pada PT.

4. Halaman Keranjang. Gambar 4.41 Halaman Keranjang ( pelanggan) Pada halaman keranjang pelanggan dapat melihat barang apa saja

Pada layar Order, pelanggan dapat mengakses informasi mengenai Tracking

tentang perubahan kondisi aplikasi dijalankan :

Gambar 4.24 Tampilan Halaman Member : Add / Edit New Member Admin. menampilkan informasi seluruh subject yang ada, Material; untuk menampilkan

UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika. Skripsi Sarjana Komputer. Semester Ganjil tahun 2006/2007

Prosedur Menjalankan Aplikasi

BAB IV HASIL DAN PEMBAHASAN

BAB 4 HASIL DAN PEMBAHASAN

Transkripsi:

BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Rencana Implementasi Dalam mengimplementasikan program ini dibutuhkan perangkat lunak maupun perangkat keras yang memenuhi syarat agar website ini tentunya bisa berjalan dengan baik. Dalam mengimplementasikan program ini tentunya tidak lepas juga dari sumber daya manusia. Untuk itu rencana implementasi ini dibagi dalam 3 bagian sebagai berikut: 4.1.1 Server Untuk server dibutuhkan suatu perangkat lunak yang siap menampung data program yang telah ada. Program ini tidak membutuhkan suatu server baru tetapi menggunakan server yang telah ada, yang biasanya dikenal dengan web hosting. Dibutuhkan web hosting yang mendukung PHP 4.10, My SQL 4.0. Dibutuhkan bandwith minimal 128 kbps, karena diharapkan proses program dapat berjalan dengan maksimal, dan cepat. Mengenai harga tentunya setiap tempat web hosting mempunyai harga yang berbeda-beda. Perusahaan ini memakai web hosting dari website www.techscape.com yang mempunyai harga sewa Rp 25.000 untuk setiap bulan dengan kapasitas 25mb. Harga ini dilihat pada tanggal 8 Januari 2005. Untuk mendukung penjualan online ini maka harus di-upgrade dengan kapasitas yang lebih besar yaitu pada paket business dengan kapasitas 50 mb yang biaya per bulannya Rp.50.000. 167

168 4.1.2 Client Untuk client dibutuhkan suatu perangkat lunak maupun perangkat keras untuk menggunakan website ini. Perangkat Keras Komputer dengan spesifikasi yang diusulkan untuk dapat menjalankan aplikasi internet. PC dengan prosesor Pentium atau yang setara yang dapat menjalankan aplikasi internet. Akses internet agar bisa terhubung ke internet baik menggunakan dialup atau jenis koneksi lainnya. Perangkat Lunak Browser yang bisa menjalankan internet, seperti Internet Explorer, Netscape, Mozilla, atau yang lainnya. 4.1.3 Perusahaan Untuk perusahaan dibutuhkan suatu perangkat lunak maupun perangkat keras untuk menggunakan website ini. Komputer dengan spesifikasi yang dapat menjalankan aplikasi internet terutama untuk transfer file antara komputer perusahaan dengan web hosting. Untuk koneksi internetnya menggunakan koneksi internet cable. Browser yang bisa menjalankan internet, seperti Internet Explorer, Netscape, Mozilla, atau yang lainnya. Perangkat lunak PHP, MySQL, MySQL front harus ada karena dibutuhkan program ini untuk mengubah fungsi dalam website.

169 4.1.4 Sumber Daya Manusia Selain kebutuhan perangkat keras dan perangkat lunak, dibutuhkan juga sumber daya manusia dalam penggunaan sistem ini, diantaranya adalah : Database Administrator, yang bertugas memelihara data dan mengolahnya agar dapat digunakan, dan juga bertanggung jawab atas keseluruhan sistem basis data. 4.2 Cara Penggunaan dan Tampilan Layar 4.2.1 Cara Penggunaan dan Tampilan Layar Front End Gambar 4.1 Tampilan Halaman Home

170 Ini adalah halaman pertama saat user pertama kali masuk yaitu halaman home. Pada halaman home ini terdapat navigasi yang berada di sebelah atas layar yaitu: home, how to use, merchant, news, dan buy card. Juga terdapat navigasi yang berada di sebelah bawah layar yaitu: terms and condition, contact us, dan faq. Di sebelah kiri layar terdapat form login agar user bisa login sebagai customer maupun merchant. Jika user belum terdaftar maka harus mendaftarkan diri dengan cara membeli kartu pada halaman buy card. Registrasi dan pembelian disini disatukan karena yang menjadi customer adalah mereka yang telah membeli kartu. Gambar 4.2 Tampilan Halaman How to use

171 Halaman How to use ini berguna dalam memberikan form tentang teknologi yang dipakai oleh Smart Card Savvy beserta dengan cara penggunaanya. Gambar 4.3 Tampilan Halaman Merchant Halaman Merchant ini merupakan halaman yang berisi form tentang merchant yang telah bergabung dengan perusahaan dalam memberikan loyalty mereka seperti potongan harga maupun berupa kumpulan poin yang bisa ditukarkan dengan produk tertentu. Untuk mengetahui lebih jelas tentang merchant tersebut maka user bisa melihat

detailnya. Kemudian disediakan kotak pencarian dimana user bisa mencari merchant sesuai dengan kategori dan lokasinya. 172 Gambar 4.4 Tampilan Halaman Merchant Details Halaman Merchant Details ini merupakan halaman yang berisi form yang lebih rinci tentang merchant, yang memuat data alamat outlet-outlet dari merchant yang bersangkutan serta loyalty programnya..

173 Gambar 4.5 Tampilan Halaman News Halaman news ini berisikan form tentang berita-berita terbaru dari merchantmerchant yang ada. Berita-berita ini diurutkan berdasarkan tanggal yang paling baru.

174 Gambar 4.6 Tampilan Halaman Buy Card Information Halaman ni berisikan syarat dan ketentuan dalam melakukan pembelian kartu secara online dan juga cara beli. Apabila user menekan Agree maka akan dilanjutkan pada halaman buy card.

175 Gambar 4.7 Tampilan Halaman Buy card Halaman buy card berisikan form dimana user harus mengisi dengan benar agar dapat melakukan pembelian kartu.

176 Gambar 4.8 Tampilan Halaman Buy Card Jika Terjadi Kesalahan Pada form pembelian ini dilakukan pengecekan apabila user melakukan kesalahan pengisian maka akan diberitahukan kesalahannya. User id yang didaftarkan oleh user tidak bisa sama dengan yang telah ada, disini juga telah dilakukan validasi dimana setiap user yang mendaftar harus mempunyai user id yang berbeda.

177 Gambar 4.9 Tampilan Halaman Buy card Confirmation Jika pengisian form pembelian telah berhasil maka akan masuk pada halaman confirmation dimana halaman ini merupakan bukti pembelian oleh user. Untuk itu kode transaksinya harus dicatat user. Halaman ini juga dikirim ke email user yang melakukan pembelian.

178 Gambar 4.10 Tampilan Halaman Terms & Condition Halaman terms & condition ini berisi form tentang aturan-aturan yang berlaku di perusahaan dimana customer maupun merchant yang bekerja sama harus mematuhinya.

179 Gambar 4.11 Tampilan Halaman Contact us Halaman contact us ini berisi tentang form alamat dimana user ataupun merchant lain bisa menghubungi perusahaan jika ingin bertanya maupun melakukan kerjasama dengan perusahaan.

180 Gambar 4.12 Tampilan Halaman FAQ Halaman FAQ ini berisikan form tentang pertanyaan-pertanyaan yang biasanya ditanyakan oleh customer, ataupun merchant. Halaman ini bertujuan agar pertanyaan yang seperti ini tidak akan ditanyakan lagi ke perusahaan dan customer ataupun merchant bisa langsung memperoleh jawaban atas pertanyaan tersebut..

181 Gambar 4.13 Tampilan Halaman Customer Information Yang Berstatus Pending Halaman ini merupakan halaman pertama saat user login sebagai customer dengan kondisi user telah berstatus pending atau belum melakukan pembayaran. Apabila user telah melakukan pembayaran, maka klik di payment confirmation untuk melakukan konfirmasi pembayaran.

182 Gambar 4.14 Tampilan Halaman Buy card Payment Confirmation Halaman ini merupakan halaman konfirmasi pembelian dari user yang telah melakukan transfer uang ke rekening perusahaan. Setelah menekan tombol OK maka secara langsung akan terkirim E-mail ke Admin yang memberitahukan konfirmasi pembayaran dari user yang bersangkutan. Jika user telah melakukan pembayaran maka akan dicek oleh admin perusahaan. Jika semuanya benar maka data user akan segera diubah menjadi berstatus customer aktif.

183 Gambar 4.15 Tampilan Halaman Customer Information Halaman ini merupakan halaman pertama saat user login sebagai customer dengan kondisi user telah berstatus customer aktif. Halaman ini terdapat navigasi baru yaitu profile, history dan point, dan comments.

184 Gambar 4.16 Tampilan Halaman View Customer Profile Halaman customer profile ini adalah halaman yang berisi form tentang profil customer. Customer bisa mengubahnya dengan memilih edit profile, dan change password untuk mengganti password dari customer sendiri.

185 Gambar 4.17 Tampilan Halaman Edit Customer Profile Halaman edit profile ini bertujuan agar customer bisa merubah data-datanya jika terdapat kesalahan. Form ini juga akan menunjukkan pesan kesalahan jika customer tidak mengisi dengan benar.

186 Gambar 4.18 Tampilan Halaman Change Customer Password Halaman change password ini bertujuan agar customer bisa mengganti passwordnya. Untuk keamanan pada penggantian password maka customer harus mengisi password lamanya kemudian password dan retype passwordnya harus sama..

187 Gambar 4.19 Tampilan Halaman Change Customer Password Jika Terjadi Kesalahan Halaman ini akan menampilkan pesan kesalahan jika customer melakukan kesalahan dalam pengisian password. Gambar 4.20 Tampilan Halaman Customer History & Point Halaman history dan point ini berisikan form tentang data poin yang didapatkan oleh customer dalam bertransaksi.

188 Gambar 4.21 Tampilan Halaman Customer Comments Halaman Comments ini bertujuan agar customer bisa melakukan kritik, saran, maupun pertanyaan kepada pihak perusahaan. Disediakan topik-topik pertanyaan agar jika pertanyaan misalnya mengenai pembelian maka akan dikirim pemberitahuan kepada bagian yang dimaksud melalui email juga. Jika customer telah memberikan pertanyaan maka akan dimasukkan pada form diatas dengan status belum terjawab. Jika statusnya terjawab maka customer bisa mengklik link pada topik untuk mengetahui jawabannya.

189 Gambar 4.22 Tampilan Halaman View Customer Comments Halaman ini adalah apabila user mengklik link pada topik yang ada yang telah terjawab untuk melihat jawaban dari pertanyaan-pertanyaannya.

190 Gambar 4.23 Tampilan Halaman Merchant Information Halaman ini merupakan halaman yang pertama saat user melakukan login sebagai merchant. Terdapat navigasi baru yaitu: buy service, add news, comments, dan payment confirmation.

191 Gambar 4.24 Tampilan Halaman Merchant Buy Service 1 Halaman buy service ini berisikan form dimana jika merchant ingin membeli servis untuk memberitahukan produk atau berita baru.

192 Gambar 4.25 Tampilan Halaman Merchant Buy Service 2 Halaman ini merupakan halaman selanjutnya setelah merchant melakukan pengisian form untuk promosi. Pada halaman ini diberitahukan jumlah pelanggan yang menjadi target promosi serta jumlah yang harus dibayar sesuai dengan banyaknya pelanggan dan media promosi yang dipilih. Apabila merchant menyetujuinya, maka tekan pada tombol Next.

193 Gambar 4.26 Tampilan Halaman Merchant Buy Service 3 Jika merchant telah menyetujui seperti yang tampil pada halaman sebelumnya maka akan tampil konfirmasi ini. Halaman ini yaitu sebagai bukti transaksi yang dilakukan oleh merchant. Halaman ini juga akan dikirimkan ke email merchant yang melakukan pembelian servis.

194 Gambar 4.27 Tampilan Halaman Merchant Buy Service Payment Confirmation Halaman ini merupakan halaman konfirmasi pembayaran jika merchant telah melakukan transfer uang ke rekening perusahaan. Merchant harus mengisi kode transaksi dengan benar sesuai dengan bukti transaksi. Gambar 4.28 Tampilan Halaman Merchant Add News

195 Halaman add news ini berisikan form bertujuan agar merchant bisa memberi berita terbaru mengenai produk mereka melalui website ini. Jika berita tersebut telah disetujui oleh admin maka berita tersebut akan tampil di halaman news website ini. Gambar 4.29 Tampilan Halaman Merchant Comments Halaman Comments ini bertujuan agar merchant bisa melakukan kritik, saran, maupun pertanyaan kepada pihak perusahaan. Disediakan topik-topik pertanyaan agar jika pertanyaan misalnya mengenai pembelian maka akan dikirim pemberitahuan kepada bagian pembelian melalui email juga. Jika merchant telah memberikan pertanyaan maka

akan dimasukkan pada form diatas dengan status belum terjawab. Jika statusnya terjawab maka merchant bisa mengklik link pada topik untuk mengetahui jawabannya. 196 4.2.2 Cara Penggunaan dan Tampilan Layar Back End Gambar 4.30 Tampilan Halaman Admin Halaman admin ini berisikan form dimana admin harus melakukan login untuk bisa mengakses menu admin selanjutnya.

197 Gambar 4.31 Tampilan Halaman Admin Menu Halaman Admin menu ini merupakan halaman pertama saat admin melakukan login. Terdapat 3 menu utama yaitu merchant information, customer information, dan admin management.

198 Gambar 4.32 Tampilan Halaman Admin Merchant Information Halaman merchant information ini terbagi 4 menu yaitu: edit merchant, edit news, reply comments, dan transaction.

199 Gambar 4.33 Tampilan Halaman View Merchant Halaman ini berisi form tentang merchant-merchant dimana admin bisa melakukan pencarian merchant melalui namanya. Untuk menambahkan merchant, admin bisa memilih link Add Merchant. Untuk mengedit merchant tersebut admin bisa memilih link edit, dan untuk menghapusnya mengklik pada link delete.

200 Gambar 4.34 Tampilan Halaman Add Merchant Halaman ini muncul ketika admin memilih link Add Merchant pada edit merchant. Admin bisa melakukan penambahan data merchant dengan mengisi form tersebut dengan benar.

201 Gambar 4.35 Tampilan Halaman Edit Merchant Halaman ini muncul ketika admin memilih link edit pada edit merchant. Admin bisa melakukan update data merchant. Diatas terdapat tabel outlet dari merchant yang bersangkutan. Dimana admin bisa melakukan penambahan, pengeditan maupun penghapusan outlet dari merchant yang bersangkutan.

202 Gambar 4.36 Tampilan Halaman Add Outlet Halaman ini ketika admin memilih link Add Outlet pada edit merchant. Dimana admin bisa menambahkan data outlet dari merchant yang dimaksud. Gambar 4.37 Tampilan Halaman Edit Outlet Halaman ini ketika admin memilih link edit pada outlet location. Dimana admin bisa mengubah data dari outlet yang dimaksud.

203 Gambar 4.38 Tampilan Halaman View News Halaman ini berisi form tentang berita yang diberikan merchant. Admin bisa melakukan pencarian berita yang berstatus approve maupun pending. Jika admin melakukan approve maka otomatis data berita tersebut akan muncul pada halaman news. Gambar 4.39 Tampilan Halaman Edit News Halaman ini muncul jika admin memilih link edit pada halaman edit news. Disini admin bisa mengubah status dan menggantikan berita yang ada jika terdapat kesalahan.

204 Gambar 4.40 Tampilan Halaman Reply Comments Halaman reply comments ini berisikan form tentang comments yang diberikan oleh merchant. Admin bisa melakukan pencarian dengan comments yang berstatus belum terjawab maupun sudah terjawab. Admin juga bisa menghapus comments dengan memilih link delete. Gambar 4.41 Tampilan Halman Edit Comments Halaman ini muncul jika admin memilih link edit pada halaman reply comments. Disini admin bisa melakukan pengeditan status maupun pertanyaan dan jawabannya.

205 Gambar 4.42 Tampilan Halaman Merchant Transaction Halaman transaction ini berisikan form tentang data transaksi yang dilakukan oleh Merchant-merchant. Admin bisa melihat data pelanggan yang akan menjadi target promosi, bisa mengedit transaksi untuk mengubah statusnya dan juga bisa menghapus data transaksi. Apabila admin mengklik delete expired transaction maka secara otomatis semua transaksi yang belum dibayar dan sudah lewat lebih dari 1 minggu dari tanggal sekarang akan dihapus.

206 Gambar 4.43 Tampilan Halaman View Merchant Transaction Halaman transaction view ini berisikan form tentang siapa saja customer yang akan menjadi target untuk promosi produk bari dari Merchant yang melakukan transaksi Buy Service. Gambar 4.44 Tampilan Halaman Merchant Edit Transaction Pada halaman ini, admin bisa mengubah satus pembayaran dari transaksi yang dimaksud apabila sudah menerima konfirmasi pembayaran dari merchant dan pembayaran valid.

207 Gambar 4.45 Tampilan Halaman Edit Customer Pada halama ini admin bisa melihat data-data customer sekaligus menambahkan, mengedit, dan menghapus customer. Untuk menambahkan customer maka admin mengklik Add Customer. Untuk mengedit klik Edit dan untuk menghapus data customer klik Delete.

208 Gambar 4.46 Tampilan Halaman Add Customer Apabila admin memilih add customer pada menu yang sebelumnya, maka akan tampilan halaman seperti ini. Untuk penambahan customer baru maka admin harus mengisi form ini dengan benar.

209 Gambar 4.47 Tampilan Halaman Add Customer Jika Terjadi Kesalahan Apabila form penambahan customer baru tidak diisi dengan benar, maka akan muncul pesan kesalahan sesuai dengan kesalahan yang ada.

210 Gambar 4.48 Tampilan Halaman Edit Customer Halaman ini merupakan halaman di mana admin bisa mengedit data customer yang dimaksud, sekaligus memasukkan nomor kartu apabila pelanggan telah aktif dan kartunya sudah tersedia.

211 Gambar 4.49 Tampilan Halaman Customer Reply Comments Halaman reply comments ini berisikan form tentang comments yang diberikan oleh customer. Admin bisa melakukan pencarian dengan comments yang berstatus belum terjawab maupun sudah terjawab. Admin juga bisa menghapus comments dengan memilih link delete.

212 Gambar 4.50 Tampilan Halaman Customer Edit Reply Comments Halaman ini muncul jika admin memilih link edit pada halaman reply comments. Disini admin bisa melakukan pengeditan pertanyaan dan jawabannya. Apabila telah dijawab maka secara otomatis status dari comments tersebut menjadi sudah terjawab.

213 Gambar 4.51 Tampilan Halaman Customer Transaction Halaman transaction ini berisikan form tentang data transaksi yang dilakukan oleh customer-customer. Admin bisa mengedit transaksi untuk mengubah statusnya dan juga bisa menghapus data transaksi. Apabila admin mengklik delete expired transaction maka secara otomatis semua transaksi yang belum dibayar dan sudah lewat lebih dari 1 minggu dari tanggal sekarang akan dihapus.

214 Gambar 4.52 Tampilan Halaman Customer Edit Transaction Pada halaman ini, admin bisa mengubah status pembayaran dari transaksi yang dimaksud apabila sudah menerima konfirmasi pembayaran dari customer dan pembayaran valid. Apabilah statusnya bayar, maka secara otomatis status keanggotaan dari customer menjadi aktif.

215 Gambar 4.53 Tampilan Halaman Admin Management Halaman admin management ini terbagi 4 menu utama yaitu edit admin, edit faq, edit card price, dan print report. Gambar 4.54 Tampilan Halaman Edit Admin untuk Super Admin

216 Apabila Admin yang login adalah Super Admin maka tampilan halaman edit akan seperti ini. Halaman edit admin ini berisi form tentang data-data admin dimana admin bisa melakukan pencarian admin melalui namanya. Untuk mengedit admin tersebut admin bisa memilih link edit, dan untuk menghapusnya mengklik pada link delete. Gambar 4.55 Tampilan Halaman View Admin Apabila Admin yang login adalah Admin biasa dan bukan Super Admin maka tampilan halaman edit akan seperti ini. Hanya terdapat link change password bagi admin biasa untuk merubah passwordnya.

217 Gambar 4.56 Tampilan Halaman Add Admin untuk Super Admin Halaman add admin ini berisi form untuk menambahkan data admin yang baru. Halaman ini juga harus diisi dengan benar, jika terdapat kesalahan dalam pengisian maka akan ditunjukkan pesan kesalahan. Gambar 4.57 Tampilan Halaman Edit Admin Halaman ini muncul jika admin memilih link edit pada edit admin. Disini admin bisa mengubah data admin yang dimaksud.

218 Gambar 4.58 Tampilan Halaman Change Password Halaman change password ini bertujuan untuk menggantikan password yang lama. Demi keamanan maka password yang lama harus diisi lagi, serta password dan retype password harus sama. Gambar 4.59 Tampilan Halaman View FAQ Halaman ini berisi form tentang pertanyaan-pertanyaan untuk halaman faq. Admin bisa menambahkan pertanyaan, mengedit pertanyaaan yang telah ada ataupun menghapusnya.

219 Gambar 4.60 Tampilan Halaman Add FAQ Halaman add faq ini berisi form untuk menambahkan pertanyaan maupun jawaban pada halaman FAQ didalam website ini. Gambar 4.61 Tampilan Halaman Edit FAQ Halaman edit ini muncul jika admin memilih link edit pada halaman edit faq. Admin bisa mengubah pertanyaan maupun jawabannya.

220 Gambar 4.62 Tampilan Halaman View Card Price harga kartu. Admin bisa menambahkan harga kartu yang dijual, mengedit, dan menghapus Gambar 4.63 Tampilan Halaman Add Card Price Halaman add card price ini berisi form untuk menambahkan harga kartu. Halaman ini juga akan menampilkan pesan kesalahan jika admin melakukan kesalahan dalam pengisian harga kartu.

221 Gambar 4.64 Tampilan Halaman Edit Card Price Halaman ini muncul jika admin memilih link edit pada halaman edit card price. Disini admin bisa mengubah validasi beserta harga tentang kartu yang dijual. Gambar 4.65 Tampilan Halaman Print Record Setelah memilih link print record, terbagi lagi menjadi 3 bagian yaitu print customer report, print merchant report, dan print transaction report.

222 Gambar 4.66 Tampilan Halaman Customer Report Apabilah memilih print customer report, maka data-data customer akan tampil seperti di atas dan bisa di print. Gambar 4.67 Tampilan Halaman Merchant Report Apabilah memilih print merchant report, maka data-data merchant akan tampil seperti di atas dan bisa di print. Gambar 4.68 Tampilan Halaman Transaction Report Apabilah memilih print transaction report, maka data-data transaksi akan tampil seperti di atas dan bisa di print.

223 Gambar 4.69 Tampilan Konfirmasi Setelah User Logout Apabila customer atau merchant mengklik logout maka akan muncul konfirmasi seperti di atas untuk menyatakan bahwa user yang bersangkutan benar-benar telah logout. Gambar 4.70 Tampilan Email Konfirmasi Pembayaran Dari Pelanggan Tampilan ini merupakan contoh email yang dikirim secara otomatis ke email admin pada saat pelanggan melakukan konfirmasi pembayaran buy card.

224 Gambar 4.71 Tampilan Email Konfirmasi Pembayaran Dari Merchant Tampilan ini merupakan contoh email yang dikirim secara otomatis ke email admin pada saat merchant melakukan konfirmasi pembayaran buy service. Gambar 4.72 Tampilan Email Comments Untuk Admin Tampilan ini merupakan contoh email yang dikirim secara otomatis ke email admin pada saat customer atau merchant mengisi comments.

225 Gambar 4.73 Tampilan Email Pembayaran Buy Card Berhasil Tampilan ini merupakan contoh email yang dikirim secara otomatis ke email customer pada saat admin mengganti status transaksi customer yang bersangkutan menjadi bayar. Gambar 4.74 Tampilan Email Pembayaran Buy Service Berhasil Tampilan ini merupakan contoh email yang dikirim secara otomatis ke email merchant pada saat admin mengganti status transaksi merchant yang bersangkutan menjadi bayar.

226 Gambar 4.75 Tampilan Update History & Point Tampilan ini berisi cara untuk meng-upload file sql agar bisa ditambahkan ke database yang berada di website.. 4.3 Evaluasi 4.3.1 Evaluasi IMK Untuk mengevaluasi program website ini digunakan evaluasi menurut 8 aturan emas. 1. Berusaha keras untuk konsisten. Harus selalu berusaha konsisten dalam merancang tampilan. Jadi setiap tampilan dan perubahan dari setiap halaman tidak mengalami perubahan yang sangat jauh sehingga memudahkan user untuk mengakses halaman yang lain. 2. Memungkinan frequent users menggunakan shortcuts.

227 Umumnya user yang sudah sering menggunakan aplikasi lebih menginginkan kecepatan dalam mengakses fungsi yang diinginkan. Jadi tingkat interkasi yang diminta adalah yang pendek atau singkat dan langsung menuju ke fungsi tersebut. Untuk itu, perlu disediakan tombol spesial atau perintah tersembunyi. Tombol-tombol itu misalnya link click here ataupun forgot password yang bisa kita lihat dalam website ini. 3. Memberikan umpan balik yang informatif. Umpan balik harus diberikan untuk memberikan form kepada user sesuai dengan action yang dilakukannya. User akan mengetahui action apa yang telah dan akan dilakukan dengan adanya umpan balik ini. Umpan balik bisa berupa konfirmasi atau form atas suatu action. Misalnya setelah melakukan fungsi simpan dapat diberikan form bahwa data telah disimpan. Ini bisa dilihat pada halaman konfirmasi setelah user mengisi form beli atau pada halaman konfimasi setelah user mengisi kritik dan saran. 4. Merancang dialog untuk menghasilkan keadaan akhir. Umpan balik atas akhir dari suatu proses dan action akan sangat membantu dan juga user akan mendapat sinyal untuk melakukan action lainnya. Misalnya pada saat akan menutup suatu program akan ditampilkan konfirmasi penutupan. 5. Memberikan pencegahan kesalahan dan penanganan kesalahan yang sederhana.

228 Sistem dirancang sedemikian rupa sehingga dapat mencegah user dalam membuat kesalahan. Contohnya, penggunaan menu seleksi untuk membatasi input dari user, validasi pengisian data pada form agar data yang diisi sesuai dengan ketentuan. Bila terjadi kesalahan, sistem harus dapat memberikan instruksi yang sederhana, konstruktif, dan spesifik untuk perbaikan. 6. Mengizinkan pembalikan aksi(undo) dengan mudah. Terkadang user tidak sengaja melakukan action yang tidak diinginkan, untuk itu user ingin melakukan pembatalan. Sistem harus sebanyak mungkin memberikan fungsi pembatalan ini. User akan merasa lebih aman dan tidak takut dalam mencoba dan memakai sistem tersebut. 7. Mendukung internal focus of control (pemakai menguasai sistem atau inisiator, bukan sebagai responden). User yang berpengalaman sangat mendambakan kontrol yang kuat pada sistem, sehingga mereka merasa menguasai sistem tersebut. Sistem yang tidak terduga dan sulit dalam melakukan action akan menyulitkan user. 8. Mengurangi beban ingatan jangka pendek. Keterbatasan memori pada manusia harus ditanggulangi oleh program dengan tidak banyak membuat user untuk melakukan proses penyimpanan memori.

229 4.3.2 Evaluasi Kuesioner 4.3.2.1 Kuesioner Perusahaan 1. Tampilan User Interface dari website ini menarik Jawaban Jumlah Responden Persentase Sangat Setuju 3 50% Setuju 2 33,3% Netral 1 16,7% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.1 Tampilan User Interface Dari kuesioner yang dikumpulkan, 3 orang atau 50% menyatakan sangat setuju, 2 orang atau 33,3% menyatakan setuju, dan 1 orang atau 16,7% menyatakan netral. 2. Navigasi menu yang terdapat dalam website ini mudah dimengerti oleh pengguna Jawaban Jumlah Responden Persentase Sangat Setuju 2 33,3% Setuju 2 33,3% Netral 2 33,3% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.2 Navigasi Menu Yang Terdapat Dalam Website

230 Dari kuesioner yang dikumpulkan, 2 orang atau 33,3% menyatakan sangat setuju, 2 orang atau 33,3% menyatakan setuju, dan 2 orang atau 33,3% menyatakan netral. 3. Fasilitas-fasilitas yang ada dalam website ini telah sesuai dengan harapan perusahaan Jawaban Jumlah Responden Persentase Sangat Setuju 1 16,7% Setuju 4 66,7% Netral 1 16,7% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.3 Fasilitas-fasilitas Yang Ada Dalam Website Dari kuesioner yang dikumpulkan, 1 orang atau 16,7% menyatakan sangat setuju, 4 orang atau 66,7% menyatakan setuju, dan 1 orang atau 16,7% menyatakan netral. 4. Bagian Front End untuk user dalam website ini dapat diakses dengan mudah Jawaban Jumlah Responden Persentase Sangat Setuju 4 66,7% Setuju 1 16,7% Netral 1 16,7%

231 Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.4 Bagian Front End Untuk User Dalam Website Dari hasil perhitungan diatas, 4 orang atau 66,7% menyatakan sangat setuju, 1 orang atau 16,7% menyatakan setuju, dan 1 orang atau 16,7% menyatakan netral. 5. Bagian Back End untuk admin dalam website ini dapat diakses dengan mudah Jawaban Jumlah Responden Persentase Sangat Setuju 2 33,3% Setuju 2 33,3% Netral 2 33,3% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.5 Bagian Back End Untuk Admin Dalam Website Dari hasil perhitungan diatas, 2 orang atau 33,3% menyatakan sangat setuju, 2 orang atau 33,3% menyatakan setuju, dan 2 orang atau 33,3% menyatakan netral. 6. Admin dapat dengan mudah mengupdate data serta melakukan kepentingan lainnya terhadap sistem sesuai kebutuhan Jawaban Jumlah Responden Persentase Sangat Setuju 1 16,7% Setuju 2 33,3%

232 Netral 2 33,3% Tidak Setuju 1 16,7% Sangat Tidak Setuju 0 0% Tabel 4.6 Kemudahan Admin Dalam Mengupdate Data Dari hasil perhitungan diatas, 1 orang atau 16,7% menyatakan sangat setuju, 2 orang atau 33,3% menyatakan setuju, 2 orang atau 33,3% menyatakan netral, dan 1 orang atau 16,7% menyatakan tidak setuju sebab sedikit susah menupdate datanya. 7. Sistem yang ditawarkan bermanfaat dan memiliki nilai lebih (efisiensi waktu dan tenaga) bagi administrator didalam menyelesaikan tugasnya Jawaban Jumlah Responden Persentase Sangat Setuju 3 50% Setuju 2 33,3% Netral 1 16,7% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.7 Manfaat Dan Nilai Lebih Sistem Dari hasil perhitungan diatas, 3 orang atau 50% menyatakan sangat setuju, 2 orang atau 33,3% menyatakan setuju, dan 1 orang atau 16,7% menyatakan netral.

233 4.3.2.2 Kuesioner Pelanggan 1. Informasi yang ada dalam website ini bermanfaat bagi pengguna Jawaban Jumlah Responden Persentase Sangat Setuju 4 26,7% Setuju 8 53,3% Netral 3 20% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.8 Informasi Yang Ada Dalam Website Dari hasil perhitungan diatas, 4 orang atau 26,7% menyatakan sangat setuju, 8 orang atau 53,3% menyatakan setuju, dan 3 orang atau 20% menyatakan netral. 2. Tampilan User Interface dari website ini menarik Jawaban Jumlah Responden Persentase Sangat Setuju 6 40% Setuju 6 40% Netral 3 20% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.9 Tampilan User Interface Dari Website Dari hasil perhitungan diatas, 6 orang atau 40% menyatakan sangat setuju, 6 orang atau 40% menyatakan setuju, dan 3 orang atau 20% menyatakan netral.

234 3. Navigasi menu yang terdapat dalam website ini mudah dimengerti Jawaban Jumlah Responden Persentase Sangat Setuju 3 20% Setuju 8 53,3% Netral 4 26,7% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.10 Navigasi Menu Yang Terdapat Dalam Website Dari hasil perhitungan diatas, 3 orang atau 20% menyatakan sangat setuju, 8 orang atau 53,3% menyatakan setuju, dan 4 orang atau 26,7% menyatakan netral. 4. Fasilitas belanja online mudah dalam penggunaannya Jawaban Jumlah Responden Persentase Sangat Setuju 9 60% Setuju 4 26,7% Netral 2 13,3% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.11 Kemudahan Fasilitas Belanja Online Dari hasil perhitungan diatas, 9 orang atau 60% menyatakan sangat setuju, 4 orang atau 26,7% menyatakan setuju, dan 2 orang atau 13,3% menyatakan netral.

235 5. Fasilitas penjualan online dalam website ini memudahkan pelanggan untuk melakukan pembelian kartu Jawaban Jumlah Responden Persentase Sangat Setuju 5 33,3% Setuju 7 46,7% Netral 3 20% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.12 Kemudahan Pelanggan Dalam Membeli Kartu Dari hasil perhitungan diatas, 5 orang atau 33,3% menyatakan sangat setuju, 7 orang atau 46,7% menyatakan setuju, dan 3 orang atau 20% menyatakan netral. 6. Fasilitas Login untuk user dalam melihat history data, transaksi, dan comments mudah digunakan. Jawaban Jumlah Responden Persentase Sangat Setuju 5 33,3% Setuju 6 40% Netral 4 26,7% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.13 Kemudahan Dalam Menggunakan Fasilitas Login Dari hasil perhitungan diatas, 5 orang atau 33,3% menyatakan sangat setuju, 6 orang atau 40% menyatakan setuju, dan 4 orang atau 26,7% menyatakan netral.

236 7. Fasilitas comments dan history transaksi yang ada dalam website ini akan sangat membantu pelanggan dalam mendapatkan informasi Jawaban Jumlah Responden Persentase Sangat Setuju 6 40% Setuju 7 46,7% Netral 2 13,3% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.14 Fasilitas Comments Dan History Transaksi Dari hasil perhitungan diatas, 6 orang atau 40% menyatakan sangat setuju, 7 orang atau 46,7% menyatakan setuju, dan 2 orang atau 13,3% menyatakan netral. 8. Pelayanan yang diterapkan dalam website ini memuaskan pelanggan Jawaban Jumlah Responden Persentase Sangat Setuju 3 20% Setuju 9 60% Netral 3 20% Tidak Setuju 0 0% Sangat Tidak Setuju 0 0% Tabel 4.15 Pelayan Yang Diterapkan Dalam Website Dari hasil perhitungan diatas, 6 orang atau 40% menyatakan sangat setuju, 6 orang atau 40% menyatakan setuju, dan 3 orang atau 20% menyatakan netral.

Pertanyaan Total Jawaban Bobot 1 2 3 4 5 6 7 1 2 3 4 5 6 7 Sangat Setuju 5 3 2 1 4 2 1 3 15 10 5 20 10 5 15 Setuju 4 2 2 4 1 2 2 2 8 8 16 4 8 8 8 Netral 3 1 2 1 1 2 2 1 3 6 3 3 6 6 3 Tidak Setuju 2 0 0 0 0 0 1 0 0 0 0 0 0 2 0 Sangat Tidak Setuju 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 Total 6 6 6 6 6 6 6 26 24 24 27 24 21 26 Bobot maks (5x6) : 30 Persentasi Likert (total/bobot maks) 87% 80% 80% 90% 80% 70% 87% Tabel 4.16 Analisa Likert Untuk Perusahaan Analisa Likert untuk Perusahaan : 4.3.2.3 Analisa Likert Tingkat persetujuan perusahaan secara keseluruhan terhadap kuesioner ini adalah : 87%+80%+80%+90%+80%+70%+87% = 574% / 7 = 82% 237

Pertanyaan Total Jawaban Bobot 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 Sangat Setuju 5 4 6 3 9 5 5 6 3 20 30 15 45 25 25 30 15 Setuju 4 8 6 8 4 7 6 7 9 32 24 32 16 28 24 28 36 Netral 3 3 3 4 2 3 4 2 3 9 9 12 6 9 12 6 9 Tidak Setuju 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 Sangat Tidak Setuju 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 Analisa Likert untuk Pelanggan Total 15 15 15 15 15 15 15 15 61 63 59 67 62 61 64 60 Bobot maks (5x15) : 75 Persentasi Likert (total/bobot maks) 81% 84% 79% 89% 83% 81% 85% 80% Tabel 4.17 Analisa Likert Untuk Pelanggan Tingkat persetujuan pelanggan secara keseluruhan terhadap kuesioner ini adalah : 81%+84%+79%+89%+83%+81%+85%+80% = 662% / 8 = 82,75% 238

239 4.4 Jadwal Implementasi Bulan Bulan 1 Bulan 2 Bulan3 Jadwal 1 2 3 4 1 2 3 4 1 2 3 4 Pemasukkan data ke dalam database Pengujian kembali Website Upload Website ke Webhosting Uji coba Website Pengeditan error jika ada kesalahan Implementasi Website Tabel 4.18 Tabel Jadwal Implementasi