HALAMAN USER

commit to user 36

IMPLEMENTASI DAN ANALISA

A. IMPLEMENTASI SISTEM

1. HALAMAN USER

a. Form Tampilan Halaman Utama (Beranda)

Halaman beranda adalah halaman yang pertama kali muncul ketika aplikasi ini dibuka. Pada halaman beranda terdiri dari menu yaitu :

1. menu utama yang terdiri dari beranda, profil, buku tamu, kontak, berita, kategori barang, subkat barang, merk barang, dan daftar barang,

2. sekilas info tentang produk yang dijual, 3. formloginuntukloginanggota,

4. menusign upuntuk registrasi pengunjung,

5. menu fasilitas yang terdiri dari polling, pencarian, informasi, koleksi, jejaring sosial dan menu admin (untukloginadmin).

commit to user

37

Gambar 14 : Tampilan Halaman Beranda

b. Form Tampilan Halaman Buku Tamu

Halaman buku tamu dapat diakses oleh user umum (pengunjung dan pelanggan). Untuk memberi komentar, user harus memasukkan nama, email, dan komentar. Kemudian untuk menampilkan semua komentar pilih tampil. Pada halaman ini pengunjung bisa menyampaikan saran dan kritik yang

commit to user

membangun bagi toko Erma Ahmad Batik. Tampilan halaman buku tamu dapat dilihat pada Gambar 15 berikut :

Gambar 15 : Tampilan Halaman Buku Tamu

Apabila terjadi kesalahan input yaitu penulisan email salah atau field

masih kosong, maka akan muncul pesan peringatan seperti pada Gambar 16 berikut :

Gambar 16 : Tampilan Halaman Kesalahan Input Buku Tamu

c. Form Tampilan Halaman Berita

Halaman ini memuat info berita, bisa diakses oleh user umum. Pada tampilan awal yang ditampilkan hanya sekilas berita saja, namun disediakan juga link untuk melihat berita detail selengkapnya. Tampilan halaman berita dan berita detail dapat dilihat pada Gambar 17 dan Gambar 18 berikut :

commit to user

39

Gambar 17 : Tampilan Halaman Berita

Gambar 18 : Tampilan Halaman Berita Detail

d. Form Tampilan Halaman Registrasi

Halaman registrasi adalah halaman untuk melakukan pendaftaran sebagai pelanggan baru. Untuk melakukan pendaftaran, user harus mengisi biodata lengkap pada form yang telah disediakan. Form registrasi berisikan data berikut :

1. data pelanggan (nama lengkap, jenis kelamin, danemail),

2. alamat pelanggan (negara dengandefaultIndonesia, propinsi, kota, alamat, dan kode pos),

3. data no kontak (no telepon, nohandphone, dan nofax),

commit to user

Tampilan halaman registrasi dapat dilihat pada Gambar 19 berikut :

Gambar 19 : Tampilan Halaman Registrasi

Semua kolom pada form harus diisi dengan lengkap dan harus sesuai dengan tulisan bertanda (*), jika tidak maka akan muncul peringatan kesalahan input di bawah form. Tampilan halaman kesalahan registrasi dapat dilihat pada Gambar 20 berikut :

commit to user

41

e. Form Tampilan HalamanLoginPelanggan

Halaman login pelanggan adalah halaman untuk dapat melakukan pembelian sehingga pelanggan harus melakukanloginterlebih dahulu dengan memasukkan user dan password yang telah dibuat pada saat melakukan registrasi. Pada form pelanggan ini memuat form login dan link untuk form registrasi. Tampilan halaman login pelanggan dapat dilihat pada Gambar 21 berikut :

Gambar 21 : Tampilan HalamanLoginPelanggan

Apabila pelanggan melakukan kesalahan input yaitu penulisan user

atau password salah dan field masih kosong, maka akan muncul pesan peringatan seperti pada Gambar 22 berikut :

Gambar 22 : Tampilan Halaman KesalahanLoginPelanggan

f. Form Tampilan Halaman Sub Kategori Barang

Halaman ini dapat diakses olehuserumum. Halaman ini menampilkan produk barang berdasarkan sub kategori sehingga memudahkan pembeli melihat pembagian-pembagian sub kategori barang. Tampilan halaman sub kategori barang dapat dilihat pada Gambar 23 berikut :

commit to user

Gambar 23 : Tampilan Halaman Sub Kategori Barang

Untuk tampilan halaman kategori barang memiliki desain yang sama dengan halaman sub kategori barang.

g. Form Tampilan Halaman Daftar Barang

Pada halaman daftar baranguser umum bisa melihat lebih jelas daftar barang apa saja yang dijual. Barang disertai gambar dan harga masing-masing barang. Tampilan halaman daftar barang dapat dilihat pada Gambar 24.

commit to user

43

Jika ingin membelinya maka harus melakukan login terlebih dahulu, jika belumloginmaka akan tampil halaman belumloginseperti pada Gambar 25 berikut :

Gambar 25 : Tampilan Halaman Status BelumLogin

h. Form Tampilan Halaman Pemesanan

Berikut akan ditampilkan langkah awal untuk memulai pemesanan barang. Hanya pelanggan yang dapat melakukan pembelian, maka haruslogin

dahulu dengan menggunakan account yang sudah diperoleh masing-masing pada saat registrasi. Bukti bahwa pelanggan sudah berhasil login yaitu pada gambar yang dilingkari merah, yaitu pada status dan pada menu pelanggan.

Untuk membelinya, klik “beli” seperti pada gambar yang dilingkari merah. Jika sudah dipilih, maka barang akan masuk pada kantong belanja pelanggan. Tampilan halaman status login dapat dilihat pada Gambar 26 berikut :

commit to user

Gambar 26 : Tampilan Halaman StatusLogin

Setelah pelanggan memilih tombol beli maka pelanggan akan masuk ke halaman keranjang belanja. Tombol yang disediakan adalah :

1. tombol daftar barang  untuk kembali ke halaman daftar barang, jika pelanggan ingin membeli barang lagi.

2. tombol ubah  jika pelanggan ingin mengubah jumlah barang yang dibeli. Minimal pemesanan yaitu satu barang, dan tidak boleh diisi kosong. 3. tombol hapus (x)jika pelanggan ingin menghapus barang pada kantong

belanja.

4. tombol lanjutkanjika pelanggan sudah yakin dengan barang yang akan dibeli, maka akan masuk ke halaman konfirmasi pembayaran.

Tampilan halaman kantong belanja dapat dilihat pada Gambar 27 berikut :

commit to user

45

Gambar 27 : Tampilan Halaman Kantong Belanja

Pada halaman konfirmasi pembayaran berisikan konfirmasi data pribadi (pelanggan dapat mengubahnya jika terjadi kesalahan dalam pengisian) dan konfirmasi cara pembayaran. Apabila data yang diisi sudah benar dan setuju dengan peraturan yang telah diberikan maka pelanggan tinggal melanjutkan transaksinya dengan pilih simpan. Tampilan halaman konfirmasi pembayaran dapat dilihat pada Gambar 28 berikut :

commit to user

commit to user

47

Pada halaman konfirmasi transaksi berisikan konfirmasi barang belanja, total belanja, biaya kirim, unik transfer, total pembayaran, dan konfirmasi alamat. Tampilan halaman konfirmasi transaksi dapat dilihat pada Gambar 29 berikut :

Gambar 29 : Tampilan Halaman Konfirmasi Transaksi

Setelah itu pilih lanjutkan, maka akan masuk ke halaman transaksi sukses. Halaman ini berisikan pemberitahuan bahwa proses transaksi telah sukses. Tampilan halaman transaksi sukses dapat dilihat pada Gambar 30.

commit to user

Gambar 30 : Tampilan Halaman Transaksi Sukses

i. Form Tampilan Halaman PelangganLogin

Berikut adalah menu yang disediakan jika pelanggan telahloginyaitu

1. ubah pelanggan  menu form untuk mengubah data pelanggan apabila terdapat kesalahan pada saat pengisian data.

2. Kantong belanja menu untuk menampilkan barang yang terdapat pada keranjang belanja, bersifat penyimpanan sementara.

3. Lanjutkan transaksimenu untuk menampilkan konfirmasi pembayaran yang terdiri dari edit data pribadi dan cara pembayaran.

4. Daftar transaksi  menu untuk menampilkan no transaksi user, unik transfer yang diperoleh, status sebagai tanda bukti lunas atau pesan, dan daftar barang detail serta nominal harga yang diperoleh.

5. Logout  menu untuk keluar dari account user dan mengakhiri pemesanan.

Tampilan halaman ubah data pelanggan dapat dilihat pada Gambar 31 berikut :

commit to user

49

Gambar 31 : Tampilan Halaman Ubah Data Pelanggan

Tampilan halaman kantong belanja dapat dilihat pada Gambar 32 berikut :

Gambar 32 : Tampilan Halaman Kantong Belanja

Tampilan halaman daftar transaksi terakhir dapat dilihat pada Gambar 33 berikut :

commit to user

Gambar 33 : Tampilan Halaman Daftar Transaksi Terakhir

Untuk tampilan aksi tampil dapat dilihat pada Gambar 34 berikut :

commit to user

51