For Scripting Language Final Project, it has been decided by sir Raymond Bahana that we should create an e-commerce website that sells Batik from Pusaka Beruang.
Features
- Navigation bar on both the website and admin panel.
Website
Admin Panel
- Login page & Help page.
Login Page
Help Page
- Use appropriate href and/or alt (if image) tags for each menu item
Href & Alt tags
- Use the title tag to create an appropriate title in every page.
Title tag
- User registration form with validation.
Registration Page
- Login/user authorization table in a database.
User Database
- Create administrator page(s).
Admin Panel
- Use shopping cart.
Shopping Cart
- Define styles using CSS and use them to give attributes to some html elements.
CSS
- Utilize the image object and the onMouseOver event or other event to dynamically change images.
onMouseOver Event
For Images we decided to use slider instead
- Use a JavaScript function (at least 2 scripts).
Javascript
- Use form elements such as text and selection boxes to gather user input/preferences.
Form elements
- Use the date object to write the date from the server (for Date of Purchase)
Date Object
-
The form contains space for name, address, phone, email.
We separate the forms into user registration form and order form
User Registration
Order Form
-
Create an inventory table in a database.
Inventory Table
Task Division
In this project, my task was to create the website’s interaction between the user and the database. While Janis took care of the admin panel and Chelsy creates the front-end (HTML, CSS, JS).
Technical
Tools Used:
- PHP (Codeigniter)
- XAMPP (Apache & MySQL)
- HTML, CSS (Bootstrap), JS (JQuery)
- Text Editor: Atom
Team
- Chelsy – 1701319994
- Edward Emmanuel Leonardi – 1701319735
- Janis – 1701320560
- Deadra Ivanka Qintara (Design Student)