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

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

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

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.

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.

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.

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.

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.

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

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

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

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

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

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

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.

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.

1.2

Hasil Pengujian

No Fungsi yang diuji Cara pengujian Hasil yang diharapkan Hasil pengujian 1. Form management home Memilih management home Menampilkan halaman home OK 2. Form management admin Memilih management admin Menampilkan halaman Log In OK 3. Form management home admin Mengisi log in administrato r Menampilkan halaman home admin OK 4. Form management kategori admin Memilih management kategori pada halaman admin Menampilkan halaman untuk menambah, mengubah dan menghapus informasi katagori OK

5. Form

management Memilih management Menampilkan halaman OK

harga admin harga pada halaman admin untuk menambah, mengubah dan menghapus informasi harga 6. Form management kontak Memilih management kontak pada halaman admin Menampilkan halaman untuk menambah, mengubah dan menghapus informasi kontak OK 7. Form management Log Out Memilih management log out pada halaman admin

Menampilkan dialog log out

OK 8. Form management cara pemesanan Memilih management cara pemesanan Menampilkan halaman cara pemesanan OK 9. Form management Memilih management Menampilkan halaman cara OK

10. Form management check order Memilih management check order Menampilkan form verifikasi customers OK 11. Form management kontak Memilih management kontak Menampilkan kontak-kontak yang dapat dihubungi oleh customers OK 12. Form management kategori Memilih salah satu kategori pada form management kategori Menampilkan gambar-gambar yang dipilih dalam sebuah kategori dari form management kategori OK 13. Form management harga Memilih salah satu merk gadget dari form management Menampilkan tabel pengelompoka n type,size dan harga

harga 14. Form management agenda Memilih salah satu berita agenda dari form management agenda Menampilkan berita agenda OK

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.

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.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.

1.2

Hasil Pengujian

No Fungsi yang diuji Cara pengujian Hasil yang diharapkan Hasil pengujian 1. Form management home Memilih management home Menampilkan halaman home OK 2. Form management admin Memilih management admin Menampilkan halaman Log In OK 3. Form management home admin Mengisi log in administrato r Menampilkan halaman home admin OK 4. Form management kategori admin Memilih management kategori pada halaman admin Menampilkan halaman untuk menambah, mengubah dan menghapus informasi katagori OK

5. Form

management Memilih management Menampilkan halaman OK

harga admin harga pada halaman admin untuk menambah, mengubah dan menghapus informasi harga 6. Form management kontak Memilih management kontak pada halaman admin Menampilkan halaman untuk menambah, mengubah dan menghapus informasi kontak OK 7. Form management Log Out Memilih management log out pada halaman admin

Menampilkan dialog log out

OK 8. Form management cara pemesanan Memilih management cara pemesanan Menampilkan halaman cara pemesanan OK 9. Form management Memilih management Menampilkan halaman cara OK

cara pembayaran cara pembayaran pembayaran 10. Form management check order Memilih management check order Menampilkan form verifikasi customers OK 11. Form management kontak Memilih management kontak Menampilkan kontak-kontak yang dapat dihubungi oleh customers OK 12. Form management kategori Memilih salah satu kategori pada form management kategori Menampilkan gambar-gambar yang dipilih dalam sebuah kategori dari form management kategori OK 13. Form management harga Memilih salah satu merk gadget dari form management Menampilkan tabel pengelompoka n type,size dan harga

harga 14. Form

management agenda

Memilih salah satu berita agenda dari form

management agenda

Menampilkan berita agenda

OK

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.