tamandakachika8srounit3webdesign

Web Design

**Unit question:**
= INVESTIGATION =
 * How can online shopping be made more effective?**
 * Pre-Unit exercise (if any) **
 * Online Shopping **

// How can shopping online be made more effective? //

**What do you need to shop online? **

You need a few things to be able to shop on the internet such as:


 * Internet access
 * A computer or any device connected to the internet.
 * A reliable website
 * International debit card
 * Security

**What does the shop need to offer online shopping? **

There are a lot of online stores so to have a successful online store you need to have something to offer that’s better than what other web stores have. A thing that most customers look for is variety so to have a good web store you need to have things that will interest many different people. If the online stores don’t offer a special prize or something like, it won’t really throw them out of the bucket and they won’t be very different from other websites. Online stores need to have a database for stock keeping purposes, this is very important cause this allows the stores to keep up to date with how many things they have in stock and know when to order some more.

**How can hackers steal either your money or the shops money while shopping online? **

These are steps that hackers use to hack online:


 * They learn the basic tech language to know what they’re talking about
 *  They have to know the type of target their going to go for
 * To hack windows users, it would be easier for them to hack if they used ‘nix’
 * For their own safety, they need to secure the device that their using
 * They test their hacking method a few times on themselves to make sure they will not get caught when they’re actually doing it on their victims.

**What measures can be used to prevent hacking? **

These are steps online users can take to not get hacked:


 * Never give passwords to unreliable sources
 * Have other accounts so if one gets hacked you can threaten the hacker to leave you alone
 * Get an account tracking app on your device

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.
 * Design Brief **
 * Specifications **

<span style="background-color: white; font-family: CordiaUPC,sans-serif; font-size: 16pt;">My website must


 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">Have a Homepage
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">1 Page about what you need to shop online
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">1 Page about what the shop needs to offer this service
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">1 Page about hacker's methods
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">1 Page about security measures
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">Have a consistent layout
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">Appropriate use of pictures
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">No copy and pasted information
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">Have tables with merged cells
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">All pages that adjust to the window size
 * <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">Must function the same in three different browser



http://denchers.com/ this an appropriate and useful website to old folk because its not too boring so it doesn't get too boring but its not particularly flashy
 * Task 1: Over 50 website **

The current situation/problem:
Research/Analysis and answer to the unit.
 * old people can't find many suitable websites to suite their needs**


 * [|www.Bbc.co.uk] ||
 * <span style="font-family: Arial,sans-serif;">content || news ||
 * <span style="font-family: Arial,sans-serif;">audience || adults ||
 * <span style="font-family: Arial,sans-serif;">design ||  ||
 * <span style="font-family: Arial,sans-serif;">how user friendly ||  ||
 * <span style="font-family: Arial,sans-serif; font-size: 16pt;">[] ||
 * Content ||  ||
 * <span style="font-family: Arial,sans-serif;">audience ||  ||
 * <span style="font-family: Arial,sans-serif;">design ||  ||
 * <span style="font-family: Arial,sans-serif;">how user friendly ||  ||
 * <span style="font-family: Arial,sans-serif; font-size: 18pt;">[] ||
 * <span style="font-family: Arial,sans-serif;">content ||  ||
 * <span style="font-family: Arial,sans-serif;">audience ||  ||
 * <span style="font-family: Arial,sans-serif;">design ||  ||
 * <span style="font-family: Arial,sans-serif;">how user friendly ||  ||
 * <span style="display: block; font-family: Arial,sans-serif; font-size: 20pt; text-align: center;">[|http://wunderground.com] ||
 * <span style="font-family: Arial,sans-serif;">Content ||  ||
 * <span style="font-family: Arial,sans-serif;">audience ||  ||
 * <span style="font-family: Arial,sans-serif;">design ||  ||
 * <span style="font-family: Arial,sans-serif;">how user friendly ||  ||
 * <span style="font-family: Arial,sans-serif; font-size: 20pt;">[|http://Donegalpens.com/] ||
 * <span style="font-family: Arial,sans-serif;">Content ||  ||
 * <span style="font-family: Arial,sans-serif;">audience ||  ||
 * <span style="font-family: Arial,sans-serif;">design ||  ||
 * <span style="font-family: Arial,sans-serif;">how user friendly ||  ||
 * <span style="font-family: Arial,sans-serif;">design ||  ||
 * <span style="font-family: Arial,sans-serif;">how user friendly ||  ||

Tests
= DESIGN =



Design


**<span style="font-family: Gisha,sans-serif; font-size: 14pt;">Design **

<span style="font-family: Gisha,sans-serif; text-align: justify;">Design 1

<span style="font-family: Gisha,sans-serif; text-align: justify;"> My first design was quite different from the ones that we did in the pre-unit exercises. The links that I have are going to contain the information I got when I was doing my investigation, I also have a ‘home’ link and a ‘help’ link. The reasons I like this design is because the title is in the middle instead of at the top like all the other ones. The thing I do not like about this one is that it looks too cramped and messy and it does not give space to the important links.

<span style="font-family: Gisha,sans-serif;">Comparison against design specifications:


 * **<span style="font-family: Gisha,sans-serif; font-size: 12pt;">Specification ** || **<span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done or not done ** ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Have a Homepage || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">1 Page about what you need to shop online || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">1 Page about what the shop needs to offer this service || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * <span style="background-color: white; font-family: Gisha,sans-serif; font-size: 12pt;">Page about what the shop needs to offer this service || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">1 Page about hacker's methods || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;"> 1 Page about security measures || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Have a consistent layout || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * <span style="background-color: white; font-family: Gisha,sans-serif; font-size: 12pt;">Appropriate use of pictures || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">No copy and pasted information || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Can’t test as of now ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Have tables with merged cells || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Done ||
 * * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">All pages that adjust to the window size || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Can’t test as of now ||
 * <span style="font-family: Gisha,sans-serif; font-size: 12pt;">All pages that adjust to the window size || <span style="font-family: Gisha,sans-serif; font-size: 12pt;">Can’t test as of now ||

<span style="font-family: Gisha,sans-serif; font-size: 12pt;">Design 2

<span style="font-family: Gisha,sans-serif; font-size: 12pt;"> This design has a similar layout to

<span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;">Design 2 <span style="font-family: CordiaUPC,sans-serif; font-size: 16pt;"> This design has a similar layout to

Design 3
= PLAN = == = CREATE = C:\Users\tamanda.kachika.BMISMW\Documents\ictunit3\online shopping\HOMEPAGE.html = EVALUATE =
 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== ||  ||   ||   ||
 * ==**DESIGN**== ||  ||   ||   ||
 * ==**PLAN**== ||  ||   ||   ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN**==

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