By the request of Mr Raymond Bahana, as the lecturer of Scripting Language subject, we were to create a Batik-selling E-commerce website which promotes Batik Tulis Lasem named Pusaka Beruang. The team which have contributed to the website consists of me(Rinaldi), Hashegi, and Hendry.
The asset for the website such as Layout designs and product images were provided by students from Binus’ Design School, specifically, Deadra, Ivanka, and Qintara. The task was to add functionality to the then-static website so it can be used in the actual business.
TEAM
Back End Programmer : Rinaldi Halim
Front End Programmer : Hashegi Hanjaya
Videographer and programmer : Hendry Louise
ART and DESIGN REFERENCE
Visual Design and Concept : Deadra, Ivanka, Qintara
USER REQUIREMENTS
The features from the customer side:
- Sign up / Register New Customer
New Customer are able to createa account to make purchases on the website - Login and Logout
Users could login and logout with their own account. Login is required to perform specific function in the website, such as purchasing - About us and Contact us page
Users are able to view about us page within the website such as brief explaination of pusaka beruang and batik lasem. User are able to view contact us page within the website. There are information such as e-mail and phone number of the enterprise - Browse all products
Users are able to browse products through the website as a whole - Browse products based on each category
Users are able to browse products by selecting on a specific category - Add product to shopping cart
Users are able to add a certain product to the shopping cart - View shopping cart
Users are able to view their current list of items inside their shopping cart [login required] - Remove product from shopping cart
Users are able to remove selected product from their current list of shopping cart [login required] - Checkout shopping cart
Users are able to checkout their current shopping cart and placed it as an order request and pay using Credit Card [login required] - View list of order history
Users are able to view their own order history list along with its status [login required] - Edit user profile
Users are able to manage their personal information on their account page [login required]
The features from the admin side:
- Login and Logout
Admins are able to login and logout to admin page with an admin account - View list of all users
Admins are able to view the list of user account including the customer account - Add, Edit, Delete user data
Admins are able to add new user account, edit user account who has a lower role level, delete user account who has a lower role level and excluding their own account - View list of roles
Admin are able to view the list of role used in the system (Admin or Customer) - View list of products
Admins are able to view list of product saved in the database - Add, Edit, Delete product data
Admins are able to add, edit, and delete product data from the webpage - View inventory list
Admins can view the remaining stock for each product - View and edit product mutation list
Admin can view all mutation list and edit quantity for a specific product - View order list
Admins are able to view all order list that has been made by customer through this website - Process an order
Admins can process an order after verify the payment using the credit card - Edit general info
Admins can edit general info details such as bank account number, contact number, and address
PROJECT REQUIREMENTS
- PHP Framework
We use Code Igniter and a template as our PHP Framework - Navigation Bar
- Help Page
- Login and Sign Up Form
- Shopping Cart
- Admin Page
- Database
- Javascript Function
- Date object form the server (website)
TECHNICAL
Programming Language
>> Back-End : PHP
>> Front-End : CSS, HTML5, Javascript
Database
>> MYSQL
SCOPE OF WORK
As the back end programmer, most of the work is to make sure the functionalities of an E-Commerce does exist and IS working in the website, as well as provide the functionalites needed for an administrator to manage contents of the site, users, products, and purchase histories.
Commercial Video: