Rancangan Pembuatan ERD, EERD dan Pembuatan aplikasi Sistem Manajemen Toko

Diagram di atas merupakan Entity Relationship Diagram (ERD) yang dirancang untuk sistem manajemen toko. Diagram ini mencakup lima entitas utama, yaitu Pelanggan, Karyawan, Produk, Transaksi, dan Pembayaran, dengan masing-masing entitas memiliki atribut yang sesuai dengan perannya. Entitas Pelanggan memiliki atribut seperti id_pelanggan (kunci utama), nama, alamat, dan telepon, yang merepresentasikan data pelanggan yang bertransaksi di toko. Entitas Karyawan mencatat informasi staf toko dengan atribut seperti id_karyawan (kunci utama), nama_karyawan, jabatan, dan email. Entitas Produk mencatat data barang dagangan dengan atribut seperti id_produk (kunci utama), nama_produk, harga, dan stok. Entitas Transaksi mendokumentasikan setiap transaksi dengan atribut seperti id_transaksi (kunci utama), tanggal_transaksi, dan total_harga. Sementara itu, entitas Pembayaran menyimpan detail pembayaran dengan atribut seperti id_pembayaran (kunci utama), jenis_pembayaran, dan jumlah.

Hubungan antar entitas digambarkan dengan jelas. Entitas Pelanggan dan Transaksi memiliki hubungan one-to-many, di mana satu pelanggan dapat melakukan banyak transaksi. Entitas Karyawan dan Transaksi juga memiliki hubungan one-to-many, di mana satu karyawan dapat melayani banyak transaksi. Hubungan antara entitas Transaksi dan Produk bersifat many-to-many, yang dimediasi oleh entitas hubungan bernama Melibatkan. Entitas Melibatkan mencatat data produk yang dibeli dalam setiap transaksi, dengan atribut seperti id_transaksi (kunci tamu), id_produk (kunci tamu), dan jumlah_produk. Selain itu, hubungan antara Transaksi dan Pembayaran bersifat one-to-one, di mana setiap transaksi memiliki satu pembayaran yang terkait secara langsung.

ERD ini dirancang untuk memodelkan sistem basis data dengan struktur yang terorganisir. Setiap hubungan dan atribut mendukung normalisasi, mencegah redundansi data, dan mempermudah implementasi sistem manajemen toko. Diagram ini memberikan gambaran lengkap tentang alur data, hubungan logis antar entitas, serta elemen kunci dalam sistem.

Gambar EERD

Gambar di atas merupakan Database Schema yang dirancang untuk sistem manajemen toko, yang terdiri dari beberapa tabel utama, yaitu pelanggan, karyawan, produk, transaksi, transaksi_produk, dan pembayaran. Tabel pelanggan menyimpan data pelanggan dengan atribut seperti ID_Pelanggan sebagai primary key, Nama, Alamat, dan Telepon. Tabel karyawan mencatat informasi karyawan, dengan atribut seperti ID_Karyawan (primary key), Nama_Karyawan, Jabatan, dan Gaji. Selanjutnya, tabel produk menyimpan data barang yang dijual di toko, mencakup atribut seperti ID_Produk (primary key), Nama_Produk, Harga, dan Stok.

Tabel transaksi digunakan untuk mencatat setiap aktivitas pembelian, dengan atribut seperti ID_Transaksi (primary key), Tanggal, serta foreign key yang merujuk ke tabel pelanggan dan karyawan. Tabel transaksi_produk merupakan tabel penghubung untuk relasi many-to-many antara tabel transaksi dan produk, mencatat atribut seperti ID_Transaksi, ID_Produk, dan Jumlah_Produk yang dibeli dalam setiap transaksi. Terakhir, tabel pembayaran mencatat detail pembayaran dengan atribut seperti ID_Pembayaran (primary key), ID_Transaksi (foreign key), Jumlah, dan Metode_Pembayaran.

Semua tabel dalam schema ini terhubung melalui relasi yang terdefinisi dengan baik, memungkinkan pengelolaan data yang terstruktur dan efisien, mulai dari informasi pelanggan dan karyawan hingga detail transaksi, produk yang terlibat, dan data pembayaran. Database schema ini dirancang untuk mendukung integritas data, menghindari redundansi, dan mempermudah implementasi sistem manajemen toko.

Gambar halaman daftar produk 

Aplikasi pada gambar adalah sistem manajemen toko berbasis web, dengan tampilan halaman daftar produk yang memungkinkan pengguna melihat data produk dalam bentuk tabel. Pada bagian atas halaman terdapat navigasi dengan menu seperti Home, About, Contact, dan Login, yang memudahkan pengguna berpindah antarhalaman. Selain itu, terdapat breadcrumb seperti Home / Produks yang menunjukkan posisi pengguna dalam aplikasi. Halaman ini dirancang untuk menampilkan daftar produk dengan fitur utama seperti tombol "Create Produk" (berwarna hijau) yang memungkinkan pengguna menambahkan data produk baru ke sistem. Tabel di bawahnya berisi kolom seperti Id Produk (ID unik untuk setiap produk), Nama Produk (nama produk yang dijual), Harga (harga produk), dan Stok (jumlah stok yang tersedia). Saat ini, tabel menampilkan pesan "No results found.", yang menunjukkan bahwa belum ada data produk yang tersimpan dalam basis data. Aplikasi ini kemungkinan mendukung fitur CRUD (Create, Read, Update, Delete), sehingga memungkinkan pengguna menambahkan, melihat, mengedit, atau menghapus data produk. Dengan antarmuka yang sederhana dan terorganisir, halaman ini dirancang untuk memudahkan manajemen data produk dalam sistem toko. 

Gambar Yang menampilkan antarmuka aplikasi web untuk formulir input data produk 

Gambar tersebut menampilkan antarmuka aplikasi web untuk formulir input data produk. Aplikasi ini dirancang untuk kebutuhan manajemen produk, seperti pada toko online atau sistem inventaris. Berikut penjelasan setiap bagian dari formulir ini:

1. URL Aplikasi
   URL yang terlihat pada address bar adalah localhost/manajemen-toko-baru/web/index.php?r=produk%2Fcreate. Ini menunjukkan bahwa aplikasi berjalan di server lokal (localhost) dan sedang berada di halaman untuk menambahkan produk baru.

2. Judul Halaman
   Judul halaman "Create Produk" menegaskan bahwa halaman ini digunakan untuk memasukkan data produk baru ke dalam sistem.

3. Field Input Formulir

   • ID Produk: Kolom ini digunakan untuk memasukkan ID unik dari produk (contoh: 103).
   • Nama Produk: Kolom untuk memasukkan nama produk, diisi dengan contoh "sabun".
   • Harga: Kolom untuk mencantumkan harga produk dalam satuan tertentu (contoh: 7000).
   • Stok: Kolom untuk jumlah stok produk yang tersedia, diisi dengan angka 8.

4. Tombol Save
   Tombol "Save" berfungsi untuk menyimpan data yang telah dimasukkan ke dalam sistem atau database.

Fungsionalitas seperti ini umumnya menjadi bagian dari sistem CRUD (Create, Read, Update, Delete) yang mendukung pengelolaan data produk secara efisien. Setelah pengguna mengisi semua kolom dan menekan tombol "Save," data akan langsung tersimpan di database.

Gambar halaman detail produk

Gambar di atas menunjukkan halaman detail sebuah produk dalam aplikasi manajemen toko berbasis web. Berikut adalah penjelasannya:

1. Navigasi dan Breadcrumb:

   • Di bagian atas halaman terdapat menu navigasi utama seperti Home, About, Contact, dan Login. Breadcrumb Home / Products / 103 menunjukkan posisi pengguna dalam aplikasi, yaitu melihat detail produk dengan ID 103.

2. Judul Halaman:

   • Angka 103 di bagian atas menunjukkan ID produk yang sedang ditampilkan.

3. Fungsi Update dan Delete:

   • Terdapat dua tombol utama:
     • Update (biru): Untuk mengubah informasi produk, seperti nama, harga, atau stok.
     • Delete (merah): Untuk menghapus produk ini dari sistem.
4. Tabel Informasi Produk:

   • Data produk disajikan dalam bentuk tabel dengan atribut:
     • Id Produk: Nilai unik untuk identifikasi produk, yaitu 103.
     • Nama Produk: Nama barang, yaitu sabun.
     • Harga: Harga barang, yaitu 7000.00.
     • Stok: Jumlah stok yang tersedia, yaitu 8 unit.

Halaman ini berfungsi untuk menampilkan detail spesifik suatu produk dengan opsi untuk memperbarui atau menghapus data. Antarmuka ini memungkinkan admin toko untuk melakukan pengelolaan data dengan mudah dan cepat.

Untuk penjelasan lebih lengkap dan mudah dipahami, Anda dapat menonton tutorial video yang menjelaskan setiap detail dari gambar-gambar di atas. Video ini akan memandu Anda secara praktis dan jelas. Yuk, cek videonya di bawah ini!