Yash+Patel+Unit+3


 * __Web Designs __**


 * Name: **Yash Patel
 * Homepage: **Yash Patel Homepage
 * Unit question: **How can online shopping be made effective?
 * Pre-Unit exercise (if any) **

INVESTIGATION

I have chosen two websites, one for kids and one for seniors (50+) I found quite a few differences between the websites. The senior one was clear, bold and straight forward. It didn’t have flashy colours, links and fancy web designs. The kid’s website had all different colours, many movements, rollovers, movement when you drag your cursor over a link or image, many links to different pages. Friendly, colourful and childish font. Many pictures to shows where the link leads to or the picture containing the link. It was aimed for children mainly because of the colours and pictures and all things mention above. There are clear differences between the child and senior website. Also the child website was very active with live moment and the senior one had small unattractive pictures.
 * Task 1 **
 * []
 * []


 * Task 2 **



**<span style="font-family: Georgia,serif; font-size: 16pt; line-height: 1.5;">Task 3 **

<span style="font-family: Georgia,serif; font-size: 14pt;">1. __<span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">What do you need to shop online? __ <span style="font-family: Georgia,serif; font-size: 14pt;">You will need a computer/tablet, mouse (only for computers), Internet access, internet browser, a valid bank account, Credit Card/Debit Card/Smart Card or PayPal and a known online website shop.

<span style="font-family: Georgia,serif; font-size: 14pt;">2. __<span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">What does the shop need to offer online shopping? __ <span style="font-family: Georgia,serif; font-size: 14pt;">The shop needs to offer a good amount of product on sale to beat your local supermarket; it needs to provide a range of products and shipping such as one day shipping or one week shipping. It should also have deals. It should obvious provide shipping. It should have a secure transaction and a reliable shipment. The shop should also ensure a security, some sort of contact and a reliable transfer account.

<span style="font-family: Georgia,serif; font-size: 14pt;">3. __<span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">How can hackers steal either your money or the shops money while shopping online? __ <span style="font-family: Georgia,serif; font-size: 14pt;">Phishing is what hackers do to obtain information such as usernames, passwords, and credit card details (and sometimes, indirectly, money) by hiding as a trustworthy entity in an electronic communication. It generally happens from popular social web sites, auction sites, online payment processors or IT administrators to bait the unsuspecting public. Phishing emails may contain links to websites that are infected with malware. Phishing is typically carried out by e-mail spoofing or instant messaging and it often directs users to enter details at a fake website whose look and feel are almost identical to the legitimate one. <span style="font-family: Georgia,serif; font-size: 14pt;">Pharming is a method of the attacker intended to redirect a website's traffic to another, bogus site. Pharming can be conducted either by changing the hosts file on a victim's computer or by misuse of a weakness in DNS server software.

<span style="font-family: Georgia,serif; font-size: 14pt;">[] <span style="font-family: Georgia,serif; font-size: 14pt;">[]

__<span style="font-family: Georgia,serif; font-size: 14pt;">What are Hackers? __

<span style="font-family: Georgia,serif; font-size: 14pt;">A hacker is basically someone who breaks into computer networks or personal computer systems for the challenge of it or because they want to profit from their hacking capabilities. The hacker that has developed among these new-age outlaws is often defined as the computer underground, although as of late it has evolved into a more open society of sorts. At any rate, here are the different types of hackers.

> <span style="font-family: Georgia,serif; font-size: 14pt;"> White Hat Hackers: These are the good guys, computer security experts who specialize in penetration testing and other methodologies to ensure that a company’s information systems are secure. These IT security professionals rely on a constantly evolving arsenal of technology to battle hackers. A white hat hacker has non-malicious goal whenever he/she breaks into security systems and whatnot.


 * <span style="font-family: Georgia,serif; font-size: 14pt;">Black Hat Hackers: These are the bad guys, who are typically referred to as just plain hackers. The term is often used specifically for hackers who break into networks or computers, phone systems or creates computer viruses. Black hat hackers continue to technologically outpace white hats. Hacking purist often use the term “crackers” to refer to black hat hackers. Black hats’ motivation is generally to get paid. His nasty purposes can range from all sorts cybercrimes such as piracy, identity theft, credit card fraud, vandalism, and so forth.


 * <span style="font-family: Georgia,serif; font-size: 14pt;">Grey Hat: A grey hat hacker is someone who shows character from both white hats and black hats. This is the kind of hacker that isn't a penetration tester (a person who tests if he/she can go through the site) but will go ahead and surf the Internet for vulnerable systems he could exploit. Like a white hat, he'll inform the administrator of the website of the vulnerabilities he found after hacking through the site. Like a black hat and unlike a pen tester, he'll hack any site freely and without any prompting or authorization from owners whatsoever. He'll even offer to repair the vulnerable site he exposed in the first place for a small fee.
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Hacktivists: Some hacker activists are motivated by politics or religion, while others may wish to expose wrongdoing, or exact revenge, or simply harass their target for their own entertainment.


 * <span style="font-family: Georgia,serif; font-size: 14pt;">Cyber Terrorists: These hackers, generally motivated by religious or political beliefs, attempt to create fear and chaos by disrupting critical infrastructures. Cyber terrorists are by far the most dangerous, with a wide range of skills and goals. Cyber Terrorists ultimate motivation is to spread fear, terror and commit murder.


 * <span style="font-family: Georgia,serif; font-size: 14pt;">Script Kiddie: A script kiddie is basically an amateur or non-expert hacker who breaks into people's computer systems not through his knowledge in IT security but through the pre-packaged automated scripts, tools, and software written by people who are real hackers, unlike him.


 * <span style="font-family: Georgia,serif; font-size: 14pt;">Elite Hacker: As with any society, better than average people are rewarded for their talent and treated as special. This social status among the hacker underground, the elite (or, according to the hacker language, leetspeak, 31337) are the hackers among hackers in this subculture of sorts. They're the masters of deception that have a solid reputation among their peers as the cream of the hacker crop.

__<span style="font-family: Georgia,serif; font-size: 14pt;">How to avoid Hacking __

<span style="font-family: Georgia,serif; font-size: 14pt;">1. Clear the Cookies!

<span style="font-family: Georgia,serif; font-size: 14pt;">Cookies keep a record of your browsing which can be followed up to find your identity, location, password and/or other details.

<span style="font-family: Georgia,serif; font-size: 14pt;">2. Don’t use Generic Usernames

<span style="font-family: Georgia,serif; font-size: 14pt;">Using common words for usernames such as “admin”, “administrator” or “Site Owner” makes the job of the hacker’s a lot easier. By using these common words, you are increasing the success rate of the hacker by at least a few points of a percentage, which is considered a lot.

<span style="font-family: Georgia,serif; font-size: 14pt;">3. Use Strong Passwords!

<span style="font-family: Georgia,serif; font-size: 14pt;">The best technique you can possibly apply to prevent hacking. Hackers are experts at programming computers to provide amounts of data very quickly. That’s the reason longer passwords are more secure; the number of possible combinations grows exponentially with every extra character added.

<span style="font-family: Georgia,serif; font-size: 14pt;">Hackers use a unique technique called “dictionary attack” where they repeatedly try username and password combinations by running through hundreds of common words, phrases, numbers and combination of the dictionary. It’s important you use random figures like “@(-)$EN123(!)” instead of perhaps “AHSEN123″

<span style="font-family: Georgia,serif; font-size: 14pt;">4. Install a firewall

<span style="font-family: Georgia,serif; font-size: 14pt; vertical-align: baseline;">Install a software firewall on your computer. This will prevent hackers from accessing your computer over the Internet. Firewall are like your own personal Internet gate guard; he/she makes sure only the right people have access to your computer.

<span style="font-family: Georgia,serif; font-size: 14pt; vertical-align: baseline;">5. Install an anti-virus

<span style="font-family: Georgia,serif; font-size: 14pt;">Install anti-virus software on your computer. Anti-virus software such as Panda, Kaspersky, BitDenfender and so on prevents hackers from using malicious code on your computer. A firewall can only stop unauthorized entrance only anti-virus software can prevent an infected document or program you have downloaded from allowing a hacker to access your computer.

<span style="font-family: Georgia,serif; font-size: 14pt; vertical-align: baseline;">6. Update your software

<span style="font-family: Georgia,serif; font-size: 14pt; vertical-align: baseline;">Update your system and software. Software bugs are found and fixed on a regular basis.

<span style="font-family: Georgia,serif; font-size: 14pt;">[]

<span style="font-family: Georgia,serif; font-size: 14pt;">[]

<span style="font-family: Georgia,serif; font-size: 14pt;">[]

<span style="font-family: Georgia,serif; font-size: 14pt;">[|http://www.secpoint.com/types-of-hacker.html#ixzz2JpyCZEbl]

<span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">I need to make a website to inform and aware 12 - 18 years old about how to shop online, the risks, hackers, what you need to shop online and the security measure.
 * <span style="font-family: Georgia,serif; font-size: 16pt; line-height: 1.5;">The current situation/problem: **

<span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">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.
 * <span style="font-family: Georgia,serif; font-size: 16pt; line-height: 1.5;">The Design Brief **

<span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">My website must
 * <span style="font-family: Georgia,serif; font-size: 16pt; line-height: 1.5;">The Design Specification **
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Have a Homepage
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Pages about what you need to shop online
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Pages about what the shop needs to offer this service
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Pages about hacker's methods
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Pages about security measures
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Have a consistent layout
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Appropriate use of pictures
 * <span style="font-family: Georgia,serif; font-size: 14pt;">No copy and pasted information
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Attractive Layout
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Have tables with merged cells
 * <span style="font-family: Georgia,serif; font-size: 14pt;">All pages that adjust to the window size
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Must function the same in three different browsers
 * <span style="font-family: Georgia,serif;">It must have suitable and appropriate items for a 12 to 18 year old

<span style="background-color: white; font-family: Georgia,serif; font-size: 14pt;">Does it have a homepage? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have pages about what you need to shop online? <span style="font-family: Georgia,serif; font-size: 19px;">Does it have page <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;"> about what the shop needs to offer this service? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have pages about hacker's methods? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have pages about security measures <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have a consistent layout? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have it have appropriate use of pictures? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have no copied and pasted information? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it have tables with merged cells? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Does it function the same in three different browsers? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Do all <span style="background-color: white; font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">the hyperlinks work and direct to the allocated page? <span style="font-family: Georgia,serif;"> Does it have access to the homepage is available ? <span style="font-family: Georgia,serif; font-size: 14pt; line-height: 1.5;">Is the layout attractive and simple? <span style="font-family: Georgia,serif;"> Is the context appropriate ?
 * <span style="background-color: white; font-family: Georgia,serif; font-size: 16pt;">Tests **

<span style="background-color: yellow; font-family: Georgia,serif; font-size: 20pt;">DESIGN <span style="font-family: Georgia,serif; font-size: 16pt; line-height: 0px; overflow: hidden;"> <span style="font-family: Georgia,serif; font-size: 16pt; line-height: 0px; overflow: hidden;">
 * <span style="font-family: Georgia,serif; font-size: 16pt;">Design 1 **
 * <span style="font-family: Georgia,serif; font-size: 16pt;">Design 2 **
 * <span style="font-family: Georgia,serif; font-size: 16pt;">Design 3 **


 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">THE DESIGN SPECIFICATION || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">DESIGN 1 || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">DESIGN 2  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">DESIGN 3  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have a Homepage || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about what you need to shop online || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about what the shop needs to offer this service || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about hacker's methods || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about security measures || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have a consistent layout || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Appropriate use of pictures || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  ||
 * * <span style="font-family: Georgia,serif; font-size: 14.5pt;">No copy and pasted information || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  ||
 * * <span style="font-family: Georgia,serif; font-size: 15pt;">Attractive Layout || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">No || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">No  ||
 * * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have tables with merged cells || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">All pages that adjust to the window size || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Must function the same in three different browsers || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">It must have suitable and appropriate items for a 12 to 18 year old || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Navigation Bar || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Yes  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">No  ||

<span style="font-family: Georgia,serif; font-size: 14.5pt;">N/A = Not Applicable (for the Design stage).

<span style="font-family: Georgia,serif; font-size: 14.5pt;">Design 1 is a great design; it met most the criterion in my design specification. I really liked the neat and quick navigation bar at the top of the pages. The only downside was that was not an attractive layout henceforth it did not met that criterion. The colours were ok (Green and Purple) <span style="font-family: Georgia,serif; font-size: 14.5pt;">Design 2 met every single criterion it had applicable. It was a colourful design with an attractive layout. It was a perfect design and I liked it. I also really liked the navigation spread across the page. I think the colour of the pages match together pretty well (Blue, Red and Yellow). The size of the text, link and/or image boxes good because they fill the page, leaving no emptiness. <span style="font-family: Georgia,serif; font-size: 14.5pt;">I didn’t like this design because it seems very plain; it didn’t have a navigation bar, there is the feeling of emptiness, the colours don’t match (Black, Pink and Orange) and it isn’t attractive. So overall, I didn’t like this Design. <span style="font-family: Georgia,serif; font-size: 14.5pt;">I justified my choice which is Design 2. I chose design 2 because it met every specification.
 * __<span style="font-family: Georgia,serif; font-size: 14.5pt;">Design 1 __**
 * __<span style="font-family: Georgia,serif; font-size: 14.5pt;">Design 2 __**
 * __<span style="font-family: Georgia,serif; font-size: 14.5pt;">Design 3 __**
 * __<span style="font-family: Georgia,serif; font-size: 14.5pt;">Justification __**
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">THE DESIGN SPECIFICATION || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">DESIGN 2 ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have a Homepage || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about what you need to shop online || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about what the shop needs to offer this service || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about hacker's methods || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about security measures || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have a consistent layout || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Appropriate use of pictures || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A ||
 * * <span style="font-family: Georgia,serif; font-size: 14.5pt;">No copy and pasted information || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A ||
 * * <span style="font-family: Georgia,serif; font-size: 15pt;">Attractive Layout || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||
 * * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have tables with merged cells || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">All pages that adjust to the window size || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Must function the same in three different browsers || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">It must have suitable and appropriate items for a 12 to 18 year old || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">N/A ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Navigation Bar || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  ||

<span style="font-family: Georgia,serif; font-size: 14.5pt;">It was also very colourful and attractive. I really liked the Navigation bar. I could also always add another page of a certain topic, e.g. I think I’ll need more pages for Hacking Methods.

<span style="background-color: yellow; font-family: Georgia,serif; font-size: 20pt;">PLAN <span style="font-family: Georgia,serif; font-size: 19px; line-height: 1.5;">This Word Document contains a Flow Chart and a Gantt Chart showing how long and how will I do my Create Here is my shotscreen of my create



<span style="background-color: yellow; font-family: Georgia,serif; font-size: 20pt;">CREATE

<span style="font-family: Georgia,serif; font-size: 19px;"> Here are my shotscreenof my creation. This is the What you need to shop online <span style="font-family: Georgia,serif; font-size: 19px; line-height: 1.5;">page in Internet Explorer.

<span style="font-family: Georgia,serif; font-size: 19px;">This is the Home page in Google Chrome.

<span style="font-family: Georgia,serif; font-size: 19px;">This is the Security Measure page in Opera.

<span style="font-family: Georgia,serif; font-size: 19px;">

<span style="font-family: Georgia,serif; font-size: 19px;">This is the What a shop needs to offer page in Torch.

<span style="font-family: Georgia,serif; font-size: 19px; line-height: 0px; overflow: hidden;">

<span style="font-family: Georgia,serif; font-size: 19px;">This is the What you need to shop online page in Internet Explorer. This image is a rollover.

<span style="font-family: Georgia,serif; font-size: 19px;">

<span style="font-family: Georgia,serif; font-size: 19px;">This is the Hacking Methods Measure page in Firefox.

<span style="font-family: Georgia,serif; font-size: 19px;">I also have my Create in

<span style="background-color: #ffffff; font-family: Georgia,serif; font-size: 140%;">\\bmis-svr3\Student_Common\Secondary\ict\MYP\Year8JCR\Yash Patel

<span style="background-color: #ffffff; font-family: Georgia,serif; font-size: 140%;">I have not made any changes to my design except for adding the background.

<span style="background-color: #ffffff; font-family: Georgia,serif; font-size: 140%;">I fell few tasks behind according to my plan because many days were holidays and I also got injured in my eye.

<span style="background-color: yellow; font-family: Georgia,serif; font-size: 20pt;">EVALUATE

<span style="font-family: Georgia,serif;"> I think I did well this unit. I research and completed my investigation quite well. I also added more information like the types of hackers, what each one does and how to prevent hacking. I found that all of that was very interesting. A new thing I found out was that not all hackers are bad and I found out how strong passwords decrease the chance of hacking. I should have explained and evaluate the current problem and used a broad range of sources. <span style="font-family: Georgia,serif; font-size: 16pt;">I had made good designs of my website. They were all interesting but some met the design specification more than others. I compared them all against the design specification. I could have improved by drawing the design and evaluating them. <span style="font-family: Georgia,serif; font-size: 16pt;">I think I created a good plan for my creation of my website. I wrote each step, and the resources. I really like my flow chart as it was detailed and colour coded. <span style="font-family: Georgia,serif; font-size: 16pt;">I think I did a good job on my final creation of my website but I could have added my rollover images/mouse over swap image as I added 1. I also thought I could have added more information and maybe spread the information on more pages because some pages had too much information. I should have maybe added more pictures. I was also very pleased with the quality of graphics as I thought everything might be a bit blurry but it wasn’t. I also really liked the background I added as it was vital to the attraction of my website.It made my website catchy. My design also met every single specification but I think I could better in having more pictures. My friends and family also liked my website and agreed that it pretty much matched the layout.

<span style="font-family: Georgia,serif; font-size: 16pt;">This is my judgement of my website.


 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">THE DESIGN SPECIFICATION || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">FINAL DESIGN || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">COMMENT  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have a Homepage || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Homepage was good and had working hyperlinks  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about what you need to shop online || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">“What you need to shop online” was good and had working hyperlinks  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about what the shop needs to offer this service || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">“What the shop needs to offer” was good and had working hyperlinks. It also had a rollover image.  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about hacking methods || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">“Hacking Methods” was good and had working hyperlinks  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Pages about security measures || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">“Security Measures” was good and had working hyperlinks  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have a consistent layout || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">My website was consistent in layout  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Appropriate use of pictures || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">I had had appropriate use of pictures  ||
 * * <span style="font-family: Georgia,serif; font-size: 14.5pt;">No copy and pasted information || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">None of my information was copy pasted  ||
 * * <span style="font-family: Georgia,serif; font-size: 15pt;">Attractive Layout || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">It was a pretty attractive layout  ||
 * * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Have tables with merged cells || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">I had tables with merged cells  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">All pages that adjust to the window size || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">All my pages were adjust to the window size  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Must function the same in three different browsers || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">My website functioned in Google Chrome, Opera, Firefox, Internet Explorer, Safari and Torch  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">It must have suitable and appropriate items for a 12 to 18 year old || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Context is suitable for aged 12 to 18 years old.  ||
 * <span style="font-family: Georgia,serif; font-size: 14.5pt;">Navigation Bar || **__<span style="font-family: Georgia,serif; font-size: 14.5pt;">Yes __**  || <span style="display: block; font-family: Georgia,serif; font-size: 14.5pt; text-align: center;">Has a navigation bar  ||

<span style="font-family: Georgia,serif; font-size: 16pt;">This is comparsion my my mum, my sister and my two friends completed for me, informing about my website meeting the <span style="font-family: Georgia,serif; font-size: 21px;"> design specification



<span style="font-family: Georgia,serif; font-size: 14pt;">TECHNOLOGY ||  ||   ||   ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">Stage || <span style="font-family: Georgia,serif; font-size: 14pt;">Grade || <span style="font-family: Georgia,serif; font-size: 14pt;">Reason For Level . || <span style="font-family: Georgia,serif; font-size: 14pt;">How to improve next time . ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">INVESTIGATE ||  ||   ||   ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">DESIGN ||  ||   ||   ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">PLAN ||  ||   ||   ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">CREATE ||  ||   ||   ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">EVALUATE ||  ||   ||   ||
 * <span style="font-family: Georgia,serif; font-size: 14pt;">ATTITUDES IN