Question #1 (4 marks) Before you start, is necessary to understand how the web works. You will need to draw a diagram of the protocol stack that…

[ad_1]

Question #1 (4 marks)

Don't use plagiarized sources. Get Your Custom Essay on
Question #1 (4 marks) Before you start, is necessary to understand how the web works. You will need to draw a diagram of the protocol stack that…
Just from $13/Page
Order Essay

Before you start, is necessary to understand how the web works. You will need to draw a diagram

of the protocol stack that allows the Web to operate. Use acronyms in the labelling of your diagram

and provide a list of the acronyms with their full names.

Question #2 (12 Marks)

Now, the first step in creating the website is to create the interface mock-up. There are some critical

pages that will need to be created and linked together to illustrate the interface features. For those

pages that will ultimately contain user-contributed data, they can be loaded with sample data to

illustrate the design. You should use the bootstrap or another HTML/CSS framework for help

1 – Home page

This is the default. It shows a logo, store title (h1 tag), a list of products (with pictures), a list of

categories, a search option (to search for a product), a menu with the login (form), registration

(button), and cart.

1.1 – Login

The purpose of this form is to allow the user to enter their username and password to login.

2 – Registration page

This form should collect the information required for creating a new account on your store. At the

least, it should collect the name, email address, date of birth, image profile, and password. The

form should ask the user to enter their password twice, to ensure that it is entered properly.

3 – Profile Page

For this page, only the middle should change from the home page. The menus and categories

should be visible for all pages. Here you should be able to see all your information from the

registration form, with a button to edit the user data if is necessary. Moreover, you should have a

button for the logout and a list of all products that you bought/placed the order before. In the end

of the page, you will have all the products in your “wish’s list” with the link to the product page

and a button to remove the product from the list.

4 – Administrator Page

For this page, only the middle should change from the home page. The menus and categories

should be visible for all pages. Looks like the profile page, but instead of showing all the products

that you bought, should show all the products sold in the website, the user that bought it, the

quantity and the final price. Moreover, the admin should have a button to register a new product

and another one to remove or add a new category.

4.1 Add/Remove category

This page is only a pop-up, so, there is no need to have all the menus, logo, or category menu. In

this page, you should list all the categories of the store, with a button to delete in the side of each

category. In the top, you should have an input text to type the name of a new category and then, a

SAVE button.

4.2. Add a new product

This page is only a pop-up, so, there is no need to have all the menus, logo, or category menu.

Here you should have a form for the admin input the Product Title, Select a Category from a select

list, Select a Picture (file upload), Put a Description (text area), Put the Quantity available, and the

Unit Price.

5 – Product page

For this page, only the middle should change from the home page. The menus and categories

should be visible for all pages. Here you will show the product picture, the title, the description,

the price, a box to put how much items you want to buy and the add to cart button. Next, you will

need to make a button to add this product to the “whish’s list” in the case that the user wants to

buy it later. Moreover, you should show the similar products after the product description (other

products from the same category, at least 4 more).

6 – Cart Page

For this page, only the middle should change from the home page. The menus and categories

should be visible for all pages. Here you should list add the products that you had added before to

the cart (picture, title and quantity) and the total price for each product as well (in a kind of table

format). In the end, you should show the grand subtotal (the sum of all products prices plus), the

GST amount and the PST amount (will be calculated automatically). Finally, you should have the

final Total each a sum of everything and a button to place the order or keep shopping (go back to

the home page). Each product should have the quantity box editable for an automatic update

(changes the quantity bought and the price) and a button to remove the item from the cart.

OPERATIONS:

For each of these pages, you are to draw sketches and then build each of these pages using HTML5

(following the syntax rules of XTHML) and CSS. You need to ensure that there is a proper

separation of the specification of the content from the specification of the presentation rules. Your

submission should include six sketches, six HTML5 pages, and a single CSS file, plus the

framework folder. As a complement, you need to provide the links for each w3c validation, for

example: https://validator.w3.org/nu/?doc=http%3A%2F%2Furegina.ca%2F~martinsp%2F



[ad_2]

Source link

Place your order
(550 words)

Approximate price: $22

Calculate the price of your order

550 words
We'll send you the first draft for approval by September 11, 2018 at 10:52 AM
Total price:
$26
The price is based on these factors:
Academic level
Number of pages
Urgency
Basic features
  • Free title page and bibliography
  • Unlimited revisions
  • Plagiarism-free guarantee
  • Money-back guarantee
  • 24/7 support
On-demand options
  • Writer’s samples
  • Part-by-part delivery
  • Overnight delivery
  • Copies of used sources
  • Expert Proofreading
Paper format
  • 275 words per page
  • 12 pt Arial/Times New Roman
  • Double line spacing
  • Any citation style (APA, MLA, Chicago/Turabian, Harvard)

Our guarantees

Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.

Money-back guarantee

You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.

Read more

Zero-plagiarism guarantee

Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.

Read more

Free-revision policy

Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.

Read more

Privacy policy

Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.

Read more

Fair-cooperation guarantee

By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.

Read more

Order your essay today and save 15% with the discount code BANANA