Aktor Reaksi sistem
Kondisi awal
1. Pemilik masuk ke menu laporan
2. Menampilkan menu laporan
3. Masukan parameter tanggal
4. Mensortir data sesuai tanggal yang
ada akan di tampilkan, dan bila tidak ada akan kembali ke menu
laporan 5.
Cetak laporan.
Tabel 4.7. Sekenario use case Laporan
1. Activity diagram Login
Gambar 4.2. Activity diagram login yang diusulkan
user Sistem
mengakses website
mengisi email dan password verifikasi email dan password
akses halaman utama tidak
ya
2. Activity Diagram Pendaftaran Member
Gambar 4.3. Activity diagram pendaftaran member yang diusulkan
3. Activity Diagram Penjualan
Gambar 4.4. Activity diagram penjualan yang diusulkan
Member sistem
daftar cek data pendaftaran
isi form pendaftaran
data pendaftaran di simpan ke data base
Tidak Ya
Member sistem
pilih tanaman dan menekan tombol lihat detail tanaman
menampilkan halaman pemsanan
mengisi jumlah pemesanan
menampilakan form data
pemesanan
data pemesanan di simpan ke
database mengisi data
pemesana proses data pemesanan
tidak ya
4. Activity diagram Pemesana Jasa dekorasi taman
Gambar 4.5. Activity diagram pemesanan jasa dekorasi yang diusulkan
5. Activity diagram Tambah Tanaman
Gambar 4.6. Activity diagram tambah tanaman yang diusulkan
Member Sistem
pilih dekorasi taman menampilkan dekorasi taman
mengurangi tanaman dan menambahkan tanaman
mengurangi dan menambah
tanaman pesan dekorasi taman
proses pemesana
dekorasi taman isi data pemesanan
menampilkan form data pemesanan
data pemesanan dekorasi taman di
simpan ke databse ya
tidak
Pemilik Sistem
tambah produlk menampilkan Form
data tambah Produk isi data Form Produk
proses penyimpanan
tanaman
data produk tanaman disimpan
tidak ya
6. Activity Diagram komfirmasi pembayaran
Gambar 4.7. Activity diagram komfirmasi pembayaran yang diusulkan
7. Activity Diagram Cetak Laporan
Gambar 4.8. Activity diagram Cetak Laporan yang diusulkan
Pemilik Sistem
komprimasi pembayaran menampilkan detail
pembayaran isi form komfrimasi
pembayaran proses penyimpana
komfrimasi pembayaran
menyimpan komfrimasi pembayaran
tidak ya
pemilik sistem
cetak laporan menampilkan tanggal yang
akan di cetak
isi tanggal cetak memproses verifikasi
tanggal
cetak laporan Tidak
ya
4.1.3.4. Sequence Diagram Yang Diusulkan
Sequence Diagram pendaftaran
Gambar 4.9. sequence diagram pendaftaran yang diusulkan
Gambar 4.10. sequence diagram login yang diusulkan
Halaman utama Halaman daftar
Database Member
1 : masuk 2 : daftar
3 : isi form pendaftaran 4 : cek data
5 : data lengkap 6 : simpan
Member halaman login
Database halaman user
1 : masuk 2 : username dan password
3 : verifikasi 4 : cek data
5 : salah 6 : benar
Gambar 4.11. sequence diagram penjualan yang diusulkan
Gambar 4.12. sequence diagram jasa dekorasi taman yang diusulkan
halaman user halaman produk
halaman keranjang halaman form pembelian
Member Database
1 : masuk 2 : pilih prouk
3 : pilih tanaman 4 : lihat keranjang
5 : komfirmasi pembelian 6 : simpan
member halaman dekorasi taman
halaman detail dekorasi komfirmasi pembayaran
Database 1 : masuk
2 : pilih dekorasi taman 3 : lihat detai dekorasi taman
4 : pilih tanaman 5 : komfirmasi
6 : simpan
Gambar 4.13.
sequence diagram tambah Produk tanaman yang diusulkan
Gambar 4.14. sequence diagram tambah model dekorasi taman yang diusulkan
pemilik halaman admin
halaman produk halaman tambah produk
Database 1 : masuk
2 : pilih produk 3 : pilih kategori
4 : tambah, edit dan hapus data 5 : simpan
6 : selesai
pemeilik halaman admin
halamana dekorasi halaman tamabah dekorasi taman
Database 1 : masuk
2 : pilih dekorasi taman 3 : pilih kategori
4 : tambah, edit dan hapus data 5 : simpan
6 : selesai
Gambar 4.15.
sequence diagram konfimasi pembayaran yang diusulkan
Gambar 4.16.
sequence diagram cetak laporan yang diusulkan
pemilik halaman komfirmasi pembayaran
halaman detail pembayaran database
halama admin 1 : masuk
2 : pilih halaman dekorasi tanaman 3 : komfrimasi pembayaran
4 : tandai lunas dan tolak pembayaran 5 : simpan
6 : selesai
pemilik halaman admin
halaman laporan cetak laporan
1 : masuk 2 : pilih laporan
3 : input tanggal 4 : cetak laporan
1. Collaboration diagram pendaftaran
Member Halaman
utama Hamana
daftar
database 1.: Masuk
2: Masuk Isi pendaftaran
3:simpan
Gambar 4.17. collaboration diagram pendaftaran member yang diusulkan
2. Collaboration diagram login
Member Halaman
login Database
Halaman utama
1: Masuk 3: Proses Data
5:Benar 3: Salah
2: Isi Username dan Password
Gambar 4.18. collaboration diagram login yang diusulkan
3. Collaboration diagram Penjualan
member Halaman
Utama Tanaman
DataBase Komfirmasi
pembayaran Keranjang
1: Masuk 2: Masuk
7: Simpan 5: masuk
6: Proses Pembelian 4: Masuk
3: Pilih Tanaman
Gambar 4.19. Collaboration diagram penjualan yang diusulkan
4. Collaboration diagram Dekorasi Taman
Member Halaman Dekorasi
taman Halaman detail
dekorasi taman
Komprimasi pembayaran
Database 1 : Masuk
3: Masuk
6: Komfirmasi pembayaran 4: Pilih tanaman
2: Memilih Dekorasi taman
Gambar 4.20. Collaboration dekorasi taman yang diusulkan
5. Collaboration diagram Tambah Tanaman
Pemilik Halaman
Produk Tanaman
Database 1: Masuk
2: Masuk Update tanaman
Gambar 4.21. Collaboration tambah tanaman yang diusulkan
6. Collaboration diagram Tambah Dekorasi Taman
Pemilik Halaman
Dekorasi taman
Dekorasi taman
Database 1: Masuk
2: Masuk 3: Update Dekorasi taman
Gambar 4.22. Collaboration tamabah dekorasi taman yang diusulkan
7. Collaboration diagram Cetak Laporan
Member Halam
laporan Imput tanggal
Database Cetak laporan
1: Masuk 2: Input Tanggal
4: Cetak
Gambar 4.23. Collaboration cetak laporan yang diusulkan
4.1.3.6 Component Diagram Yang Diusulkan
Gambar 4.24. Component diagram yang diusulkan
login Website Mekar
Sauyu
logout Member
Beranda tanaman
Komfirmasi Pembayaran
Profil
Histori transaksi
Keranjang
Dekorasi taman
Daftar Admin
Login Logout
Produk Dekorasi
Taman Komfirmasi
pembayaran Histori order
Laporan
Gambar 4.25. Deployment diagram yang diusulkan
4.1.3.8 Class Diagram yang di usulkan
Gambar 4.26. Class diagram yang diusulkan
4.2. Perancangan Antar Muka
Client Browser
Web Server
Database Server
internet Koneksi Database
admin
-email -password
-input data
member
+id_user +email
+pasword +name
+phone +address
+sate +city
+zipcode
+insert update
delet select
Produk
-id_produk -nama
-image -description
-category -harga
+insert update
delete select
chekout payment
+checkout_id +checkout_id
+date +method
+bangk_account +image
insertview udate
delete select
+opration
register_checkout
+checkout_id +product_id
+qty +price
+weigt +insert
+update -delete
+select
decoration_item
-dekoration icon -product id
-qty update
delet +select
decooration
-id_decoration -nama
-imang -lust update
+insert update
delete select
sessions
-sesion id -ip_adreess
-user_agent -last_activity
-user_data
Gambar 4.27. Perancangan Antar Muka Mekar Saluyu
Gambar 4.28. Struktur menu Mekar Saluyu
1. Perancangan input Login.
Gambar 4.29. Perancangan input Login
Mekar saluyu
Member admin
beranda
Keranjang belanja
Dekorasi taman
tanaman
Komfirmasi pembayaran
Produk
Histori order
Histori older Komfirmasi
pembayaran Dekorasi
taman Daftar
Login Logout
2. Perancangan Input Daftar
Gambar 4.30. Perancangan input daftar
3. Perancangan Input Profil