BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
4.5 Analisis Kebutuhan Perangkat Lunak/ Sofwareware
Perangkat lunak yang harus disiapkan untuk membangun website
E-Commerce sebagai berikut:
a. Sistem operasi PC: Windows 10 b. Xampp
c. Sublime text
d. Framework Codeigniter e. MySql
4.6 Perancangan Sistem
Dalam pembuatan sistem Website E-Commerce pada Topical Konveksi diperlukan model interaksi, untuk memberikan gambaran umum kepada User. Perancangan tersebut menggunakan Bahasa permodelan UML (Unifed Modelling
27
4.6.1 Usecase Diagram
Usecase diagram merupakan permodelan untuk menggambarkan sebuah
interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat. Untuk lebih jelasnya tentang Usecase diagram dan skenario diagram dapat dilihat pada gambar dibawah ini.
Gambar 4. 1 Usecase Diagram
4.6.2 Skenario Diagram
Nama Usecase : Registrasi
Aktor : User (konsumen)
Pre-kondisi : Membuka melalui url.
Post-kondisi : Mendapatkan akun baru
Deskripsi :Memasukan data diri untuk membuat akun baru Tabel 4. 1 Skenario Registrasi
User Sistem
1. Mengakses wesite E-Commerce 2. Menampikan Halaman
Dashboard
3.Klik Signin|Signup 4.Menampilkan halaman login 4. Klik Create an Account 5. Menampilkan Form Registrasi 6. Memasukan data diri 7. Data berhasil di simpan
Nama Usecase : Melihat Detail Produk
Aktor : User (konsumen)
Pre-kondisi : Membuka melalui url.
Post-kondisi : Mengetahui detail produk yang ditampilkan pada website Topical Konveksi.
Deskripsi : Melihat detail dari produk yang ditampilkan pada website Topical Konveksi
Tabel 4. 2 Skenario Melihat Detail Produk
User Sistem
1. Mengakses wesite E-Commerce 2. Sistem menampilkan menu utama dari sistem atau tampilan awal (Dashboard). Didalam dashboard terdapat beberapa menu dan daftar produk
3.Klik Detail 4. Sistem menampilkan detail
produk yang terdiri dari nama produk, harga dan jumlah stok dari produk.
Nama Usecase : Pembelian dan konfirmasi
Aktor : User (konsumen)
Deskripsi : Menginputkan data pembelian dan konfirmasi
Pre-kondisi : Membuka melalui url.
Post-kondisi : User dapat melakukan data pembelian dan konfirmasi.
29
Tabel 4. 3 Skenario Pembelian Produk dan konfirmasi
User Sistem
1. Mengakses Wesite E-Commerce 2. Sistem menampilkan menu utama dari sistem atau tampilan awal (Dashboard). Didalam dashboard terdapat beberapa menu dan daftra produk.
3.Klik Button Tambah Keranjang Untuk Membeli Barang
4. Sistem akan menambahkan produk ke menu keranjang.
5. Klik Button Keranjang 6. Sistem menampilkan tabel data barang
7. Klik Button Proses Pesanan 8. Sistem menampilkan data diri
user dan jenis ekspedisi.
9. Memasukan Jenis Ekspedisi 10. Sistem menambahkan data pesanan ke admin dan sistem akan menampilkan notifikasi
11. Klik History 12. Sistem akan menampilkan data pesanan
13.Klik Konfirmasi 14.Sistem akan menampilkan halaman konfirmasi.
13. Klik Upload Bukti Bayar 14. Sistem menampilkan form upload bukti bayar
14. Upload Bukti Bayar Sistem Menambahkan data bukti bayar ke admin
Nama Usecase : Mengelola Data Barang
Aktor : Admin
Post-kondisi : Admin dapat mengelola data barang
Deskripsi :Menambah data barang, menghapus data barang atau mengedit data barang
Tabel 4. 4 Mengelola Data Barang
Admin Sistem
1. Mengakses Halaman Admin 2. Sistem menampilkan menu utama halaman admin atau tampilan awal (Dashboard) admin.
3. Klik Data Barang 4. Sistem menampilkan halaman data barang
5. Klik Tambah Barang 6. Sistem menampilkan form
tambah data barang
7. Masukan Data Barang 8. Sistem menambahkan produk di database dan ditampilkan pada
dashboard user
9. Klik Edit Barang 10. Sistem nampilkan form edit barang
11. Ubah Data Barang 12. Sistem menyimpan data produk dalam database dan ditampilkan pada dashboard user
14. Klik Hapus 15. Sistem menghapus data produk didalam database
Nama Usecase : Mengelola Data Tipe
Aktor : Admin
Pre-kondisi : Membuka melalui url.
31
Deskripsi :Menambah data tipe, menghapus data tipe atau mengedit data tipe
Tabel 4. 5 Mengelola Data Tipe
Admin Sistem
1. Mengakses Halaman Admin 2. Sistem menampilkan menu utama halaman admin atau tampilan awal (Dashboard) admin.
3. klik Data Tipe 4. Sistem menampilkan halaman data tipe
5. klik Tambah Tipe 6. Sistem menampilkan form
tambah data tipe
7. Masukan Data Tipe 8. Sistem menambahkan tipe di database dan ditampilkan pada data barang user
9. Kik Edit Tipe 10. Sistem menampilkan form edit tipe
11. Ubah Data Tipe 12. Sistem menyimpan data tipe ke dalam database dan ditampilkan pada halaman data barang user 14. Klik Hapus 15. sistem menghapus data produk
didalam database
Nama Usecase : Mengelola Data User
Aktor : Admin
Pre-kondisi : Membuka melalui url.
Post-kondisi : Admin dapat mengelola data User
Tabel 4. 6 Mengelola Data User
Admin Sistem
1. Mengakses Halaman Admin 2. Sistem menampilkan menu utama halaman admin atau tampilan awal (Dashboard) admin.
3. Klik Data User 4. Sistem menampilkan halaman data User
5. Klik Tambah User 6. Sistem menampilkan form tambah data User
7. Masukan Data User 8. Sistem menambahkan data user di database.
9. Klik Hapus 10. Sistem menghapus data produk
didalam database
Nama Usecase : Mengelola Data Ekspedisi
Aktor : Admin
Pre-kondisi : Membuka melalui url.
Post-kondisi : Admin dapat mengelola data Ekspedisi
Deskripsi :Menambah data Ekspedisi, menghapus data
Ekspedisi atau mengedit data Ekspedisi.
Tabel 4. 7 Mengelola Data Ekspedisi
Admin Sistem
1. Mengakses Halaman Admin 2. Sistem menampilkan menu utama halaman admin atau tampilan awal (Dashboard) admin.
3. Klik Data Ekspedisi 4. Sistem menampilkan halaman data Ekspedisi
33
5. Klik Tambah Ekspedisi 6. Sistem menampilkan form
tambah data Ekspedisi
7. Masukan Data Ekspedisi 8. Sistem menambahkan ekspedisi di database dan ditampilkan pada halaman ekspedisi user
9. Klik Edit Ekspedisi 10. Sistem nampilkan form edit
Ekspedisi
11. Ubah Data Ekspedisi 12. Sistem menyimpan data produk di database dan ditampilkan halaman ekspedisi user
14. Klik Hapus 15. Sistem menghapus data produk di database
Nama Usecase : Melihat data transaksi
Aktor : Pimpinan (Owner)
Pre-kondisi : Membuka melalui url.
Post-kondisi : Pimpinan dapat melihat data transaksi Deskripsi : Pimpinan melihat data transaksi
Tabel 4. 8 Skenario Melihat Data Transaksi
Pimpinan Sistem
1. Mengakses Halaman Admin 2. Sistem menampilkan menu utama pimpinan atau tampilan awal
(Dashboard) pimpinan.
3. Klik Data Transaksi 4. Sistem menampilkan halaman data transaksi
Nama Usecase : Mengelola Data Transaksi
Pre-kondisi : Membuka melalui url.
Post-kondisi : Admin dapat mengelola data transaksi
Deskripsi :admin dapat melihat data transaksi, dan mengubah status transaksi.
Tabel 4. 9 Skenario Melihat Data Transaksi
Admin Sistem
1. Mengakses Halaman Admin 2. Sistem menampilkan menu utama admin atau tampilan awal (Dashboard) admin.
3. Klik Data Transaksi 4. Sistem menampilkan halaman data transaksi
5. Klik Ubah Status Konfirmasi Pembayaran
6. Sistem menampilkan form data transaksi
7. Ubah Status Konfirmasi 8. Sistem menyimpan status konfirmasi dan menampilkan pada halaman history user
4.6.3 Class Diagram
Class diagram merupakan model statis yang menggambarkan struktur dan
35
Gambar 4. 2 Class Diagram 4.6.4 Squence Diagram
Sequence diagram menggambarkan interaksi antar objek di dalam dan
di sekitar sistem (termasuk pengguna, display/form) berupa message yang digambarkan terhadap waktu
Gambar 4. 4 Squence Diagram Detail Barang
37
Gambar 4. 6 Squence Diagram Mengelola Data Tipe
Gambar 4. 8 Squence Diagram Mengelola Data User
39
Gambar 4. 10 Squence Diagram Mengelola Data Transaksi
4.6.5 Activity Diagram
Activity Diagram menggambarkan aktivitas untuk memenuhi kondisi
tertentu atau parallel yang dilakukan oleh aktor, Dapat dipakai untuk memodelkan proses bisnis.
Gambar 4. 12 Activity Diagram Registrasi
41
Gambar 4. 14 Activity Diagram Pembelian dan Konfirmasi
Gambar 4. 16 Activity Diagram Mengelola Data Tipe
43
Gambar 4. 18 Activity Mengelola Data Transaksi