Luca+Guitink+Y8+Unit+3

Web Design

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

 * Pre-Unit exercise (if any)**
 * 1. - Absent during week.**
 * 2. [[file:2013lucaguitinky8unit3skillssupermanheros.docx]] - Super Hero's Skills Work Website**


 * 3. [[file:2013lucaguitinky8unit3skillstraining2.docx]] - Movies Skills Training Website**

= INVESTIGATION =

Task 1: Over 50 Website:
http://www.50connect.co.uk/ - A digital magazine for people over 50. Explains interesting facts for people over 50's, like diseases old movies/plays, help with hearing problems. This is very different to the websites I usually look at, because I am not yet thinking about dementia signs or anything, because I am not at the stage where that disease is common. Also, it looks at things you could do to feel young again, like listen to music from when you were younger, and I am still young and enjoying life, so i am not thinking about my "younger days" quite yet.

Task 2: || [] || [] || [|http://wunderground.com] || ||
 * [|www.Bbc.co.uk]
 * content || News and Global Issues ||
 * audience || Business people, politicians, adults in general. ||
 * design || Very simple, neat, easy to navigate, informational. ||
 * how user friendly || Very user friendly. ||
 * Content || ** N/A. Website Unavailable. **  ||
 * audience ||^  ||
 * design ||^  ||
 * how user friendly ||^  ||
 * content || It’s a website for bankers/clients of the bank. ||
 * audience || Clients of that specific bank. ||
 * design || Simple, easy to navigate, attractive to the eye. ||
 * how user friendly || User friendly, nothing inappropriate. ||
 * Content || Weather information. ||
 * audience || People interested in weather information. ||
 * <span style="font-family: Arial,sans-serif;">design || Understandable and very informative, easy to navigate. ||
 * <span style="font-family: Arial,sans-serif;">how user friendly || Yes, very user friendly. ||
 * <span style="font-family: Arial,sans-serif; font-size: 20pt;">[|http://Donegalpens.com/]
 * <span style="font-family: Arial,sans-serif;">Content || A website that is informative about Donegal Pens. ||
 * <span style="font-family: Arial,sans-serif;">audience || Everyone interested in the pens. ||
 * <span style="font-family: Arial,sans-serif;">design || Very easy to navigate, simple. ||
 * <span style="font-family: Arial,sans-serif;">how user friendly || Very user friendly. ||

Research/Analysis/Answer to the unit question:
**__<span style="background-color: white; font-family: 'Times New Roman',serif; font-size: 20pt;">How can shopping online be made effective? __**

<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">There is a lot of equipment required to shop online; something that is not easily done. First of all, you need a functioning device capable of connecting to wireless or cable internet connections. To be able to connect to the internet, you will need a computer with 16MB RAM (Random Access Memory) or more, and 200MHZ ( <span style="color: #333333; font-family: 'Times New Roman',serif; font-size: 12pt;">megahertz: stands for how many cycles per second) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">processor. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Secondly, you need to have a Modem, which is a device that transmits data to the network. The computer sends binary-code to your modem, and the modem will translate the code into analogue signal. This data is then sent through telephone lines. There are 2 different Modem’s; <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The next requirement for online shopping is a web browser. Web Browsers allow you to access the internet’s webpages. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">If you have a computer with a web browser, a modem and a telephone line connected to your computer, you now need an internet connection. To get an internet connection, you need an ISP (Internet Service Provider) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">After all of that, you need to have the more personal items; Such as: <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">You need a bank account because you need a method of paying and if you don’t have a bank account, you have no digitalized money. Without digitalized money, you will be unable to purchase any items. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Again this is for the purchasing aspect of online shopping. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">All of these items are essentials and required for online shopping, because, without the Hardware for your computer or the Internet connection, you cannot go online. Without the hardware essentials, shopping online is not possible.
 * 1) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">1. What do you need to shop online
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The internal modem is already built in the computer; the external modem is the modem that connects your computer with the telephone cables.
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Bank Account
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Digital Money available from the bank account.
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">For Security reasons, please see the “Security Page” section of my investigation.

<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">That means that the shop needs to have products to sell online, and for this they need to have a list of products that area available to sell and that they are able to know how much products are left in-stock, and when they need to buy more products. For this they need a data-base. A data-base is what links all the information together; so when the shops’ stock is low, the shop will get alerted by the data base, and will then be able to re-stock well before the stock has run out. (see references 9, 10) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have safe payment methods for the customers, because if its not safe, and the customers gets hacked and their banking information gets stolen, your company might get sued for un-safe payment methods. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">If the shop has an easy navigational website, most customers will be attracted to the website and will be more enthusiastic about purchasing from that website. Also, it will stop people not wanting to buy from that website, because people are un-attracted to hard and complicated websites. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have a main computer; because everything needs to be monitored on the main computer. The main computer would also be in-charge of the bug fixes and would have a special account for the manager of the website, for example. The computer would have all the documents needed for the website and would have the data-base on the computer as well. <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have a data-base of the stock they have available to that they will always know what they have and when to order new stock if the shop’s online stock starts to get low. (See Reference 9, 10) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Phishing is a way to hack and steal information from customers. What the hacker does is he sends a fake e-mail or message or another way involving media, and pretends to be a company which uses personal information. They convince you to give personal information by persuading you that something has failed and they need all your personal information again. They send the same e-mail to thousands of people. The image below is an example of a hacker ‘Phishing’ for people. The e-mail looks very reliable and very similar to what a bank might ask. The hackers get your information by if the person responds. They send the same e-mail to thousands of people, and then wait for that one stupid person who falls for it. (Thought it might be slightly more than one person who falls for it.) The information just goes straight to the hacker, because the link that doesn’t go to the original website but to a fraud website created by the hacker and when you try to log in or something like that, the information that is given will go to the hacker, so it steals your information. This is quite easy to spot, because real websites will not ask for your information over any type of message. **__NEVER__** give out your username / password in response to any messages of any kind! (See Reference 7)
 * 1) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">2. What does the shop need to offer online shopping
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have Stocking-List
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have safe Payment methods for the customers
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have an easy navigation
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop must have a main computer
 * <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">The shop needs to have a Data-base
 * 1) **<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">3. ** **<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">How can hackers steal either your money or the shops money while shopping online **
 * **<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Phishing: **



<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Another technique used by hacker’s is a method called Pharming. This is similar to Phishing, because the hacker also creates a website, but this time the website has to be very precise and the exact same as the original website in order for the technique to work. Also, with Phishing, the hacker is trying to deceive you, but with Pharming, the hacker tries to deceive your computer. When you type in a completely genuine URL (For example you’re banking website) your computer could be tricked into displaying a fake website, often very similar to the original website. Then, when you try to login to the fake website, your username/password are sent to the hacker and used to take money from your real bank account. Spotting Pharming Attacks are very difficult because to the user, everything seems normal. (See Reference 8)
 * **<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">Pharming: **

<span style="font-family: 'Times New Roman',serif; font-size: 12pt;">What can be done to stop hacking? That is a good question. We could prevent hacking by making sure your computer has: Anti Virus programs can help against hackers. This is because a computer that has viruses doesn't know when a website is fake or any other type of hacking manner. THis is because the computer is more hacker prone because of the viruses so it might not know when the website is stealing information from the computer.
 * 1) <span style="font-family: 'Times New Roman',serif; font-size: 12pt;">4. What measures can be used to prevent hacking
 * Anti-Virus

if the source of the e-mail is unknown, don't take risk into opening the e-mail, because hackers are getting more and more advanced by each day. Unknown e-mails could contain links that are meant to trick you and secretly steal personal information from you. This could cause loss of bank account money or loss of account. Bibliography [] – Definition for MHZ [] Reference 1 [] Reference 2 [] Reference 3 [] Reference 4 [] Reference 5 [] Reference 6 [] - Reference 7 [] Reference 8 [] Reference 9 [] Reference 10 [] (Topics list of IGCSEICT)
 * Don't open unknown e-mails

The Design Brief:
To answer the question of the unit, " How can shopping online be made effective?", I am going to create a website. This website will talk about the highlight of my research, being: The website will include several pages for each topic, explaining the problems and how we can do things to help the problems.
 * 1) What do you need to shop online
 * 2) What does the shop need to offer online shopping
 * 3) How can hackers steal either your money or the shops money while shopping online
 * 4) What measures can be used to prevent hacking

The Design Specification
My website must
 * Have a Homepage
 * 1 Pages about what you need to shop online
 * 1 Pages about what the shop needs to offer this service
 * 2 Pages about hacker's methods
 * 1 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.

Tests
= DESIGN =
 * Does my final website have a clear and understandable homepage?
 * Do I have enough information for what you need to shop online?
 * Do I have enough information for what the shop needs to offer this service?
 * Do I have enough information about the hacker's method on how they steal your information?
 * Do I have enough information about the security measures?
 * Does my website have a suitable appropriate layout?
 * Is the layout consistent throughout?
 * Does my website have a suitable appropriate amount of pictures?
 * Are the pictures included appropriate?
 * Is all my information my own words?
 * Does my website have enough tables with merged cells?
 * Do the pages that I made adjust to the window size?
 * Does my website function the same in all of the three web browsers?
 * Do all my links work?

Design 3
Everything is on the word file:



Smart Art Websdesign Layout



= PLAN =

- The table wouldn't copy properly onto the wiki page, so I have uploaded a file containing it.



= CREATE =

= EVALUATE =




 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== ||  ||   ||   ||
 * ==**DESIGN**== ||  ||   ||   ||
 * ==**PLAN**== ||  ||   ||   ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN**==

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