Category: Scripting Language

Scripting Language – Final Project Report

Project Brief

One of the requirements of completing the Scripting Language course we have to set up the given website. The Batik Lansem for Pusaka Beruang website was designed by Deadra Ivanka Qintara, Art and Design student of BINUS International students. We as Computer Science students will take part in back end by providing and adding features for real website. Our team consists of three people; Chelsy, Edward Leonardi and me, Janis Giovani Tan. Each of us has different roles,

  1. Chelsy : Administrative Panel, Database Design, Template Inputting.
  2. Edward : Back End User
  3. Janis : Back End Admin

To support the features of website, as suggested we were used Code Igniter for PHP framework. HTML, CSS also Javascript for the front end and MySQL for database.

Features

1. Primary navigation bar (menu)

Navigation for User
Navigation for User

2. Help and login pages

Help Page
Help Page
Login for User
Login for User

3. The title tag to create an appropriate title in every page

Title Tag
Title Tag

4. Registration Form

Registration Form
Registration Form

5. A login/user authorization table in a database

Login or user authorization
Login or user authorization

6. Administrator page(s)

Login for Admin
Login for Admin

7. Shopping cart

Shopping cart
Shopping cart

8. On Mouse Event

On Mouse Event
On Mouse Event

9. Javascript Functions

Image slider

Javascript Function - Image slider
Javascript Function – Image slider

Zoom Image

zoom image

10. Inventory table

Inventory Table
Inventory Table
Web Details

1. User site

a. Login and Registration Page

Users are required to login before make any order. For new user, they can go to registration page and fill all information.

b. About Page

We provide information about Pusaka Beruang in this page. User can access this page through navigation bar

c. History Page

The history of Lasem, Batik Lasem and Indonesian Batik is provided in this page

d. Culture

This page consist of information about culture of Lasem

d. Pattern

Pattern Page will present all pattern available in Batik Pusaka automatically.

e. Product

This page will show all the product and allow customer to add item to cart directly or click the item to get more detail information regarding the item.

f. Help

Help Page provide user with information in navigating and using the e-commerce website.

 

2. Admin Site

We are required to login first before go to admin site. After that, we provide user, item, order and payment menu. For each menu, we allow admin to see, add and edit its information.

Here is the video of our website

Scripting Language – Final Project Proposal

This Project, create an e-commerce website, is one of the requirements of Scripting Language course. The design have been designed by Deadra Ivanka Qintara, therefore we , as Computer Sciecnce students, will focus on back end part. The e-commerce website is based on Batik Tulis Lasem Pusaka Beruang. To support this e-commerce we are using Codeigniter and PHP (for back end).

 

logo

Batik Tulis LASEM Pusaka Beruang

This e-commerce website will be for Batik Tulis Lasem Pusaka Beruang. Batik Tulis Lasem Pusaka Beruang is a batik Lasem company owned by Santoso Hartono. Currently, this company has around 300 employees. They produce variety of batik patterns.

Through this website, we will support both customer  and admin so that they can access Batik Tulis Lasem Pusaka Beruang easily by providing some features. Here are features will be available for the website :

  1. Login System. Customer need to login to the website before they buy any item.
  2. Shopping cart. As an e-commerce, this website provide shopping cart that allow user to store multiple order before customer make a payment
  3. Invoice. Customer will be able to see their invoice after an order is made
  4. Payment Confirmation. Customer can fill the confirmation form after they made a payment
  5. Admin Panel. Admin panel is one of important part of this website and has a privilege, since admin is allowed to see customer’s order
  6. Inventory system. It will let system to show updated stock of a product
How to make an order?

The procedure will be same as another e-commerce.

  1. User need to log in
  2. User selects and adds the items into cart.
  3. Order confirmation by user.
  4. Admin sends an invoice to user
  5. User make a payment. Then fill the payment confirmation on the website.
  6. After the payment confirmed by admin, item is shipped
Task Division and Team Member

This project is managed by  :

  1. Chelsy – 1701319994
  2. Edward Leonardi – 1701319735
  3. Janis Giovani Tan (me) – 1701320560
  4. Deadra Ivanka Qintara (Design Student)

Each of us taking different part of this project. I will be dealing with the inventory and purchase (including payment confirmation). Chelsy will be handling the Administrative Panel and  Database Design. Edward will be managing the login system and order.