TINJAUAN PUSTAKA
3.4 Diagram Blok Proyek Akhir
3.4.3 Diagram Uses Case
3.4.3a. Uses Case DiagramSistem Aplikasi E-commerce Desa Alasmalang
Diagram use case ini adalah gambaran fungsionalitas dari Aplikasi E-commerce UMKM Desa Alasmalang. Gambar 3.3 menunjukan Uses Case
diagram sistem AplikasiE-commerce Desa Alasmalang dan Use Case komentar di tunjukan pada Tabel 3.3 hingga Tabel 3.6 secara berurutan.
Gambar 3.4 Uses Case Diagram Sistem Aplikasi E-commerce Desa Alasmalang Tabel 3.3 Keterangan Use Case Memberikan Pofil UMKM dan Produk
Use Case Name Memberikan Pofil UMKM dan Produk
Actor Admin dan Member
Deskripsi Member member profil dan produk ke aadmin
Normal Course 1. Menampilkan profil dan produk UMKM pada aplikasi
Alternate Course 2a. Tidak ada profil dan produk yang diinputkan
Pre-Condition input profil dan produk UMKM
Post-Condition Menampilkan profil dan produk UMKM
Assumption
-Tabel 3.4 KeteranganUse Case Input profil UMKM
Use Case Name Input profil UMKM
Actor Admin dan Sistem
Deskripsi Menginputkan profil UMKM
Normal Course 1. Admin menginputkan profil UMKM 2. Simpan informasi yang sudah diinputkan
3. Informasi yang telah disimpan dapat ditampilkan
Alternate Course 3a. Tidak ada informasi yang diinputkan 4a. Tidak ada informasi yang disimpan
Pre-Condition Input profil
Post-Condition Menampilkan profil
-Tabel 3.5 KeteranganUse Case Input produk UMKM
Use Case Name Input produk UMKM
Actor Admin dan Sistem
Deskripsi Menginputkan produk UMKM
Normal Course 1. Admin menginputkan produk UMKM 2. Simpan informasi yang sudah diinputkan
3. Informasi yang telah disimpan dapat ditampilkan
Alternate Course 2a. Tidak ada informasi yang diinputkan 3a. Tidak ada informasi yang disimpan
Pre-Condition Input produk
Post-Condition Menampilkan produk
Assumption
-Tabel 3.6 Keterangan Use Case Melihat Informasi
Use Case Name Melihat Informasi
Actor Pengguna dan Sistem
Deskripsi Informasi yang sudah diperbarui dan ditampilkan oleh sistem dapat dilihat oleh pengguna
Normal Course 1. Informasi yang telah diperbarui akan tampil pada halaman e-commerce
2. Pengguna dapat melihat informasi
Alternate Course 2a. tidak ada informasi
Pre-Condition Melihat Informasi
Post-Condition Halaman utama
Assumption
-3.4.3b. Uses Case Pengunjung Web
Diagram use case ini adalah gambaran fungsionalitas dari kegiatan pengunjung web. Gambar 3.4menunjukan Uses Case diagram pengunjung web dan Use Case komentar di tunjukan pada Tabel 3.7 hingga Tabel 3.10 secara berurutan.
Gambar 3.5 Use CaseDiagram Pengunjung Web
Tabel 3.7 Keterangan Use Case Melihat Item Use Case Name Melihat Item
Actor Pengguna dan Sistem
Deskripsi Informasi yang sudah diperbarui dan ditampilkan oleh sistem dapat dilihat oleh pengguna
Normal Course 1. Informasi yang telah diperbarui akan tampil pada halaman e-commerce
2. Pengguna dapat melihat informasi
Alternate Course 2a. tidak ada informasi
Pre-Condition Melihat Informasi
Post-Condition Halaman utama
Assumption
-Tabel 3.8 Keterangan Use Case Belanja
Use Case Name Belanja
Actor Pengguna dan Sistem
Deskripsi Pengguna memilih produk yang sudah ditampilkan oleh sistem
Normal Course 1. Produk yang telah diperbarui akan tampil pada halaman
e-commerce
2. Pengguna dapat memilih produk
2a. pengguna tidak memilih produk
Pre-Condition Memilih produk
Post-Condition Halaman utama
Assumption
-Tabel 3.9 Keterangan Use Case Checkout Use Case Name Checkout
Actor Pengguna, admin dan Sistem
Deskripsi Pengguna dan admin melihat checkout berisi total pembelian yang ditampilkan oleh sistem
Normal Course 1. Produk yang telah dipesan, spesifikasi dan harga akan tercantum pada checkout
Alternate Course 1a. pengguna tidak belanja 2a. tidak ada checkout Pre-Condition Memilih produk
Post-Condition Halaman checkout
Tabel 3.10 Keterangan Use Case Registrasi Use Case Name Registrasi
Actor PenggunaSistem
Deskripsi Pengguna melakukan registrasi dan disimpan pada sistem Normal Course 1. Menampilkan form registrasi
2. pengguna mengisi form registrasi
Alternate Course 2a. registrasi tidak sukses, pengguna tidak mengisi form
Pre-Condition registrasi Post-Condition Halaman utama
3.4.3c. Uses Case Melihat Item
Diagram use case ini adalah gambaran fungsionalitas dari kegiatan pengunjung webketika melihat item. Gambar 3.5 menunjukan Uses Case diagrammelihat item dan Use Case komentar di tunjukan pada Tabel 3.11 hingga Tabel 3.13 secara berurutan.
Gambar 3.6 Use Case Diagram Melihat Item
Tabel 3.11 Keterangan Use Case Mencari Item Use Case Name Mencari Item
Actor Pengguna dan Sistem
Deskripsi Pengguna melakukan pencarian produk yang tersimpan dalam sistem
Normal Course 1. produk yang dicari akan tampil pada halaman e-commerce
2. Pengguna dapat melihat informasi
Alternate Course 2a. tidak ada produk yang dicari
Pre-Condition Mencari produk
Post-Condition Halaman utama
Assumption
-Tabel 3.12 Keterangan Use Case Melihat Rekomendasi
Use Case Name Melihat Rekomendasi
Actor Pengguna dan Sistem
Deskripsi Pengguna melihat produk yang direkomendasikan
Normal Course 1. Produk yang direkomendasi akan tampil pada halaman
e-commerce
2. Pengguna dapat melihat produk yang direkomendasi
Alternate Course 2a. tidak ada produk yang diinputkan
Pre-Condition Melihat rekomendasi
Post-Condition Halaman utama
Assumption
-Tabel 3.13 Keterangan Use CaseMemasukkan ke Daftar Belanja
Use Case Name Memasukkan ke Daftar Belanja
Actor Pengguna dan Sistem
Deskripsi Pengguna memilih produk-produk yang akan dibeli Normal Course 1. Produk yang dipilih akan masuk pada halaman daftar
belanja dan disimpan dalam sistem
2. Pengguna dapat melihat produk daftar belanja
Alternate Course 1a. tidak ada produk yang dipilih 2a. daftar belanja kosong
Pre-Condition Memilih daftar belanja
3.4.3d. Uses Case Checkout, Authentikasi dan Pembayaran
Diagram use case ini adalah gambaran fungsionalitas dari checkout, authentikasi, dan pembayaran. Gambar 3.5 menunjukan Use case
DiagramCheckout, Authentikasi dan Pembayaran.Use Case komentar di tunjukan pada Tabel 3.14 hingga Tabel 3.16 secara berurutan.
Gambar 3.7 Use Case Diagram Checkout, Authentikasi dan Pembayaran Tabel 3.14 Keterangan Use Case Login
Use Case Name LOGIN
Actor Pengguna dan Sistem
Deskripsi Validasi admin untuk masuk kedalam sistem Normal Course 1. Menampilkan form Login pada Aplikasi
2. Masukkan Username dan Password untuk login yang sudah tersimpan pada databse
Alternate Course 2a. Login tidak sukses, karena user dan password tidak tersimpan pada database
Pre-Condition Login
Post-Condition Register database Assumption
-Tabel 3.15 Keterangan Use Case Menjumlah Total
Use Case Name Menjumlah Total
Actor Pengguna dan Sistem
Deskripsi Sistem menampilkan total belanja
Normal Course 1. Produk yang dipilih disimpan oleh sistem 2. Sistem menampilkan total belanja
Alternate Course 1a. tidak ada produk yang dipilih 2a. Total belanja sama dengan nol
Post-Condition Menampilkan total belanja
Assumption
-Tabel 3.16 Keterangan Use Case Transfer
3.5 Flowchart
Flowchart berikut ini adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah Aplikasi E-commerce UMKM Desa Alasmalang. Gambar 3.7 menunjukan Flowchart Login, Gambar 3.8 menunjukan
Flowchart Pemesanan dan Gambar 3.9 menunjukkan Flowchart Transaksi . 3.5.1 Flowchart Proses Login
Input Username & Password Halaman Web e-commerce Apakah Login Sukses? Y T Proses login
Use Case Name Transfer
Actor Pengguna dan Admin
Deskripsi Pengguna melakukan transfer ke nomor rekening yang tertera lalu mengkonfirmasi admin
Normal Course 1. Pengguna transfer lalu konfirmasi ke admin 2. Admin menyimpan bukti transfer
Alternate Course 1a. tidak ada transfer 2a. tidak ada yang disimpan
Pre-Condition Transfer ke rekening yang tertera
Post-Condition Admin menyimpan bukti transfer
-Halaman Menu Utama START Proses login Pilih produk beli? Output checkout Lanjut belanja? tidak ya tidak ya
Gambar 3.8 Flowchart Proses Login
Pengguna login sebagai admin, owner UMKM, atau member dengan memasukkan username dan password yang sudah tersimpan dalam database. Jika pengguna sukses login maka akan masuk ke tampilan awal. Pengguna juga dapat mengakses web sesuai dengan hak akses. Admin memiliki hak akses untuk mengelola data produk, data pemesanan, data member, dan data UMKM.Owner
UMKM memiliki hak akses untuk mengelola data produk dan edit profil UMKM miliknya. Member memiliki hak akses untuk melakukan transaksi pembelian dan mengelola data pada akun pribadinya.
3.5.2 Flowchart Proses Pemesanan Oleh Visitor
24 BACK
Halaman Checkout START
Proses login
Input bukti pembayaran
Pengiriman barang
Output nomor resi
Gambar 3.9 Flowchart Proses Pemesanan
Member memasukkan username dan password yang langsung dicek oleh
database. Jika username dan password benar maka muncul tampilan awal dan
member dapat melakukan pembelian, jika salah maka sistem akan mengarahkan pengguna untuk login ulang atau membuat akun (jika belum punya akun).
Member dapat melakukan pembelian untuk beberapa barang dengan memilih barang satu persatu. Setelah memilih produk, member mengisi data berupa namamember, email, nomor telpon, jumlah barang yang dibeli, memilih agen pengiriman, kota tujuan dan alamat tujuan. Tampil total uang yang harus dibayarkan oleh member. Lanjut belanja jika ingin melanjutkan berbelanja dan
exit jika selesai belanja.
3.5.3 Flowchart Proses Transaksi
Gambar 3.10 Flowchart Proses Transaksi
Untuk mengetahui transaksi yang sudah dilakukan member, admin terlebih dahulu login. Melakukan cek order member. Setelah member melakukan pemesanan pada web maka member akan diarahkan untuk melakukan pembayaran, jika pembayaran sudah dilakukan maka member mengirim konfirmasi bukti pembayaran pada admin. Admin melanjutkan konfirmasi pada
owner UMKM, owner UMKM mengirim pesanan pada member serta mengirim nomor resi pengiriman pada admin yang nantinya akan ditampilkan pada web.