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
39
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
40
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
41
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
42
1.1.5 Halaman Harga Pada Menu Admin Fungsi dari halaman harga 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
43
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
44
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
45
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.
Halaman
pemesanan ini ditunjukkan pada Gambar 4.1.8
Gambar 4.1.8 Cara Pemesanan
cara
46
1.1.9 Halaman Cara Pembayaran Untuk mempermudah cara pembayaran 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
47
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
48
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 dari Chelly GarSkin Accesories Gadget. Halaman kontak ini ditunjukkan oleh Gambar 4.1.11
Gambar 4.1.11 Kontak
49
1.1.12 Menu Kategori dan Halaman Kategori Menu kategori ini berisikan kelompok-kelompok gambar Garskin yang dapat dipilih customers sesuai dengan selera. Didalam website ini tersedia beberapa 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 Gambar 4.1.12.1 dan 4.1.12.2
Gambar 4.1.12.1 Menu Kategori
50 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)
51 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 diselenggarakan oleh pihak-pihak tertentu. Hal ini mempermudah customers atau pengunjung mengetahui pertemuan atau acara yang 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
52 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 memasukkan data customers ke dalam database. Sehingga penulis tahu customers yang memesan barang dari Chelly GarSkin Gadget Accesories. Halaman ini ditampilkan pada Gambar 4.1.18.
Gambar 4.1.18 Form Beli
53
1.2 Hasil Pengujian No
1.
Fungsi
Cara
Hasil yang
Hasil
yang diuji
pengujian
diharapkan
pengujian
Menampilkan
OK
Form
Memilih
management management
2.
3.
home
home
Form
Memilih
halaman home
Menampilkan
management management
halaman Log
admin
admin
In
Form
Mengisi log
Menampilkan
management in
halaman home
home admin
admin
administrato
OK
OK
r 4.
Form
Memilih
Menampilkan
management management
halaman
kategori
kategori
untuk
admin
pada
menambah,
halaman
mengubah dan
admin
menghapus
OK
informasi katagori 5.
Form
Memilih
management management
Menampilkan halaman
OK
54
harga
harga pada
untuk
admin
halaman
menambah,
admin
mengubah dan menghapus informasi harga
6.
Form
Memilih
Menampilkan
management management
halaman
kontak
kontak pada
untuk
halaman
menambah,
admin
mengubah dan
OK
menghapus informasi kontak 7.
Form
Memilih
management management Log Out
Menampilkan
OK
dialog log out
log out pada halaman admin
8.
9.
Form
Memilih
Menampilkan
management management
halaman cara
cara
cara
pemesanan
pemesanan
pemesanan
Form
Memilih
management management
Menampilkan halaman cara
OK
OK
55 cara
cara
pembayaran
pembayaran
10. Form
Memilih
pembayaran
Menampilkan
management management
form verifikasi
check order
check order
customers
Memilih
Menampilkan
11. Form
management management
kontak-kontak
kontak
yang dapat
kontak
OK
OK
dihubungi oleh customers 12. Form
Memilih
Menampilkan
management salah satu
gambar-
kategori
kategori
gambar yang
pada form
dipilih dalam
management
sebuah
kategori
kategori dari
OK
form management kategori 13. Form
Memilih
Menampilkan
management salah satu
tabel
harga
merk gadget
pengelompoka
dari form
n type,size dan
management
harga
OK
56
harga 14. Form
Memilih
management salah satu agenda
Menampilkan
OK
berita agenda
berita agenda dari form management agenda Gambar 4.2.1 Hasil Pengujian
1.3 Analisis Website
Chelly GarSkin Accesories Gadget ini dapat
diakses oleh semua customers dan pengguna. User dan pengguna dapat mengakses website ini dengan mudah di internet. Sehingga customers dan pengunjung akan lebih mudah mencari garskin yang mereka inginkan tanpa harus banyak membuang waktu dan tenaga untuk mendapatkan accespries gadget ini. Tah hanya mempermudah customers dan pengguna saja, namun dari pihak pemilik website juga mendapat kemudahan untuk meningkatkan usaha dan bisnisnya dalam hal jual beli online.