BAB IV HASIL DAN ANALISIS
1.1 Hasil Karya atau Implementasi
Hasil karya atau implementasi yang telah dibuat oleh penulis merupakan salah satu dari website e-commerce.
Berikut adalah tampilan hasil karya atau implementasi dari website Chelly GarSkin Gadget Accesories :
1.1.1
Halaman Home
Halaman ini merupakan halaman yang pertama kali
akan diakses
oleh pembeli.
Halaman ini
menginformasikan sedikit tentang produk yang oenulis jual dalam website Chelly GarSkin Gadget Accesories ini.
Halaman ini ditunjukkan dalam Gambar 4.1.1
Gambar 4.1.1 Halaman Home
38
1.1.2
Halaman Login Admin
Agar admin dapat menambah, mengubah dan menghapus informasi maka admin harus log in terlebih
dahulu. Halaman login tersebut dapat melihat pada Gambar 4.1.2
Gambar 4.1.2 Tampilan Log In Admin
1.1.3
Halaman Home Pada Menu Admin
Halaman ini berisikan kata -kata selamat datang untuk administrator. Home pada menu admin dapat dilihat
pada Gambar 4.1.3.
Gambar 4.1.3 Halaman Home Pada Menu Admin
40
1.1.4
Halaman Kategori Pada Menu Admin
Supaya admin dapat merubah kategori yang baru maka admin dapat menambah, merubah dan menghapusnya
di halaman ini. Halaman ini dapat dilihat pada Gambar 4.1.4.
Gambar 4.1.4 Kategori Pada Menu Admin
41
1.1.5
Halaman Harga Pada Menu Admin
Fungsi da ri halaman ha rga admin sama dengan halaman kategori admin. Halaman harga admin dapat
dilihat pada Gambar 4.1.5.
Gambar 4.1.5 Halaman Harga Pada Menu Admin
42
1.1.6
Halaman Kontak Pada Menu Admin
Admin dapat merubah customers service dari halaman ini. Halaman kontak admin dapat dilihat pada
Gambar 4.1.6.
Gambar 4.1.6 Halaman Kontak Pada Menu Admin
43
1.1.7
Halaman Log Out
Agar dapat keluar dari administrator maka admin harus log out dari halaman. Jika log out berhasil, maka akan
muncul dialog bahwa admin sudah keluar dari halaman administrator. Gambar 4.1.7 menunjukkan bahwa admin
berhasil keluar dari halaman administrator.
Gambar 4.1.7 Dialog Log Out
44
1.1.8
Halaman Cara Pemesanan
Agar customers mengetahui bagaimana cara memesan barang dari Chelly GarSkin Accesories Gadget
maka penulis menyediakan halaman ini pada website ini. Didalam halaman ini customers diberikan penjelasan
bagaimana cara
memesan barang.
Hala man cara
pemesanan ini ditunjukkan pada Gambar 4.1.8
Gambar 4.1.8 Cara Pemesanan
45
1.1.9
Halaman Cara Pembayaran
Untuk mempermudah ca ra pemba yaran maka penulis membuat halaman ini. Halaman ini berisikan
beberapa nomor rekening bank, sehingga customers yang diuar kota dapat bertransaksi dengan mudah tanpa bertemu
langsung. Halaman cara pembayaran ini dapat ditunjukkan penulis dalam Gambar 4.1.9
Gambar 4.1.9 Cara Pembayaran
1.1.10
Halaman Check Order
Untuk memantau atau mengechek barang sudah diterimai atau belum ke customers, maka penulis
menyediakan form untuk verifikasi barang yang sudah diterima. Customers wajib mengisi form ini ketika barang
yang di pesan dari Chelly GarSkin Gasget Accesories sudah benar-benar diterima. Halaman chek order ini dapat
ditunjukkan oleh penulis melalui Gambar 4.1.10
Gambar 4.1.10 Form Verifikasi Barang Datang
1.1.11
Halaman Kontak
Halaman ini
dibuat oleh
penulis untuk
mempermudah customers mengetahui nomor, sosial media dan email yang dapat dihubungi ketika terjadi sesuatu saat
pengiriman barang da ri Chelly Ga rSkin Accesories Gadget. Halaman kontak ini ditunjukkan oleh Gambar 4.1.11
Gambar 4.1.11 Kontak
48
1.1.12
Menu Kategori dan Halaman Kategori
Menu kategori ini berisikan kelompok-kelompok gambar Ga rskin yang dapat dipilih customers sesuai dengan
selera. Didalam website ini tersedia bebera pa macam kelompok
gambar yang
dapat dipilih
dan dapat
menampilkan gambar ketika salah satu kategori tersebut diklik maka akan muncul halaman kategori. Menu dan
halaman kategori ditunjukkan pada Gamba r 4.1.12.1 dan 4.1.12.2
Gambar 4.1.12.1 Menu Kategori
49
Gambar 4.1.12.2 Tampilan Halaman Kategori
1.1.13
Menu Harga dan Halaman Harga
Menu harga ini bertujuan untuk menggolongkan merk dan type gadget menjadi size S, M, L, XL dan XXL.
Serta diberikan daftar harga sesuai dengan size yang telah ada pada tabel. Menu dan halaman harga ditunjukkan pada
Gambar 4.1.13.1 dan 4.1.13.2
Gambar 4.1.13.1 Menu Harga Merk
50
Gambar 4.1.13.2 Halaman Tabel Penggolongan Type
1.1.14
Menu Agenda dan Halaman Agenda
Menu agenda ini berisikan informasi-informasi tentang adanya pertemuan yang akan diselengga rakan oleh
pihak-pihak tertentu. Hal ini mempermudah customers atau pengunjung mengetahui pertemuan atau acara ya ng mereka
butuhkan. Ini dapat ditunjukkan pada Gambar 4.1.14.1 untuk menu agenda dan Gambar 4.1.14.2 adalah halaman agenda.
Gambar 4.1.14.1 Menu Agenda
51
Gambar 4.1.17 Halaman Agenda Yang Ditampilkan
1.1.15
Halaman Form Beli
Halaman form beli ini penulis buat dalam website Chelly GarSkin Gadget Accesories untuk mema sukkan data
customers ke dalam database. Sehingga penulis tahu customers yang memesan barang da ri Chelly GarSkin
Gadget Accesories. Halaman ini ditampilkan pada Gambar 4.1.18.
Gambar 4.1.18 Form Beli
52
1.2 Hasil Pengujian