Scripting Language : Final Project

Hello!

In this post, i will be mainly discussed about website functionality in detail. This website is an e-commerce website of Batik Lasem Pusaka Bering. This website has user site and admin site that has a different purpose and functionality.

Features

User site:

  • Home Page: first page user see when visit this website. it show the advertisement of Batik Lasem and show the 3 newest collections of Batik Lasem Pusaka Bering.
  • Product Page: show all the product and customer can choose the categories based on the Batik itself.
  • About Page: consist of Batik story and Batik Lasem story.
  • Contact Us Page: consist of a map and the details information of Batik Lasem Pusaka Bering
  • Cart Page: consist of the customer’s chosen product with the the total price of each item and total price of all item.
  • Register/Login Page: consist of a form of register to become a member and a form to log in to customer’s account. After Login there is a dropdown menu that consist of:
    • My Profile: show the customer’s profile.
    • My Order: show customer’s order.
    • Log Out: exit from customer’s account.
  • Search button to search the product.

Admin site

  • Home Page: show the landing page.
  • Order:
    • Search Order List: consist of the form to search customer’s order and show all order
    • Search Order Detail: consist of the form, detail of the customer’s order and process customer order whether want to be accepted or denied.
  • Transaction:
    • Search Transaction List: consist of the form to search and show all transaction.
    • Search Transaction Detail: consist of the form and detail of the customer’s transaction history
  • Payment:
    • Search Payment List: consist of the form and detail of the customer’s payment.
    • Search Payment Detail: consist of the form and detail of the customer’s payment
  • Product:
    • Add Product: consist a form to add new product.
    • Search Product: show all, search, edit and delete product.
  • User:
    • Add User: consist of a form to add new user as user or admin.
    • Search User: show all, search, edit and delete user.

preview

<– User –> 

 

Screenshot  1 : Home Page

Screenshot  2 :  Product Page

Screenshot  3 : Help Page

Screenshot  4 : Contact Us Page

Screenshot  5 : Cart Page

Screenshot  6 : Register / Login Page

 

<– Admin –>

Screenshot  7 : Home Page

Screenshot  8 : Order Page

Screenshot  9 : Add Product Page

Screenshot  10 : Payment Page

 

Team Member :

Inggreat Sundjaja

Ivan Patria

Otto Daniel

And, here is the link to see the demo of our project! Hope you like it! ENJOY!

THANK YOU.

 

Leave a Reply

Your email address will not be published. Required fields are marked *