Scripting Language Final Project Report

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

1

Back-End

2

    • Provide help & login pages.

Help

3

Login

4

    • Provide user registration form.

5

    • Provide login/user authorization table in a database.

6

    • Provide administrator page(s).

7

    • Provide shopping cart.

8

    • Contain title tag to create an appropriate title in every page.

9

    • Use appropriate href

10

    • Appropriate form contain space for name, address, phone, email, gender, etc.

11

    • Utilize the image object and the onMouseOver event or other event to dynamically change images.

Before

12

After

13

    • Define styles using css and use them to give attributes to some html elements

14

    • Use a JavaScript function (at least 2 scripts).

Slider

15 16

Admin Login

 1817

    • Use form elements such as text and selection boxes to gather user input/preferences.

11

    • Use the date object to write the date from the server (you could put anywhere on your web).

19202122

    • Create an inventory table in a database.

23

  • Inputting the assets to the free source template.

26 27 28 29 30 31 32

  • We should use PHP framework on CodeIgniter.

2425

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

33
3534

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.

3637383940Capture

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.

4342

5244 45 46 47 48 49 50 51

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

This entry was posted in Project. Bookmark the permalink.

Leave a Reply

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