Tabel Ongkos Kirim Tabel Kategori Skema Relasi Perancangan Interface Antarmuka

Username Varchar 6 Foreign key reference ke tabel admin, field username Username digunakan untuk identitas admin yang megelola bukti pembayaran Kode_Order Char 5 Foreign key reference ke tabel pemesanan, field kode_order Digunakan untuk menampung kode_order Jenis_Pembayaran Varchar 10 Digunakan untuk menampung jenis pembayaran

g. Tabel Ongkos Kirim

Berikut adalah deskripsi dari tabel ongkos kirim : Tabel 3.21 Tabel Ongkos Kirim Nama Field Type Key Keterangan Kode_Kota Char 5 Primary key Digunakan sebagai primary key untuk kode_kota pengiriman barang Nama_Kota Varchar 15 Digunakan untuk menampung nama_kota pengiriman barang Propinsi Int 100 Digunakan untuk menampung propinsi pengiriman barang Ongkos Float 10,0 Digunakan untuk menampung ongkos dari pengiriman barang

h. Tabel Kategori

Berikut adalah deskripsi dari tabel kategori : Tabel 3.22 Tabel Kategori Nama Field Type Key Keterangan Id_Kategori Int 5 Primary key Digunakan sebagai primary key untuk id_katgeori dari barang Nama_Kategori Varchar 25 Digunakan untuk menampung nama kategori dari barang

3.8 Skema Relasi

Skema relasi berfungsi menggambarkan relasi atau keterkaitan antar tabel yang mempunyai atribut kunci utama yang sama, sehingga tabel-tabel tersebut menjadi satu kesatuan yang dihubungkan oleh atribut kunci tersebut. Pada proses ini elemen-elemen data dikelompokkan menjadi satu file database beserta entitas dan hubungannya. Berikut skema relasi pada basis data aplikasi berbelanja secara online di Toko You Sen : Username Password NamaAdmin Status Tb_Admin Username Password Nama Jenis_Kelamin Alamat Kode_Kota Kode_Pos Tlp Propinsi Negara Email Pertanyaan Jawaban Aktif Tb_Konsumen Kode_Barang Id_Kategori Nama_Barang Jenis_Barang Harga Stok Size Berat Gambar Tb_Barang Kode_Order Username Tanggal_Order Total_Transaksi Status Penerima Alamat Kirim Kode_Kota Kode_Pos Username Tb_Pemesanan Kode_Pembayaran Username Kode_Order Jenis_Pembayaran Tb_Pembayaran Kode_Order Kode_Brg Jenis_Brg Jumlah Harga Subtotal Berat Berat Total Tb_Detail_Pemesanan Kode_Kota Nama_Kota Propinsi Ongkos Tb_Ongkos_Kirim Id_Kategori Nama_Kategori Tb_Kategori Gambar 3.18 Skema Relasi

3.9 Perancangan Interface Antarmuka

Perancangan antar muka ini menggambarkan bentuk dari form-form yang akan digunakan pada program aplikasi ini, perancangan antar muka untuk situs berbelanja di Toko You Sen ini dipisahkan menjadi dua tampilan, yaitu : tampilan untuk konsumen user dan tampilan untuk administrator.

3.9.1 Tampilan Antarmuka

3.9.1.1 Desain Tampilan Konsumen User

1. Menu Home Utama Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Login jika Username ditemukan dan password cocok akan menuju T02, jika tidak sesuai maka akan keluar pesan M04. Klik Pendaftaran Baru, maka muncul tampilan keanggotaan. [T03] Klik Lupa Password, maka menuju ke menu lupa password. [T04] Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T01 LOGO [ Status : Belum Login | User : Tamu ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxxx xxxxxx - Pencarian KONSUMEN Username : Password : Login Pendaftaran Baru Lupa Password INFORMASI Produk Gambar 1 Gambar 2 Gambar 3 Nama brg : Jenis brg : Harga : Ukuran : Stok : Nama brg : Jenis brg : Harga : Ukuran : Stok : Nama brg : Jenis brg : Harga : Ukuran : Stok : Halaman : 1 | 2 | 3 | 4 | 5 Total Produk : xxxxxxxx beli beli beli Home xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar 3.19 Menu Home Utama 2. Menu Login Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09. Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T10] Klik Logout maka menuju [T11]. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T02 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI Produk Gambar 1 Gambar 2 Gambar 3 Nama brg : Jenis brg : Harga : Ukuran : Stok : Nama brg : Jenis brg : Harga : Ukuran : Stok : Nama brg : Jenis brg : Harga : Ukuran : Stok : Halaman : 1 | 2 | 3 | 4 | 5 Total Produk : xxxxxxxx beli beli beli xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx Gambar 3.20 Menu Login 3. Menu Pendaftaran Baru Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Login jika Username ditemukan dan password cocok akan menuju T02, jika tidak sesuai maka akan keluar pesan M04. Klik Pendaftaran Baru, maka muncul tampilan keanggotaan. [T03] Klik Lupa Password, maka menuju ke menu lupa password. [T04] Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T03 LOGO [ Status : Belum Login | User : Tamu ] HOME PRODUK PENCARIAN HOME - Pilih Barang - Pencarian KONSUMEN Username : Password : Login Pendaftaran Baru Lupa Password INFORMASI Daftar xxxxxxxx Data Member Isian Data Member Data Pribadi Isian Data Pribadi Daftar Reset Gambar 3.21 Menu Pendaftaran Baru 4. Menu Lupa Password Username Pertanyaan Jawaban Proses Isi Username Isi Jawaban dari kata kunci yang diberikan pada Pilihan Pertanyaan Klik Proses untuk memproses validasi password setelah itu maka akan masuk ke Home T02 T04 Gambar 3.22 Menu Lupa Password 5. Menu Produk Pilih Barang Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Login jika Username ditemukan dan password cocok akan menuju T02, jika tidak sesuai maka akan keluar pesan invalid. Klik Pendaftaran Baru, maka muncul tampilan keanggotaan. [T03] Klik Lupa Password, maka menuju ke menu lupa password. [T04] Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T05 LOGO [ Status : Belum Login | User : Tamu ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxxx xxxxxx - Pencarian KONSUMEN Username : Password : Login Pendaftaran Baru Lupa Password INFORMASI Produk Gambar 1 Gambar 2 Gambar 3 Nama brg : Jenis brg : Harga : Ukuran : Stok : Nama brg : Jenis brg : Harga : Ukuran : Stok : Nama brg : Jenis brg : Harga : Ukuran : Stok : Halaman : 1 | 2 | 3 | 4 | 5 Total Produk : xxxxxxxx beli beli beli Gambar 3.23 Menu Produk Pilih Barang 6. Menu Pencarian Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Login jika Username ditemukan dan password cocok akan menuju T02, jika tidak sesuai maka akan keluar pesan invalid. Klik Pendaftaran Baru, maka muncul tampilan keanggotaan. [T03] Klik Lupa Password, maka menuju ke menu lupa password. [T04] Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T06 LOGO [ Status : Belum Login | User : Tamu ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxxx xxxxxx - Pencarian KONSUMEN Username : Password : Login Pendaftaran Baru Lupa Password INFORMASI Cari Produk xxxxxxxx Cari Produk Cari Gambar 3.24 Menu Pencarian 7. Menu Ganti Password Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T07 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx Password Lama : Password Baru : Konfirmasi Password Baru : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar 3.25 Menu Ganti Password 8. Menu Keranjang Belanja Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Klik Lanjutkan Belanja maka menuju [T05]. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T08 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx No Kode Nama Produk Harga Qty Total 1 Keranjang Belanja xx xxxx xx xx Update Hapus Total Belanja : xxxxx Lanjutkan Belanja | Checkout Gambar 3.26 Menu Keranjang Belanja 9. Menu Checkout Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Klik Lanjutkan maka menuju [T12]. Klik Kembali maka akan menuju T08. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T09 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx Langkah 1 Berikut daftar pesanan anda : No Produk Harga Jumlah Total Harga 1 xxxx xxxx xxxx xxxx Total Pemesanan : xxxxx Dikirimkan Ke : Data Penerima dan Alamat Penerima Lanjutkan Kembali Gambar 3.27 Menu Checkout 10. Menu Checkout2 Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Klik Transfer maka menuju [T13]. Klik Paypal maka akan menuju T14. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T12 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx Langkah 2 Daftar pesanan anda : No Produk Harga Jumlah Total Harga 1 xxxx xxxx xxxx xxxx Total Pemesanan : xxxxx Info Pengiriman : Data Penerima dan Alamat Penerima Biaya Kirim : xxxxx Jml yang dibayar : xxxxx Pilihan Pembayaran Transfer Paypal Proses Gambar 3.28 Menu Checkout2 11. Menu Daftar Transaksi Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Klik Lanjutkan Belanja maka menuju [T05]. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T10 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx No No_Pemesanan Kode_Pembayaran Tgl_Pesan Status Order 1 Daftar Transaksi xx xxxx xx xx Keterangan : - xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar 3.29 Menu Daftar Transaksi 12. Menu Pilihan Pembayaran Melalui Transfer Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Klik Lanjutkan Belanja maka menuju [T05]. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T13 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx Konfirmasi Pesanan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Bank : xxxx No_Rekening : xxxx Atas Nama : xxxx Gambar 3.30 Menu Pilihan Pembayaran Melalui Transfer 13. Menu Pilihan Pembayaran Melalui Paypal Klik home akan menuju T01. Klik Produk dan Pilih Barang akan menuju T05. Klik Pencarian akan menuju T06. Klik Ganti Password akan menuju T07. Klik Keranjang Belanja akan menuju T08. Klik Checkout dan Beli akan menuju T09 Klik Daftar Transaksi, maka muncul tampilan transaksi yg telah dilakukan. [T010] Klik Logout maka menuju [T11]. Klik Lanjutkan Belanja maka menuju [T05]. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T14 LOGO [ Status : Login | User : You sen ] HOME PRODUK PENCARIAN HOME - Pilih Barang xxxxx xxxxx - Pencarian KONSUMEN Username : Password : You sen Ganti Password Keranjang Belanja Checkout Daftar Transaksi Logout INFORMASI xxxxxxxx Konfirmasi Pesanan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Buy Now Logo Credit Card Gambar 3.31 Menu Pilihan Pembayaran Melalui Paypal

3.9.1.2 Desain Tampilan Administrator

1. Menu Utama Home Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T01 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Selamat datang admin di menu administrator xxxxxxxxxxxxxxxxxxxxxxxxx Gambar 3.32 Menu Home 2. Menu Pengolahan Data Barang Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Tambah Barang akan menuju T08. Klik Edit maka akan menuju T09. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T02 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Barang xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Barang No Kode Nama Barang Harga Stok Aksi 1 xxx xxxxxxx xxx xx Edit 2 xxx xxxxxxx xxx xx Edit 3 xxx xxxxxxx xxx xx Edit 4 xxx xxxxxxx xxx xx Edit 5 xxx xxxxxxx xxx xx Edit Halaman : 1 | 2 | 3 | 4 | 5 Total Produk : Gambar 3.33 Menu Data Barang 3. Menu Tambah Data Barang Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Tambah Barang akan menuju T08. Klik Edit maka akan menuju T09. Klik Simpan akan muncul pesan M02. Klik Reset akan kembali ke T08. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T08 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Barang Kode_Brg Nama_Brg Jenis_Brg Kategori Harga Stok Size Berat Gambar v Browse ... Simpan Reset Gambar 3.34 Menu Tambah Data Barang 4. Menu Edit Data Barang Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Tambah Barang akan menuju T08. Klik Edit maka akan menuju T09. Klik Simpan akan muncul pesan M02. Klik Reset akan kembali ke T08. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T09 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT xxxxxxxxxxxxxxxxxxxxxxxxx Edit Barang Kode_Brg Nama_Brg Jenis_Brg Kategori Harga Stok Size Berat Gambar xxxxxx xxxxxx xxxxxxx xxxxxx v xxxxxxx xxxxxxx xxxxxxx xxxxxxx Browse ... Simpan Reset Gambar 3.35 Menu Edit Data Barang 5. Menu Pengolahan Data Kategori Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Tambah Kategori akan menuju T10. Klik Edit maka akan menuju T11. Klik Hapus maka akan muncul pesan M03. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T03 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Kategori xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Kategori No Nama Kategori Aksi 1 xxxxxxx Edit | Hapus 2 xxxxxxx Edit | Hapus 3 xxxxxxx Edit | Hapus 4 xxxxxxx Edit | Hapus 5 xxxxxxx Edit | Hapus Gambar 3.36 Menu Pengolahan Data Kategori 6. Menu Tambah Data Kategori Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Simpan akan muncul pesan M02. Klik Reset akan kembali ke T10. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T10 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Kategori Nama Kategori Simpan Reset Gambar 3.37 Menu Tambah Data Kategori 7. Menu Edit Data Kategori Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Simpan akan muncul pesan M02. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T11 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Kategori Nama Kategori xxxxxxxxx Simpan Gambar 3.38 Menu Edit Data Kategori 8. Menu Pengolahan Data Konsumen Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Detail akan menuju T12. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T04 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Konsumen xxxxxxxxxxxxxxxxxxxxxxxxx No Username Nama Telepon Email Aksi 1 xxx xxxx xxx xxx Detail 2 xxx xxxx xxx xxx Detail 3 xxx xxxx xxx xxx Detail 4 xxx xxxx xxx xxx Detail 5 xxx xxxx xxx xxx Detail Halaman : 1 | 2 | 3 | 4 | 5 Total Konsumen : Gambar 3.39 Menu Pengolahan Data Konsumen 9. Menu Detail Konsumen Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T12 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Konsumen xxxxxxxxxxxxxxxxxxxxxxxxx Detail Data Konsumen Gambar 3.40 Menu Detail Data Konsumen 10. Menu Pengolahan Data Pemesanan Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Detail akan menuju T13. Klik Update maka akan menuju T14. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T05 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Pemesanan xxxxxxxxxxxxxxxxxxxxxxxxx No Kode Order Nama Pesanan Aksi 1 xxx xxx xxx Detail | Update 2 xxx xxx xxx Detail | Update 3 xxx xxx xxx Detail | Update 4 xxx xxx xxx Detail | Update 5 xxx xxx xxx Detail | Update Halaman : 1 | 2 | 3 | 4 | 5 Total Pemesanan : Cari Pesanan : Cari Gambar 3.41 Menu Pengolahan Data Pemesanan 11. Menu Detail Data Pemesanan Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Kembali akan menuju T05. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T13 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT No Order : xxxxx xxxxxxxxxxxxxxxxxxxxxxxxx Daftar Pesanan : No Produk Jumlah Harga Total Harga 1 xxxx xx xxxx xxxxx 2 xxxx xx xxxx xxxxx Total Pemesanan : xxxx Biaya Kirim : xxxx Jumlah yg Dibayar : xxxx Info Pengiriman Data Penerima dan Alamat Penerima [ Kembali ] Gambar 3.42 Menu Detail Data Pemesanan 12. Menu Update Data Pemesanan Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Kembali akan menuju T05. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T14 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT No Order : xxxxx xxxxxxxxxxxxxxxxxxxxxxxxx Status Pesanan : Pemesanan [ Kembali ] Belum Dibayar V Update Status Gambar 3.43 Menu Update Data Pemesanan 13. Menu Pengolahan Data Pembayaran Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T06 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Konsumen xxxxxxxxxxxxxxxxxxxxxxxxx No Kode Username Kode_Pesanan Pembyran 1 xxx xxxx xxx xxxxx 2 xxx xxxx xxx xxxxx 3 xxx xxxx xxx xxxxx 4 xxx xxxx xxx xxxxx 5 xxx xxxx xxx xxxxx Halaman : 1 | 2 | 3 | 4 | 5 Total : Gambar 3.44 Menu Pengolahan Data Pembayaran 14. Menu Pengolahan Data Ongkos Kirim Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Tambah Ongkos Kirim akan menuju T15. Klik Edit maka akan menuju T16. Klik Hapus maka akan muncul pesan M03. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T07 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT Data Ongkos Kirim xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Ongkos Kirim No Kota Propinsi Harga Aksi 1 xxx xxxx xxx Edit | Hapus 2 xxx xxxx xxx Edit | Hapus 3 xxx xxxx xxx Edit | Hapus 4 xxx xxxx xxx Edit | Hapus 5 xxx xxxx xxx Edit | Hapus Halaman : 1 | 2 | 3 | 4 | 5 Total Ongkos Kirim : Gambar 3.45 Menu Pengolahan Data Ongkos Kirim 15. Menu Tambah Data Ongkos Kirim Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Simpan akan muncul pesan M02. Klik Reset akan kembali ke T10. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T15 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT xxxxxxxxxxxxxxxxxxxxxxxxx Tambah Ongkos Kirim Kode Kota Simpan Reset Nama Kota Propinsi Harga Gambar 3.46 Menu Tambah Data Ongkos Kirim 16. Menu Edit Data Ongkos Kirim Klik home akan menuju T01. Klik Data Barang akan menuju T02. Klik Data Kategori akan menuju T03. Klik Data Konsumen akan menuju T04. Klik Data Pemesanan akan menuju T05. Klik Data Pembayaran akan menuju T06. Klik Data Ongkos Kirim akan menuju T07. Klik Logout akan menuju ke M01. Klik Simpan akan muncul pesan M02. Ukuran 1024 X 786 warna sesuai dengan setting Windows Font 14 warna biru T16 SITUS TOKO YOU SEN MENU ADMIN HOME DATA BARANG DATA KATEGORI DATA KONSUMEN DATA PEMESANAN DATA PEMBAYARAN DATA ONGKOS KIRIM LOGOUT xxxxxxxxxxxxxxxxxxxxxxxxx Edit Ongkos Kirim Kode Kota xxxx Simpan Nama Kota xxxxxxxx xxxxxxxxx xxxxxxxxxx Propinsi Harga Gambar 3.47 Menu Edit Data Ongkos Kirim

3.9.1.3 Form Pesan pada Aplikasi

1. Pesan M01 Anda telah sukses keluar dari menu ADMIN M01 Gambar 3.48 Tampilan Pesan M01 2. Pesan M02 Data telah tersimpan M02 Gambar 3.49 Tampilan Pesan M02 3. Pesan M03 Anda yakin akan menghapus xxxxx? M03 OK Cancel Gambar 3.50 Tampilan Pesan M03 4. Pesan M04 Kesalahan Anda : 1. Username belum diisi 2. Passsword belum diisi 3. Username atau password tidak benar M04 Gambar 3.51 Tampilan Pesan M04 5. Pesan M05 Kesalahan Input Pendaftaran : Username belum terisi Nama Lengkap belum terisi Email belum terisi Email belum benar Kota belum dipilih Alamat belum terisi Telepon belum terisi Telepon harus angka Password belum terisi M05 Gambar 3.52 Tampilan Pesan M05 6. Pesan M06 Status Anda belum login : Anda belum login, untuk bisa mengakses halaman ini anda harus melakukan login terlebih dahulu. Apabila belum memiliki account, silahkan daftar terlebih dahulu M06 [ Daftar ] Gambar 3.53 Tampilan Pesan M06 7. Pesan M07 M07 Hasil Pencarian : Tidak ditemukan produk dengan kata kunci xxxxx Gambar 3.54 Tampilan Pesan M07 8. Pesan M08 M08 Kesalahan Ganti Password : Password lama anda salah Gambar 3.55 Tampilan Pesan M08 9. Pesan M09 Maaf keranjang belanja Anda masih kosong M09 OK Gambar 3.56 Tampilan Pesan M09 10. Pesan M10 Anda telah sukses keluar dari menu konsumen M10 Gambar 3.57 Tampilan Pesan M10 11. Pesan M11 Kesalahan lupa password : Pertanyaan salah Username belum terisi Jawaban belum terisi M11 Gambar 3.58 Tampilan Pesan M11 12. Pesan M12 M12 Kesalahan input data barang : Kode barang belum terisi Nama barang belum terisi Jenis barang belum terisi Kategori belum dipilih Harga barang belum terisi Stok belum terisi Size belum terisi Berat belum terisi M12 Gambar 3.59 Tampilan Pesan M12

3.9.2 Jaringan Semantik

Jaringan Semantik untuk Aplikasi Berbelanja secara Online di Toko You Sen adalah sebagai berikut : 1. Jaringan Semantik untuk Konsumen T01 T02 T03 T05 T04 M04 T06 T07 T08 T09 T12 T10 M06 T13 T14 M09 M08 Gambar 3.55 Jaringan Semantik Konsumen 2. Jaringan Semantik untuk Administrator T01 M01 T02 T03 T04 T05 T06 T07 T08 T09 M02 M02 T10 T11 M02 M03 M02 T12 T13 T14 T15 T16 M03 M02 M02 Gambar 3.56 Jaringan Semantik Administrator 127

BAB IV IMPLEMENTASI DAN PENGUJIAN

Bab ini merupakan tahap penerjemahan kebutuhan pembuatan aplikasi ke dalam representasi perangkat lunak sebelum penulisan kode program di mulai sesuai dengan hasil analisis yang telah dilakukan implementasi. Implementasi yang dilakukan mencakup data-data yang digambarkan dengan tampilan.