Gambar 3.54 Activty Diagram Pendaftaran Member
3.7.4.5 Activty Diagram Lihat Barang
Sistem Aktor
Memilih barang Megambil dan menampilkan
data barang
Gambar 3.55 Activty Diagram Lihat Barang
3.7.4.6 Activty Diagram Pencarian Barang
Sistem Aktor
Mengetikkan data barang Mencari data barang di database
Ditemukan Tidak Ditemukan
Menampilkan data barang
Menampilkan pesan data tidak ditemukan
Gambar 3.56 Activty Diagram Pencarian Barang
3.7.4.7 Activty Diagram Pemesanan Barang
Sistem Aktor
Memilih kategori dan barang Mengecek data pada tabel di database
Login Valid Login Invalid
Menampilkan form pemesanan Menampilkan Pesan harus login
Menekan Tombol tambahkan Memasukkan jumlah barang
Menyimpan data pemesanan pada keranjang Menekan tombol keranjang belanja
Menampilkan form daftar pemesanan Mengisi alamat pengiriman dan jenis paket
Menekan tombol simpan pemesanan Menyimpan data pemesanan
Gambar 3.57 Activty Diagram Pemesanan Barang
3.7.4.8 Activty Diagram Konfirmasi Pembayaran
Sistem Aktor
Memilih menu transfer bank Menampilkan form pembayaran via bank
Mengisi form pembayaran Menyimpan ke dalam database
Menampilkan status tunggu konfirmasi
Memilih menu paypall
Menampilkan form pembayaran sistem paypall Memilih menu
bayar sekarang Menampilkan pesan telah melakukan pembayaran
Gambar 3.58 Activty Diagram Konfirmasi Pembayaran
3.7.4.9 Activty Diagram Cek Status Order
Sistem Aktor
Memilih menu daftar belanja Mencari data pemesanan di databse
Ditemukan Tidak ditemukan
Menampilkan data pemesanan
Menampilkan pesan data tidak ditemukan
Gambar 3.59 Activty Diagram Pemesanan Barang
3.7.4.10 Diagram Pengolahan Data Member
Sistem Aktor
Memilih menu member Menampilkan halaman member
Hapus member Tambah member
Menampilkan pesan konfirmasi apakah data akan dihapus
Ya Tidak
Data dihapus pada database
Data Batal dihapus dan menampilkan halaman member
Gambar 3.60 Activty Diagram Diagram Pengolahan Data Member
3.7.4.11 Activty Diagram Pengolahan Data Kategori
Sistem Aktor
Memilih menu kategori Menampilkan halaman kategori
hapus kategori Tambah kategori
Menampilkan pesan konfirmasi apakah data akan dihapus
Ya Tidak
Data dihapus pada database
Data Batal dihapus dan menampilkan halaman kategori
Ubah kategori Menampilkan halaman ubah kategori
mengisi data kategori simpa data kategori
menyimpan data kategori dalam databse
Gambar 3.61 Activty Diagram Diagram Pengolahan Data Kategori
3.7.4.12 Activty Diagram Pengolahan Data Laporan
Sistem Aktor
Memilih menu laporan
Menu laporan penjualan
Pembelian Menu laporan
stok barang
Memilih rentang waktu Menampilkan laporan yang telah dipilih
Menampilkan menu cetak laporan
Gambar 3.62 Activty Diagram Pengolahan Data Laporan
3.7.4.13 Activty Diagram Backup dan Restore Database
Sistem Aktor
Memilih menu Backup dan Restore database
Memilih menu Backup Memilih menu restore
Menampilkan menu restore Pilih tabel yang
akan di restore menekan tombol
restore Membaca data dari file sql
Menampilkan menu backup Pilih tabel yang
akan di backup menekan tombol
backup Menmbackup data menjadi file sql
Gambar 3.63 Activty Diagram Backup dan Restore Database
3.7.4.14 Activty Diagram Konfirmasi Pembayaran
Sistem Aktor
Memilih menu pemesanan Menampilkan daftar pemesanan
Memilih data yang akan dikonfirmasi Muncul pesan apakah
data akan dikonfirmasi muncul pesan data
berhasil dikonfirmasi Batal konfirmasi data
[valid] [invalid]
Gambar 3.64 Activty Diagram Konfirmasi Pembayaran
3.7.4.15 Diagram Pengolahan Data Barang
Sistem Aktor
Memilih menu barang Menampilkan halaman barang
hapus barang Tambah barang
Menampilkan pesan konfirmasi apakah data akan dihapus
Ya Tidak
Data dihapus pada database
Data Batal dihapus dan menampilkan halaman barang
Ubah barang Menampilkan halaman ubah barang
mengisi data barang simpan data barang
menyimpan data barang dalam databse
Gambar 3.65 Activty Diagram Diagram Pengolahan Data Barang
3.7.4.16 Activty Activty Diagram Pengolahan Data Pemesanan
Sistem Aktor
Memilih menu pemesanan mengecek data pemesanan pada data base
Ditemukan Tidak Ditemukan
Menampilkan data pemesanan
Menampilkan pesan data tidak ditemukan
Mengubah data pemesanan Dengan memilih tombol ceklist
Menyimpan data ke database
Gambar 3.66 Activty Diagram Pengolahan Data Pemesanan
3.7.4.17 Activty Diagram Retur Barang
Sistem Aktor
login
Memilih menu daftar belanja Memilih menu retur
menyimpan status barang retur kedalam database
Gambar 3.67 Activty Diagram Retur Barang
3.7.5 Package Diagram
Package diagram
adalah sebuah
bentuk pengelompokkan
yang memungkinkan untuk mengambil setiap bentuk di UML dan mengelompokkan
elemen-elemennya dalam tingkatan unit yang lebih tinggi. Package diagram untuk pengelompokkan class pada E-commerce Mitra Teknik dapat dilihat pada
gambar 3.68
Framework
Model Views
Controller
Databases
Gambar 3.68 Package Diagram E-commerce Mitra Teknik
Deskripsi untuk package diagram adalah sebagai berikut : 1. Package Model
Package Model berisi class-class model yang mengakses langsung pada database untuk dapat mengolah data. Isi dari package Models dapat dilihat pada
gambar 3.69
Admin _model
Model
Barang _model
Diskon _model
Kategori _model
Laporan _model
Ongkos_kirim_ model
Paket _model
Pembelian _model
Pemesanan _model
Penjualan _model
Supplier _model
User _model
Gambar 3.69 Package Model
2. Package Controller Package Controller berisi class-class control yang merupakan pengatur dalam
setiap proses yang ada. Isi dari package Controller dapat dilihat pada gambar 3.70
Admin _control
Controller
Barang _control
Diskon _control
Kategori _control
Laporan _control
Ongkos_kirim_ control
Paket _control
Pembelian _control
Pemesanan _control
Penjualan _control
Supplier _control
User _control
Gambar 3.70 Package Controller
3. Package View Package View berisi class-class view yang digunakan untuk menampilkan
interface yang dapat berupa tampilan tabel atau form. Isi dari Package View dapat dilihat pada gambar 3.71
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