Low Level Design

Deskripsi

Website toko online ini dirancang untuk menggantikan sistem penjualan manual dengan sistem berbasis web yang lebih efisien. Toko dapat menjual produk secara online, mengelola data produk, transaksi, dan laporan dengan mudah. Pelanggan bisa melihat, memilih, dan membeli produk dari mana saja. Admin dapat menambah, mengedit, menghapus, dan mengatur stok produk dengan antarmuka yang user-friendly. Sistem mendukung berbagai metode pembayaran aman dan cepat seperti transfer bank dan kartu kredit. Selain itu, website ini menghasilkan laporan penjualan dan inventaris untuk analisis bisnis. Fitur utama termasuk katalog produk yang diperbarui, pendaftaran dan login pelanggan, keranjang belanja, dan manajemen pesanan.

High Level Design (HLD)

Kebutuhan Fungsional

Pengunjung dapat melihat produk

Pengunjung website bisa melihat daftar produk yang tersedia, termasuk detail seperti nama produk, harga, deskripsi, dan gambar.
Fitur pencarian dan filter untuk memudahkan pengunjung menemukan produk yang diinginkan.

Pengunjung dapat mendaftar sebagai pelanggan

Pengunjung dapat membuat akun dengan mendaftar menggunakan email atau media sosial.
Fitur verifikasi email untuk memastikan validitas akun pelanggan.

Pelanggan dapat melakukan transaksi pembelian

Pelanggan dapat menambahkan produk ke keranjang belanja dan melanjutkan ke proses checkout.
Sistem mendukung berbagai metode pembayaran, seperti transfer bank, kartu kredit, dan pembayaran elektronik.
Konfirmasi pembayaran dan pemberitahuan status pesanan melalui email atau notifikasi.

Admin dapat mengelola produk, pesanan, transaksi, dan laporan

Admin memiliki akses ke dashboard untuk menambah, mengubah, dan menghapus produk.
Fitur manajemen pesanan yang memungkinkan admin melihat, memproses, dan mengupdate status pesanan.
Admin dapat menghasilkan laporan penjualan, laporan stok produk, dan laporan transaksi secara berkala.

Kebutuhan Non-Fungsional

Sistem harus dapat diakses kapanpun

Website dirancang untuk memiliki uptime tinggi, memastikan bahwa pelanggan dapat mengakses layanan setiap saat tanpa gangguan.
Hosting server yang andal dan pemantauan server secara real-time untuk menghindari downtime.

Sistem harus memiliki waktu respon yang cepat

Optimalisasi kinerja website untuk memastikan halaman produk dan transaksi dimuat dengan cepat.
Penggunaan caching dan Content Delivery Network (CDN) untuk meningkatkan kecepatan akses.

Sistem harus aman dari serangan cyber

Implementasi protokol keamanan seperti HTTPS untuk enkripsi data.
Sistem keamanan berlapis dengan firewall, deteksi intrusi, dan enkripsi data sensitif.
Prosedur regular untuk pemindaian kerentanan dan update keamanan.

Sistem harus user-friendly dan mudah digunakan

Desain antarmuka yang intuitif dengan navigasi yang sederhana.
Panduan pengguna dan bantuan online untuk membantu pelanggan dalam penggunaan sistem.
Responsif terhadap berbagai perangkat (desktop, tablet, dan mobile).

Arsitektur Sistem

Sistem menggunakan arsitektur client-server dengan Apache sebagai server, PHP sebagai bahasa pemrograman, dan MySQL sebagai basis data. Interface didesain menggunakan Dreamweaver CS6 dan diuji dengan web browser seperti Mozilla Firefox atau Google Chrome.

Workflow Sistem

Berikut merupakan gambaran alur kerja (workflow) dari sistem toko online, yang melibatkan pelanggan dan toko.

Low Level Design (LLD)

Teknologi

Teknologi yang digunakan dalam pengembangan aplikasi ini meliputi XAMPP, sebuah paket server lokal yang mencakup Apache untuk server HTTP, MySQL untuk sistem manajemen basis data, serta PHP dan Perl untuk logika server-side. PHP digunakan untuk mengatur proses di sisi server, sementara HTML dan CSS digunakan untuk membangun struktur dan desain antarmuka pengguna agar sesuai dengan kebutuhan aplikasi. JavaScript juga dimanfaatkan untuk menambahkan interaksi dinamis di halaman web, meningkatkan responsivitas dan fungsionalitas aplikasi secara keseluruhan. MySQL berperan penting dalam penyimpanan dan manajemen data, memungkinkan aplikasi untuk menyimpan, mengelola, dan mengambil informasi yang diperlukan untuk penggunaan aplikasi yang efisien dan efektif.

Desain Database

Entity Relationship Diagram (ERD) menunjukkan relasi antara tabel-tabel seperti pelanggan, toko, produk, pesanan, kiriman, pembayaran, dan chatting. Tabel utama meliputi pelanggan, produk, pesanan, dan pembayaran dengan atribut-atribut yang relevan.

Algoritma

Sistem ini menggunakan algoritma searching untuk membantu pengguna menemukan produk dengan mencocokkan kata kunci dan menyaring berdasarkan kategori, harga, dan rating. Untuk rekomendasi produk, sistem mengandalkan algoritma kolaboratif filtering berdasarkan perilaku belanja pengguna lain dan content-based filtering dari preferensi serta riwayat belanja pengguna. Keamanan data dijamin melalui algoritma otentikasi untuk verifikasi login pelanggan dan admin, serta menggunakan algoritma enkripsi untuk melindungi data sensitif seperti password pelanggan dan informasi transaksi. Ini memastikan bahwa semua informasi tetap aman dan terlindungi dari akses yang tidak sah.

Desain Interface

Berikut ini adalah design interface yang digunakan pada website Toko Online :

Halaman Home untuk pelanggan terdapat Menu transaksi untuk melihat transaksi pembelian produk, kemudian pada halaman ini terdapat juga menu laptop, komputer dan aksesoris yang digunakan untuk melihat kategori produk yang terdiri dari laptop, komputer dan aksesoris secara detail. Terdapat nama Produk, Gambar dan Harga per satuan. Untuk pelanggan yang membeli produk , klick gambar untuk melihat detail produk kemudian klick beli.
Di tampilan home pelanggan terdapat gambar keranjang belanja untuk melihat Produk yang ada di keranjang belanja Terdapat tombol lanjut beli dan tombol delete untuk mengahapus produk dari keranjang belanja.
Menu daftar produk untuk melihat daftar produk yang dijual toko. Setiap data terdapat aksi edit untuk mengedit data produk dan hapus untuk menghapus produk, dan juga terdapat aksi tambah produk untuk admin toko yang akan menambah data produk kedalam website.
Menu data pesanan untuk melihat smua pesanan produk yang dilakukan oleh pelanggan.
Menu transaksi konfirmasi untuk melihat pembayaran pelanggan yang sudah di cek dan di konfirmasi oleh admin toko.
Menu Transaksi barang yang sudah di terima pelanggan untuk melihat barang yang di konfirmasi pelanggan bahwa barang sudah diterima oleh pembeli.
Menu Transaksi batal untuk melihat produk yang dibatalkan oleh admin toko di sebabkan oleh suatu kendala.
Daftar Tagihan pelanggan. Apabila tidak di bayar dalam jangka waktu 3 hari maka tagihan dan pemesanan barang akan terhapus otomatis dan pelanggan harus memesan kembali barang.