BAB IV HASIL DAN ANALISIS. 4.1 Hasil karya dan Implementasi

Transkripsi

1 BAB IV HASIL DAN ANALISIS 4.1 Hasil karya dan Implementasi Gambar 4.1 Implementasi Database Pada gambar diatas menunukkan nama databse yang digunakan dalam website penjualan dan pemesanan online Foto Sampurna yang menampung kontent website dan data yang telah diinput melalui halaman website maupun admin. 42

2 Gambar 4.2 Implementasi Menu Utama Saat pertama kali website dibuka, gambar diatas merupakan interface awal website Foto Sampurna. Halaman awal ini memuat menu list bertingkat yang merupakan kategori produk jasa yang ditawarkan. Terdapat menu searchbox sebagai bantuan dalam mencari produk sesuai keyword yang diinginkan. Form testimoni sebagai bukti transaksi yang telah dilakukan, lalu form kontak sebagai informasi kontak perusahaan, form sosial media sebagai informasi sosial media perusahaan. Slideshow utama merupakan media promosi untuk promo besar yang dibuat oleh perusahaan, lalu slideshow kedua merupakan media promosi untuk promo berdasar kategori produk yang ada. Menu customer sercive sebagai media pelanggan mengajukan pertanyaan untuk kesulitan yang ditemui. 43

3 Gambar 4.3 Implementasi Menu Profil Halaman profil dapat diakses melalui menu pada footer dengan menekan link profil. Pada halaman ini pelanggan mendapatkan informasi mengenai profil dari perusahaan Foto Sampurna. Gambar 4.4 Implementasi Menu Kontak Halaman kontak merupakan halaman yang menampilkan kontak dari perusahaan Foto Sampurna. 44

4 Pada halaman ini menampilkan gambar peta yang diambil dari googlemap, dimana pada map diberikan pin yang menunjukkan lokasi dari setiap perusahaan Foto Sampurna yang tersebar di Jogjakarta. Pada pin tersebut jika diklik akan memunculkan lokasi dan kontak dari Foto Sampurna Gambar 4.5 Implementasi Menu Portofolio Semua produk yang ada pada Foto Sampurna akan ditampilkan pada halaman Portofolio. Setiap gambar produk pada halaman mempunyai nama masing-masing produk yang dimana saat diklik akan memunculkan detail dari produk yang dipilih. Pada setiap halaman Portofolio menampilkan sejumlah 15 produk berdasarkan produk terbaru. Pada bagian bawah gambar produk terdapat menu halaman yang berfungsi sebagai link halaman portofolio selanjutnya yang menampung 15 produk lainnya. 45

5 Gambar 4.6 Implementasi Menu Galeri Pada halaman galeri ini, gambar yang mewakili promo perkategori akan ditampilkan. Setiap gambar mempunyai link yang jika di klik akan menampilkan gambar dengan tampilan lebih detail. Gambar 4.7 Implementasi Menu Kategori Produk 46

6 Foto Sampurna membagi menu list menjadi dua tingkatan kategori, yang pertama kategori umum dan yang kedua kategori khusus atau sub kategori. Pada halaman awal akan menampilkan kategori umum produk, sub kategori akan aktif jika kursor berada pada diatas link kategori umum. Selanjutnya jika link sub kategori di klik akan menampilkan data produk berdasakan sub kategori seperti pada gambar 4.8 dibawah ini : Gambar 4.8 Implementasi Menu Sub Kategori Produk Pada tampilan diatas, setiap gambar produk produk mempunyai link akses untuk menuju detail produk berdasarkan produk yang dipilih. Pada bagian bawah gambar sub kategori produk terdapat penomoran halaman, dimana perhalaman akan memuat 15 produk. Link nomor halaman akan memberikan akses untuk menuju halaman yang dipilih. 47

7 Gambar 4.9 Implementasi Menu Detail Produk Halaman detail produk akan menampilkan gambar dari produk dan deskripsi produk yang telah dipilih sebelumnya. Pada halaman ini terdapat button yang merupakan akses uktuk melakukan pemesanan online pelanggan. Form pemesanan online akan tampil seperti pada gambar 4.10 dibawah ini. Gambar 4.10 Implementasi Form Pemesanan 48

8 Form pemesanan online merupakan halaman yang digunakan untuk pelanggan melakukan pemesanan atas barang yang dipilih. Pada form ini, pelanggan diberikan deskripsi untuk aturan pemesanan yang telah dioleh perusahaan Foto Sampurna yang nanti akan disetuji pada checkbox persetujuan. Pelanggan wajib mengisi form pemesanan yang telah disediakan untuk dapat melakukan transaksi secara jelas. Jika tidak terisi secara lengkap, form pemesanan tidak akan dikirim untuk masuk ke database administrator dan tidak akan di proses untuk kelanjutannya. Jika pelanggan telah benar mengisi form, maka data akan dikirim setelah pelanggan menyetujui persetujuan yang ditetapkan, dan setelah tombol kirim di tekan. Admin akan menerima data pemesanan pelanggan dan akan dilakukan konfirmasi lewat kontak yang ada untuk selanjutnya diproses. Jika dalam proses akan melakukan pemesanan yang dilakukan pelanggan mengalami kesulitan, maka pelanggan bisa mengajukan pertanyaan melalui menu chatbox yang akan dijawab langsung oleh customer service. Menu chatbox berada di pojok kanan bawah di setiap halaman website, lihat pada gambar 4.11 untuk mengetahui menu chatbox yang disediakan untuk dapat berhubungan langsung dengan customer service. 49

9 Gambar 4.11 Implementasi Menu Chatbox Menu chatbox tidak hanya menerima pertanyaan dalam hal pemesanan, namun setiap pertanyaan yang sesuai pada konteks dari perusahaan juga akan diberikan jawaban yang bisa dimengerti pelanggan. Pelanggan wajib memberikan identitas yang jelas dalam mengajukan pertanyaan sebelum mengajukan pertanyaan, identitas dapat diinput melalui form pada gambar 4.12 dibawah ini. 50

10 Gambar 4.12 Implementasi Form Input Identitas Chatbox Pelanggan dapat melakukan input identitas melalui login pada sosial media facebook dan gmail. Setelah memberikan identitas yang lengkap dan pesan, maka tombol kirim pesan akan mengirimkan data langsung ke customer service dan nantinya akan diproses pertanyaan yang telah diajukan. Jawaban akan dikirimkan seketika yang akan tertera pada menu chatbox. Gambar 4.13 Implementasi Login Halaman Admin Login merupakan salah satu security yang dibangun dalam web ini, seperti di implementasikan pada halaman login diatas. Halaman login digunakan untuk membedakan hak akses user pada web. Untuk gambar login diatas merupakan halaman login halaman admin untuk dapat melihat data, managemnet content dan mengatur hak akses admin. Setelah login sesuai username dan password dengan benar, maka selajutnya akan menampilkan admin seperti dibawah ini : 51

11 Gambar 4.14 Implementasi Halaman Admin Pada halaman admin ini, admin dapat mengatur konten yang ada pada web. Data order juda dapat dilihat pada halaman ini, berikut link dan fungi yang ada pada halaman admin ini : A. Menu Utama 1. Profil : untuk mengatur halaman profil 2. Kontak us : untuk mengatur halaman kontak 3. Slideshow : untuk menambah dan mengganti gambar slideshow 52

12 4. Gambar slideshow : untuk menambah dan mengganti gambar promo B. Menu Produk (ind) 1. Kategori Produk : untuk mengganti nama kategori (halaman indonesia) 2. Jenis Produk : untuk mengatur sub kategori (halaman indonesia) 3. Tambah Produk : untuk mengatur produk (halaman indonesia) 4. Promo kategori : untuk mengatur promo per kategori (halaman indonesia) C. Menu Produk (eng) 1. Kategori Produk : untuk mengganti nama kategori (halaman ingrris) 2. Jenis Produk : untuk mengatur sub kategori (halaman ingrris) 3. Tambah Produk : untuk mengatur produk (halaman ingrris) 4. Promo kategori : untuk mengatur promo per kategori (halaman ingrris) D. Menu Admin 1. Link media Sosial : untuk mengatur link media sosial 2. Testimoni : untuk mengatur testimoni 53

13 3. View order : untuk melihat order yang telah masuk 4. Admin : untuk mengatur username dan password admin 5. Keluar : untuk keluar dari halaman admin 4.2 Analisa Berdasarkan implementasi yang sudah dilakukan. Website ini berjalan dengan lancar dan dapat menyajikan informasi dengan benar, serta sistem pemesanan online dan manajemen konten yang ada sesuai dengan pelanggan yang diinginkan. Pelanggan sudah dapat melakukan pemesanan online tanpa harus datang langsung ke Perusahaan Foto Sampurna. 54