IT430 E-Commerce Assignment No. 1 Solution Spring 2017

IT430: Ecommerce

Due Date:04/05/2017

Please read the following instructions carefully before submitting assignment:

It should be clear that your assignment will not get any credit if:

§  The assignment is submitted after due date.

§  The submitted assignment does not open or file is corrupt.

§  Solution is copied from any other source.

OBJECTIVE:

The objective of this assignment is to;

§  Learn and practice basic concepts of HTML

§  Learn to draw images, checkboxes and radio button on simple HTML page.

§  Learn to draw Tables by using HTML

§  Drawing images in a Table.

§  Changing background color of Web page using HTML

ASSIGNMENT:

Develop a sample E-Commerce web application in HTML that deals with buying and selling of product of your own choice. Customer can select any item, product, and service offering to the customers at their own choice.

YOUR TASK:

Sample interface of E-Commerce web application should have at least following features.

• On top of the E-commerce web page your name should be displayed
• Next there should be name of your web application along with your VUID.
• Display the Unorder/Order list of products, services that are offered to the customers.
•  In next section display the image of product/accessories that are available on your online web application.
• Next section is Add to cart section that allows customer to select the available product along with payment option in table format.
• In add to cart section use the check box for the selection of products, which allows user to select the products to be purchased.
• Payment option is displayed to the user, in the form of radio button offering the payment options to the users.
• Finally in add to cart section two buttons should be displayed. One offering the Submit functionality and other is used to reset the information given in E-commerce application.

Screenshot of the Sample Ecommerce Web Application:

Following is the sample screen shot of E-commerce web application.

Note: Your own VUID should be displayed on the web application.

 Submission:

You are required to submit your solution through LMS in a single MS Word file. Having following two information.

§  Screen shot of your E-Commerce web application. By using Alt+PrtScn keys you can get the screen shot of any active window.

§  HTML code of E-commerce web application that should also be displayed in the same word file.