Activity diagram Login Activity Diagram Pendaftaran Member Activity Diagram Penjualan Activity diagram Pemesana Jasa dekorasi taman Activity diagram Tambah Tanaman Activity Diagram komfirmasi pembayaran Perancangan input Login. Perancangan Input Daftar

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