BAB III BAB III
4. SSD 256GB2 5. Mouse
4.2 Perancangan Sistem Model UML
Proses pengembangan gambaran umum sistem yang sedang dibangun disebut desain sistem. Aplikasi online ini dirancang dengan Unified Modeling Language (UML). Berikut penjelasan perancangan sistem.
4.2.1 Use Case Diagram Proses System
Gambar 4.1 Use Case Diagram Proses Sistem
Tabel 4.1 Use Case Diagram Proses Sistem Nama Use Case Diagram Proses Sistem
Deskrips i
Interaksi antara admin dan pengguna dengan sistem digambarkan pada use case diagram di atas. Ketika administrator mengakses menu login, maka akan muncul menu tersebut pada sistem. Ketika administrator melakukan navigasi melalui menu kategori, daftar data kategori menu produk ditampilkan oleh sistem. Administrator kemudian dapat memilih menu produk mana yang akan menangani
impor, modifikasi, dan penghapusan. Sistem menampilkan data pesanan pelanggan ketika administrator mengakses menu pesanan.
Ketika administrator memilih menu pesanan, sistem menampilkan data pesanan dan admin menampilkan menu dashboard. Ketika pelanggan melihat halaman website, sistem menampilkan halaman login. Ketika pelanggan mengklik "login", halaman login akan ditampilkan. Ketika pelanggan memilih “daftar”, maka halaman registrasi akan ditampilkan oleh sistem. Konsumen mengakses halaman daftar menu produk melalui halaman menu sistem.
4.2.1 Activity Diagram
Berikut adalah gambaran dari proses sistem yang akan dibuat melalui activity diagram dari masing-masing use case.
1. Activity Diagram Login Admin
Gambar 4.2 Activity Diagram Login Admin Tabel 4.2 Activity Diagram Login Admin Nama Activity Diagram Login Admin
Deskrips i
Admin melakukan login pada halaman utama, admin memasukan username dan password, kemudian sistem memvalidasi akun, jika akun terdaftar, admin langsung masuk kehalaman dashboard admin, jika akun salah, admin memasuki ulang username dan password.
2. Aktivity Diagram Register
Gambar 4.3 Activity Diagram Register Gambar 4.3 Activity Diagram Register Nama Activity Diagram Login/Register Pelanggan Deskrips
i
Pelanggan membuka halaman web, sistem menampilkan halamana utama web, pelanggan membuka halaman login/register, sistem menampilkan halaman login register, pelanggan mengisi data diri, lalu sistem menampilkan halaman utama menu produk.
Gambar 4.4 Activity Diagram Mengelola Data Menu Produk Tabel 4.4 Activity Diagram Mengelola Data Menu Produk Nama Activity Diagram Mengelola Data Produk
Deskrips i
Pada gamabar Activity Diagram ini menguraikan kegiatan yang di lakukan oleh seorang admin melakukan proses pengelolaan menu produk untuk dapat agar admin mengelola data produk secara efisien Dengan tahapan.
Admin membuka halaman web system menampilkan halaman web admin mengisi username dan password, sistem menampilkan halaman utama, admin pilih menu kategori, sistem menampilkan daftar kategori lalu admin memilih salah-satu daftar kategori produk untuk di kelola, sistem menampilkan data detail produk yang.
4. Activity Diagram Admin Mengelola Data Pesanan
Gambar 4.5 Aktivity Diagram Mengelola Data Pesanan
Tabel 4.5 Aktivity Diagram Mengelola Data Pesanan Nama Activity Diagram Mengelola Data Pesanan
Deskrips i
Admin Membuka Halaman Dashboard, sistem akan menampilkan halaman dashboard menu utama, admin pilih menu pesanan, system menampilkan daftar pesanan, admin mengelola data pesanan system menyimpan detail pesanan sebagai laporan admin.
5. Activity Diagram Pelanggang Melakukan Pemesanan
Gambar 4.6 Aktivity Diagram Pelanggan Melakukan Pemesanan
Tabel 4.6 Aktivity Diagram Pelanggan Melakukan Pemesanan Nama Activity Diagram Pelanggan Melakukan Pemesanan
Deskrips i
Pelanggan membuka halaman web, system menampilkan halaman utama, pelanggan memilih menu, system menampikan halaman menu produk, pelanggan memilih menu produk untuk dipesan, system menampilkan keranjang belanja, mengelola detail pesanan, sistem menampilkan detail rincial jumlah total pembayaran, pelanggan melakukan konfirmasi pembayaran, system menampilkan detail pembayaran.
4.2.2 Sequence Diagram
1. Squenace Diagram Login Admin
Gambar 4.7 Sequence Diagram Login Admin
Tabel 4.7 Sequence Diagram Login Admin Nama Sequence Diagram Login Admin
Deskrips i
Admin memulai proses login dengan memasukkan alamat email dan password, sistem mengirimkan data email dan password ke database untuk validasi. Jika input data email dan password benar maka sistem akan menampilkan login berhasil, jika input data salah maka system akan menampilkan login gagal.
2. Sequence Diagram Register
Gambar 4.8 Sequence Diagram Register Pelanggan
Tabel 4.8 Sequence Diagram Register Pelanggan Nama Sequence Diagram Register Pelanggan
Deskrips i
Pelanggan memulai proses registrasi dengan memasukkan data pribadinya, yaitu Nama Lengkap, Nomor HP, Email, Password.
setiap input data yang dilakukan oleh pelanggan akan dikirimkan ke database untuk validasi data. Jika hasil validasi benar maka system akan menampilkan registrasi berhasil dan jika ada data yang tidak valid, maka proses validasi akan menghasilkan output registrasi gagal. Sistem akan memberikan pesan kesalahan kepada pelanggan dan meminta pelanggan untuk memasukan data ulang.
3. Sequence Diagram Admin Mengelola Data Menu Produk
Gambar 4.9 Sequence Diagram Admin Mengelola Data Menu Produk
Tabel 4.9 Sequence Diagram Admin Mengelola Data Menu Produk Nama Sequence Diagram Admin Mengelola Data Menu Produk
Deskrips i
Sequence diagram ini memberikan gambaran seorang admin melakukan proses pengelolaan data produk dalam sebuah sistem.
Mulai dari akses ke dashboard, pemilihan kategori produk, hingga melakukan tindakan seperti menambah, mengedit, atau menghapus data produk, setiap langkah interaksi antara admin, sistem, dan database divisualisasikan dengan detail.
4. Seguence Diagram Admin Mengelola Data Pesanan
Gambar 4.10 Sequence Diagram Admin Mengelola Data Pesanan
Tabel 4.10 Sequence Diagram Admin Mengelola Data Pesanan Nama Sequence Diagram Admin Mengelola Data Pesanan
Deskrips i
Sequence diagram ini admin melakukan proses pengelolaan data pesanan mulai dari akses ke dashboard, pemilihan menu pesanan, mengelola data pesanan pada sistem. Mulai dari akses ke halaman utama, pemilihan menu pesanan, hingga melakukan berbagai tindakan seperti mencari, mengubah status, melihat detail, dan mencetak laporan pesanan.
5. Sequence Diagram Pemesanan
Gambar 4.11 Sequence Diagram Pemesanan
Tabel 4.11 Sequence Diagram Pemesanan Nama Sequence Diagram Pemesanan
Deskrips i
Pelanggan mengunjungi situs web, pelanggan memulai dengan memilih produk dan menambahkannya ke keranjang belanja, setelah itu, pelanggan melengkapi data diri dan memilih metode pembayaran. pelanggan mengirimkan bukti pembayaran kepada admin. Admin akan memverifikasi pembayaran dan mengkonfirmasi pesanan tersebut.
4.2.3 Class Diagram
Gambar 4.12 Class Diagram Tabel 4.12 Class Diagram Nama Sequence Diagram Pemesanan
Deskrips i
Class diagram pada gambar diatas ini menggambarkan struktur sistem informasi pemesanan makanan online. Kelas-kelas utama dalam diagram ini adalah pengguna, menu, keranjang belanja, pesanan, dan nota pesanan. Seorang pengguna dapat memiliki banyak keranjang belanja. Setiap keranjang belanja berisi banyak menu yang dipilih oleh pengguna. ketika pengguna melakukan pemesanan, sebuah pesanan baru akan dibuat yang berisi semua menu dari keranjang belanja yang dipilih. Setiap pesanan akan menghasilkan sebuah nota pesanan yang berisi rincian pesanan.