Final Project Report

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 Richie Wijaya, Ronald Bernadi, 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 back end developer which has a task in managing the admin view for Batik Lasem Pusaka Beruang. Actually the design for the back end has been further developed from a template. However, the template does not meet the requirement for the final project which has to implement the framework called CodeIgniter. So, I modify all the code. But I still use the basic design of the template. After all my work is done, I need to connect to database and then to the front end.

Back End features:

  • Login Page

For legitimate admin to log in

loginpageadmin

  • Add Administrator

For adding new administrator

  • View All Administrators

For viewing all administrator on the database

  • Add Category

For adding new batik category

  • View All Categories

For viewing all batik categories

  • Add Product

For adding new product

  • View All Products

For viewing all products on the database

  • View Orders

For viewing all orders from users

  • View Users

For viewing all users registered via Front End

 

For the video of my website, click on this link : https://www.youtube.com/watch?v=e3uy9-AJ9Bc

Final Project Proposal for Scripting Language

The final project will be a group project and I will be working together with Jonathan Ronald & Ignatius Yuda. The theme of this project is an e-commerce website as a main product is BATIK. This website is projected for Pusaka Beruang, one of small business in selling Batik Tulis Lasem. BATIK is Indonesia heritage for cloth that has been declare by UNESCO. It is an technique of wax-resist dying applied to whole cloth and it the technique called canting.

The content and front-end of this website has been done by Clara Lukman as her previous project as a design student. As a, computer science student we are required to make the back end of this website as our project. Furthermore, we are allowed to modified the front-end of the website to match the requirement of the project.

There are two main service for this e-commerce website, admin and customer side. I will explain more about the specification of this project and features of each service in this post.

Project requirements:

  • PHP Framework (Code Igniter for our PHP Framework)
  • Navigation Bar
  • Help Page
  • Login and Sign Up Form
  • Shopping Cart
  • Admin Page
  • Database
  • Javascript Function

Customer features:

  • Log in
  • Log out
  • Sign up (Register new customer)
  • View company profile
  • Browse product
  • View product details
  • Add product to shopping cart
  • Cancel product from shopping cart
  • View shopping cart
  • Edit customer’s data (name,address,phone,email,etc)

Admin features:

  • Log in
  • Log out
  • View all user
  • Add new product
  • Edit product’s detail
  • View order list
  • Edit users
  • Verify customer’s order

Technical:

  • Programming Language
    • Back-End : PHP
    • Front-End : CSS, HTML, Javascript
  • Database
    • MYSQL