Laetitia+Duradn+unit+3


 * WEB DESIGN**

**Unit question: How can shopping online be effective?**

 * Pre-Unit exercise (if any)**

[[file:webites Laetitia Durand.docx]]
The website I saw was http://modernsenior.net/ I compared this website to yahoo.com and to kids.yahoo.com Here are some similarities and some differences: things to do on Yahoo.com. For example you can check your emails, play games, check the news and do a lot more. || Modernsenior.com talks about sicknesses elders have. This website talks about safety for when your grand children come. this webste also talks about gadgets to drive safely. || kids.yahoo.com is very colorful. You can play games see videos and do a lot of other things. || The things that make an effective web design is the content of the page, the way it is decorated and the different things you can do on it. Websites for younger people has more games and videos on them like kids.yahoo.com. Websites for adults have the weather and the news on it.
 * Yahoo.com || Modernsenior.com || kids.yahoo.com ||
 * Yahoo.com has daily informtion. There aree a lot more possible

= INVESTIGATION = =**What do you need to shop online? **= To shop online you need internet, a computer, you need to know the website, and you need enough money to pay for what you are buying To shop online the shop needs everything there is on there on the website to be in the store, they need a website that shows everything you can buy online, they need a delivery service The hackers can hack by finding your password Ask to pay before the store brings the groceries to you. They can also make sure your password is safe.
 * What does the shop need to offer online shopping? **
 * How can hackers steal either your money or the shops money while shopping online? **
 * What measures can be used to prevent hacking? **

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
 * 1) Have a Homepage
 * 2) 1 Page about what you need to shop online
 * 3) 1 Page about what the shop needs to offer this service
 * 4) 1 Page about hacker's methods
 * 5) 1 Page about security measures
 * 6) Have a consistent layout
 * 7) Appropriate use of pictures
 * 8) No copy and pasted information
 * 9) Have tables with merged cells
 * 10) All pages that adjust to the window size
 * 11) Must function the same in three different browsers.
 * 12) have at least a picture per page

Tests
= DESIGN =
 * 1) Do I have a homepage?
 * 2) Do I have a page about what I need to shop online?
 * 3) Do I have a page about what the shop needs to offer this service?
 * 4) Do I have a page about hacker's methods?
 * 5) Do I have a page about security methods?
 * 6) Does my website work the same in 3 different browsers?
 * 7) Is your website organized?
 * 8) Does your website have merged tables?
 * 9) Do all your pages adjust to the window size
 * 10) Is my design colorful?

Design 1
**Design 2**

**Design 3** to shop online || YES || YES || YES ||
 * Questions || Design one || Design two || Design three ||
 * Do I have a homepage? || YES || YES || YES ||
 * Do I have a page about what I need
 * Do I have a page about what the shop needs to offer this service? || YES || YES || YES ||
 * Do I have a page about hacker's methods? || YES || YES || YES ||
 * Do I have a page about security methods? || YES || YES || YES ||
 * Does my website work the same in 3 different browsers? || N/A || N/A || N/A ||
 * Is your website organized? || YES || YES || YES ||
 * Does your website have merged tables? || YES || YES || YES ||
 * Do all your pages adjust to the window size || N/A || N/A || N/A ||
 * Is my design colorful? || YES || YES || NO ||

In this graph I will put a number from 1-3 for each design. 1 means it is excellent, 2 means it is good, 3 means it is ok and 4 means bad. to shop online || 1 || 1 || 1 || I am, going to cross out design 3 because it has the most points, so now I will compare designs one and two. I made a chart with two extra questions. I asked a classmate to answer them for me. = **PLAN** =
 * Questions || Design one || Design two || Design three ||
 * Do I have a homepage? || 1 || 1 || 1 ||
 * Do I have a page about what I need
 * Do I have a page about what the shop needs to offer this service? || 1 || 1 || 1 ||
 * Do I have a page about hacker's methods? || 1 || 1 || 1 ||
 * Do I have a page about security methods? || 1 || 1 || 1 ||
 * Does my website work the same in 3 different browsers? || N/A || N/A || N/A ||
 * Is your website organized? || 1 || 1 || 1 ||
 * Does your website have merged tables? || 1 || 1 || 1 ||
 * Do all your pages adjust to the window size || N/A || N/A || N/A ||
 * Is my design colorful? || 1 || 1 || 3 ||
 * Total points (the less the better) || 8 || 8 || 10 ||
 * Extra questions || Design chosen ||
 * Which design is easier to understand? || Design one ||
 * Which design do you think people would rather read? || Design one ||
 * Conclusion || I am choosing design one because it was chosen two times on two. ||

= **CREATE** =



= EVALUATE =

Final design to shop online? || YES || I asked a friend to answer the questions in the chart below. with the background || The design I chose has everything that was on the design specification. I think this design was very colorful and organized.Next time I do this I will try to make the background color and the picture in the middle blend better together. Otherwise I think the final product was quite good. I also think the design on word and the final product look similar. = REFLECTION = I am quite proud of my final product because it looks similar to the one on word and because it has everything there is on the design specification. I think that I chose the best design between my three choices.
 * Questions || Design one ||
 * Do I have a homepage? || YES ||
 * Do I have a page about what I need
 * Do I have a page about what the shop needs to offer this service? || YES ||
 * Do I have a page about hacker's methods? || YES ||
 * Do I have a page about security methods? || YES ||
 * Does my website work the same in 3 different browsers? || YES ||
 * Is your website organized? || YES ||
 * Does your website have merged tables? || YES ||
 * Do all your pages adjust to the window size || YES ||
 * Questions || Answer ||
 * Would you enjoy going on this website? || Yes ||
 * If you could change anything, what w ould it be? || I would have made the picture in the background blend more
 * Do you like the choice of color? || Yeah I think it's really nice and makes the rest pop out ||
 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== ||  ||   ||   ||
 * ==**DESIGN**== ||  ||   ||   ||
 * ==**PLAN**== ||  ||   ||   ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN**==

**TECHNOLOGY**
||  ||   ||   ||