Report ⌊♥∇♥⌋
For this course (CS220 – Scripting Language) final project, we were given a design that is randomly selected for us to create an e-commerce website. The front-end was created by the design student while we Computer Science students will manage the back-end. The e-commerce website is based on Batik Lansem for Pusaka Beruang. This project is worth 30% of the final grade. The design we received provided the basic website without cart design, thus we look for a free source template that suite and appropriate for our theme.
Minimum Requirements (SCOPE)
- Provide primary navigation bar (menu), may be in image map or as a table of images, text or buttons.
Front-End
Back-End
- Provide help & login pages.
Help
Login
- Provide user registration form.
- Provide login/user authorization table in a database.
- Provide administrator page(s).
- Provide shopping cart.
- Contain title tag to create an appropriate title in every page.
- Use appropriate href
- Appropriate form contain space for name, address, phone, email, gender, etc.
- Utilize the image object and the onMouseOver event or other event to dynamically change images.
Before
After
- Define styles using css and use them to give attributes to some html elements
- Use a JavaScript function (at least 2 scripts).
Slider
Admin Login
- Use form elements such as text and selection boxes to gather user input/preferences.
- Use the date object to write the date from the server (you could put anywhere on your web).
- Create an inventory table in a database.
- Inputting the assets to the free source template.
- We should use PHP framework on CodeIgniter.
Task Division
Chelsy ⇒ Administrative Panel, Database Design, Template Inputting.
Edward ⇒ Login System & Order
Janis ⇒ Inventory System & Purchasing
Interaction ⌊♥∇♥⌋
Login
- With this function, user will be able to do transaction without the needs to input user’s information the second time after register their details.
- Automatic logout with session
Cart
- User will be able to put their inquiries into the shopping cart that will be provided for the transaction
- After client has approve the inquiries by transfer and send the payment confirmation slip, Administrator can see the inquiries in the admin panel and proceed with the delivery.
Administrator
- Administrator will have the privilege to edit the stocks.
- The e-commerce will be in sync to the database of the stocks.
- Can view order with 4 categories: unpaid, pending, paid, and shipped.
- See all the payment confirmation uploaded by customers.
- See all user registered and add user.
- Can add or edit items in the product menu.
Here is the link to our video
https://www.youtube.com/watch?v=kPRcrbBYEtQ
Name: Chelsy | 1701319994 |
Team: Edward Emmanuel Leonardi | 1701319735 | Janis Giovani, Tan | 1701320560 |
Design: Deadra Ivanka Qintara
Extra Credit: W3Layouts | http://w3layouts.com