Customer _view
View
Barang _view
Diskon _view
Kategori _view
Laporan _view
Ongkos_kirim_ view
Paket _view
Pembelian _view
Profil_view Penjualan
_view Supplier
_view
Gambar 3.71 Package View
3.7.6 Deployment Diagram
Deployment diagram menunjukkan susunan fisik sebuah sistem, menunjukkan bagian perangkat lunak mana yang berjalan pada perangkat keras
mana. Deployment diagram E-commerce pada Mitra Teknik dapat dilihat pada gambar 3.51
Admin
Web Bowser
Member
Web Bowser
Pengunjung
Web Bowser
Web Server
PHP Server
E-Commerce Mitra Teknik
Database
Gambar 3.72 Deployment diagram
3.7.7 Perancangan Sistem
Perancangan merupakan penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu
kesatuan yang utuh dan berfungsi. Tahapan ini meliputi mengkonfigurasi
komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi sistem akan mendapatkan hasil yang baik berdasarkan
rancang bangun yang telah ditetapkan pada tahap akhir analisis sistem.
3.7.8 Perancangan Data
Perancangan data merupakan tahapan untuk memetakan model konseptual ke model basis data yang akan dipakai.
3.7.8.1Skema Relasi
Skema relasi adalah hubungan antar data yang digunakan dalam sistem yang akan dibangun.
transaksi
PK transaksi_id
tanggal_transaksi customer
nama_customer no_rekening
atas_nama ongkos_kirim
total_transaksi total_transaksi_dollar
jenis_pengiriman kota_tujuan
alamat_tujuan jenis_pembayaran
tanggal_pembayaran status
FK1 diskon_id
FK2 paket_id
FK3 customer_id
member
PK customer_id
tempat_lahir tanggal_lahir
jenis_kelamin alamat
kabupaten_kota kodepos
telepon handphone
status username
password foto
FK1 id_propinsi
diskon
PK diskon_id
judul tanggal_awal
tanggal_akhir minimal_beli
besar_diskon status_diskon
deskripsi ongkos_kirim
PK ongkir_id
paket kota_asal
kota_tujuan tarif
FK1 paket_detail_id
kategori
PK kategori_id
nama_kategori deskripsi_kategori
barang
PK barang_id
kode_barang nama_barang
berat harga
stok deskripsi_barang
rekomendasi status_aktif
status_barang gambar_1
gambar_2 gambar_3
gambar_4 FK1
sub_kategori_id
paket
PK paket_id
nama_paket deskripsi_paket
paket_detail
PK paket_detail_id
paket nama_paket_detail
deskripsi_paket_detail FK1
paket_id
sub_kategori
PK sub_kategori_id
nama_sub_kategori deskripsi_sub_kategori
FK1 kategori_id
transaksi_detail
PK transaksi_detail_id
barang nama_barang
harga jumlah
sub_total FK1
transaksi_id trate
FK1 customer_id
FK2 barang_id
rate kota
PK id
province_id city_name
FK1 id_propinsi
kabupaten
PK id_kabupaten
nama_kabupaten FK1
id_propinsi propinsi
PK id_propinsi
nama_propinsi retur
PK id_retur
nama_barang keterangan_retur
tanggal_retur tanggal_kirim_balik
status FK1
transaksi_detail_id
Gambar 3.73 Diagram relasi e-commerce Mitra Teknik
3.7.9 Arsitektur Menu
Menu dirancang untuk menggambarkan segala macam bentuk kegiatan yang bisa dilakukan dalam program aplikasi, seperti input data, cari data dan membuat
report berdasarkan data input. Struktur menu yang dirancang sesuai dengan level pengguna sistem. Terdapat 3 pengguna aplikasi e-commerce pada Mitra Teknik
yaitu admin, member dan pengunjung. Adapun struktur menu dati setiap level pengguna adalah sebagai berikut :
3.7.10 Perancangan Antarmuka
Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana
berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Untuk
memudahkan proses pembuatan aplikasi maka terlebih dahulu membuat rancangan desain tampilannya. Perancangan ini meliputi rancanagan sebagai
berikut : 1. Perancangan Halaman Beranda A01
Logo Pencarian…...
MasukDaftar
Nama Produk
Slide Show Produk Gambar Produk
Produk yang akan datang Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk
F t
Ukuran Form : Full screen Warna Backgound : Hitam
Font : Arial, 12pt A01
BERANDA PRODUK TERBARU KATAGORI PRODUK UMUM MASUK DAFTAR Tentang Perusahaan
Cara Pemesanan Pembayaran Tracking Pengiriman
Tarif Pengiriman Syarat Ketentuan
- Klik Login untuk menuju A02 - Klik tentang kami untuk menuju A03
- Klik records untuk menuju A04 - Klik cara pemesanan pembayaran untuk
menuju A05 - Klik cek tracking pengiriman untuk
menuju A06 - Klik cek tarif kirim untuk menuju A07
- Klik konfirmasi pembayaran A09 - Klik hubungi kami untuk menuju A10
- Klik Gambar produk terbaru untuk menuju A12
- Klik gambar produk diskon untuk menuju A13
- Klik proses untuk memproses pencarian yang dipilih
- Klik cari untuk memproses data yang dicari
- Klik logo band untuk menuju A11 - Klik gambar produk untuk menuju A14
Cari Nama Produk
Nama Produk Nama Produk
Nama Produk Nama Produk
Produk terlaris Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk
Gambar 3.74 Perancangan Tampilan Halaman Beranda