Perancangan Antar Muka Untuk Petugas Administrator Perancangan Antarmuka Untuk User Customer

Tabel 3.25 Tabel katajelek No Nama Fields Type Panjang Null Keterangan 1 id_jelek Varchar 7 N Primary Key 2 kata Varchar 60 N 3 ganti Varchar 60 N 26. Tabel template Tabel ini digunakkan untuk menyimpan template agar dapat mempermudah dalam merubah template. Struktur datanya dapat dilihat pada Tabel 3.9 dibawah ini. Tabel 3.26 Tabel template No Nama Fields Type Panjang Null Keterangan 1 id_template Integer 5 N Primary Key 2 judul Varchar 100 N 3 pembuat Varchar 50 N 4 folder Varchar 50 N 5 aktif char 1 N

3.6. Perancangan Antarmuka

Perancangan antarmuka merupakan perancangan halaman aplikasi yang beriteraksi langsung anatara system dengan penguna. dalam aplikasi hanya akan menampilkan rancangan antarmuka antara petugas dan Customer.

3.6.1. Perancangan Antar Muka Untuk Petugas Administrator

Dalam perancangan system untuk rekomendasi handphone, untuk petugas hal yang paling penting antara lain adalah data handphone, ketika kita klik menu Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. data handphone maka form yang muncul adalah tabel data seluruh handphone, kemudiaan button untuk tambah data dan beberapa botton update dan delete. Header Cari Tambah Edit Hapus Edit Hapus Edit Hapus M E N U Edit Hapus Footer Gambar 3.15 Halaman Data Handphone Kemudian Ketika kita klik tombol tambah data maka akan muncul tampilan form tambah data dapat dilihat sperti gambar dibawah ini. Header Form Tambah Data M E N U Simpan Batal Footer Gambar 3.16 Halaman Tambah data Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Untuk halaman form antarmuka rekomendasi terdapat kreteria yang perlu di inputkan antara lain range harga, memilih merk handphone, memilih data fuzzy dan memilih fasilitas data yang diinginkan. form rekomendasi dapat dilihat dalam gambar dibawah ini. Masukkan range harga : Sampai dengan : Merk Handphone pilihan boleh lebih dari satu Merk 1 Merk 2 merk 3 Panjang Pendek Sedang Penjang Bukankreteria Lebar Pendek Sedang Penjang Bukankreteria Tebal Pendek Sedang Penjang Bukankreteria Dimensi Pendek Sedang Penjang Bukankreteria Standby time Pendek Sedang Penjang Bukankreteria Talk Time Pendek Sedang Penjang Bukankreteria Phonebook Pendek Sedang Penjang Bukankreteria Fasilitas fasilitas 1 Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. fasilitas 1 fasilitas 1 Gambar 3.17 Gambar form Rekomendasi

3.6.2. Perancangan Antarmuka Untuk User Customer

Dalam perancangan system perekomendasian handphone, untuk kreteria User hal yang perlu ditekan kan adalah pada form perekomendasian dalam hal ini adalah perekomendasian handphone baru dan handphone bekas. Form untuk melakukkan perekomendasian dapat dilihat pada Gambar 3.18. Masukkan range harga : Sampai dengan : Merk Handphone pilihan boleh lebih dari satu Merk 1 Merk 2 merk 3 Panjang Pendek Sedang Penjang Bukankreteria Lebar Pendek Sedang Penjang Bukankreteria Tebal Pendek Sedang Penjang Bukankreteria Dimensi Pendek Sedang Penjang Bukankreteria Standby time Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Pendek Sedang Penjang Bukankreteria Talk Time Pendek Sedang Penjang Bukankreteria Phonebook Pendek Sedang Penjang Bukankreteria Fasilitas fasilitas 1 fasilitas 1 fasilitas 1 Gambar 3.18 Form perekomendasian Handphone Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 82

BAB IV IMPLEMENTASI

Pada bab IV ini akan dibahas mengenai implementasi dari rancangan system yang telah dibuat pada BAB III. bagian implementasi system kali ini meliputi: lingkungan implementasi, implementasi data, dan implementasi antarmuka.

4.1. Lingkungan Implementasi

Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat lunak yang digunakan pada implementasi system ini. Perangkat Keras:  Laptop dengan Prosesor Inter core 2 duo processor T7500  Memory RAM 2Gb DDR2  Hardisk 320Gb Perangkat Lunak:  Sistem Operasi Windows XP Service Pack 2  PHP sebagai bahasa pemograman  Dreamweaver CS 5 sebagai editing Program  Xammp 1.7.1 sebagai host server  Mozilla sebagai running program  Adobe Photoshop 7.0 untuk mengolah gambar  Power Disigner 11 untuk merancang data Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.