Hello!

In Scripting Languages course, we have to make an e-commerce website based on Batik Lasem. The design of the website has been created by art and design student named MICHELLE. It mostly made by a monochrome color (black and white color). It has a good design but we planned to change the design because at first the CSS file is too much and makes us confuse. Second, she made with a muse programming language.

In this e-commerce website, we are going to make all the functionality works, we will add new functionality in this website. First we are going to have a login button that there are two types of person as an admin or customer. Since there are 2 types of customer, we make admin site for the person who have role as an admin.

In the Admin site, there are:

• Add, update, search, and delete inventory table,
• User information table,
• Transaction table.

and in the client site (where the customer see and interact with), there are:

• Shopping cart that works properly,
• Registration form,
• Search item,
• Register as a user.

This website will be developed using PHP framework (Code Igniter) that it has Model View Controller  (MVC) to organised the website. Besides that, we use html to developed the front end of this project and we use bootstrap template.

I will handle the front end of this website. The job description of front end is responsible for implementing visual elements that users see and interact with in a web application. Furthermore, I will provide a website template for the admin side.

Project Requirement:

• Use PHP framework. Suggestion: CodeIgniter
• Create the primary navigation bar (menu) for the site. It may be implemented as an image map or as a table of images, text or buttons.
• Create a help and login pages.
• Use appropriate href and/or  alt (if image) tags for each menu item.
• Use the title tag to create an appropriate title in every page.
• Create a user registration form.
• Create a login/user authorization table in a database.
• Create administrator page(s).
• Use a shopping cart.
• The form should contain space for name, address, phone, email, gender etc (but should be appropriate)
• Utilize the image object and the onMouseOver event or other event to dynamically change images.
• Define styles using css and use them to give attributes to some html elements.
• Use a JavaScript function (at least 2 scripts).
• 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.
• Display inventory by category upon request from the main page.

Here is some images of Pusaka Beruang, Batik Lasem :

Name : Inggreat Sundjaja

ID         : 1701319722

Team:

• Inggreat Sundjaja – 1701319722 (Front End Developer)
• Ivan Patria Yudistira – 1701354763 (Front End Developer and Back End Developer)
• Otto Daniel – 1701320352 (Back End Developer)

 

 

Thank you!