alamaan+mussa+unit+3

**Pre-Unit exercise (if any)**
= INVESTIGATION = =The current situation/problem:= How can shopping online be made effective?

=The Design Brief= I am going to design and make a website about the stakeholders involved in online shopping. It should be suitable for students aged 12 to 18.

=The Design Specification= My website must =Tests= -Does my page have 5 pages? -Is my website easy to read, organized and simple to allow the audience to focus on your information(the message)? -Does my website look attractive and does it not overdo with colour otherwise the audience will get distracted? -Is my website easier for the audience to find their way around a site? -Does my homepage have links from the main page to read more about the topic? -Is the layout for the site important for usability? -Does my page have no spelling mistakes? -In my website does the size and font combination right for your website? -Does my website have the right images? -Does my website tell what the page is about? -Does my website have any images? -Is my website set out professional? -Is it very useful? -Does my page have links?
 * Have a Homepage
 * Pages about what you need to shop online
 * Pages about what the shop needs to offer this service
 * Pages about hacker's methods
 * Pages about security measures
 * Have a consistent layout
 * Appropriate use of pictures
 * No copy and pasted information
 * Have tables with merged cells
 * All pages that adjust to the window size
 * Must function the same in three different browsers.
 * They must be no spelling mistakes.

Reference: []

=Examples of good websites:=





amazon and ebay These are very good websites.In these examples it shows how the layout is set,clear,pictures and easy to navigate.

This is a website for over 50's. This website is simple,easy to navigate,clear,layout and has appropriate pictures.

=what makes a good website:= 1)Easy to read. 2)Clear and to the point 3)Easy to navigate 4)Avoid dead links(meaning that the links on all your pages are working) 5)Layout 6)Quick to download(meaning graphics or sound)

Reference [] [] [] []

=Website assessment:= In my website design i have commented on the content,audience,design and how user friendly the website is.

Conclusion:In my website i will make no spelling mistakes,easy to read and easy to navigate.For the backround i will use light colours so that you can read the writing nicely.My page should be attractive and done very nicely.The link to the pages should work and i should avoid dead links.

= DESIGN =

Design 1
Homepage:



In design one i think that it reaches the design specification because it explains what has to go in such as i have explained the links,the pictures and the information that has to go in.This design is very attractive,neat and it is very simple.It is a very detailed design.In this design it has no spelling mistakes and it shows where the link goes(links for pages) on the left hand side.

Design 2
Homepage:

In design two it meets the design specification because the layout is consistent.I like the layout for this one because it has light colours so that you can understand what has been written.This design is very attractive because of the use of colour.This design has a very interesting thing because of the facts and information.

Design 3
Homepage: In design three i like the way i have put it in different sections so that it is very organized.This design is very simple and attractive.This design has more brightness(meaning bright colours).I think that it has got a lot of detail.This design is good for teenagers because it is simple and easy to understand.The links will look good on the website.

Justification


 * Design specification || Design 1 || Design 2 || Design 3 ||
 * Have a Homepage || Yes || Yes || Yes ||
 * Pages about what you need to shop online || Yes || Yes || Yes ||
 * Pages about what the shop needs to offer this service || Yes || Yes || Yes ||
 * Pages about hacker's methods || Yes || Yes || Yes ||
 * Pages about security measures || Yes || Yes || Yes ||
 * Have a consistent layout || Yes || Yes || Yes ||
 * Appropriate ate use of pictures || NDY || NDY || NDY ||
 * Have tables with merged cells || NDY || NDY || NDY ||
 * All pages that adjust to the window size || NDY || NDY || NDY ||
 * Must function the same in three different browsers || NDY || NDY || NDY ||

NDY=not done yet For my justification I choose this design 1 because it is very simple, easy layout,clear and to the point and easy to ready.This design is very easy to do and it explains what has to go in each page.The design will have interesting information about the topic.This design will not have any dead links. = PLAN = what you need to shop online,  what the shop needs to offer this service,  hacker's methods and security measures (20 mins) || Create || 25/2/2013 || Computer and Microsoft word ||  ||^   || (wikispaces) ||  ||^   ||
 * Task || Stage || Date || Resources || Comments ||  ||
 * Research about
 * Look at design specification(2mins) || Create || <span style="font-family: Arial,sans-serif; font-size: 10pt;">5/3/2013 || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Computer and internet(wikispaces) ||  ||   ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Look at criteria(2 mins) || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Create || <span style="font-family: Arial,sans-serif; font-size: 10pt;">5/3/2013 || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Computer and internet (wikispaces) ||  ||^   ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Look at chosen design(3 mins) || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Create || <span style="font-family: Arial,sans-serif; font-size: 10pt;">7/3/2013 || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Computer and internet (wikispaces) ||  ||^   ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Find pictures that are not bad pictures and save with the right name(5 mins) || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Create || <span style="font-family: Arial,sans-serif; font-size: 10pt;">7/23/2013 || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Computer and internet
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Then go to Microsoft web expression and start to make a layout for the homepage and then start putting information that is needed in pages. || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Create || <span style="font-family: Arial,sans-serif; font-size: 10pt;">7/3/2013 || <span style="font-family: Arial,sans-serif; font-size: 10pt;">Computer and <span style="font-family: Arial,sans-serif; font-size: 11.5pt;">Microsoft web expression ||  ||   ||

= **CREATE** =

Homepage:



Page 1:

Page 2:



Page 3

Page 4



= EVALUATE = I liked my website because the backround was simple,I had links which worked.The problem with my website was that there was less information.I next time have to not rush on my work.My Product was meeting the design specification and here there are: - Have a Homepage -Pages about what you need to shop online -Pages about what the shop needs to offer this service -Pages about hacker's methods -Pages about security measures -Have a consistent layout -Appropriate use of pictures -No copy and pasted information -They was no spelling mistakes

I also referred to my tests and here they are and I am also going to say yes or no to the questions :

-Does my page have 5 pages? Yes my product has 5 pages.

-Is my website easy to read, organized and simple to allow the audience to focus on your information(the message)? Yes my website is easy to read,organized and simple.

-Does my website look attractive and does it not overdo with colour otherwise the audience will get distracted? Yes my website looks attractive and it does not overdo with colours.

-Is my website easier for the audience to find their way around a site? Yes my website is easier to get around.

-Does my homepage have links from the main page to read more about the topic? Yes my home page has links.

-Is the layout for the site important for usability? Yes

-Does my page have no spelling mistakes? Yes my product has no spelling mistakes.

-In my website does the size and font combination right for your website? Yes my website has the right font and size.

-Does my website have the right images? Yes my product has the right images.

-Does my website tell what the page is about? Yes my product tells you what the page is about.

-Does my website have any images? Yes my product has images.

-Is my website set out professional? No my product was not set out professionally because my work was not very neat and rushed on it.

-Is it very useful? No my product is not very useful because I had less information.

-Does my page have links? Yes my product has links.

The things that I needed to change are: -The way i added in the information because i had added in less information in my website. -My website was to plain(left spaces) could have filled up the website by adding in information.

and added more detail. || Next time I have to put more research and more detail. ||
 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== || 4 || In my investigation I should have put in more research
 * ==**DESIGN**== || 3 || I gave myself a three because I should have put in more information on the designs by labeling and explaining what I am going to put in. || I next time have to put more information by labeling and explaining. what i am going to put in. ||
 * ==**PLAN**== || 3 || My plan was not detailed and I did not put enough information. || Next time put in more detail in the plan by explaining each step by using a table. ||
 * ==**CREATE**== || 3 || In my create I should have spent more time and added in a lot of information. || Next time I have to add more information and spend more time on the create. ||
 * ==**EVALUATE**== || 4 || I gave myself a 4 because i could have explained more about how to improve next time. || Explain more about how to improve next time. ||
 * ==**ATTITUDES IN**==

**TECHNOLOGY**
|| 4 || I tried hard in this unit but could have spent more time on the work at home. || Next time spend more time finishing work. ||