Perancangan Input Pengunjung Perancangan Input Member Perancangan Input Petugas

1. Perancangan Input Pengunjung

a. Form Registrasi Akun Member Form registrasi akun anggota ini digunakan untuk pengunjung melakukan registrasi agar menjadi anggota Onegear Partshop. XXX XXX XXX XXX XXX XXX XXX XXX REGISTRASI REGISTRASI MEMBER Email Password Nama Jenis kelamin Alamat Kode pos kota No Telepon Gambar 4.33 Tampilan Halaman Registrasi Member

2. Perancangan Input Member

a. Form Login Anggota Perancangan input login ini merupakan tahapan selanjutnya setelah melakukan pendaftaran registrasi baru. Pada halaman ini anggota diminta untuk mengisi username dan password yang benar untuk mendapatkan proses selanjutnya. Jika username atau password tidak diisi atau salah maka username akan dikembalikan kembali kepada halaman login. LOGIN Username Email : xxx Password xxx LOGIN Lupa password Gambar 4.34. Tampilan Akun Member b. Form Pembelian Produk Form Pembelian produk digunakan anggota untuk melakukan pembelian Produk sesuai dengan keinginan anggota. Harga Pembelian produk Gambar Produk Berat Sisa stock Qty xxx xxx xxx Deskripsi Produk BELI Harga Gambar 4.35. Tampilan Form Pembelian Produk c. Form Tujuan Pengiriman Form Pengiriman produk digunakan untuk melakukan pengiriman Produk sesuai dengan keinginan member. Penerima dan Alamat pengiriman Alamat Pengeriman No Telepon xxx xxx xxx xxx xxx KEMBALI LANJUTKAN Kota Kode pos Nama Penerima Penerima dan Alamat Pengiriman Gambar 4.36. Form Tujuan Pengiriman d. Konfirmasi Pembayaran Pemesanan Form konfirmasi pembayaran digunakan untuk anggota melakukan kofirmasi atas pembayaran yang member telah lakukan. Id Pemesanan Tgl Transfer Bank Tujuan Bank Asal No Rekening Atas Nama No Resi xxx xxx xxx xxx 2011 xxx xxx xxx xxx KIRIM Konfirmasi Pembayaran Id Pemesanan Tgl Transfer Gambar 4.37 Form Konfirmasi Pembayaran Pemesanan

3. Perancangan Input Petugas

Berikut adalah perancangan formulir pendaftaran yang akan diisi oleh pendaftar sebagai kelengkapan data pada alaman pendaftaran online. a. Form Akun Petugas Perancangan akun petugas ini merupakan tahapan sebelum masuk kehalaman admin dimana petugas dapat melakukan perubahan pada content website Onegear Partshop. Jika username atau password tidak diisi atau salah maka petugas akan dikembalikan kembali kepada halaman login. Nama Toko Login Username Password SIGNIN Gambar 4.38 Form Login Akun Petugas b. Menginputkan Produk Baru Form tambah produk ini digunakan petugas untuk menambah produk pada Website Onegear Partshop pada tahap pertama Form tambah produk ini digunakan petugas untuk menambah produk pada Website Onegear Partshop Kategori Banyaknya Gambar produk Deskripsi Nama Produk Berat Harga sepeda xxx xxx xxx xxx xxx Enter Text Simpan Gambar 4.39. Tampilan Form Tambah Produk

4.2.4.2 Perancangan Output