Implementasi Desain Antarmuka User Pelanggan

`jml_trans` int11 NOT NULL, `status_trans` varchar20 collate latin1_general_ci NOT NULL, PRIMARY KEY `id_trans` ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=904 ; Tabel 4.6 adalah diatas merupakan tampilan yang terdapat dalam database khususnya pada Tabel Transaksi. Terdapat 1 primary key yaitu id_transaksi dan terdapat atribut yang lain seperti id_transaksi, id_member, id_kasir, tanggal_transaksi, jam_transaksi pada tabel tersebut. Tabel 4.7 Tabel Transaksi Item Tabel 4.7 adalah diatas merupakan tampilan yang terdapat dalam database khususnya pada Tabel Transaksi Item. Terdapat 1 primary key yaitu id_ti dan terdapat atribut yang lain seperti id_transaksi, jenis_item, id_item, jumlah_item pada tabel tersebut.

4.3 Implementasi Desain Antarmuka User Pelanggan

Pada tahap ini akan dijabarkan tentang implementasi antarmuka dari sistem informasi berdasarkan perancangan yang telah dibuat. Pada program ini terdapat 5 form yang dimunculkan di dalam halaman user pelanggan yang melihat website tersebut, diantaranya adalah : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 1 Halaman Home 2 Halaman About us 3 Halaman Service 4 Halaman Produk 5 Halaman Contact us Selanjutnya dibawah ini adalah contoh tampilan halaman-halaman yang ada pada web yang ditampilkan untuk pengunjung agar lebih dapat menjelaskan tentang web ini. Gambar 4.8 Halaman Home Layaknya gambar yang ada diatas tampilan dibuat sedemikian rupa pada halaman home yaitu tampilan ketika pengunjung pertama kali membuka web. Bisa disebut juga ini merupakan halaman perkenalan yang secara tidak langsung menjelaskan fungsi web ini dan sekaligus sebagai perkenalan secara umum web ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.9 Halaman About Us Gambar 4.9 di atas adalah gambar dari halaman profil pada web ini, di sini di jelaskan atau diinformasikan kepada pelanggan profil dari salon tersebut. Sehingga pelanggan mengetahui skala perusahaan tersebut sebagai informasi pelanggan. Gambar 4.10 Halaman Service Gambar 4.10 diatas adalah gambar Halaman Service dimana di informasikan kepada pelanggan tentang apa saja yang di berikan oleh pihak salon untuk memanjakan konsumen dan apa saja yang di dapatkan oleh pelanggan apabila menggunakan jasa salon. Sehingga pihak salon dapat menarik peminat Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. dengan mencantumkan fasilitas yang akan diberikan salon tersebut untuk memuaskan pelanggan. Gambar 4.11 Halaman Produk Pada Gambar 4.11 diatas adalah gambar dari halaman produk dimana gambar beserta keterangan produk ada di samping gambar. Dengan adanya fasilitas ini, maka konsumen dapat memilih produk apa saja yang akan digunakan. Gambar 4.12 Halaman Contact Us Pada Gambar 4.12 diatas terdapat halaman contact us yang digunakan untuk menampilkan halaman dimana pihak telp dari salon tersebut dicantumkan. Sehingga pelanggan dapat melakukan pemesanan via telepon ataupun langsung dating ke salon tersebut. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

4.4 Implementasi Desain Antarmuka Admin