BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Untuk dapat menjelaskan sistem pemesanan yang berbasiskan web ini, maka diperlukan sarana pendukung perangkat keras (hardware) dan perangkat lunak (software). 4.1.1 Perangkat Keras (Hardware) Perangkat keras yang dibutuhkan baik oleh server maupun client, untuk dapat menjalankan sistem pemesanan ini adalah seperangkat komputer dengan konfigurasi yang disarankan sebagai berikut : a. Kebutuhan system yang diusulkan untuk server 1. Processor : Intel Pentium IV 1,8GHz 2. Hard disk : 80GB 3. Memory : 256Mb b. Kebutuhan yang diusulkan untuk client 1. Processor : Intel Pentium IV 2. Hard disk : 40GB 3. Memory :128Mb
283 4.1.2 Perangkat Lunak (Software) Perangkat lunak yang dibutuhkan untuk menjalankan sistem pemesanan ini adalah sebagai berikut : a. Kebutuhan sistem yang diusulkan untuk server 1. Sistem Operasi : Microsoft Windows XP 2. Aplikasi Web Server : Apache 3. Database : MySQL 4. Aplikasi :PHP b. Kebutuhan sistem yang diusulkan untuk client 1. Web Browser : Firefox Mozilla 2. Sistem Operasi : Microsoft Windows XP 4.2 Kebutuhan Jaringan Implementasi sistem pemesanan berbasis web ini membutuhkan sebuah web server, yang dapat diperoleh melalui jasa pelayanan web hosting. Web hosting akan menyediakan sebuah web server sesuai kebutuhan website itu sendiri. Adapun spesifikasi kebutuhan jaringan yang dibutuhkan antara lain : a. Space web : 100 MB b. Bandwidth jaringan : 64 KBps c. Dukungan software dan hardware Gambar 4.1 menunjukkan gambaran hubungan antara server, web server dan client melalui jaringan internet.
284 Gambar 4.1 Hubungan Jaringan Internet 4.3 Jadwal Implementasi Tabel 4.1 berikut ini merupakan jadwal implementasi yang diusulkan untuk mengimplementasi website PT Multidata Multimedia. Tabel 4.1 Jadwal Implementasi Aktifitas Bulan 1 Bulan 2 Bulan 3 1 2 3 4 1 2 3 4 1 2 3 4 Testing Software X Pengumpulan dan Input Data X X Pelatihan User X X Perbaikan Software X X X Evaluasi dan Monitoring X X X X
285 4.4 Cara Penginstalasian Untuk menjalankan sistem, yang pertama kali dilakukan adalah penginstalasian software PHP, MySQL, dan Apache. PHP digunakan sebagai program aplikasi. MySQL digunakan untuk menampilkan dan mengubah database. Dan Apache digunakan sebagai aplikasi web server. 4.5 Cara Penggunaan Website Pada bagian ini akan dijelaskan mengenai cara penggunaan situs, seperti bagaimana langkah langkah yang harus dilakukan oleh admin, user member, dan user non member ketika mengakses web untuk memperoleh informasi yang diperlukan. Admin harus melakukan login admin untuk dapat masuk ke halaman admin PT Multidata Multimedia. Di halaman admin, admin dapat melihat, mengubah, menambah, dan menghapus data - data yang ada. Data tersebut mencakup data customer, produk, jenis produk, merk, FAQ, news, pemesanan dan pembayaran. User member dan non member harus mengunjungi halaman utama terlebih dahulu untuk dapat mengakses situs PT Multidata Multimedia. User dapat mengetahui informasi mengenai produk, berita, FAQ dan melakukan pemesanan produk tanpa harus login terlebih dahulu. Di halaman utama terdapat mesin pencari di bagian atas. Sedangkan login, berita, dan kegiatan seputar teknologi infrmasi terdapat di kolom sebelah kiri. Di bagian tengah terdapat berbagai macam produk yang mencakup produk terbaru dan produk yang paling banyak dipesan. Selain itu tersedia juga berbagai menu, di antaranya menu Home, Product, Transaction, About Us, Contact Us dan FAQ. Terdapat pula sub menu dari Transaction, yaitu
286 Payment Confirmation, History Transaction, dan Shopping Cart. Dan sub menu dari FAQ yaitu Term and Condition, Shopping Method, Product Warranty, dan Payment Method. Untuk dapat menikmati kemudahan yang ditawarkan PT Multidata Multimedia, user harus mendaftarkan diri menjadi member. Terdapat berbagai keuntungan yang dapat dinikmati oleh member, salah satunya adalah pemberian potongan harga. Jumlah pemesanan akan diakumulasi untuk mendapatkan total pemesanan yang digunakan untuk menentukan level potongan harga. Pada saat mencapai level tertentu, member akan diberikan potongan harga sesuai total pemesanannya. Selain itu, member juga akan menerima promo produk terbaru melalui email, sehingga member dapat mengetahui informasi produk terbaru dengan cepat. 4.6 Tampilan Layar Tampilan layar website PT Multidata Multimedia di bagi menjadi dua, yaitu tampilan website untuk user dan tampilan website untuk admin. 4.6.1 Tampilan Layar Website User Berikut ini merupakan tampilan layar website PT Multidata Multimedia pada user baik member maupun non member.
287 4.6.1.1 Halaman Home Sebelum Login Gambar 4.2 Halaman Home Sebelum Login
288 Gambar 4.2 adalah tampilan halaman home pada website PT Multidata Multimedia sebelum user melakukan login. Halaman home berisi form login, kolom yang berisi prakata mengenai perusahaan, gambaran produk yang dijual beserta gambaran produk terbaru dan produk yang sering dibeli yang jika diklik akan menampilkan detil dari produk tersebut, promosi dari perusahaan, kolom berita yang dapat diklik untuk melihat detil dari berita tersebut, dan juga terdapat link-link yang akan menghubungkan halaman home dengan halaman website lainnya. 4.6.1.2 Halaman Home Setelah Login Gambar 4.3 adalah tampilan halaman home pada website PT Multidata Multimedia setelah user melakukan login. Halaman home berisi ucapan selamat datang untuk user yang melakukan login, kolom yang berisi prakata mengenai perusahaan, gambaran produk yang dijual beserta gambaran produk terbaru dan produk yang sering dibeli yang jika diklik akan menampilkan detil dari produk tersebut, promosi dari perusahaan, kolom berita yang dapat diklik untuk melihat detil dari berita tersebut, dan juga terdapat link-link yang akan menghubungkan halaman home dengan halaman website lainnya.
Gambar 4.3 Halaman Home Setelah Login 289
290 4.6.1.3 Halaman Gagal Login Gambar 4.4 adalah tampilan halaman yang akan tampil jika user gagal melakukan login. Pada kolom login di halaman home akan dimunculkan pesan error. Gambar 4.4 Halaman Gagal Login
291 4.6.1.4 Halaman Register Gambar 4.5 adalah tampilan halaman Register untuk non member. Pada halaman ini terdapat form register yang dapat diisi oleh non member untuk diproses menjadi member. Tombol reset untuk menghapus isi field dan tombol register untuk mengirim data register dan kemudian akan menuju ke halaman konfirmasi. Gambar 4.5 Halaman Register
292 4.6.1.5 Halaman Register Confirmation Gambat 4.6 adalah tampilan halaman konfirmasi setelah user mendaftar sebagai member PT Multidata Multimedia. Gambar 4.6 Halaman Register Confirmation
293 4.6.1.6 Halaman Forget Password Gambar 4.7 adalah tampilan halaman Forget Password yang menampilkan form yang harus diisi oleh user untuk mendapatkan passwordnya kembali. Setelah mengisi form tersebut, sistem akan mengirimkan email kepada user tersebut untuk memberikan password yang diminta. Gambar 4.7 Halaman Forget Password
294 4.6.1.7 Halaman Forget Password Confirmation Gambar 4.8 adalah tampilan halaman konfirmasi untuk permintaan lupa password pada member. Pada halaman ini juga terdapat link back to home untuk kembali ke halaman home. Gambar 4.8 Halaman Forget Password Confirmation 4.6.1.8 Halaman Edit Profile Gambar 4.9 adalah tampilan halaman Edit Profile untuk user yang telah menjadi member. Pada halaman ini terdapat form edit profile yang dapat diisi oleh user tersebut. Setelah mengisi form tersebut, maka dapat mengklik button submit yang kemudian data akan diubah oleh sistem.
295 Gambar 4.9 Halaman Edit Profile 4.6.1.9 Halaman Edit Profile Confirmation Gambar 4.10 adalah tampilan halaman konfirmasi untuk edit profile yang telah dilakukan oleh member. Pada halaman ini juga terdapat link back to home untuk kembali ke halaman home.
296 Gambar 4.10 Halaman Edit Profile Report 4.6.1.10 Halaman Change Password Gambar 4.11 adalah tampilan halaman Change Password dari website PT Multidata Multimedia. Pada halaman tersebut, user yang telah menjadi member sebelumnya dapat mengubah password dengan mengisi form perubahan password yang telah disediakan. Setelah mengisi form tersebut maka akan menuju ke halaman konfirmasi perubahan password.
297 Gambar 4.11 Halaman Change Password 4.6.1.11 Halaman Change Password Confirmation Gambar 4.12 merupakan tampilan halaman konfirmasi perubahan password. Halaman ini berisi konfirmasi untuk user yang telah melakukan perubahan password sebelumnya.
298 Gambar 4.12 Change Password Confirmation 4.6.1.12 Halaman Product Gambar 4.13 adalah halaman produk pada website PT Multidata Multimedia. Pada halaman tersebut terdapat gambar produk-produk yang dijual oleh perusahaan. Pada setiap
299 kolom produk terdapat kereta yang dapat diklik oleh user yang ingin memesan produk tersebut. Setelah mengklik kereta tersebut, produk tersebut akan ditambahkan ke Shopping Cart. Selain itu jika gambar produk diklik, maka akan menampilkan detil dari produk tersebut. Gambar 4.13 Halaman Product
300 4.6.1.13 Halaman Detail Product Gambar 4.14 merupakan halaman Detail Product dari website PT Multidata Multimedia. Halaman ini berisi keterangan dari produk yang ingin yang diketahui oleh customer. Pada halaman ini juga terdapat kereta yang jika diklik akan menuju ke halaman Shopping Cart. Gambar 4.14 Halaman Detail Product
301 4.6.1.14 Halaman Payment Confirmation Gambar 4.15 merupakan halaman Payment Confirmation pada website PT Multidata Multimedia. Pada halaman tersebut berisi form pembayaran yang harus diisi oleh customer yang telah melakukan pembayaran terhadap transaksi yang telah dilakukan. Gambar 4.15 Halaman Payment Confirmation