Introduction
The Final Project of CS220 – Scripting Language Course, we were given a project to creating an e-commerce website. The team was consist of 3 people, they are Ronald Bernadi, Richie Wijaya, and Ignatius Yuda. The job description are:
- Ignatius Yuda: Finding a template, create database, and listing all the functionalities
- Richie Wijaya: Create the navigation for the admin, implement all the function, and connect the front-end with the back-end
- Ronald Bernadi: Create the front end of the website(CSS and javascript), setting up all the jquery function for each button and form and send it variable that are needed by the back-end developer
The project was built using:
- Back-End: PHP programming language, CodeIgniter framework, bootstrap, javascript
- Front-End: HTML 5, Bootstrap, Font-awesome, Javascript, Jquery,
- Database: MySQL
Individual Report
Currently, I’m working as the front end developer which has a task in managing the user view for Batik Lasem Pusaka Beruang. Actually the design for the front end has been created by the design student for their final project, however because design does not meet my requierment and the code is a bit of mess which are hard to edit So, I redesigned all the code and asking help from other member to get a template for this website. But I still use the data that the design student had such as image & content of the website. Besides, setting all the html and css, I also layout the page and form. After all my work done I send all the variable that are needed by my back-end programmer then receive it again and display it to the front end.
Front End Features
- Home Page
Main Page of the website, there are a slideshow of image and new product available.
- About Us Page
Brief explanation of Pusaka Beruang store
- Contact Us Page
How to contact the Store
- Login Page
For those user who is already registered their email to this site.
- Register Page
For registering a new user
- Product Page
This page contain all the product that being sell. It contatin the image of each product so you can know the look of each product. Also there are category to section the product. Once user click “add to cart” button, it will add the item to shopping cart.
- Cart Page
This page contain all of the items that user want buy including the quantity and total price. After you sure about the items that you want to buy. Next press “checkout”