This is a web application project created to fulfill the Competency Demonstration Task for the BNSP Web Developer Certification (KKNI Level 6).
The task required building a simple admin panel to manage an electronics store's product data, featuring full CRUD (Create, Read, Update, Delete) functionality.
Local URL (via Laragon): http://bnsp-toko-elektronik.test
- Framework: CodeIgniter 3.1.13 (chosen to match the BNSP multiple-choice questions)
- Language: PHP 8.3
- Database: MySQL 8.4 (via Laragon)
- Local Server: Laragon (Apache)
- Frontend: Bootstrap 4 (via CDN) for rapid styling.
As required by the assignment, this application features two main menus:
- Dashboard: A simple welcome/landing page.
- Products: The main page containing the full CRUD functionality:
- [Create] "Tambah Produk" (Add Product) button opens a form for new data.
- [Read] Displays all product data from the MySQL database in a table.
- [Update] An "Edit" button for each row to modify product data.
- [Delete] A "Delete" button for each row with a JavaScript
confirm()alert.
- Prerequisites: Laragon (or XAMPP) must be installed and running.
- Clone Repo:
git clone [https://github.com/RafieSA/webdev-schema.git](https://github.com/RafieSA/webdev-schema.git)
- Move Folder: Move the cloned
webdev-schemafolder intoC:\laragon\www\. - Create Database: Open HeidiSQL/phpMyAdmin (via Laragon) and create a new database named
bnsp_toko_elektronik. - Import SQL: Import the
data.sqlfile (included in this repo) into thebnsp_toko_elektronikdatabase. - Configure CI3:
- Rename the folder
C:\laragon\www\webdev-schematobnsp-toko-elektronik(to match the URL). - Open
application/config/database.phpand ensure settings match your Laragon setup (userroot, password''). - Open
application/config/config.phpand ensure thebase_urlishttp://bnsp-toko-elektronik.test.
- Rename the folder
- Run: Restart Laragon and open
http://bnsp-toko-elektronik.testin your browser.
As requested by the task, the database contains a single produk table:
CREATE TABLE `produk` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`produk` varchar(255) NOT NULL,
`kategori` varchar(255) NOT NULL,
`harga` int(11) NOT NULL,
`thumbnail` varchar(255) DEFAULT NULL,
`link_gambar` varchar(255) DEFAULT NULL,
PRIMARY KEY (`id`)
);