Hasil Karya atau Implementasi

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

Dokumen yang terkait

Institutional Repository | Satya Wacana Christian University: Perancangan Game Pesawat Tempur Menggunakan Adobe Flash Professional CS6 untuk Anak SD T0 562013017 BAB IV

0 0 11

Institutional Repository | Satya Wacana Christian University: Web E-Commerce AW Collection T0 562012021 BAB IV

0 0 8

Institutional Repository | Satya Wacana Christian University: Perancangan E-Commerce Toko Nusantara T0 562011053 BAB IV

0 0 12

Institutional Repository | Satya Wacana Christian University: Membangun Website E-Commerce di Toko Primajaya Aluminium Salatiga T0 562011010 BAB IV

0 0 37

Institutional Repository | Satya Wacana Christian University: Pembuatan Website E-Commerce Garskin Menggunakan Adobe Dreamweaver CS6 T0 562011015 BAB I

0 0 11

Institutional Repository | Satya Wacana Christian University: Pembuatan Website E-Commerce Garskin Menggunakan Adobe Dreamweaver CS6 T0 562011015 BAB II

0 0 6

Institutional Repository | Satya Wacana Christian University: Pembuatan Website E-Commerce Garskin Menggunakan Adobe Dreamweaver CS6 T0 562011015 BAB V

0 0 2

Institutional Repository | Satya Wacana Christian University: Pembuatan Website E-Commerce Garskin Menggunakan Adobe Dreamweaver CS6

0 0 14

Institutional Repository | Satya Wacana Christian University: Pembuatan Website E-Commerce Garskin Menggunakan Adobe Dreamweaver CS6

0 0 3

Institutional Repository | Satya Wacana Christian University: Perancangan dan Pembuatan Website E-Commerce pada Konveksi “Fausta Gallery” T0 562011011 BAB IV

0 0 48