Pada bab ini akan membahas mengenai hasil dan pembahasan lebih lanjut dari pengimplementasian website Ella Hijab yang sebelumnya telah di rancang melalui dua tahap
prototyping pada bab3. Hal ini di lakukan untuk mengetahui apakah hasil website yang di bangun telah menjalankan proses sesuai dengan yang di harapkan. Berikut adalah tampilan antar muka website Ella Hijab.
4.1 Hasil
Sebelum website Ella Hijab di jalankan,terlebih dahulu harus melakukan instalasi software
XAMPP.Setalah instalasi di lakukan,harus melakukan pengaturan pada control panel XAMPP.
Website Ella Hijab ini di kembangkan dari 2 bagian,yaitu bagian front-end yang berupa tampilan yang dapat di lihat oleh pengunjung website dan bagian back-end yang di kelola oleh administrator. Website ini di jalankan oleh localhost.
4.1.1 Halaman Utama
Untuk dapat menjalankan website Ella Hijab bagian front-end,kita harus membuka website
browser dan mengetikan alamat website pada location bar,alamatnya adalah http://localhost/fashionhijab/home. Kemudian akan tampil halam beranda front-end seperti pada halaman berikut ini.
Halaman yang akan muncul pertama kali pada saat usermengakses website adalah halaman utama. Halaman utama ini terdiri dari menu home, menu katalog, menu tutorial, menu keranjang belanja, menu cara order, menu contact us,serta menu login.
Gambar 4.2. Halaman Utama (Home) Front-End
1. Menu Home: Berisikan tentang semua yang ada pada halaman utama website Ella Hijab. 2. Menu Katalog: Berisikan tentang produk yang tersedia pada website Ella Hijab.
3. Menu Tutorial: Berisikan tentang cara penggunakan hijab yang di rangkum dalam 3 pembelajaran yaitu artikel, gambar,dan video.
4. Menu Keranjang Belanja: Berisikan informasi produk yang kita beli /order.
5. Menu Cara Order: Berisikan tentang petunjuk cara berbelanja pada website Ella Hijab. 6. Menu Contact Us: Berisikan kontak dari owner/pemilik dari website Ella Hijab.
Berikut tampilan dari website Ella Hijab:
4.1.2 Halaman Login
Halaman login digunakan pada saat customer akan melakukan pembelian pada website Ella Hijab. Sebelumnya harus menjadi anggota dari website Ella Hijab. Jika belum memiliki
account maka terlebih dahulu mendaftar sebagai member baru. Seperti pada gambar di bawah ini.
Gambar 4.9 Login
Apabila belum memiliki account klik member baru, maka akan menampilkan from seperti di bawah ini.
Gambar 4.10. Form Member Baru
Gambar 4.11. Member Berhasil Daftar
Setelah berhasil menjadi member dari Ella Hijab selanjutnya customer melakukan
login. Pada menu home seperti pada gambar 4.9. Dan jika berhasil login akan menampilkan layar seperti di bawah ini.
Gambar 4.12. Tampilan Member Berhasil Login
Selanjutnya jika customer mau melakukan order. Customer bisa memilih menu katalog yang ada di dalam website Ella Hijab seperti gambar 4.3.Dengan mengklik bottom add to cartdan produk yang di order akan masuk ke dalam keranjang belanja seperti gambar di bawah ini.
Gambar 4.13. Keranjang Belanja
Setelah barang yang di order masuk kedalam keranjang belanja, proses selanjutnya masuk ke konfirmasi data pengiriman, yang disediain combobox dengan dua pilihanalamat tujuan, yaitu dengan alamat pelanggan itu sendiri dan alamat lain. Maka akan tampil layar seperti berikut.
Gambar 4.14. Konfirmasi Data Pengiriman
Jika dipilih dengan alamat saya maka tampilannya sebagai berikut:
Gambar 4.15. Alamat Saya
Gambar 4.16. Alamat Lain
Proses selanjutnya customer melakukan checkout. Maka akan menampilkan layar seperti ini.
Gambar 4.17. Proses Transaksi Selesai
Untuk mengkonfirmasi pembayaran customer bisa kembali ke history, dan memilih konfirmasi sekarang. Lalu mengupload bukti pembayaran dan mengsubmit. Maka akan menampilkan layar seperti ini.
Gambar 4.19. Konfirmasi Pembayaran
Gambar 4.20. Messagebox Berhasil Konfirmasi
Untuk dapat menjalankan website Ella Hijab bagian back-end,kita harus membuka website
browser dan mengetikan alamat website pada location bar,alamatnya adalahhttp://localhost/fashionhijab/backend/media.php. Kemudian akan tampil halam
dashboardback-end seperti pada halaman berikut ini.
Gambar 4.21. Tampilan Dashboard
Pada tampilan dashboard terdapat menu admin, produk, kategori, tutorial, cara order, konfirmasi pembayaran, contact us.
a. Admin: Pemilik dari website yang mengelola website mulai dari mengelola produk,mengelola tutorial,mengelola pemesanan,sampai pada proses pengiriman.
b. Produk: Admin menginput produk-produk yang akan di pasarkan.
c. Kategori: Admin menginput jenis-jenis katagori di setiap produk yang di pasarkan. d. Tutorial: Admin menginput jenis-jenis tutorial yang di tawarkan seperti
artikel,gambar,video.
e. Cara order: Admin mengelola cara dari proses pengorderan.
f. Konfirmasi Pembayaran: admin mengolala setiap customer yang melakukan konfirmasi pembayaran.
Gambar 4.22. Tampilan Admin back-end
Gambar 4.25. Edit Produk back-end
Gambar 4.27. Menu Tambah Kategori back-end
Gambar 4.31. Menu Tutorial Gambar back-end
Gambar 4.33. Menu Cara Order back-end
Gambar 4.35. Menu Contact Us back-end
4.2 Pembahasan
4.2.1 Kelebihan dan Kelemahan Sistem
Dari hasil pengembangan website Ella Hijab masih memiliki kekurangan, adapun kekurangan dari website Ella Hijab ini yaitu:
a. Tidak adanya metode clothes fitting online atau disebut juga dengan virtual fitting roomuntuk memadukan model hijab.
b. Belum tersedianya ratting pada produk terlaris.
c. Transfer pembayaran hanya melakukan proses konfirmasi. d. Tidak adanya sistem keamanan bagi data-data privasi pelanggan.
Selain memiliki kelemahan,ada pula kelebihan dari website Ella Hijab ini yaitu: a. Website tidak hanya melakukan pemasaran tapi juga melakukan proses penjualan.
b. Memudahkan customer dalam memilih banyak produk yang di tawarkan sehingga
c. Memudahkan customer dalam pembelajaran menggunakan hijab karena tersedianya media pembelajaran berbentuk tutorial seperti artikel, gambar, dan video.
4.2.2. Kebutuhan Aplikasi
Adapun kebutuhan hardware dan software yang digunakan peneliti untuk menjalankan aplikasi ini adalah sebagai berikut:
a. Laptop dengan spesifikasi a. Intel® Core™ i3 450M b. RAM 2048MB
c. HDD 500GB d. Monitor 14.0”
b. Windows 7 Ultimate 32-bit c. XAMPP ver. 1.7.3
BAB V
PENUTUP
5.1. Kesimpulan
Setelah melakukan pengembangan website Ella Hijab penulis menarik beberapa kesimpulan. a. Website yang dikembangakan dapat dijadikan pemasaran produk lebih luas dan penjualan
juga lebih mudah.
b. Informasi produk yang beraneka ragam memudahkan customer memilih produk yang diinginkan.
c. Tersedianya pembelajaran untuk customer dalam memodelkan hijab.
d. Dengan menggunakan metodologi RAD memudahkan penulis mengembangkan sistem website Ella Hijab.
5.2. Saran
Adapun saran yang dapat penulis sampaikan setelah menyelesaikan tugas akhir ini adalah sebagaiberikut.
1. Mengunakan metode clothes fitting online atau disebut juga dengan virtual fitting roomuntuk membantu pembuatan fitur fitting room.
2. Menambah fitur rating pada penjualan produk terlaris.