3.3 Analisis Kebutuhan Fungsional
Analisis kebutuhan ini diperlukan untuk menentukan masukan yang diperlukan sistem, keluaran yang dihasilkan sistem, lingkup proses yang
digunakan untuk mengolah masukan menjadi keluaran.
3.3.1 Diagram Konteks
Sistem yang dibangun digambarkan secara garis besar dengan menggunakan diagram konteks. Dari diagram ini dapat dilihat secara umum
mengenai alur proses yang ditangani sistem.
Member
Sistem E-Commerce Varrazy Victorius
Data login member Data member yang akan diedit
Data produk yang akan dilihat, dipesan Data album yang akan dilihat
Data photo yang akan dilihat Data pesanan yang akan dilihat
Data detail pemesanan Data pembayaran
Data pembatalan pemesanan Data pengiriman
Data testimoni yang akan ditambah
Info login invalid Info member yang telah diedit
Info produk yang akan dilihat, dipesan Info album
Info photo Info pesanan
Info detail pemesanan Info konfirmasi pembayaran
Info pembatalan pemesanan Info pengiriman
Info testimoni yang telah ditambah
Pengunjung Data regIstrasi
Data album yang akan ditampilkan Data photo yang akan ditampilkan
Data promo yang akan ditampilkan Data produk yang akan ditampilkan
Data testimoni yang akan ditambah Info registrasi valid
Info registrasi invalid Info album
Info photo Info promo
Info produk yang akan dilihat Info testimoni yang telah ditambah
Kasir Data Login Kasir
Data pemesanan yang akan ditampilkan Data status pemesanan yang akan diedit
Data konfirmasi pembayaran Data Pengiriman yang akan diedit,dicetak
Data Album yang akan di tambah,dihapus, diedit Data Retur Yang dikonfirmasi
Staff Gudang Info login Invalid
Info Produk yang ditambah, dihapus, diedit Info kategori yang ditambah, dihapus, diedit
Info details_produk yang ditambah, dihapus, diedit Info warna yang ditambah, dihapus, diedit
Info ukuran yang ditambah, dihapus, diedit Info gambaryang ditambah dihapus diedit
Data login Staff Gudang Data Produk yang ditambah, dihapus, diedit
Data kategori yang ditambah, dihapus, diedit Data details_produk yang ditambah, dihapus, diedit
Data warna yang ditambah, dihapus, diedir Data ukuran yang ditambah, dihapus, diedit
Data gambar yang ditambah dihapus diedit
Owner Data login owner
Data Kurs yang akan diedit Data Testimoni yang ditampilkan, dihapus
Data Laporan yang akan ditampilkan, dicetak Data Produk yang akan di diskon,
Data Ongkos Kirim Yang Di Edit Info Login Kasir
Info pemesanan yang akan dilihat Info status pemesanan yang akan diedit
Info konfirmasi pembayaran Info Pengiriman yang akan diedit,,dicetak
Info Album yang akan di tambah,dihapus, diedit Data Retur Yang dikonfirmasi
Info Login Invalid Info Kurs yang diedit
Info Testimoni yang ditampilkan, dihapus Info Laporan yang akan ditampilkan dicetak
Info Produk yang akan di diskon, Info Ongkos Kirim Yang Di Edit
WebMail Data Pemesanan
Data Details Pemesanan Data Informasi Aktifasi akun
Data Retur Data Status Member
Info Retur Info Pemesanan
Info Details Pemesanan Info Informasi Aktifasi akun
Info Status member Info Password
Paypal Data Pembayaran
Info Pembayaran
Gambar III-6 Diagram Konteks
3.3.2 Data Flow Diagram DFD
Data Flow Diagram DFD menunjukan aliran data, proses, tempat penyimpanan data, dan entitas eksternal pada sistem yang akan dibangun. Dari
diagram konteks di atas, aliran data yang ada pada sistem digambarkan dengan lebih rinci menggunakan Data Flow Diagram.
2 Login
Kasir Data Login Kasir
Info Login Invalid User
Member Data Login Member
Info Login Invalid member
Data Login Member Info Login Invalid
Staff Gudang Owner
Info Login Invalid Data Login Owner
Pengunjung 1
Daftar Data Registrasi
Info Registrasi invalid Info Registrasi Valid
Data Login Member Data Registrasi
3 Pengolahan Data
Member Login Valid
Data Login User Info Login Invalid
Data Member Yang akan diubah Info Member Yang Sudah Diubah
5 Pemesanan
Login Valid Data Member Yang Akan
Diubah Info Member Yang Sudah
Diubah Data Member Yang akan Dihapus
Info Member Yang Sudah Dihapus
Info Member Yang Sudah Dihapus Data Member Yang Dihapus
Data pesanan yang akan dilihat Data status pesanan yang akan diubah
Data konfirmasi pembayaran Data Pengiriman yang akan diubah,dicetak
Info pesanan yang akan dilihat Info status pesanan yang akan diubah
Info konfirmasi pembayaran Info Pengiriman yang akan diubah,dicetak
6 Pengolahan Album
Login Valid kasir
4 Pengolahan Data Mater
Login Valid member, staff gudang, owner
Album Data Album Yang Akan dilihat
, ditambah
, dihapus,
dirubah Info Album Yang Akan dilihat
, ditambah
, dihapus,
dirubah Photo
Data Photo Yang Akan dilihat, ditambah, dihapus, dirubah Info Photo Yang Akan dilihatditambah, dihapus, dirubah
Data Login Staff Gudang Info Login Staff Gudang
Data Produk , kategori
, details_produk
,dan warna yang ditambah
, dihapus, dirubah
Info Produk , kategori dan atribut yang
ditambah , dihapus, dirubah
Data Produk yang akan di diskon yang ditambah
, dirubah ,
dihapus, data kasir dan staf gudang yang akan ditambah
, drubah
, dihapus Info Produk yang akan di diskon
, yang ditambah , dirubah, dihapus
, data kasir dan staf gudang yang akan ditambah, drubah
, dihapus
Produk Data Produk yang akan ditampilakan, ditambah, dihapus, diedit
Info Produk yang akan ditampilakan, ditambah, dihapus, diredit Data Produk yang akan
dipesan Info Produk yang akan
dipesan 7
Pengolahan Kurs Data Kurs yang akan diedit
Info Kurs yang akan diedit Info Kurs yang akan diedit
Data Kurs yang akan diedit Kurs
Data pemesanan yang akan dilihat ,
dirubah 8
Pengolahan Testimonial
Data testimonial Info Testimonial tampil
Info Testimonial Tampil Data Testimonial
Info Testimonial tampil, hapus
Data testimonial tampil , hapus
Testimonial Data Testimonial
Data Testimonial Tampil
Data Pemesanan yang akan dibayar da dilihat,
Data Pengiriman dan pembayaran yang dilihat
Data Pemesanan yang akan dibayar dan dilihat,
Data Pengiriman dan pembayaran yang dilihat
9 Laporan
Data Laporan yang akan dilihat, dicetak
Info Laporan yang akan dilihat, dicetak
Data Album dan Photo yang akan di tambah,
dihapus, dirubah Info Album dan Photo yang mau di
tambah, dihapus, dirubah
Data Produk yang diliha, dipesan
Info Produk yang dilihat , dipesan
Kategori Pemesanan
Info pemesanan yang akan dilihat, dirubah
Info kategori yang ditambah, dihapus, dirubah Data kategori yang ditambah, dihapus, dirubah
Info Pesanan yang akan ditampilkan, dicetak Data Pesanan yang akan ditampilkan, dicetak
Details_produk Infodetails produk
ditambah, dihapus, dirubah
Datadetailsproduk ditambah, dihapus, dirubah
Data Staff Gudang, kasir yang akan ditambah
, dihapus Info Staff Gudang, kasir yang
akan ditambah ,
dihapus Detail Pesanan
Info Detail Pesanan Info Produk yang dipesan
Data Detail Pesanan
10 Pengolahan Ongkos
Kirim Data Kota,provinsi yang akan ditampilkan,diedit,dihapus
Info Kota,,provinsi yang akan ditampilkan,diedit,dihapus Info Kota dan Provinsi
Kota Data Ongkos Kirim yang diedit
Info Ongkos Kirim yang diedit Info Produk yang akan ditampilkan, dicetak
Data Produk yang akan ditampilkan, dicetak warna
Info warna yang akan ditampilakan, ditambah, dihapus, diredit Data warna yang akan ditampilakan, ditambah, dihapus, diredit
Ukuran Info ukuran yang akan ditampilakan, ditambah, dihapus, diredit
Data ukuran yang akan ditampilakan, ditambah, dihapus, diredit Gambar
Info ukuran yang akan ditampilakan, ditambah, dihapus, diredit Data ukuran yang akan ditampilakan, ditambah, dihapus, diredit
Data Gambar yang akan ditampilakan, ditambah, dihapus, diredit Info Gambar yang akan ditampilakan, ditambah, dihapus, diredit
Gambar
Gambar III-7 DFD Level 1
Pengunjung 1.1
Tambah Data Member
Data Registrasi Info Registrasi Valid
Info Registrasi Invalid
Member Data registrasi
Info Registrasi Valid Inforegistrasi Invalid
1.2 Aktivasi
Data registrasi Data Login member
Data Login member Kode aktivasi
Gambar III-8 DFD Level 2 Proses 1.0 Proses Daftar
Member 3.1
Ubah Data Member
Data Member Yang Akan dirubah
Info Member Yang Telah dirubah
Member Info Member Yang Telah
dirubah Data Member Yang Akan
dirubah Kasir
3.2 Cari Data
Member Data Member Yang dicari
Info Member Yang dicari Info Member Yang dicari
Data Member Yang dicari
3.3 Ubah Status
Data Member Data Member Yang Akan Diubah Statusnya
Info Member Yang Sudah Diubah Statusnya Data Member Yang Akan Diubah Statusnya
Info Member Yang Sudah Diubah Statusnya
Gambar III-9 DFD Level 2 Proses 3.0 Proses Pengolahan Data Member
4.1 Pengolahan Data
Kategori
4.2 Pengolahan Data
Warna
4.3. Pengolahan Data
Ukuran
4.4. Pengolahan Data Produk
Data Kategori yang ditambah, dihapus, diedit, dicari
Info Kategori yang ditambah, dihapus, diedit, dicari Kategori
Warna Data Warna yang ditambah, dihapus, diedit, dicari
Info Warna yang ditambah, dihapus, diedit, dicari
Ukuran Data Ukuran yang ditambah, dihapus, diedit, dicari
Info Ukuran yang ditambah, dihapus, diedit, dicari
Produk Info Produk yang akan dicari, ditambah, dihapus, dirubah
Data Produk yang akan dicari, ditambah, dihapus, dirubah Info Kategori Produk
Staff Gudang Info Kategori yang ditambah, dihapus, diedit, dicari
Info Kategori yang ditambah, dihapus, diedit, dicari Data Warna yang ditambah, dihapus, diedit, dicari
Info Warna yang ditambah, dihapus, diedit, dicari Data Ukuran yang ditambah, dihapus, diedit, dicari
Info Ukuran yang ditambah, dihapus, diedit, dicari
Info Produk yang ditambah, dihapus, diedit Data Produk yang ditambah, dihapus, diedit
Gambar III-10 DFD Level 2 Proses 4.0 Pengolahan Data Master
Member
5.1 Pengolahan Data
Keranjang Belanja Data keranjang belanja yang akan ditambah,
diupdate, dihapus, dikonfirmasi
Info keranjang belanja yang akan ditambah, diupdate, dihapus, dikonfirmasi
5.2 Pengolahan Data
Pemesanan
Kasir
Data detail pemesanan yang akan dicari Data konfirmasi pembayaran
Data Status Pengiriman yang diedit
Info Pemesanan Baru Info konfirmasi pemesanan di bayar
Info Status Pengiriman yang diedit Info Pemesanan Yang Dihapus
Detail Pemesanan
Data detail pemesanan yang akan dicari
Info detail pemesanan yang akan dicari
Pemesanan
Info pemesanan yang akan ditampilkan Info konfirmasi pembayaran
Info Status Pengiriman yang diedit
Data Pemesanan Baru Data konfirmasi pemesanan di bayar
Data Status Pengiriman yang diedit Data Pemesanan Yang Dihapus
Data Konfirmasi Pembayaran Data Pemesanan yang akan ditampilkan
Info konfirmasi pembayaran Data Pemesanan yang akan dicari
Info Details Produk yang dipesan
Info Konfirmasi Keranjang belanja
5.3 Pengolahan Retur
Pemesanan Info Pemesanan
Data retur,Details retur ditambah Info retur,Details retur ditambah
Info Retur,Details retur yang dicari, dikonfirmasi, ditolak Data Retur,Details Retur yang dicari, dikonfirmasi, ditolak
Retur Info Retur yang dicari, dikonfirmasi, ditolak
Data Retur yang dicari, dikonfirmasi, ditolak
Details Retur Info Details Retur yang dicari, dikonfirmasi
Data Details Retur yang dicari, dikonfirmasi
Info Details Pemesanan
Gambar III-11 DFD Level 2 Proses 5.0 Proses Pemesanan
Kasir
Album
6.2 Pengolahan Details
Album Data Photo yang ditambah,edit,hapus,dicari
Info Details Album yang ditambah,edit,hapus.dicari
Member Pengunjung
Data Details Album yang dicari Info Details Album yang dicari
Info Details Album yang dicari Data Details Album yang dicari
Info Album 6.1
Pengolahan Master Album
Data Album yang dicari Data Album yang dicari
Info Album yang .dicari Info Album yang dicari
Data Album yang ditambah,edit,hapus.dicari Info Album yang ditambah,edit,hapus.dicari
Data Album yang ditambah,edit,hapus.dicari Info Album yang ditambah,edit,hapus.dicari
Photo
Data Details Album yang ditambah,edit,hapus.dicari
Info Details Album yang ditambah,edit,hapus.dicari
Gambar III-12 DFD Level 2 Proses 6.0 Pengolahan Album
8.1 Tambah
testimoni
8.2 Tampilkan
Testimoni
8.3 Hapus
testimoni Owner
testimoni Data testimoni yang akan ditambah
Data testimoni yang akan ditambah Info testimoni yang telah ditambah
Info testimoni yang telah ditambah
Data testimoni yang akan ditampilkan Data testimoni yang akan ditampilkan
Info testimoni yang telah ditampilkan Info testimoni yang telah ditampilkan
Data testimoni yang akan dihapus Data testimoni yang akan dihapus
Info testimoni telah dihapus Info testimoni telah dihapus
Member Pengunjung
Data testimoni yang akan ditambah Info testimoni yang telah ditambah
Gambar III-13 DFD Level 2 Proses 8.0 Pengolahan Testimoni
9.1 Cari data laporan
9.2 Cetak laporan
Owner
Pemesanan Data laporan yang dicari, dicetak
Info laporan yang telah dicari
Info data laporan yang dicari, dicetak
Info laporan pesanan yang telah dicari Data laporan pesanan yang dicari
Info laporan yang telah dicetak Produk
Data laporan produk yang dicari, dicetak Data laporan produk yang dicari, dicetak
Retur Data laporan retu yang dicari
Info laporan retur yang dicari Member
Data Laporan Member
Info Laporan Member
Gambar III-14 DFD Level 2 Proses 9.0 Pengolahan Laporan
Staff Gudang
KATEGORI
4.1.2 Pengolahan Master
Sub Kategori Info Sub Kategori
yang akan ditambah,diedit,dihapus,dicari
Info Sub Kategori yang akan ditambah,diedit,dihapus,dicari Info Kategori
4.1.1 Pengolahan Master
Kategori Info Kategori yang akan ditambah,diedit,dihapus,dicari
Data Kategori yang akan ditambah,diedit,dihapus,dicari Info Kategori yang akan ditambah,diedit,dihapus,dicari
Data Kategori yang akan ditambah,diedit,dihapus,dicari
SUB KATEGORI
Info Sub Kategori yang akan ditambah,diedit,dihapus,dicari
Data Sub Kategori yang akan ditambah,diedit,dicari
Gambar III-15 Level 3 Proses 4.1 Pengolahan Kategori
4.2.1. Tambah Warna
4.2.2. Edit Warna
4.2.3. Hapus Warna
4.2.4. Cari Warna
STAFF GUDANG
Data Warna yang ditambah Info Warna yang ditambah
Data Warna yang diedit Info Warna yang diedit
Info Warna yang dihapus Data Warna yang dihapus
Info Warna yang dicari Data Warna yang dicari
WARNA
Data Warna yang dihapus Info Warna yang dihapus
Data Warna yang dicari Info Warna yang dicari
Data Warna yang diedit Info Warna yang diedit
Data Warna yang ditambah Info Warna yang ditambah
Gambar III-16 Level 3 Proses 4.2 Pengolahan Warna
4.3.1 Tambah Ukuran
4.3.2 Edit Ukuran
4.3.3 Hapus Ukuran
4.3.4 Cari Ukuran
Owner Data Ukuran yang ditambah
Info Ukuran yang ditambah
Info Ukuran yang diedit Data Ukuran yang diedit
Data Ukuran yang dihapus Info Ukuran yang dihapus
Data Ukuran yang dicari Info Ukuran yang dicari
UKURAN
Info Ukuran yang ditambah Data Ukuran yang ditambah
Info Ukuran yang diedit Data Ukuran yang diedit
Data Ukuran yang dihapus Info Ukuran yang dihapus
Data Ukuran yang dicari Info Ukuran yang dicari
Gambar III-17 Level 3 Proses 4.3 Pengolahan Ukuran
Staff Gudang
PRODUK
4.4.2 Pengolahan Details
Produk Data Details Produk yang akan ditambah,diedit,dihapus,dicari
Info Details Produk yang akan ditambah,diedit,dihapus,ditampilkan Owner
Info Produk
Info Details Produk yang akan didiskon Data Details Produk yang akan didiskon
Member Info Details Produk yang dipesan
Data Details Produk yang dipesan Info Details Produk yang dipesan
4.4.1 Pengolahan Master
Produk Info Produk yang akan ditambah,diedit,dihapus,dicari
Data Produk yang akan ditambah,diedit,dihapus,dicari Info Produk yang akan ditambah,diedit,dihapus,dicari
Data Produk yang akan ditambah,
diedit ,dihapus,
dicari
Gambar III-18 Level 3 Proses 4.4 Pengolahan Produk
5.2.1 Hapus
Pemesanan
5.2.2. Konfirmasi
Pemesanan
5.2.3 Kirim
Pemesanan
5.2.4. Edit
Pemesanan Kasir
Data details Pemesanan Info details Pemesanan
Data Hapus Pemesanan Info Hapus Pemesanan
Info Konfirmasi Pemesanan Data Konfirmasi Pemesanan
Info Pemesanan Dikirim Data Pemesanan Dikirim
PEMESANAN
Data Hapus Pemesanan Info Hapus Pemesanan
Data details Pemesanan Info details Pemesanan
Data Konfirmasi Pemesanan Info Konfirmasi Pemesanan
Data Pemesanan Dikirim Info Pemesanan Dikirim
Gambar III-19 Level 3 Proses 5.2. Pengolahan Pemesanan
5.3.1 Setujui
Retur
5.3.2. Kirim
Retur
Kasir Data Retur Yang Dicari
Info Retur Yang Dicari
Data Retur Yang Dikonfirmasi Info Retur Yang Dikonfirmasi
RETUR
Data Retur Yang Dikonfirmasi Info Retur Yang Dikonfirmasi
Data Retur Yang Dicari Info Retur Yang Dicari
5.3.3 Edit
Retur Info Retur Tambah
Data Retur Tambah Info Retur Tambah
Data Retur Tambah Member
Gambar III-20 Level 3 Proses 5.3. Pengolahan Retur
4.1.1.1. Tambah Kategori
4.1.1.2. Edit Kategori
4.1.1.3. Hapus Kategori
4.1.1.4. Cari Kategori
STAFF GUDANG
Data Kategori yang ditambah Info Kategori yang ditambah
Data Kategori yang diedit Info Kategori yang diedit
Info Kategori yang dihapus Data Kategori yang dihapus
Info Kategori yang dicari Data Kategori yang dicari
KATEGORI
Data Kategori yang dihapus Info Kategori yang dihapus
Data Kategori yang dicari Info Kategori yang dicari
Data Kategori yang diedit Info Kategori yang diedit
Data Kategori yang ditambah Info Kategori yang ditambah
Gambar III-21 Level 4 Proses 4.1.1 Pengolahan Kategori
4.1.2.1. Tambah Sub Kategori
4.1.2.2. Edit Sub Kategori
4.1.2.3. Hapus Sub Kategori
4.1.2.4. Cari Sub Kategori
STAFF GUDANG
Data Sub Kategori yang ditambah Info Sub Kategori yang ditambah
Data Sub Kategori yang diedit Info Sub Kategori yang diedit
Info Sub Kategori yang dihapus Data Sub Kategori yang dihapus
Info Sub Kategori yang dicari Data Sub Kategori yang dicari
SUB KATEGORI
Data Sub Kategori yang dihapus Info Sub Kategori yang dihapus
Data Sub Kategori yang dicari Info Sub Kategori yang dicari
Data Sub Kategori yang diedit Info Sub Kategori yang diedit
Data Sub Kategori yang ditambah Info Sub Kategori yang ditambah
Gambar III-22 Level 4 Proses 4.1.2 Pengolahan Sub Kategori
4.4.1.1 Tambah Produk
4.4.1.2 Edit Produk
4.4.1.4 Cari Produk
Member Info Produk yang telah ditambah
Data Produk yang akan ditambah
Info Produk yang akan diedit Data Produk yang telah diedit
Info Produk yang dicari Data Produk yang dicari
4.4.1.3 Hapus Produk
Data Produk yang akan dihapus Info Produk yang akan diedit
Data Produk yang akan ditambah Info Produk yang telah ditambah
Data Produk yang telah diedit Info Produk yang akan diedit
Data Produk yang dicari Info Produk yang dicari
Data Produk yang akan dihapus Info Produk yang akan diedit
Staff Gudang
PRODUK
Data Produk yang dicari Info Produk yang dicari
Gambar III-23 Level 4 Proses 4.4.1 Pengolahan Produk
Staff Gudang
DETAILS PRODUK
4.4.2.2 Pengolahan Gambar
Info Gambar Produk yang akan ditambah,diedit,dihapus,dicari
Info Gambar Produk yang akan ditambah,diedit,dihapus,dicari Info Detais Produk
Member Info Gambar Yang Dicari
Data Gambar Yang Dicari 4.4.2.1
Pengolahan Master Details Produk
Info Details Produk yang akan ditambah,diedit,dihapus,dicari
Data Details Produk yang akan ditambah,diedit,dihapus,dicari Info Details Produk yang akan ditambah,diedit,dihapus,dicari
Data Details Produk yang akan ditambah,diedit,dihapus,dicari
GAMBAR
Info Gambar Produk yang akan ditambah,diedit,dihapus,dicari
Data Gambar Produk yang akan ditambah,diedit,dicari
Gambar III-24 Level 4 Proses 4.4.2 Pengolahan Details Produk
4.4.2.1.1 Tambah Details
Produk
4.4.2.1.2 Edit Details
Produk
4.4.2.1.5 Pesan Details
Produk Member
Info Details Produk yang telah ditambah Data Details Produk yang akan ditambah
Info Details Produk yang akan diedit Data Details Produk yang telah diedit
Data Details Produk yang dipesan Info Details Produk yang dipesan
DETAILS PRODUK
4.4.2.1.3 Hapus Details
Produk Data Details Produk yang akan dihapus
Info Details Produk yang akan dihapus Data Details Produk yang akan ditambah
Data Details Produk yang dipesan Info Details Produk yang telah ditambah
Info Details Produk yang dipesan Data Details Produk yang telah diedit
Info Details Produk yang akan diedit Data Details Produk yang akan dihapus
Info Details Produk yang akan dihapus
Info Details Produk yang dipesan 4.4.2.1.4
Cari Details Produk
Data Details Produk yang akan dicari Info Details Produk yang akan dicari
Data Details Produk yang akan dicari Info Details Produk yang akan dicari
Staff Gudang
Gambar III-25 Level 5 Proses 4.4.2.1 Pengolahan Details Produk
4.4.2.2.1 Tambah Gambar
4.4.2.2.2 Edit Gambar
4.4.2.2.3. Cari Gambar
STAFF GUDANG
Data gambar yang ditambah Info gambar yang ditambah
Data gambar yang diedit Info gambar yang diedit
Info gambar yang dicari Data gambar yang dicari
Data gambar yang dicari Info gambar yang dicari
Data gambar yang diedit Info gambar yang diedit
Data gambar yang ditambah Info gambar yang ditambah
Gambar III-26 Level 5 Proses4.4.2.2 Pengolahan Data Gambar
3.3.3 Spesifikasi Proses
Spesifikasi proses digunakan untuk menjelaskan logika proses. Adapun spesifikasi proses yang ada adalah:
Tabel III-2 Tabel Spesifikasi Proses
No. Proses
Nama Proses
Input Output
Logika
7. Pengola
han data Kurs
Data Kurs Info Kurs
Begin If
menu Pengolahan
data kurs dipilih Then
Tampilkan pengolahan
data kurs sesuai dengan
menu yang dipilih End
1.1 Tambah
Member Data Registrasi
Info Registrasi
Valid Info Registrasi
Invalid Kode aktivasi
Begin If
Data Registrasi Kosong
Then Info Registrasi
Invalid
No. Proses
Nama Proses
Input Output
Logika Else
Info registrasi Kode Aktivasi
End
1.2 Aktivasi Kode aktivasi
Data registrasi Login Member
Valid
Begin If
Kode Aktivasi ≠
Data registrasi Then
Tampilkan Pesan Login Gagal
Else Tampilkan Pesan
Login Gagal end
3.1 Ubah
data Member
Data Member Info Member
Begin If
Form ubah data member diisi
dengan benar Then
Tampilkan ubah data member
berhasil Else
Ubah Data member gagal
End
3.2 Cari
Data Member
Data Member Info Member
Begin If
Data member
yang dicari kosong Then
Tampilkan pesan kesalahan
Else Data member
ditemukan end
8.1 Tambah
testimon i
Data testimoni Info testimoni
Begin If
Form tambah data testimoni diisi
dengan benar Then
No. Proses
Nama Proses
Input Output
Logika
Tampilkan Pesan Testimoni telah
ditambah Else
Tampilkan pesan kesalahan pengisian
testimoni End
8.2 Tampilk
an Testimo
ni Data testimoni
Info testimoni
Begin If
menu tampilkan testimoni dipilih
Then Tampilkan
testimoni yang dipilih kepada
member dan pengunjung
End
8.3 Hapus
testimon i
Data testimoni Info testimoni
Begin If
menu hapus testimoni dipilih
Then Hapus data
testimoni yang dipilih
End
9.1 Cari
data laporan
Data laporan Info laporan
Begin If
Data laporan dicari diisi dengan
benar Then
Tampilkan info laporan yang dicari
Else Tampilkan pesan
data tidak ditemukan
End
9.2 Cetak
laporan Data laporan
Info laporan Begin
If menu cetak
laporan dipilih Then
Cetak info laporan End
No. Proses
Nama Proses
Input Output
Logika
4.2.1 Tambah
Warna Data warna
Info Warna Begin
If Data Warna yang
ditambah diisi dengan benar
Then Tampilkan
pesan proses tambah
warna berhasil Else
Tampilkan pesan pross tambah warna
4.2.2 Edit
Warna Data Warna
Info Warna Begin
If Data Warna yang
diedit diisi dengan benar
Then Tampilkan
pesan proses edit Warna
berhasil Else
Tampilkan pesan pross edit Warna
gagal End
4.2.3 Hapus
Warna Data Warna
Info Warna Begin
If Data Warna yang
dihapus diisi dengan benar
Then Tampilkan
pesan proses hapus Warna
berhasil Else
Tampilkan pesan proses hapus Warna
gagal End
4.2.4. Cari
Warna Data Warna
Info Warna Begin
If Data Warna yang
dicari diisi dengan benar
Then Tampilkan
pesan proses cariWarna
No. Proses
Nama Proses
Input Output
Logika
berhasil Else
Tampilkan pesan proses cari Warna
gagal End
4.3.1 Tambah
Ukuran Ukuran
Info Ukuran Begin
If Data Ukuran
yang ditambah diisi dengan benar
Then Tampilkan
pesan proses tambah
Ukuran berhasil Else
Tampilkan pesan pross tambah
Ukuran
4.3.2 Edit
Ukuran Data Ukuran
Info Ukuran Begin
If Data Ukuran
yang diedit diisi dengan benar
Then Tampilkan
pesan proses edit Ukuran
berhasil Else
Tampilkan pesan pross edit Ukuran
gagal End
4.3.3 Hapus
Ukuran Data Ukuran
Info Ukuran Begin
If Data Ukuran
yang dihapus diisi dengan benar
Then Tampilkan
pesan proses hapus
Ukuran berhasil Else
Tampilkan pesan proses hapus
Ukuran gagal End
No. Proses
Nama Proses
Input Output
Logika
4.3.4. Cari
Ukuran Data Ukuran
Info Ukuran Begin
If Data Ukuran
yang dicari diisi dengan benar
Then Tampilkan
pesan proses cariUkuran
berhasil Else
Tampilkan pesan proses cari Ukuran
gagal End
4.1.1.1 Tambah
Kategori Kategori
Info Kategori
Begin If
Data Kategori yang ditambah diisi
dengan benar Then
Tampilkan
pesan proses tambah
Kategori berhasil Else
Tampilkan pesan pross tambah
Kategori
4.1.1.2 Edit
Kategori Data Kategori
Info Kategori
Begin If
Data Kategori yang diedit diisi
dengan benar Then
Tampilkan
pesan proses edit Kategori
berhasil Else
Tampilkan pesan pross edit Kategori
gagal End
4.1.1.3 Hapus
Kategori Data Kategori
Info Kategori
Begin If
Data Kategori yang dihapus diisi
dengan benar Then
Tampilkan
pesan
No. Proses
Nama Proses
Input Output
Logika
proses hapus Kategori berhasil
Else Tampilkan pesan
proses hapus Kategori gagal
End
4.1.1.4. Cari
Kategori Data Kategori
Info Kategori Begin
If Data Kategori
yang dicari diisi dengan benar
Then Tampilkan
pesan proses cari Kategori
berhasil Else
Tampilkan pesan proses cari Kategori
gagal End
4.1.2.1 Tambah
Sub Kategori
Sub Kategori Info Sub Kategori Begin
If Data Sub
Kategori yang ditambah diisi
dengan benar Then
Tampilkan
pesan proses tambah Sub
Kategori berhasil Else
Tampilkan pesan pross tambah Sub
Kategori
4.1.2.2 Edit Sub
Kategori Data Sub
Kategori Info Sub Kategori Begin
If Data Sub
Kategori yang diedit diisi dengan
benar Then
Tampilkan
pesan proses edit Sub
Kategori berhasil Else
Tampilkan pesan
No. Proses
Nama Proses
Input Output
Logika
pross edit Sub Kategori gagal
End
4.1.2.3 Hapus
Sub Kategori
Data Sub Kategori
Info Sub Kategori Begin If
Data Sub Kategori yang
dihapus diisi dengan benar
Then Tampilkan
pesan proses hapus Sub
Kategori berhasil Else
Tampilkan pesan proses hapus Sub
Kategori gagal End
4.1.2.4. Cari Sub
Kategori Data
Sub Kategori
Info Sub Kategori Begin If
Data Sub Kategori yang
dicari diisi dengan benar
Then Tampilkan
pesan proses cariKategori
berhasil Else
Tampilkan pesan proses cari Ukuran
gagal End
4.4.1.1 Tambah
Produk Data Produk
Info Produk Begin
If Data Produk
yang ditambah diisi dengan benar
Then Tampilkan
pesan proses tambah
Produk berhasil Else
Tampilkan pesan pross tambah
Produk
No. Proses
Nama Proses
Input Output
Logika
4.4.1.2 Edit
Produk Data Produk
Info Produk Begin
If Data produk
yang diedit diisi dengan benar
Then Tampilkan
pesan proses edit produk
berhasil Else
Tampilkan pesan pross edit produk
gagal End
4.4.1.3 Hapus
Produk Data Produk
Info Produk
Begin If
Data produk yang dihapus diisi
dengan benar Then
Tampilkan
pesan proses hapus
produk berhasil Else
Tampilkan pesan proses hapus
produk gagal End
4.5.1.4 Cari
Produk Data Produk
Info Produk
Begin If
Data produk yang dicari diisi
dengan benar Then
Tampilkan
pesan proses cariproduk
berhasil Else
Tampilkan pesan proses cari produk
gagal End
4.4.2.1.1 Tambah Details
Produk Data Details
Produk Info Details
Produk Begin
If Data details
produk yang ditambah diisi
dengan benar
No. Proses
Nama Proses
Input Output
Logika Then
Tampilkan pesan
proses tambah details produk
berhasil Else
Tampilkan pesan proses tambah
details produk gagal End
4.4.2.1.2 Edit Details
Produk Data Details
Produk Info Details
Produk Begin
If Data details
produk yang diedit diisi dengan benar
Then Tampilkan
pesan proses edit details
produk berhasil Else
Tampilkan pesan proses edit details
produk gagal End
4.4.2.1.3 Hapus Details
Produk Data Details
Produk Info Details
Produk Begin
If Data details
produk yang hapus dipilih
Then Tampilkan
pesan proses hapus details
produk berhasil Else
Tampilkan pesan proses hapus details
produk gagal End
4.4.2.1.4 Cari Details
Produk Data Details
Produk Info Details
Produk Begin
If Data details
produk yang dicari diisi dengan benar
Then Tampilkan
pesan proses cari details
produk berhasil
No. Proses
Nama Proses
Input Output
Logika Else
Tampilkan pesan proses cari details
produk gagal End
5.1.1 Tambah
Data Keranja
ng Belanja
Data Keranjang Belanja
Info Keranjang Belanja
Begin If
Data produk dipilih untuk
dipesan Then
Tambahkan data keranjang belanja
End
5.1.2 Ubah
Data Keranja
ng Belanja
Data Keranjang Belanja
Info Keranjang Belanja
Begin If
Data produk pada keranjang belanja
diubah Then
Tampilkan
pesan proses mengubah
data keranjang belanja
End
5.1.3 Hapus
Data Keranja
ng Belanja
Data Keranjang Belanja
Info Keranjang Belanja
Begin If
Data produk pada keranjang belanja
dihapus Then
Tampilkan
pesan proses hapus data
berhasil berhasil End
5.1.4 Konfirm
asi Data Keranja
ng Belanja
Data Keranjang Belanja
Info Keranjang Belanja
Begin If
Menu kuonfirmasi dipilih
Then Tampilkan
pesan proses konfirmasi
keranjang belanja berhasil
End
5.1.1 Konfirm
asi Pembay
Data Konfirmasi
Pembayaran Info Konfirmasi
Pembayaran Begin
If Data konfirmasi
pembayaran benar
No. Proses
Nama Proses
Input Output
Logika
aran Then
Tampilkan status pembayaran
Else Tampilkan pesan
proses pembayaran gagal
End
5.1.2 Konfirm
asi Pengiri
man Data
Konfirmasi Pengiriman
Info Konfirmasi Pengiriman
Begin If
Data konfimasi pengiriman dipilih
Then Masukan status
pengiriman yang sedang terjadi
End
5.1.3 Tampil
Pemesan an
Data Pemesanan
Info Pemesanan
Begin If
Data Pemesanan dipilih
Then Tampilkan
pemesanan berdasarkan nomor
pemesanan End
6.1.1 Tambah
Album Data Album
Info Album Begin
If Data album yang
ditambah diisi dengan benar
Then Tampilkan
pesan proses tambah
album berhasil Else
Tampilkan pesan proses tambah
album gagal End
6.1.2 Edit
Album Data Album
Info Album Begin
If Data album yang
diedit diisi dengan benar
Then Tampilkan
pesan
No. Proses
Nama Proses
Input Output
Logika
proses edit album berhasil
Else Tampilkan pesan
proses edit album gagal
End
6.1.3 Hapus
Album Data Album
Info Album Begin
If Data album yang
diedit diisi dengan benar
Then Tampilkan
pesan proses edit album
berhasil Else
Tampilkan pesan proses edit album
gagal End
6.1.4 Cari
Album Data Album
Info Album
Begin If
Data album yang dicari diisi dengan
benar Then
Tampilkan
pesan proses cari album
berhasil Else
Tampilkan pesan proses cari album
gagal End
6.2.1 Tambah
Photo Data Photo
Info Photo
Begin If
Data photo yang ditambah diisi
dengan benar Then
Tampilkan
pesan proses tambah
photo berhasil Else
Tampilkan pesan proses tambah
No. Proses
Nama Proses
Input Output
Logika
photo gagal End
6.2.2 Edit
Photo Data Photo
Info Photo Begin
If Data photo yang
diedit diisi dengan benar
Then Tampilkan
pesan proses edit photo
berhasil Else
Tampilkan pesan proses edit photo
gagal End
6.2.3 Hapus
Photo Data Photo
Info Photo Begin
If Data photo yang
diedit diisi dengan benar
Then Tampilkan
pesan proses edit photo
berhasil Else
Tampilkan pesan proses edit photo
gagal End
6.2.4 Cari
Photo Data Photo
Info Photo Begin
If Data photo yang
dicari diisi dengan benar
Then Tampilkan
pesan proses cari photo
berhasil Else
Tampilkan pesan proses cari photo
gagal End
3.3.4 Kamus Data
Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan kamus data. Kamus data untuk sistem ini diuraikan dalam tabel berikut:
Tabel III-3 Kamus Data
No Detail
Keterangan
1. Nama
Data Registrasi Deskripsi
Berisi data pelanggan yang digunakan untuk registrasi
Struktur data username + password + email + nama_lengkap
+ Jenis_kelamin + alamat + provinsi + kota + kode_pos + telp + hp + fax + id_session
Id_member Password
Email Nama_lengkap
Jenis_kelamin Alamat
Provinsi Kota
Kode_Pos Telp
Hp Fax
Id_Sesion {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {Laki – Laki|Perempuan}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9}
{0..9} {0..9}
{0..9} {0..9|a..z|A..Z}
2. Nama
Data login Deskripsi
Berisi data pemesan yang digunakan untuk proses login
Struktur data Username + password
username password
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
3. Nama
Data Album Deskripsi
Berisi data album yang digunakan untuk menyimpan photo
Struktur data Id_album + nama_album + keterangan +
sampul_album Id_Album
Nama_Album Keterangan
Gambar_Album {0..9}
{a..z|A..Z} {0..9|a..z|A..Z}
Image
4. Nama
Data Photo Deskripsi
Berisi data Photo atau galeri kegiatan
No Detail
Keterangan
Struktur data Id_Photo + nama_album +username +
nama_photo + keterangan + Photo Id_Photo
Nama_Album Nama_Photo
Keterangan Photo
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
Image
5. Nama
Data Kurs Deskripsi
Berisi data nilai tukar rupiah ke dollar Struktur data
Kode Kurs + Besar_Nilai_Tukar Kode_Kurs
Besar_Nilai_Tukar {0..9}
{0..9 } 6.
Nama Data Testimoni
Deskripsi Berisi data testimoni yang diberikan oleh
member dan pengunjung Struktur data
Id_testimoni + Username + Email + Isi_Testimoni
Id_Testimoni Username
Email Isi_Testimoni
{0..9} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
7. Nama
Data Laporan Deskripsi
Berisi data laporan yang akan ditampilkan kepada Owner
Struktur data Data Produk + data pemesanan + data details
pemesanan + Data Retur 8.
Nama Data Produk
Deskripsi Berisi data produk yang tersedia di gudang
Struktur data Id_produk + harga + Stok + Deskripsi + ktegori
+ supplier + Gambar + Warna + Ukuran Id_Produk
Harga Stok
Keterangan Kategori
Supplier Gambar
Warna Ukuran
{0..9} {0..9}
{0..9} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
Image {a..z|A..Z}
{a..z|A..Z}
9. Nama
Data Details Produk Deskripsi
Berisi data details dari suatu produk Struktur data
Id_produk + Stok + warna + ukuran + Gambar_Produk_depan +
No Detail
Keterangan
Gambar_Produk_belakang + Gambar_Produk_samping
Id_Produk Stok
Warna Ukuran
Gambar_Produk_depan Gambar_Produk_belakang
Gambar_Produk_samping {0..9}
{0..9} {a..z|A..Z}
{|a..z|A..Z} Image
Image Image
10. Nama
Data kategori produk Deskripsi
Berisi data kategori dari produk Struktur data
Id_kategori, nama_kategori Id_Kategori
Nama_kategori {0..9}
{|a..z|A..Z} 11.
Nama Data Sub Kategori Produk
Berisi data subkategori dari suatu produk Id_SubKategori+Id_Kategori
Id_Subkategori Id_Kategori
Nama_subkategori {0..9}
{0..9} {a..z|A..Z}
12. Nama
Data User Staff Gudang, Kasir, Owner Deskripsi
Berisi data login user Staff Gudang, Kasir, Owner
Struktur data Username + password + nama_lengkap + email
+ Level Username
Password Nama_Lengkap
Email Level
{0..9 | a..z | A..Z} {0..9 | a..z | A..Z}
{0..9 | a..z | A..Z} {0..9 | a..z | A..Z}
{Staff Gudang|Kasir| Owner}
13. Nama
Data keranjang belanja Deskripsi
Berisi data pemesanan yang dilakukan oleh member
Struktur data Id_keranjang + id_member + id_produk +
details_produk + jml_dipesan + total_bayar Id_Keranjang
Id_member Id_produk
Details_produk Jml_dipesan
Total_Bayar {0..9}
{0..9 | a..z | A..Z} {0..9}
{0..9 | a..z | A..Z} {0..9}
{0..9}
14. Nama
Data Konfirmasi Pembayaran Deskripsi
Berisi data pembayaran dari pemesanan yang
No Detail
Keterangan
sudah dilakukan sebelumnya Struktur data
No_pemesanan + Status_Pembayaran + id_member + jml_dibayar
No_Pemesanan Id_member
Status_Pembayaran Jml_dibayar
Tgl_bayar {0..9}
{0..9 | a..z | A..Z} {Dibayar | Dikonfirmasi}
{0..9} Date
15. Nama
Data Konfirmasi Pengiriman Deskripsi
No_pemesanan + Status_Pembayaran + id_member + jml_dibayar +
No_Pengiriman+Status_Pengiriman
Struktur data no_reservasi + kode_produk + harga + diskon +
data pemesan No_Pemesanan
Id_member Status_Pembayaran
Jml_dibayar No_Pengiriman
Status_Pengiriman {0..9}
{0..9 | a..z | A..Z} { Dikonfirmasi}
{0..9} {0..9 | a..z | A..Z}
{Dikirim|Diterima}
16. Nama
Data Ukuran Deskripsi
Id_Ukuran + Nama_Ukuran Struktur data
Id_Ukuran + Nama_Ukuran Id_Ukuran
Nama_Ukuran {0..9}
{ a..z | A..Z} 17.
Nama Data Warna
Deskripsi Id_Warna + Nama_Warna
Struktur data Id_Warna + Nama_Warna
Id_Warna Nama_Warna
{0..9} { a..z | A..Z}
18. Nama
Data Sub Kategori Deskripsi
Id_SubKategori+ Nama_SubKategori+IdKategori
Struktur data Id_SubKategori+
Nama_SubKategori+IdKategori Id_SubKategori
Id_Kategori Nama_USubKategoti
{0..9} {0..9}
{ a..z | A..Z}
19. Nama
Data Gambar Deskripsi
Id_Produk+Id_Warna+Gambar_Depan+Gambar I+Gambar II
Struktur Data Id_Produk+Id_Warna+Gambar_Depan+Gambar
I+Gambar II
No Detail
Keterangan
Id_Produk Id_Warna
Gambar_Depan Gambar I
Gambar II {0..9}
{0..9} Image
Image Image
20. Nama
Data Retur Deskripsi
No_Retur+No_Pemesanan+Tanggal_retur No_Retur+No_Pemesanan+Tanggal_retur
No_Retur {0..9}
No_Pemesanan {0..9}
Tanggal_Retur Date
3.3.5 Skema Relasi
Model data relasional merupakan model data dimana hubungan antar data, arti data dan batasannnya dijelaskan dengan baris dan kolom. Secara formal,
semua itu digambarkan kedalam skema relasi. Adapun skema relasi yang terdapat dalam website e-commerce ini adalah sebagai berikut :
99
Member
PK Id_Member
Password Nama_Lengkap
Email Jenis_Kelamin
Alamat Provinsi
Kota Kode_Pos
Telp Hp
Fax Id_Session
User
PK Username
Password Nama_Lengkap
Email Level
Produk
PK Id_Produk
Nama_Produk Keterangan
FK1 Id_Kategori
FK2 Id_Subkategori
Terjual Dilihat
Details Produk
PK id_details
FK1 Id_Produk
FK4 Id_Kategori
FK2 id_warna
FK3 id_ukuran
Stok Harga
Diskon berat
Album
PK No_Album
jdl_Album Sampul_Album
Photo
PK Id_Photo
FK1 Id_Album
FK2 Username
Nama_Photo Keterangan
Tanggal
Details Pemesanan FK3
id_details FK1
No_Pemesanan Warna
Ukuran Jumlah
Id_Produk Kurs
PK Id_kurs
Besar_Kurs FK1
Username
Testimoni
PK Id_Testimoni
FK1 Id_Member
Email Isi_Testimoni
Tanggal Status
Warna
PK id_warna
nama_warna
Provinsi
PK Id_Provinsi
FK1 Username
Nama_Provinsi Kota
PK Id_Kota
FK1 Id_Provinsi
Nama_Kota Ongkos
FK2 Username
Gambar FK2
id_warna FK1
Id_Produk Gambar_Depan
Gambar1 Gambar2
Kategori
PK Id_Kategori
Nama_Kategori
Ukuran
PK id_ukuran
Nama_Ukuran Sub_Kategori
PK Id_Subkategori
Nama_Subkategori FK1
Id_Kategori
Details_retur FK1
id_retur id_produk
id_warna id_ukuran
jumlah_retur keterangan
Retur
PK no_retur
FK1 no_pemesanan
tanggal_retur status_retur
no_pengiriman status_pengiriman_retur
notujuan namabank
namapenerimaretur jumlahkembal
pemesanan
PK No_pemesanan
id_member tgl_pemesanan
jam_pemesanan tgl_kadaluarsa
total_bayar nama_penerima
id_provinsi_penerima id_kota_penerima
alamat_penerima kodepos_penerima
paket cara_pembayaran
no_transaksi jumlah
tanggal_bayal atas_nama
no_pengiriman tanggal diterima
status
Gambar III-27 Skema Relasi
3.3.6 Struktur Tabel
Rincian mengenai struktur tabel yang digunakan adalah sebagai berikut:
Tabel III-4 Tabel Produk
Nama Field Tipe Data
Ukuran Keterangan
Id_produk Int5
Primary Key, nama user Id_kategori
Int5 Foreign Key dari tabel kategori
Id_SubKategori Int5 Foreign Key dari table sub kategori
Keterangan Text
Keterangan lain dari suatu produk Tanggal_Masuk Date
Tanggal Masuk Produk Terjual
Int5 Banyaknya produk terjual
Dilihat Int5
Banyaknya produk dilihat oleh member
Tabel III-5 Tabel Details Produk
Nama Field Tipe Data
Ukuran Keterangan
Id_details Int5
PrimaryKey Id_produk
Int5 Foreign key dari tabel Produk
Id_Warna Int5
Foreign key dari tabel warna Id_Ukuran
Int5 Foreign key dari tabel ukuran
Stok Int3
Jumlah stok dari produk Harga
Int7 Harga Details Produk
Diskon Int2
Diskon Details Produk Berat
Decimal1,1 Berat Details Produk
Tabel III-6 Tabel Warna
Nama Field Tipe Data
Ukuran Keterangan
Id_warna Int5
Primary key dari tabel warna Nama_Warna
Varchar20 Nama Warna
Tabel III-7 Tabel Ukuran
Nama Field Tipe Data
Ukuran Keterangan
Id_Ukuran Int5
Primary key dari tabel ukuran Nama_Ukuran
Varchar25 Nama ukuran
Tabel III-8 Tabel Gambar
Nama Field Tipe Data
Ukuran Keterangan
Id_Produk Int5
Foreign key dari tabel produk Id_Warna
Int5 Foreign key dari tabel warna
Gambar Depan ImageVarchar40 Gambar Depan Details Produk
GambarI ImageVarchar40 Gambar tambahan I
GambarII ImageVarchar40 Gambar Tambahan II
Tabel III-9 Tabel User
Nama Field Tipe Data
Ukuran Keterangan
Username Varchar20
Primary key, digunakan sebagai data login
Password Varchar40
Password user untuk login Nama_Lengkap
Varchar30 Nama lengkap user
Email Varchar40
Email User Level
EnumKasir, Staff
Gudang, Owner Generalisasi spesialisasi dari
user yang akan menentukan hak akses dalam aplikasi
aktif ENUM‘Ya’,’Tidak’ Status aktif user
Tabel III-10 Tabel Kurs
Nama Field Tipe Data
Ukuran Keterangan
Id_Kurs Int5
Primary Key Kurs
Int5 Besar nilai tukar terhadap rupia
Tabel III-11 Tabel Album
Nama Field Tipe Data
Ukuran Keterangan
No_album Int11
Primary key, auto_increment Username
Varchar15 Foreign key dari tabel user
judul_Album Varchar30
Nama Album Sampu_Album
Varchar100 Nama alamat gambar album
Tabel III-12 Tabel Photo
Nama field Tipe Data
ukuran Keterangan
no_photo int3
primary key, auto_increment no_album
int3 foregin key dari tabel album
username varchar15
foreign key dari tabel user gambar_photo
varchar15 nama photo
deskripsi text
keterangan isi photo
Tabel III-13 Tabel Member
Nama Field Tipe Data
Ukuran Keterangan
Id_Member Varchar15
Primary key Password
Varchar50 Password member
Nama_Lengkap Varchar40
Nama lengkap member Email
Varchar30 Alamat email member
Jenis_Kelamin EnumPria||Wanita Jenis kelamin member
Alamat text
Alamat rumah member Id_provinsi
Int5 Provinsi member
Id_kota Int5
Kota member Kode_Pos
Varchar6 Kode pos member
Telp Varchar7
Telp member Hp
Varchar12 Hp member
Fax Varchar7
Fax member Id_Session
Varchar32 Id member ketika sudah login
status ENUMAktif||Tidak
Akrif
Tabel III-14 Tabel Testimoni
Nama Field Tipe Data
Ukuran Keterangan
Id_Testimoni Int5
Primary key, auto_increment Id_Member
Int5 Foreign Key dari tabel member
Email Varchar30
Email member yang mengisi testimoni
testimoni Text
Isi testemoni tanggal
Date Tanggal testimoni
Status EnumTampil|tidak
tampil Status tampil testimoni
Tabel III-15 Tabel Pemesanan
Nama Field Tipe Data
Ukuran Keterangan
No_Pemesanan Int5
Primary key, auto_increment Id_Member
varchar30 Foreign Key dari tabel member
Tgl_pemesanan Date
Tanggal pemesanan jam_pemesanan
time Jam pemesanan
Tgl_kadaluarsa date
Tanggal kadaluarsa pemesanan Total_bayar
Int11 Total bayar pemesanan
Nama_penerima Varchar40
Nama penerima pemesanan Id_provinsi_penerima
Int5 Foreign Key dari tabel provinsi
Id_kota_penerima Int5
Foreign Key dari table kota Alamat_penerima
Varchar40 Alamat penerima pemesanan
Kodepos_penerima Varchar5
Kode pos penerima pemesanan Paket
Enum‘JNE YES’,’JNE REG’
Paket pemesanan Cara_pembayaran
EmunVia BNI||Transfer Ke
Rekening BNI Cara bayar pemesanan
No_transaksi Varchar30
No transaksi pembayaran pemesanan
Jumlah Decimal10,2
Jumlah pembayaran pemesanan Tanggal_bayar
Datetime Tanggal Pembayaran
pemesanan Atas_nama
Varchar40 Nama yang digunakan untuk
pembayaran pemesanan No_pengiriman
Varchar30 No pengiriman pemesanan
Tgl_diterima Date
Tanggal pemesanan diterima status
ENUMpemesanan Status pemesanan
baru||pemesanan dibayar||LUNAS||
Dikirim||Diterima
Tabel III-16 Tabel Details Pemesanan
Nama Field Tipe Data
Ukuran Keterangan
No_Pemesanan Int5
Foreign key dari tabel pemesanan
Id_Produk Int5
Foreign key dari tabel produk Id_Warna
Int5 Foreign key dari tabel warna
Id_Ukuran Int5
Foreign key dari tabel ukuran Berat
Int2 Berat details Produk yang
dipesan Jumlah
Int3 Jumlah produk yang dipesan
Tabel III-17 Tabel Provinsi
Nama Field Tipe Data
Ukuran Keterangan
Id_Provinsi Int5
Primary Key tabel Provinsi Nama_Provinsi
Varchar100 Nama provinsi
Tabel III-18 Tabel Kota
Nama Field Tipe Data
Ukuran Keterangan
Id_Kota Int5
Primary Key tabel Kota Id_Provinsi
Int5 Foregin Key Tabel Provinsi
Nama_Provinsi Varchar50
Nama Provinsi Ongkos_yes
Int 8 Biaya ongkos kirim yes
Ongkos_reg Int 8
Biaya ongkos kirim reg
Tabel III-19 Tabel Kategori
Nama Field Tipe Data
Ukuran Keterangan
Id_Kategori Int5
Primary Key tabel Kategori Nama_Kategori
Varchar40 Nama kategori
Tabel III-20 Tabel Sub Kategori
Nama Field Tipe Data
Ukuran Keterangan
Id_Subkategori Int5
Primari Key table sub kategori
Id_Kategori Int5
Primary Key tabel Kategori Nama_SubKategori
Varchar30 Nama sub kategori
Tabel III-21 Tabel Retur
Nama Field Tipe Data
Ukuran Keterangan
no_retur Int5
Primari Key table retur no_pemesanan
Int5 Foreign Key tabel
pemesanan tanggal_retur
Date Tanggal retur
Status_retur ENUMBaru||Retur
Disetujui||Dikirim||Diterima Status retur
No_pengiriman Varchar40
No pengiriman retur Notujuan
Varchar30 No tujuan rekening
penerima retur Namabank
Varchar30 Nama bank tujuan penerima
retur Namapenerimaretur
Varchar30 Nama penerima retur
Jumlah kembali Int10
Jumlah uang yang dikembalikan saat retur
Tabel III-22 Tabel Details retur
Nama Field Tipe Data
Ukuran Keterangan
Id_Retur Int5
Primari Key table retur Id_Produk
Int5 Foreign Key tabel produk
Id_Warna Int5
Foreign Key tabel warna Id_Ukuran
Int5 Foreign Key tabel ukuran
Jumlah_retur Int5
Jumlah pembelian Jumlah_retur
Int3 Julmah yang diretur
Keterangan text
Keterangan retur
3.3.7 Perancangan Antarmuka
Adapun perancangan antarmuka yang akan dirancang adalah sebagai berikut :
3.3.7.1 Struktur Menu
Struktur menu dirancang sesuai dengan level pengguna yang sistem. Terdapat empat pengguna aplikasi ini yaitu Owner, kasir, staff gudang, member dan
pengunjung. Struktur menunya adalah sebagai berikut:
3.3.7.1.1 Struktur Menu Owner
LOGIN MENU
OWNER KURS
LAPORAN TESTIMONI
TAMBAH HAPUS
EDIT LOGOUT
USER
CARI CETAK
ONGKOS KIRIM GANTI
PASSWORD
Gambar III-28 Struktur Menu Owner
3.3.7.1.2 Struktur Menu Kasir
LOGIN MENU
KASIR
ALBUM PEMESANAN
RETUR MASTER ALBUM
DETAILS ALBUM
CETAK LOGOUT
TAMBAH GANTI
PASSWORD MEMBER
EDIT CARI
HAPUS
Gambar III-29 Struktur Menu Kasir
3.3.7.1.3 Struktur Menu Staff Gudang
LOGIN MENU
STAFF GUDANG KATEGORI
PRODUK WARNA
UKURAN
GANTI PASSWORD LOGOUT
MASTER KATEGORI
MASTER SUB KATEGORI
MASTER PRODUK
DETAILS PRODUK
MASTER DETAILS PRODUK
GAMBAR
TAMBAH EDIT
HAPUS CARI
Gambar III-30 Srtuktur Menu Staff Gudang
3.3.7.1.4 Struktur Menu Member
LOGIN MENU
MEMBER HOME
PROFILE PERUSAHAAN
PRODUK LOKASI
TESTIMONI ALBUM
DATA PEMESANAN
PROFIL MEMBER LOGOUT
TENTANG KAMI CARA BELANJA
CARA RETUR KATEGORI
SUB KATEGORI DETAILS ALBUM
DETAILS PEMESANAN
RETUR RESET
PASSWORD
TAMBAH GANTI
PASSWORD
EDIT CARI
Gambar III-31 Struktur Menu Member
3.3.7.1.5 Struktur Menu Pengunjung
MENU pengunjung
HOME PROFILE
PERUSAHAAN PRODUK
LOKASI TESTIMONI
ALBUM TENTANG KAMI
SEJARAH VISI DAN MISI
NAMA PRODUK KATEGORI
ISI TESTIMONI LIHAT TESTIMONI
PHOTO
TAMBAH CARI
Gambar III-32 Struktur Menu Pengunjung
3.3.7.2 Perancangan form 1. Tampilan menu utamaindexhome
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F01
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager
III-33 Gambar Tampilan index Halaman Awal
2. Tampilan menu produk
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F02
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box PRODUK
View and Buy PRODUK
View and Buy FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager PRODUK
View and Buy PRODUK
View and Buy PRODUK
View and Buy PRODUK
View and Buy PRODUK
View and Buy PRODUK
View and Buy
Gambar III-34 Tampilan menu produk
3. Tampilan menu lokasi
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F09
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager Id produk
warna ukuran
jumlah subtotal
aksi
Update keranjang Selesai Belanja
Kembali Belanja
Gambar III-35 Tampilan menu lokasi
4. Tampilan menu Isi testimoni
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F04
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager Username :
Email : Testimonial :
Kode Keamanan : Text Box I
Text Box I TEXT AREA
CAPTCHA TYEXT BOX III
KIRIM
Gambar III-36 Tampilan menu isi testimoni
5. Tampilan menu lihat testimoni
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F05
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager Email pemngisi testimonial
isi testimonial Diposting tanggal :
Prev 1 2 3 4 5 6 7 8 9 Next
Gambar III-37 Tampilan menu lihat testimoni
6. Tampilan Menu Album
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F06
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager Judul album
Judul album
Judul album Judul album
Prev 1 2 3 4 5 6 7 8 9 Next
Gambar III-38 Tampilan menu photo
7. Tampilan menu photo
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F07
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager
Prev 1 2 3 4 5 6 7 8 9 Next
Keterangan
Keterangan
Keterangan
Gambar III-39 Tampilan menu album
8. Tampilan Pendaftaran member
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F08
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager FORM PENDAFTARAN
Username : Password :
Repassword : Nama Lengkap :
Email : Junis Kelamin :
Alamat : Provinsi :
Kota : Kode Pos :
No Telephone : No. Hp :
Fax : Kode Keamanan :
TEXT BOX I TEXT BOX II
TEXT BOX III TEXT BOX IV
TEXT BOX V COMBO BOX I
TEXT BOX VI TEXT BOX VII
TEXT BOX VIII TEXT BOX IX
COMBO BOX II
TEXT BOX XI
Gambar III-40 Tampilan Pendaftaran member
9. Tampilan keranjang Belanja
| HOME | PROFILE | PRODUK | LOKASI | TESTIMONI | ALBUM |
HEADER
Cari produk berdasarkan Combo box
Text Box Cari
Login Username
Password Login
Lupa Password Buat Akun Baru
KERANJANG BELANJA
LOGO BANK I LOGO BANK II
LOGO PAYPAL Like
NEW PRODUCT BEST SELLER
MOST VIEWED F09
Keterangan : Nama Form : F01
Ukuran : 1000px x 1200px Font
: Arial Warna : Hijau dan Putih
- Arahkan mouse ke menu “Profile” untuk melihat menu profile l
ainnya : Tentang Kami, Sejarah, Visi dan Misi
- arahkan mouse ke menu “produk untuk menampilkan pilihan kategori produk yang
akan ditampilkan - klik “Lokasi” Untuk menampilkan lokasi
varrazy victorius dengan google map - arahkan mouse ke menu “Testimoni” untuk
menampilkan pilihan menu : isi testimoni dan lihat testimoni.
-klik photo untu melihat berbagai photo yang ada d varrazy victorius
- Klik “Join Group” untuk ikut “join” ke akun group varrazy yang ada di facebook
-Klik Follow us Untuk menjadi follower Varrazy victorius di akun tweeter.
-Pilih salah satu pilihan di combobox dan masukan keyword di text box lalu tekan
“cari” untuk memulai pencarian. -Klik “Like” untuk ikut serta dalam group
varrazy victorius di akun Facebook -Klik “keranjang belanja” untuk melihat daftar
belanaan yang sedang dipesan khusus member
- Klik Costumer servis untuk mengguhungi varrazy victorius via yahoo messager
- klik berita untuk melihat berita yang terjadi d varrazy victorius
-klik “New Produst” untuk menampilkan produk terbaru dari Varrazy Victorius
- Klik “Best Seller” untuk untuk menampilkan produk dengan angka penjualan tetinggi
- klik “Most Viewed” untuk menampilkan produk dari varrazy victorius yang paling
banyak dilihat oleh member.Klik “See More” untuk menuju ke halaman Profile
perusahaan” Combo box
Combo box
FOLLOW US
PRODUK View and Buy
PRODUK View and Buy
Yahoo Messager Yahoo Messager
Yahoo Messager Id produk
warna ukuran
jumlah subtotal
aksi
Update keranjang Selesai Belanja
Kembali Belanja
Gambar III-41 Tampilan Keranjang Belanja
10. Tampilan Menu Staff Gudang
HEADER
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk
SELAMAT DATANG NAMA PETUGAS
SELAMAT BERTUGAS SEBAGAI : NAMA JABATAN
SILAHKAN PILIH MENU YANG ADA DIATAS UNTUK MEMULAI PEKERJAAN
ANDA
F10
GANTI PASSWORD
LOGOUT SUB KATEGORI
Gambar III-42 Tampilan Menu Staff Gudang
11. Tampilan Menu Kategori
HEADER
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk F11
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Kategori TAMBAH
TEXT BOX Cari
NO NAMA KATEGORI
AKSI EDIT
HAPUS
Gambar III-43 Menu Tambah Kategori
12. Tampilan Menu sub Kategori
HEADER
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Sub Kategori,
maka akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk - Masukan Nama Kategori pada textbox
yang tesedia lalu krlik proses untuk menambah kategori baru
F12
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Kategori TAMBAH
TEXT BOX Cari
NO KATEGORI
AKSI EDIT
HAPUS NAMA SUB KATEGORI
SUB KATEGORI
Gambar III-44 Tampilan Menu Sub Kategori
13. Tampilan Menu Warna
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Sub Warna,
maka akan muncul tampilan menu, tambah Warna, edit Warna, hapus Warna dan tampil
Warna - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk - Masukan Nama Warna pada textbox yang
tesedia lalu krlik proses untuk menambah Warna baru
F13
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Warna TAMBAH
TEXT BOX Cari
NO NAMA WARNA
AKSI EDIT
HAPUS SUB KATEGORI
Gambar III-45 Tampilan Menu Warna
14. Tampilan Menu Ukuran
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Sub Ukuran,
maka akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Ukuran maka
akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Ukurani, maka
akan muncul tampilan menu, tambah ukuran, edit ukuran, hapus ukuran dan
tampil ukuran - Arahkan Kursor pada menu Details Produk,
maka akan muncul tampilan menu, tambah Details Produk, edit Details Produki, hapus
Details Produk dan tampil Details Produk Arahkan Kursor pada menu Gambar
Produk, maka akan muncul tampilan menu, tambah Gambar Produk, edit Gambar
Produki, hapus Gambar Produk dan tampil Details Produk
- Masukan Nama Ukuran pada textbox yang tesedia lalu krlik proses untuk menambah
Ukuran baru F14
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Ukuran TAMBAH
TEXT BOX Cari
NO NAMA Ukuran
AKSI EDIT
HAPUS SUB KATEGORI
Gambar III-46 Tampilan Menu Ukuran
15. Tampilan Menu Produk
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Sub Ukuran,
maka akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Ukuran maka
akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Ukurani, maka
akan muncul tampilan menu, tambah ukuran, edit ukuran, hapus ukuran dan
tampil ukuran - Arahkan Kursor pada menu Details Produk,
maka akan muncul tampilan menu, tambah Details Produk, edit Details Produki, hapus
Details Produk dan tampil Details Produk Arahkan Kursor pada menu Gambar
Produk, maka akan muncul tampilan menu, tambah Gambar Produk, edit Gambar
Produki, hapus Gambar Produk dan tampil Details Produk
- Masukan Nama Ukuran pada textbox yang tesedia lalu krlik proses untuk menambah
Ukuran baru F15
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Produk TAMBAH
TEXT BOX Cari
Kode Produk
Nama Kategori
AKSI EDIT
HAPUS SUB KATEGORI
Nama Sub Kategori
KETERANGAN
Gambar III-47 Tampilan Menu Produk
16. Tampilan Menu Details Produk
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Sub Ukuran,
maka akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Ukuran maka
akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Ukurani, maka
akan muncul tampilan menu, tambah ukuran, edit ukuran, hapus ukuran dan
tampil ukuran - Arahkan Kursor pada menu Details Produk,
maka akan muncul tampilan menu, tambah Details Produk, edit Details Produki, hapus
Details Produk dan tampil Details Produk Arahkan Kursor pada menu Gambar
Produk, maka akan muncul tampilan menu, tambah Gambar Produk, edit Gambar
Produki, hapus Gambar Produk dan tampil Details Produk
- Masukan Nama Ukuran pada textbox yang tesedia lalu krlik proses untuk menambah
Ukuran baru F16
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Details Produk
TAMBAH TEXT BOX
Cari Kode
Produk Nama
Kategori AKSI
EDIT HAPUS
SUB KATEGORI
Nama Sub Kategori
Warna Ukuran Stok
Harga
Gambar III-48 Tampilan Menu Details Produk
17. Tampilan Menu Gambar
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Sub Ukuran,
maka akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Ukuran maka
akan muncul tampilan menu, tambah Ukuran, edit Ukuran, hapus Ukuran dan
tampil Ukuran - Arahkan Kursor pada menu Ukurani, maka
akan muncul tampilan menu, tambah ukuran, edit ukuran, hapus ukuran dan
tampil ukuran - Arahkan Kursor pada menu Details Produk,
maka akan muncul tampilan menu, tambah Details Produk, edit Details Produki, hapus
Details Produk dan tampil Details Produk Arahkan Kursor pada menu Gambar
Produk, maka akan muncul tampilan menu, tambah Gambar Produk, edit Gambar
Produki, hapus Gambar Produk dan tampil Details Produk
- Masukan Nama Ukuran pada textbox yang tesedia lalu krlik proses untuk menambah
Ukuran baru F17
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
Cari Gambar TAMBAH
TEXT BOX Cari
Kode Produk
AKSI EDIT
HAPUS SUB KATEGORI
Ukuran Gambar
Depan Gambar I
Gambar II
Gambar III-49 Tampilan Menu Gambar
18. Tampilan Tambah Kategori
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk -Masukan Nama Kategori Baru,Lalu Klik
Simpan untuk menamba Kategori Baru -Klik Batal Untuk Membatalkan Penambahan
kategori F18
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
SUB KATEGORI Text Box
Nama Kategori Baru SIMPAN
BATAL
Gambar III-50Tampilan Menu Tambah Kategori
19. Tampilan Tambah Sub Kategori
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk
-Pilih Kategori yang aakan ditambah sub kategorinya lalu Masukan Nama Sub
Kategori Baru,Lalu Klik Simpan untuk menamba Kategori Baru
-Klik Batal Untuk Membatalkan Penambahan kategori
F19
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
SUB KATEGORI
Text Box Nama Sub Kategori Baru
SIMPAN BATAL
Combo Box Pilih Kategori
Gambar III-51 Tampilan Menu Tambah Sub Kategori
20. Tampilan Tambah Warna
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk -Masukan Nama warna Baru,Lalu Klik
Simpan untuk menamba Kategori Baru -Klik Batal Untuk Membatalkan Penambahan
kategori F20
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
SUB KATEGORI Text Box
Nama Warna Baru SIMPAN
BATAL
Gambar III-52 Tampilan Menu Tambah Warna
21. Tampilan Ukuran
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk -Masukan Nama ukuran Baru,Lalu Klik
Simpan untuk menamba ukuran Baru -Klik Batal Untuk Membatalkan Penambahan
ukuran F21
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
SUB KATEGORI Text Box
Nama Ukuran Baru SIMPAN
BATAL
Gambar III-53 Tampilan Menu Ukuran
22. Tampilan Tambah Produk
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk
-Pilih Kategori dan SubKategori ,Masukan Tanggal Masuk dan keterangan yang akan
ditambah produk Lalu klik simpan -Klik Batal Untuk Membatalkan Penambahan
kategori F22
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
SUB KATEGORI
Text Box Pilih Sub Kategori
SIMPAN BATAL
Combo Box Pilih Kategori
Tanggal Masuk Text Box
Keteranagan Text Area
Gambar III-54 Tampilan Menu Tambah Produk
23. Tampilan Ganti Password
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk
-Masukan Password Baru dan Re-Password Baru Lalu Klik Simpan Untuk mengganti
password dengan yang baru F23
KATEGORI PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR GANTI
PASSWORD LOGOUT
SUB KATEGORI
Text Box Nama Lengkapn
Text Box Username
Password Baru Text Box
Re-Password Text Box
SIMPAN BATAL
Gambar III-55 Tampilan Menu Ganti Password
24. Tampilan Menu Kurs
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kategori, maka
akan muncul tampilan menu, tambah kategori, edit kategori, hapus kategori dan
tampil kategori - Arahkan Kursor pada menu Produk, maka
akan muncul tampilan menu, tambah produk, edit produk, hapus produk dan
tampil produk - Arahkan Kursor pada menu Warna maka
akan muncul tampilan menu, tambah warna, edit warna, hapus warna dan tampil warna
- Arahkan Kursor pada menu Ukurani, maka akan muncul tampilan menu, tambah
ukuran, edit ukuran, hapus ukuran dan tampil ukuran
- Arahkan Kursor pada menu Details Produk, maka akan muncul tampilan menu, tambah
Details Produk, edit Details Produki, hapus Details Produk dan tampil Details Produk
Arahkan Kursor pada menu Gambar Produk, maka akan muncul tampilan menu,
tambah Gambar Produk, edit Gambar Produki, hapus Gambar Produk dan tampil
Details Produk
-Masukan Password Baru dan Re-Password Baru Lalu Klik Simpan Untuk mengganti
password dengan yang baru F24
KURS USER
TESTOMINI LAPORAN
GANTI PASSWORD
LOGOUT
Nama User
KURS DOLLAR YANG ANDA GUNAKAN SAAT INI
BATAL Update Kurs Dollar Anda
Text Box
Rp…………..
SIMPAN
LIHAT KURS DOLLAR DARI SUMBER LAINNYA
LOGO BANK I LOGO BANK II
Gambar III-56 Tampilan Menu Kurs
25. Tampilan Menu Testiomi
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kurs untuk
mengupdate kurs dolar yang akan anda gunakan
-Arahkan kursor Pada menu testimoni, maka akan muncul menu testimoni
-Arahkan Pada menu Laporan Untuk Melihat laporan Produk,Laporan Pemesanan,
Laporan Pembayaran, Laporan Pengiriman. -Arahkan kursor pada menu user untuk
menambah atau mengetit status user. -Arahkan Pada menu Ganti Password untuk
mengganti password User -Arahkan KursorPada menu Logout untuk
keluar -Pilih Menu tampil Untuk menampilkan data
testimoni -pilih hapus untuk menghapus data testomini
F25
KURS USER
TESTOMINI LAPORAN
GANTI PASSWORD
LOGOUT
DATA TESTIMONI VARRAZY VICTORIUS
Email Id Member
Isi Testimoni Tanggal
Status AKSI
Tampil Hapus
Gambar III-57 Tampilan Menu Testiomi
26. Tampilan Menu Laporan
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kurs untuk
mengupdate kurs dolar yang akan anda gunakan
-Arahkan kursor Pada menu testimoni, maka akan muncul menu testimoni
-Arahkan Pada menu Laporan Untuk Melihat laporan Produk,Laporan Pemesanan,
Laporan Pembayaran, Laporan Pengiriman. -Arahkan kursor pada menu user untuk
menambah atau mengetit status user. -Arahkan Pada menu Ganti Password untuk
mengganti password User -Arahkan KursorPada menu Logout untuk
keluar -Pilih Laporan yang akan ditampilakn lalu
Masukan Penampilan laporan berdasarkan harian, bulanan,tahunan lalu klik tampilkan
F26
KURS USER
TESTOMINI LAPORAN
GANTI PASSWORD
LOGOUT Pilih Laporan
Combo Box Text Box
Harian Bulanan
Text Box Text Box
Tahun Text Box
Tampilkan
Gambar III-58 Tampilan Menu Laporan
27. Tampilan Menu User
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
GAMBAR - Arahkan Kursor pada menu Kurs untuk
mengupdate kurs dolar yang akan anda gunakan
-Arahkan kursor Pada menu testimoni, maka akan muncul menu testimoni
-Arahkan Pada menu Laporan Untuk Melihat laporan Produk,Laporan Pemesanan,
Laporan Pembayaran, Laporan Pengiriman. -Arahkan kursor pada menu user untuk
menambah atau mengetit status user. -Arahkan Pada menu Ganti Password untuk
mengganti password User -Arahkan KursorPada menu Logout untuk
keluar -Pilih Laporan yang akan ditampilakn lalu
Masukan Penampilan laporan berdasarkan harian, bulanan,tahunan lalu klik tampilkan
F27
KURS USER
TESTOMINI LAPORAN
GANTI PASSWORD
LOGOUT
Cari User TAMBAH
TEXT BOX Cari
Username Nama Lengkap
AKSI EDIT
HAPUS Level
Gambar III-59 Tampilan Menu User
28. Tampilan Menu Album
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
- Arahkan Kursor pada menu Kurs untuk mengupdate kurs dolar yang akan anda
gunakan -Arahkan kursor Pada menu testimoni, maka
akan muncul menu testimoni -Arahkan Pada menu Laporan Untuk Melihat
laporan Produk,Laporan Pemesanan, Laporan Pembayaran, Laporan Pengiriman.
-Arahkan kursor pada menu user untuk menambah atau mengetit status user.
-Arahkan Pada menu Ganti Password untuk mengganti password User
-Arahkan KursorPada menu Logout untuk keluar
-Klik Tambah untuk menambah data Album Baru
-Klik edit untuk mengedit data album -Klik hapus untuk menghapus data album
Masukan keyword pencarian untuk mencari abum
F28
ALBUM PEMESANAN
RETUR GANTI
PASSWORD LOGOUT
Cari Album TAMBAH
TEXT BOX Cari
Judul Album Photo
AKSI EDIT
HAPUS PHOTO
Gambar III-60 Tampilan Menu Album
29. Tampilan Menu Photo
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
- Arahkan Kursor pada menu Kurs untuk mengupdate kurs dolar yang akan anda
gunakan -Arahkan kursor Pada menu testimoni, maka
akan muncul menu testimoni -Arahkan Pada menu Laporan Untuk Melihat
laporan Produk,Laporan Pemesanan, Laporan Pembayaran, Laporan Pengiriman.
-Arahkan kursor pada menu user untuk menambah atau mengetit status user.
-Arahkan Pada menu Ganti Password untuk mengganti password User
-Arahkan KursorPada menu Logout untuk keluar
-Klik Tambah untuk menambah data Album Baru
-Klik edit untuk mengedit data album -Klik hapus untuk menghapus data album
Masukan keyword pencarian untuk mencari abum
F29
ALBUM PEMESANAN
RETUR GANTI
PASSWORD LOGOUT
Cari Album TAMBAH
TEXT BOX Cari
Judul Album Photo
AKSI EDIT
HAPUS PHOTO
Gambar III-61 Tampilan Menu Photo
30. Tampilan Menu Pemesanan
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
- Arahkan Kursor pada menu Kurs untuk mengupdate kurs dolar yang akan anda
gunakan -Arahkan kursor Pada menu testimoni, maka
akan muncul menu testimoni -Arahkan Pada menu Laporan Untuk Melihat
laporan Produk,Laporan Pemesanan, Laporan Pembayaran, Laporan Pengiriman.
-Arahkan kursor pada menu user untuk menambah atau mengetit status user.
-Arahkan Pada menu Ganti Password untuk mengganti password User
-Arahkan KursorPada menu Logout untuk keluar
-Klik Tambah untuk menambah data Album Baru
-Klik Details untukmelihat lebih details isi dari suatu pemesanan
-Klik Hapus untuk membatalkan suatu pemesanan
-Klik Konfirmsasi untuk mengkonfirmasi pembayarn suatu pemesanan
-klik kirim untuk memproses pengiriman suatu pemesanan
F30
ALBUM PEMESANAN
RETUR GANTI
PASSWORD LOGOUT
Urut Berdasarkan status TEXT BOX
Cari No Pemesanan
Tgl Pemesanan
AKSI Details Hapus
PHOTO
Id Member Jam
Pemesanan Tgl
Kadaluarsa status
Konfirmasi Kirim
Gambar III-62 Tampilan Pemesanan
31. Tampilan Menu Retur
HEADER
Warna PRODUK
WARNA UKURAN
DETAILS PRODUK
- Arahkan Kursor pada menu Kurs untuk mengupdate kurs dolar yang akan anda
gunakan -Arahkan kursor Pada menu testimoni, maka
akan muncul menu testimoni -Arahkan Pada menu Laporan Untuk Melihat
laporan Produk,Laporan Pemesanan, Laporan Pembayaran, Laporan Pengiriman.
-Arahkan kursor pada menu user untuk menambah atau mengetit status user.
-Arahkan Pada menu Ganti Password untuk mengganti password User
-Arahkan KursorPada menu Logout untuk keluar
-Klik Tambah untuk menambah data Album Baru
-Klik Details untukmelihat lebih details isi dari suatu pemesanan
-Klik Hapus untuk membatalkan suatu pemesanan
-Klik Konfirmsasi untuk mengkonfirmasi pembayarn suatu pemesanan
-klik kirim untuk memproses pengiriman suatu pemesanan
F31
ALBUM PEMESANAN
RETUR GANTI
PASSWORD LOGOUT
Urut Berdasarkan status TEXT BOX
Cari No Pemesanan
AKSI Details
Edit PHOTO
Id Member status
Id Member
Gambar III-63 Tampilan Menu Pengiriman
3.3.7.2.1 Perancangan
Pesan
P01 Apa Anda yakin Akan Membatalkan pemesanan ini??
YES NO
P02 Apa Anda yakin Akan Membatalkan Mengkonfirmasi
Pemesanan ini?? YES
NO P03
Apa Anda yakin Akan menghapus kategori ini??
YES NO
P04 Apa Anda yakin Akan menghapus sub kategori ini??
YES NO
P05 Apa Anda yakin Akan menghapus produk ini??
YES NO
P06 Apa Anda yakin Akan menghapus details produk ini??
YES NO
P07 Apakah Anda yakin Akan Menghapus Album ini?
YES NO
P08 Apakah Anda yakin Akan Menghapus Details Album
ini? YES
NO P09
Apakah Anda Yakin Akan Mengganti Password Anda?
YES NO
P10 Apakah Anda Yakin Akan Menampilkan Testimoni
Berikut? YES
NO P11
Apakah Anda yakin akan menghapus testimoni berikut?
YES NO
3.3.7.3 Keterangan
No Nama
Keterangan
1. F01
Tampilan menu utamaindexhome 2.
F02 Tampilan Menu Produk
3. F03
Tampilan menu lokasi 4.
F04 Tampilan menu Isi testimoni
5. F05
Tampilan Menu Isi testimony 6.
F06 Tampilan Menu Album
7. F07
Tampilan Menu Photo 8.
F08 Tampilan Pendaftaran member
9. F09
Tampilan keranjang belanja 10.
F10 Tampilan menu staff gudang
11. F11
Tampilan menu Kategori 12.
F12 Tampilan Menu sub Kategori
13. F13
Tampilan menu Warna 14.
F14 Tampilan Menu Ukuran
15. F15
Tampilan Menu Produk 16.
F16 Tampilan Menu Details Produk
17. F17
Tampilan Menu Gambar 18.
F18 Tampilan Tambah Kategori
19. F19
Tampilan Tambah Sub Kategori 20.
F20 Tampilan Tambah Warna
21. F21
Tampilan Ukuran Warna 22.
F22 Tampilan Tambah Produk
23. F23
Tampilan Ganti Password 24.
F24 Tampilan Menu Kurs
25. F25
Tampilan Menu Testiomi 26.
F26 Tampilan Menu Laporan
27. F27
Tampilan Menu User 28.
F28 Tampilan Menu Album
29. F29
Tampilan Menu Photo 30.
F30 Tampilan Menu Pemesanan
31. F31
Tampilan Menu Pemesanan
3.3.7.4 Jaringan Sematik
Jaringan semantik sistem yang akan dibangun dibedakan sesuai dengan jenis penggunanya, yaitu pengunjung, pemesan, petugas dan admin. Jaringan semantik
datap dilihat melalui gambar berikut: 1. Jaringan Semantik Pelanggan
F02
F01 F03
F07 F06
F04
F05
F08
Produk Produk
Lokasi Testimoni
Lihat Testimoni Album
Photo Daftar Member
Daftar Member
Photo Photo
Album Testimoni
Lokasi Lokasi
Gambar III-64Jaringan Sematik Pelanggan
2. Jaringan Semantik Member
F02
F01 F03
F07 F06
F04
F05
F08 F09
Produk Produk
Lokasi
Testimoni Lihat Testimoni
Album Photo
Daftar Member Keranjang
Belanja
Daftar Member
Photo Photo
Album Testimoni
Lokasi
Lokasi
Gambar III-65 Jaringan Sematik Member
3. Jaringan Semantik Staff Gudang
Gambar III-66 Jaringan Sematik Staff Gudang
4.4.2.1 Perancangan Prosedural
Sebagai langkah terakhir dalam perancangan yaitu merancang procedural yang akan diimplementasikan ke dalam system. Prosedur ini akan digunakan sebagai
algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan procedural untuk pembangunan website e-commerce yang akan dibangun adalah
sebagai berikut :
1. Prosedural Login
Mulai
Masukkan E- mail dan
Password
Masuk Menu pelanggan
Selesai Valid
Cek Email dan Password
Maaf, anda tidak terdaftar silahkan
lakukan pendaftaran
Invalid
Gambar III-67 Prosedur login
2. Prosedur daftar Prosedural Daftar, prosedur ini dilakukan ketika penggunaakan melakukan
pendaftaran member.
Start
Input data registrasi
Pengecekan Data Kosong
Data Kosong
Finish Tidak
Data terisi Tampil pesan
Data tidak boleh kosong
Ya
Cek Validasi data
Simpan Data Tampil pesan
Data Salah
Tampil Pesan Terima kasih Anda telah berhasil registrasi
silahkan cek email untuk melakukan aktifasi
Benar Salah
Registrasi Berhasil
Gambar III-68 Prosedur Daftar
3. Prosedur input data login Prosedur login, merupakan prosedur yang terjadi ketika member akan
mengakses aplikasi.
Mulai Masukkan
Usernama
dan Password
Cek Username dan Password
kosong Tidak
Masuk Menu member
Selesai Tampilkan
Pesan username dan
password belum diisi
Ya
Valid Cek username
dan Password
Tampilkan pesan maaf
account tidak di temukan
Invalid
Gambar III-69Prossedure Inpit data Login
4. Prosedur Edit Data Member Proseduredit data member, merupakan prosedur yang terjadi ketika member
ingin mengedit profil.
Mulai
Input data member
yang akan di ubah
Data profil Member
Cek kelengkapan
data profil?
Selesai Data Profil
member berhasil diubah
Data gagal disimpan
Tidak Valid
Gambar III-70Prossedure Edit Data Member
5. Edit data user Proseduredit data user, merupakan prosedur yang terjadi ketika user ingin
mengedit user.
Mulai
Input data User yang
akan di ubah
Data Profil User
Cek kelengkapan
data profil?
Selesai Valid
Data profil User
berhasil diubah
Data gagal disimpan
Tidak
Gambar III-71Prossedure Edit Data User
6. Prosedur Pemesanan Prosedur pemesanan, prosedur ini dilakukan ketika memberakan melakukan
pemesanan.
Mulai
Pilih kategori Cek email dan
password? Valid
Pilih produk untuk pembelian
Checkout Masukan
Username dan Password
Login berhasil
Details Pemesanan
Selesai Tampilkan
Pesan maaf account tidak
ditemukan Invalid
Pilih pengiriman
Gambar III-72Prossedure Pemesanan
7. Prosedure Tambah Data produk Prosedur tambah data produk, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data barang.
Mulai
Input data produk
yang akan ditambah
Tambah data produk
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Penambahan tersimpan
Data Produk berhasil
ditambah Tambah
Produk berhasil
Gambar III-73Prossedure Tambah Data Produk
8. Prosedur Ubah Data Produk Prosedur ubah produk, prosedur ini dilakukan ketika userakan melakukan
perubahan data produk.
Mulai
Input data produk
yang akan diubah
Data Produk
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Perubahan tersimpan
Data Produk berhasil
diubah Ubah data
Produk berhasil
Gambar III-74Prossedure Ubah Data Produk
9. Prosedur Tambah Data Kategori Prosedur tambah data kategori, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data kategori.
Mulai
Input data kategori
yang akan ditambah
Data Kategori
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Penambahan tersimpan
Data kategori berhasil
ditambah Tambah
kategori berhasil
Gambar III-75Prosedur Tambah Data Kategori
10. Prosedure Ubah Kategori Prosedur ubah kategori, prosedur ini dilakukan ketika staff gudangakan
melakukan perubahan data kategori.
Mulai
Input data kategori
yang akan diubah
Data Kategori
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Perubahan tersimpan
Data kategori berhasil
diubah Ubah data
kategori berhasil
Gambar III-76Prosedur Ubah Data Kategori
11. Prosedure Tambah Subkategori Prosedur tambahsubkategori, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data subkategori.
Mulai
Input data subkategori
yang akan ditambah
Data subkategori
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Penambahan tersimpan
Data subkategori
berhasil ditambah
Ubah data subkategor
i berhasil
Gambar III-77Prosedur Tambah Sub-Kategori
12. Prosedur Ubah Data Subkategori Prosedur ubahsubkategori, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data subkategori.
Mulai
Input data subkategori
yang akan diubah
Data subkategori
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Perubahan tersimpan
Data subkategori
berhasil diubah
Ubah data subkategor
i berhasil
Gambar III-78Prosedur Ubah Sub-Kategori
13. Procedur Tambah Detail Produk Prosedur tambahdetail produk, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data detail barang.
Mulai
Input data detail produk
yang akan ditambah
Data detail produk
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Penambahan tersimpan
Data detail produk
berhasil ditambah
Ubah data detail
produk berhasil
Gambar III-79Prosedur Tambah Detail Produk
14. Prosedure Ubah Detail Produk Prosedur ubahdetailbaran, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data detailbarang.
Mulai
Input data Detail produk
yang akan diubah
Data Detail produk
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Perubahan tersimpan
Data Detail produk
berhasil diubah
Ubah data Detail
produk berhasil
Gambar III-80Prosedur Ubah Detail Produk
15. Prosedure Tambah Warna Prosedur tambahwarna, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data warna.
Mulai
Input data warna yang
akan ditambah
Data warna
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Penambahan tersimpan
Data warnaberhasil
ditambah Ubah data
warna berhasil
Gambar III-81Prosedur Tambah Warna
16. Prosedure Ubah Warna Prosedur ubahwarna, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data warna.
Mulai
Input data warna yang
akan diubah
Data warna
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Perubahan tersimpan
Data warnaberhasil
diubah Ubah data
warna berhasil
Gambar III-82Prosedur Ubah Warna
17. Prosedure Tambah Ukuran Prosedur tambahukuran, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data ukuran.
Mulai
Input data ukuran
yang akan ditambah
Data ukuran
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Penambahan tersimpan
Data Ukuran berhasil
ditambah Ubah data
ukuran berhasil
Gambar III-83Prosedur Ubah Ukuran
18. Prosedur Ubah Ukuran Prosedur ubahukuran, prosedur ini dilakukan ketika staff gudangakan
melakukan penambahan data ukuran.
Mulai
Input data ukuran
yang akan diubah
Data ukuran
Data Kosong
Selesai Tidak
Tampil Pesan Data tidak
Boleh Kosong
Ya
Perubahan tersimpan
Data ukuran berhasil
diubah Ubah data
ukuranber
hasil
Gambar III-84Prosedur Ubah Ukuran
167
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dijelaskan mengenai implementasi dan pengujian sistem yang dibangun. Hasil dari perancangan pada tahap sebelumnya diimplementasikan
dalam bahasa pemrograman. Setelah tahap implementasi selesai, dilanjutkan dengan tahap pengujian terhadap sistem yang dibangun.
4.1 Implementasi Sistem
Tahap implementasi sistem merupakan tahap menterjemahkan perancangan, berdasarkan hasil analisis dalam bahasa pemrograman serta
penerapan perangkat lunak pada keadaan yang sesungguhnya. Wujud dari hasil tahap implementasi ini nantinya adalah sebuah sistem yang siap untuk diuji dan
digunakan. Untuk mendukung aplikasi yang akan diterapkan pada lingkungan
implementasi, maka dalam hal ini menggunakan perangkat keras dan perangkat lunak yang menunjang dalam pembangunan aplikasi e-commerce pada Varrazy
Victorius.
4.1.1 Perangkat Lunak Yang Digunakan
Perangkat lunak yang digunakan dalam membangun aplikasi e-commerce pada Varrazy Victorius adalah sebagai berikut:
Tabel IV- 1 Spesifikasi Perangkat LUnak
No Perangkat Lunak
Keterangan 1.
Sistem Operasi Windows XP
2. Bahasa Pemrograman
PHP 3.
DBMS MySQL 5.0.41
4. Web browser
Mozilla firefox 3.6 5.
Code ubahor Adobe Dreamweaver 8
6. DFD modeler
Microsoft Visio 2007
4.1.2 Perangkat Keras Yang Digunakan
Perangkat keras yang digunakan dalam membangun aplikasi e-commerce pada Varrazy Victorius adalah sebagai berikut:
Tabel IV- 2 Perangkat Keras Yang Digunakan
Perangkat Spesifikasi Komputer
Kasir Staff Gudang
Owner Processor
Intel Pentium 4 2.0
Intel Pentium 4 2.0 GHz
Intel Pentium Dual Core 2,24 Ghz
RAM 1 GB DDR2
1 GB DDR2 2 GB DDR2
Harddisk 80 GB
160 GB 320 GB
Resolusi Monitor
1074 x 768 pixels 1074 x 768 pixels
1074 x 768 pixels Internet
Sudah terkoneksi Sudah terkoneksi
Sudah terkoneksi
4.2 Implementasi Database
Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut:
Tabel IV- 3 Implementasi Database
No Nama Tabel
Perintah 1.
member CREATE TABLE IF NOT EXISTS `member`
`id_member` varchar30 NOT NULL, `password` varchar50 NOT NULL,
`nama_lengkap` varchar40 NOT NULL, `email` varchar30 NOT NULL,
`jenis_kelamin` enumPria,Wanita NOT NULL, `alamat` text NOT NULL,