4. Spesifikasi File Biodata Pemesanan
Nama Tabel : Tabel Biodata
Akronim : Biodata
Fungsi File : Untuk Mengetahui biodata pemesan
Media File : Hardisk
Kunci : ID_Bio
Software : MySQL
Tabel 4.5 Tabel Biodata No
Nama Field Type
Size Keterangan
1 Id_Bio
INT 4
ID Biodata 2
Nama Varchar
55 Nama
3 Alamat
Text -
Alamat 4
Telp Varchar
55 Telp
5 Email
Varchar 55
Email
4.10 Perancangan Sistem Data Flow Diagram DFD
DFD merupakan alat perancangan sistem yang berorientasi pada alur data dgn konsep dekomposisi dapat digunakan untuk penggambaran analisa
maupun rancangan sistem yg mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. Berikut merupakan gambaran
umum website Penjualan Online dalam bentuk DFD.
4.11 State Transition Diagram STD
State Transition Diagram ini, untuk menjelaskan alur proses menu pada sistem, sebagai acuan alur proses dalam membuat perancangan antarmuka.
Mulai dari proses masukkan dan keluaran yang meliputi halaman konsumen dan administrator. Rancangan proses menu tersebut dapat dilihat pada gambar
– gambar berikut ini :
4.11.1 STD Pada Halaman Konsumen
Pada halaman untuk konsuman terdapat empat menu utama yaitu Home, Store Online, GuestBook, Contact Us. Untuk lebih jelasnya dapat dilihat
pada gambar dibawah ini
Gambar 4.21 STD Pada halaman utama
4.11.2 STD Pada Halaman Admin
Pada halaman untuk admin terdapat beberapa halaman CMS diantaranya
olah halaman index, olah data produk, olah guestbook, Olah contact. Untuk lebih jelasnya dapat dilihat pada gambar dibawah ini :
Store Online
GuestBook
Contact Us Klik Menu Home
Menuju Halaman Utama Klik Menu Store Online
Tampilkan Halaman Store Online
Klik Menu GuestBook Tampilkan Halaman GuestBook
Home
Klik Menu Contac tUs Tampilkan Halaman Contact Us
Klik Home Keluar Dari Halaman Menu
Keluar
Gambar 4.22 STD Pada halaman admin
Olah Data Produk
Olah Data GuestBook
Olah Contact Us Login Administrator
Menuju Halaman Admin Olah Data Index
Klik Olah Data Index Tampilkan Halaman Data Index
Klik Olah Data Produk Tampilkan Halaman Data Produk
Klik Olah Data GuestBook Tampilkan Halaman GuestBook
Klik Olah Data Contact Us Tampilkan Halaman Contact Us
Logout Logout
Keluar Dari Halaman Admin Login Admin
Klik Logout Keluar Dari Halaman Admin
Keluar
4.12 Kamus Data
Nama Data Store:Transaksi Struktur
Data: no_transaksi+namapemegang+no_Kartu+tgglberlakukatu,
Nama Data store:detail_transaksi Struktur Data: Kode_produk + id_kategori + nama+ size +harga + stok +
ket + gambar + file + warna.
Nama Data store: Kategori Struktur Data:id_kategori + nama_kategori + keterangan.
Nama Data Store : temp_jual Struktur Data: id_temp + kode_produk + qty + username = subtotal
Nama Data Store : member Struktur Data: Username + password + nama + alamat +
nm_perusahaan + kodepos + fax + kota + provinsi + negara + email + tlp + status + tgl + creatime.
Nama Data store:Kartu Struktur Data : no_kartu + nama_pemegang + expirated + jenis_kartu.
Nama Data Store : berita Struktur Data: id_berita + id_kategori + username + judul + isi_berita +
gambar + tanggal + jam.
Nama Data Store:admin Struktur Data: username + password + nama_lengkap + alamat +
no_telp + level.
Nama Data store: tanya_jawab Struktur Data: id + judul + tanya + jawab + tggl + nama + email + status.
4.13 Perancangan Masukan dan keluaran
Pada tahap perancangan masukan dan keluaran ini, berupa tampilan
–tampilan layar dan laporan yang di perlukan.
4.13.1 Rancangan Halaman untuk Member
Menggambarkan rancangan halaman untuk member, berupa rancangan keluaran maupun masukan yang terdiri dari : halaman
Home, halaman Produk sebelum login, halaman produk sebelu login, halaman detail produk, halaman ruang member, halaman edit data
pribadi, halaman proses transaksi, halaman preview proses transaksi,
halaman cetak bukti transaksi, halaman profile, halaman register member, halaman tanya jawab, dan halaman cara bertansaksi seta
semua tampilan pencarian data, member update, produk best sellers dan alamat perusahaan yang bisa dihubungi yang terdapat online
support, juga terdapat tampilan login member dengan mengisi username dan password yang nantinya dapat melakukan transaksi.
1. Halaman Home
Gambar 4.23 Rancangan Halaman Home
4.13.2 Rancangan Tampilan Produk
Pada rancangan halaman produk ini akan menjelaskan mengenai produk - produk yang akan diperjual belikan secara online, dengan terlebih dahulu
memilih kategori produk yang akan dipesan kemudian pilih produk yang akan dipesan, tetapi sebelumnya pengunjung website haruslah melakukan registrasi
terlebih dahulu apabilia ingin melakukan pemesanan produk. Untuk rancangan halamn produk adalah seperti pada gambar Rancangan Halaman produk.
:: BANNER::
Home | Store Online | GuestBook | Admin Daftar Pengunjung
Main Menu Link1
Link2 Link3
Link4 Login Form
UserName
Password Time
Pools Text Index Text Index Text Index Text Index
Text Index Text Index Text Index Text Index Text Index Text Index Text Index Text Index
Text Index Text Index Text Index Text Index Text Index Text Index Text Index Text Index
Text Index Text Index Text Index Text Index Text Index Text Index Text Index Text Index
Text Index Text Index Text Index Text Index Text Index Text Index Text Index Text Index
Text Index Text Index Text Index Text Index Text Index Text Index Text Index Text Index
Text Index Text Index Text Index Text Index
2. Halaman produk
gamba
Gambar 3.4 Rancangan Produk
Gambar 4.14 Rancangan Halaman Produk
Gambar 4.24 Rancangan Halaman produk
Banner
Home | Store Online | GuestBook | Admin
Nama Produk Keterangan Produk
Rp. xxxxxxxx Quantity Kategori
Produk Date Time
Pooling
Gambar Produk
:: Add To Chart ::
4.13.3 Rancangan Tampilan Shooping Cart
Dalam rancangan halaman shooping cart ini yang merupakan halaman yang akan mengkalkumulasikan harga pemesanan setiap produk yang telah
dipesan oleh pengunjung website ataupun konsumen. Dijelaskan dalam halaman ini mengenai penambahan produk dan penambahan item per produk.
Utnuk rancangannya dapat dilihat pada gambar Rancangan halaman keranjang belanja.
3. Halaman Belanja
Gambar 4.25 Rancangan Shooping Cart
4.13.4 Rancangan Halaman Sistem Pembayaran
Setelah menekan tombol Check Out pada halaman shooping cart maka akan
langsung masuk ke halaman sistem pembayaran. Pada halaman ini pengunjung
Banner
Home | Store Online | GuestBook | Admin
Shooping Cart Nama Harga Quantity Subtotal Update
xxxx Rp. xxx Rp.xxx Hapus
Sub-Total: Rp. xxx Total : Rp. xxx
Lanjut Belanja | Check Out Kategori
Produk Date Time
Online Status Pooling
Transfer COD
diharuskan memilih mengenai tipe pembayaran yang akan dilakukan ada sistem transfer dan ada sistem Cash On Dellivery. Untuk sistem transfer dapat dilihat pada gambar
tersebut Rancangan Pembayaran Sistem Transfer dan untuk sistem Cash On Dellivery dapat dilihat pada gambar 4.26 Rancangan Pembayaran Sistem COD.
Gambar 4.26 Sistem Pembayaran Transfer
Banner
Home | Store Online | GuestBook | Admin
Taransfer System Payment Kategori
Produk Date Time
Online Status Pooling
BCA, No.Rek. 1111-02-9990-123-23
Atasnama xxx
MANDIRI, No.Rek. 222-0927-65348-00
Atasnama xxx
Bukti Pembayaran harap dikirim melalui email
xxx Setelah anda memesan produk
pada werbsite kami.
Gambar 4.27 Sistem Pembayaran COD
Banner
Home | Store Online | GuestBook | Admin
Cash System Payment Alamat:
[Sesuai Dengan Biodata Pemesan ]
Keterangan : Kategori
Produk Date Time
Online Status Pooling
Anda Akan Kami hubungi melalui telp untuk memastikan kembali mengenai produk yang
anda pesan melalui website kami
4.13.5 Rancangan Tampilan Registrasi
Halaman registrasi ini dibuat untuk mengisi data – data pengunjung,
seperti nama, alamat, telp, email dan lain sebagainya. Pada halaman registrasi ini nantinya akan menjadi acuan untuk biodata pengunjung yang dapat dijadikan
subjek apabila pengunjung itu melakukan pemesanan produk ataupun mengisi forum tanya jawab yang ada pada website tersebut. Untuk rancangan halaman
registrasi ini adalah seperti gambar Rancangan Halaman Registrasi.
Gambar 4.28 Rancangan Registrasi
Banner
Home | Produk | Gallery | Forum
Registrasi
Nama Asli :
Nama Pengguna :
Email :
Passsword :
Verifikasi Passw :
Kategori Produk
Date Time
Online Status Pooling
Kirim Pendaftaran
Akun anda telah dibuat dan link untuk aktivasi telah dikirim ke alamat e-mail yang anda daftarkan. Anda harus melakukan aktivasi
sebelum anda dapat melakukan login. Aktivasi dilakukan dengan mengunjungi link aktivasi yang terdapat di dalam e-mail.
4.13.6 Rancangan Halaman GuestBook
Dalam halaman forum atau guest book ini dimaksudkan untuk setiap pengunjung dapat mengisi forum tersebut. Untuk forum itu bisa berisi komentar
maupun saran ataupun pertanyaan-pertanyan yang berhubungan dengan website ini. Untuk rancangannya adalah sebagai berikut:
Gambar 4.29 Halman GuestBook
Banner
Home | Store Online | GuestBook | Admin
Nama :
Subjek : Icon
: Message
:
Image :
File Attach :
Kategori Produk
Date Time
Online Status Pooling
Submit
4.14 Struktur Navigasi Website
Struktur Navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan
antara isi-isi tersebut. Sebelum menyusun struktur navigasi website, yang perlu dilakukan adalah mengumpulkan isi-isi yang akan ada dalam website. Melalui
struktur navigasi website ini, terlihat bagaimana isi dan susunan dari sebuah website secara menyeluruh. Untuk situs web penjualan online ini maka isi yang
ada antara lain Home, Produk, Gallery, Forum, Admin dan lain-lain . Diagram struktur navigasi website penjualan online ini dapat dilihat pada gambar 4.30.
Gambar 4.30 Struktur Navigasi Campuran
Home Store Online
Guest Book Contact us
Administrator Index
Pilih kategori
Shooping Cart
Input Komentar
Login Admin Index
Input Biodata Pemesanan
Olah Website Olah Data Produk
Lihat Pemesanan Olah Contact Us
Olah GuestBoook Konfirmasi
Input Data
Struktur navigasi website ini adalah struktur navigasi campuran, karena terdiri dari struktur navigasi hirarki, navigasi linear dan navigasi non linear.
Pembuatan struktur navigasi ini akan sangat membantu nantinya ketika akan membuat rancangan seluruh halaman web. Struktur navigasi website yang baik
adalah yang mampu memberitahukan kepada pengunjung tentang lokasi mereka sekarang, lokasi-lokasi yang bisa dikunjungi dari lokasi sekarang.
BAB V PENUTUP
5.1 Kesimpulan
