Ivan Yudistira

Good Day!

Continuing from the last post about the Scripting Language Project. This post will mainly explain about the working functionality of the e-commerce website.

Project Description:
This website is an e-commerce website which has been made by Inggreat Sundjaja, Ivan Patria Yudistira, and Otto Daniel for our client – Batik Lasem Pusaka Beruang. This website has several features such as:

 

User Site

• Home Page: show the advertisement of Batik Lasem and show the newest collection of Batik Lasem Pusaka Beruang.
• 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 Beruang.
• Cart Page : consist of the customer’s chosen product.
• 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.
  • Search Order Detail: consist of the form and detail of the customer’s order.
• Transaction :
  • Search Transaction List : consist of the form and detail of the customer’s transaction.
  • Search Transaction Detail : consist of the form and detail of the customer’s transaction to be confirmed or denied.
• 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 to be confirmed or denied.
• Product :
  • Add Product : consist a form to add new product.
  • Search Product : show all the product and admin can search the product.
• User :
  • Add User : consist of a form to add new user.
  • Search User : show all the user details and admin can search the user.

 

Preview

 -User-

 

 -Admin-

 

Thereby, we present our link to the demo video of our website

-T.T.F.N.-

– Sugeng Rawuh –

In Scripting Language class we will create e-commerce website for Batik Lasem: Pusaka Beruang, where the website is capable of sell Batik over the net. The design template already taken care of by Michelle, Art and Design Student, so our team purpose will be to make the functionality works as much as possible in order to attract customer for Pusaka Beruang.

According to our team the design itself already shows its best. It mostly construct of monochrome color (black & white). However, the code (the html) behind the design is a bit confusing. To make up for that, our team decided to re-create the code to be more comfortable to be seen.

For the functionality itself, we are going to have a login button that there are two types of person as an administrator or customer. Since there are 2 types of customer, we make administrator site for the person who have role as an administrator.

In the Administrator site, there are:

1. Add, delete, search, update inventory table,
2. User information table,
3. Transaction table.

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

1. Shopping cart,
2. Registration form,
3. Search item,
4. Register as a user.

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

I will handle a little bit of the front-end and a little bit of back-end of this website. In a nutshell my job description will be responsible for implementing visual and user interaction with the site, and to make the functionality works.

In order to create this site in Scripting Language class, there are several minimum requirement that need to be fulfilled.

Project Requirement

1. Use PHP framework. Suggestion: CodeIgniter.
2. 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.
3. Create a help and login pages.
4. Use appropriate href and/or alt (if image) tags for each menu item.
5. Use the title tag to create an appropriate title in every page.
6. Create a user registration form.
7. Create a login/user authorization table in a database.
8. Create administrator page(s).
9. Use a shopping cart.
10. The form should 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.
12. Define styles using CSS and use them to give attributes to some html elements.
13. Use a JavaScript function (at least 2 scripts).
14. Use form elements such as text and selection boxes to gather user input/preferences.
15. Use the date object to write the date from the server (you could put anywhere on your web).
16. Create an inventory table in a database.
17. Display inventory by category upon request from the main page.

• Name – Ivan Patria Yudistira
• ID – 1701354763
• Team :
  • Inggreat Sundjaja – 1701319722 (Front End Developer).
  • Ivan Patria Yudistira – 1701354763 (Front End Developer and Back End Developer).
  • Otto Daniel – 1701320352 (Back End Developer).