Fall-2016_IT430_1

Semester:

Fall 2016

Assignment No. 01
Semester: Fall 2016

IT430: Ecommerce

Total Marks: 20

Due Date: 18 Nov 2016

Instructions

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:

You are required to develop sample E-Commerce web application in HTML. The application should offer items, products and services (of your own choice) to the customers.

YOUR TASK:

Develop sample interface of E-Commerce web application having at least following features:

On top of the web page your name and VUID should be displayed
Next there should be brief information of the Business dealing with buying, selling or exchange of products, services available on web application.
Display the Unorder/Order list of products, services offered to the customers.
Next display some images of products or services in table format with some information.
Display the items list in check box, so that user can select the item(s) for purchase
Next Payment option is displayed to the user by using radio buttons.
At the end of page, there should also be two buttons. One offering the Submit functionality and other is used to reset the information given in E-commerce application.
Payment option, product selection and two buttons should be displayed in separate table with different background color.

Screenshot of the Sample E-commerce 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 Ctrl+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.

Solution File:

<!DOCTYPE html>
<html>
<head>
 
 <title> E-Commerce Web Application </title>
 
</head>

<body bgcolor="green">
<center>
 
<h1>
Zain Nasar</h1>
<br>
<h4>
Online Laptop Sales Management System</h2>
<br>
<h4>
BS123456789</h3>
<br>
</center>
<p>
Galaxy Laptop is the best place to Buy laptops in cheap prices all over Pakistan.We are dealing with different brands of laptops including: <br> 
<ul type="bullet">
<li>HP</li>
<li>Dell</li>
<li>Apple</li>
<li>Acer</li>
<li>Lenovo</li>
<li>Asus</li>
</ul>
</p>
<table border=1>
<caption>
Available Dell Laptops
</caption>
<tr>
<td><img src="Dell Core i3.jpg" alt="" width="200" height="128"></td>
<td><img src="Dell Core i5.jpg" alt="" width="200" height="128"></td>
</tr>
<tfoot>
<tr> 
<td>Dell Core i3</td>
<td>Dell Core i5</td>
</tr>
</tfoot>
</table>
<br>
<br>
<br>
<br>
<table width=30% border=2 bgcolor="blue">
<tr>
<form id=f1>
<td>Select the available laptops you want to purchase. <br>
<input type="checkbox" name="Dell Core i3">Dell Core i3<br>
<input type="checkbox" name="Dell Core i5">Dell Core i5<br>
</td>
</form>
</tr>
<tr>
<form id=f2>
<td>Select your payment option.<br>
<input type="radio" name="Debit Card">Debit Card<br>
<input type="radio" name="Credit Card">Credit Card<br>
</td>
</form>
</tr>
<tr>
<form id=f3>
<td>
<center>
<input type ="submit" value ="Submit">
<input type ="reset" value ="Reset">  
</center>
</td>
</form>
</tr>
</table>
</body>
</html>

Screenshot :

Fall-2016_IT430_1

Arslan Arshad

0 comments:

Subscribe Our Newsletter