Perancangan Perancangan Halaman Website

BAB 3 PERANCANGAN SISTEM

3.1 Perancangan

Tahapan perancangan merupakan tahapan awal yang dilakukan penulis dalam membangun website ini. Pada tahapan ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari website yang akan dibangun. Website ini dirancang menggunakan salah satu CMS Content Management System yaitu Prestashop. Tahapan selanjutnya adalah tahapan pembuatan bagan atau struktur dari website tersebut. Struktur dari website tersebut menampilkan struktur hirarki dan isi halaman perhalaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman website dan navigasi antar halaman.

3.2 Perancangan Halaman Website

3.2.1 Halaman Home

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan tentang perkenalan produk dan update produk terbaru yang dijual dan link-link utama menuju ke halaman lainnya. Universitas Sumatera Utara 3.2.2 Cara Belanja Menu ini berisikan alur cara belanja dan nomor rekening untuk transaksi dengan metode transfer antar bank. Dimana pembeli juga dapat melihat data toko dan dapat memesan produk di form yang disediakan di halaman ini.

3.2.3 Pengiriman

Halaman ini berisikan ke jasa pengiriman yang telah disediakan , pembeli akan memilih satu tempat pengiriman yaitu JNE.

3.2.4 Kategori Produk

Menu ini mengklasifikasikan produk yang penulis sajikan untuk memudahkan pembeli melakukan pencarian dan memudahkan pengelolaan produk dari sisi administrator.

3.2.5 Menu Pencarian

Menu pencarian wajib ada untuk memudahkan pembeli dalam melakukan pencarian produk secara cepat tanpa harus membuka–buka kategori produk.

3.2.6 Kontak

Berisikan email, nomor telepon, alamat fisik, yahoo messenger dan alamat komunikasi lainnya. Universitas Sumatera Utara

3.2.7 Syarat dan Ketentuan

Syarat dan ketentuan biasanya berkaitan dengan aturan transaksi, pembayaran, pemesanan, pengiriman, dan aturan komplain. Jadi, sudah semestinya pemilik toko online menginformasikan hal ini pada konsumen agar tidak terjadi kesalahpahaman.

3.3 Diagram Level Korteks