pavitra.cumaraswamy+year8+unit+3

web design

**Name:**
pavitra cumaraswamy

**Unit question:**
how can shopping online be made effective?
 * Pre-Unit exercise (if any)**

= INVESTIGATION =

task 1a
to find 3 websites: [] this is different from web sites i am used to. this is different because all the infomation is on the left side of the site . all of the links are in a really small font. there are not alot of pop up adds.also the website has all of the infomation on the homepage but its different subjects.and the links are just the home page and add to favorites,send us feed back. [] this web site is different in theses ways: there are more wrighting than pictures. right in the middle of the page there a search bar usally its on the top right courner . and also when you go to the homepage they go straight to the point and asks where the job is by the zip code the linkes are smalll but not as small as the one above . they have three major sub, sub jects in the home page and it seperated by these color circles. [] it different in they ask for a pettionat the end of the site. the links are at the top of the site instead of being listed on the side of the page. task 1b Purple heart) ||
 * [|www.Bbc.co.uk] ||
 * content || The site is about what happens all over the world. For example (news about what happens in the world. Weather, businesses entertainment) ||
 * audience || The targeted audience are people who are older than 30, also people who are interested in knowing whats going on in the world. ||
 * design || And the top of the page they have links and the search bar, a little down the page, they have a collom going down with tecnolagy, tv, sports and weather. Right below the links next to the collom there is a section about the lastest news. And bleow there are more liks but with a preview of the article. ||
 * how user friendly || Yes it is very user friendly, because it make’s you comfortable, by letting you chose the langue you want to speak in. ||
 * [] ||
 * Content ||  ||
 * audience ||  ||
 * design ||  ||
 * how user friendly ||  ||
 * [] ||
 * content || This web site is about TSB banking. Pesicfically, about the bank, personally banking, home loans, investments, and serverces. ||
 * audience || The audience is for people in there 20 and over. It really aimed for people who need to get in contact with the bank. ||
 * design || They have there logo on the top of the page on the left side. On the top right side is a log in / home banking bar. Under that are the links but they are not in the colloum. Then there is a puicture of a women on the computer. Next to that is a rectangle with quick links to it. Under that there is four sub- subjects. ||
 * how user friendly || It’s very friendly, because it has a seach bar, a contact us sign. ||
 * [] ||
 * Content || It about weather all around the world. And when to travel when not to, it depends on the weather. Blogs and photos. ||
 * audience || Its about 30s and people who have to travel and to find out about the weather. ||
 * design || It has the logo on the top left side. Then there is the links on the bottom of that. Under that there is a add. There is a bar under that asking wheres the zip code or contry. Next to the search bar is another add. Under the search bar is a map of your current location and next to that is news. Under that there is three bars with news about wonder bogs, wonder photos and maps and statelitte. ||
 * how user friendly || It is a friendly website, because at the bottem they have the all of the information they have. They ask you where you live and the sip code you need. ||
 * [|http://Donegalpens.com/] ||
 * Content || It about pens. What kind of pens they sell ( example wodden ones
 * [|http://Donegalpens.com/] ||
 * Content || It about pens. What kind of pens they sell ( example wodden ones
 * audience || People who are 30 and need to get some nice pens. ||
 * design || There are iks on the top, and a picture on the the right side of the information which is about pens and what the shop is like. Below it there is a foreign language. ||
 * how user friendly || I don’t think its very user friendly because what if you needed to search something but you cant because theres no search bar. ||

Research/Analysis/Answer to the unit question
__How can shopping online be made effective?__ To shop online you need to have wireless internet: All of the computars these days, have and wireless adapter that connects to the internet. The wireless adapter usually takes up at lot of battery so most people like to disable the wireless adapter, but with the laptops we have today they have a hot key which disable and connects the adapter again without having to do it manually.
 * 1) What do you need to shop online?

A data base is the structure of data. For example if a shop had 40 pink dresses and somebody want to buy 5 of them for her friends then the person will type that in and the computer will say now there are 35 available and tell them to get more in stock. Once the computer knows then they should seed a conformation lettar because sometimes there’s not enough in stock.
 * 1) A data base.

The software for a website has to have a template and to prevent hackers from hacking. Usally people instead of having software they use a website lock, which only the person whose in charge knows it can edit the website.
 * 1) Software

Security is the most important part of the online shopping websites. Without security our bank information isn’t safe, and can get into hackers hands. Like I said before there’s the key to the website. Also you could have a log in bar, and have accont information so if someone tries to hack that accont you ask them a few personal questions.
 * 1) Security

2)what does the shop need to offer online shopping? It needs to offer security:  Security is the part that most people are concernd, because if they trust there credit card information with a weak site, then someone can easily hack there website and use the information to buy them something nice.  Choice:  People like an online shopping website if they have a verity of things like Amazon.com that why so many people trust that website because one thing the security is very trustworthy. Another thing is the choice, they have a lot of things there so its nice to have choices. If someone wants something and you don’t have it in stock then you have to get more and tell them you can have it soon, some people feel better if they can pre-order it.  Product:  Lots of the people today want their product to be in store so they can get it. The quality has to be good, people don’t won’t buy something if it of cheep quality. Lots of websites show a picture of a good quality item but then give them a cheep knock off. Easy shipping terms: When people order stuff they want it immediately. Lots of websites like amazon have shipping terms, one of the thing they do is ask there costumers to pay a certain amount like 60 dollas at the end of the year instead of asking you at the end of the purchase. Lots of think this is a bargain because they think if they buy more they wont get taxed more. Money back garentys: Most people like a website if it has money back offers, the reason why is if they get the money back garenty they can get there money back and return the product. They also think its good bargain. History: A lot of people like to look at the history because if they lost something they wanted then they can look at there history and get it back.

3) How can hackers steal either your money or the shops money while shopping online:

There are two kinds of hackers. There’s the hackers that do it for money because they want to buy something, other kind of hackers just for fun or to prove how pathetic the security is

The two most popular way of hacking is pharming and phishing.

Pharming : Pharming is a like phishing. But pharming is when you go for the computer not the person. There is thing called pharming attack that’s when you type in an original website and then the computer gets confuse and accidentally gives you a fake website. And you think it’s the real thing because the person coped the design, and you trust your bank information with that wed site then the person who made the web site and uses the bank information on other shopping websites.

Phishing: The hacker sends out a billion emails to strangers and makes them look really official so people get tricked into giving them to the hacker.

Well some people let the browser memorize the password, and if the hacker knows the user name then they can access your account and find out your banking details and use them on other websites and the one where they found it.

Another way for people to get control of the website is, the inventor of the web site has a lock that controls the web site and if the inventor has a stupid password like “password” that people can guess then they use it and bam there in control.

There are actually websites that do hacking password or just hacking in general.

1 What measures can be used to prevent hacking? There are many software’s to prevent hackers from hacking. Some of the software is for the computer not the website program it’s because pharming is when you attack the computer not the web site. The software used for this is: Another way to prevent this from happing is having a website lock. That’s when you have a lock to edit the website. That a really big way to be hacked because if you have a really easy password like “password” and somebody guesses it then they have the whole web site under their control. Also what lots of people do is change the lock every month. One way to also prevent hackers is put up a firewall. A firewall is a wall that prevents hackers, viresous. Most of the time people who have the website on their computer and that computer is the only way to access the website. Hackers like to get the computer and they send viresous. One way to always know is to run a test every month. Lots of times people don’t want to bother with putting in there password so they let the browser remember the password so its automatically in their accont. The hacker can steal your computer and access it unless you turn the remote login off.
 * AVG anti-viruses
 * Zonealarm

Bibliography : [] [] [] [] [] [] [] [] []

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**
 * 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.

Tests
the test for this unit is: does every link work? does every link go to the right link? it it a colorfull website? does it have a logo? is there a table? does the picture/info/design all merge togetther nicely? does the picture look fuzzy? is the pages all have info AND PICS? does it have the same layout for every page? = DESIGN =

Design 1
My 1# design. I think is my favorite because of the color and I think it has a unique sence when it actually comes to the design because I have never actually seen a design quiet like it. I think this will be a very challenging thing to do but I am ready for it. The things I find nice about my design:

v That there’s a logo in all of them v I like how it has a very visual layout, and usually people like it and more engaged when it has visual aids. v I like how it will be very accessible because who would want to go on a wedsite that doesn’t even really work The things I don’t really like in my design: v Is I don’t think there’s much going on my page. I beat other people have more going on because they like flashing lights and those stuff but I don’t really like that stuff. v I don’t like the way i drew small versions of the picture. The things I will find easy to make: To find how much columns and rows 5rows and 5 colloums. Figuring out how to font it, hot to hyperlink. The things I find hards. I am scared that I won’t have enough information for the page. I want to have a search bar but I don’t think I could make it but I if I cant I will put a picture instead.

Design 2
my design two: this was my second favorite but I don’t think it will be fun to make while I thought the first one would be more fun. I think this is a good design but its so busy for me. i also thought it won’t be as accessable as the other one because it wont have a search button. The things I really like about this design: The things I don’t like so much The things that are easy to make The colloms 6 4 rows Finding the buttons The picture inserting Things that are hard to make Seeing how to make the wrighting going down in the collom I am wondering if the font is to big for the info,
 * I like the color scheme in this design.
 * I love that it has my favorite colors
 * like the format of the page
 * The fact that there’s a lot of advertising
 * The way I drew the pictures
 * And the font of the info because what if its to big

Design 3
Third design This one was my most plain one so I thought it was a little boring compared to my other two. but its the easiest to do. It will be a boring website because it doesn’t have much visual aids. What I like from it I like the links at the top I like the colors used I like the layout What I don’t like I don’t like how the info is on right side I don’t like how there two pictures are right next to it What’s easy to make The colloms 5 And 5 rows Seeing how to make the buttons And font and pictures and logos What’s not easy to make Well I find it very easy so I don’t think anything going to be hard Over all I would pick design, because it has so much more things I would like than dislike. I think my others were as equally good. If it doesn’t work out I am going to the second one then the third one. = PLAN =

Online shopping pavitra.cumaraswamy unit 2 creation Then I am going to save it on my flash drive Then I am going to open the internet for three different bowers: internet explorer, and mozila firefox, google crone. Then do print screen and put them word and then upload to wikispaces. |||| * Internet: for the web site wikispace Then open word and make a table with the design sefications saying in one collum and in another saying yes and no and people would rate it. I am planning to print 3 and ask three people to evaluate it then scan it. After that I would do one with my thoughts. After that copy on the evaluation paper and do the same for my test. || Internet: I need this to download my product from wikispace and elevalute it. Word: to wright the evaluation. ||||||  || Word: to finish my evaluation. ||||||  || = CREATE =
 * Homework day or school day || Date || step |||| Resources |||| Comments ||
 * School day one || On the 26th of feb || * I am going to create a new folder for this project named
 * then I will open up my design which I will download from wikispaces.
 * Then I open up expression and open my folder.
 * Then I am create the home page
 * The create a page with 4 colloums and 6 rows.
 * I start on merging the cells that need it.
 * After that I am going onto Google images to get photos for the home page. I am going to get images of a lock and banking and security cop. And find a good logo of a lock as well.
 * Put in my logo at the top
 * After that I will start filling in the info on the web site and how I came up with it and why.
 * Wright in the links.
 * The I am going to open a new page and copy the template for the it
 * Then I am going to save the home page in my folder.
 * Then copy the folder on my flash drive.
 * Internet: for the web site wikispace
 * Flash drive: to make the file and save the documents on it.
 * Microsoft expression: the software used for this project, to make the pages, and to make my website.
 * Google: to find pictures ||||  ||||   ||
 * School day || 27th of feb || * I am going to open the file in Microsoft expression.
 * Download the design from wikispaces.
 * Copy the template from the home design
 * And create a new page called hackers
 * Then goes on to Google images
 * Copy the same pic as the home page about the security lock
 * Find a pic of some one smiling with a computer
 * And another of a locked computer
 * Then I wright the info on the page.
 * Then I am going to save it on my flash drive
 * Internet: for the web site wikispace
 * Flash drive: to make the file and save the documents on it.
 * Microsoft expression: the software used for this project, to make the pages, and to make my website.
 * Google: to find pictures ||||||  ||   ||
 * Homework day || 27th of feb || * I am going to open the file in Microsoft expression.
 * Download the design from wikispaces.
 * Copy the template from the home design
 * Create an new page called banking
 * Then go on to Google images and find images of credit card and banking companies
 * Then replace it with the pics that I saw
 * and change heading that’s needed.
 * Then I wright the info on the page.
 * After that save it to my flash drive |||| * Internet: for the web site wikispace
 * Flash drive: to make the file and save the documents on it.
 * Microsoft expression: the software used for this project, to make the pages, and to make my website.
 * Google: to find pictures ||||  ||
 * School day || 28th || * I am going to open the file in Microsoft expression.
 * Download the design from wikispaces.
 * Copy the template from the home design
 * And create a new page called how can we make online shopping more effective.
 * Then goes on to Google images
 * Find a pic of some one smiling with a computer
 * And another of a person with a online shopping site on it.
 * And one of computer with a lock.
 * Then I wright the info on the page.
 * Then I am going to save it on my flash drive
 * Internet: for the web site wikispace
 * Flash drive: to make the file and save the documents on it.
 * Microsoft expression: the software used for this project, to make the pages, and to make my website.
 * Google: to find pictures ||||  ||||   ||
 * School day || 5th of march || * I am going to open the file in Microsoft expression.
 * Download the design from wikispaces.
 * Copy the template from the home design
 * And create a new page called what do we need for online shopping.
 * Then goes on to Google images
 * Find a pic of a computer with a shopping website on it
 * And another of hard were.
 * And one of computer with a lock.
 * Then I wright the info on the page.
 * Flash drive: to make the file and save the documents on it.
 * Microsoft expression: the software used for this project, to make the pages, and to make my website.
 * Google: to find pictures
 * And internet exsplore.
 * Mazila Firefox
 * Google crone
 * All of these are to test my project ||||  ||
 * Evaluation ||
 * School day || 7th of march || First I am going to open my creation.
 * School day || 8th of march || I am going to do the survey on the tests I made then I will put in some comments about it. After that I will talk about the changes that would have made my product bettar. After I save it I will copy and paste on wikispaces and save the page. || Internet: I need this to download my product from wikispace and elevalute it. And also to upload my evaluation.

= EVALUATE = Evaluatiuon: I think I could have worked on was the like=s because they didn’t work after you pressed on one. Also was the color scheme because in my design I has a color scheme in the begging but then on my final not all the pages had it. I think I did well on the wrighting.
 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== ||  ||   ||   ||
 * ==**DESIGN**== ||  ||   ||   ||
 * ==**PLAN**== ||  ||   ||   ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN**==

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

 Purple heart) ||
 * [|www.Bbc.co.uk] ||
 * content || The site is about what happens all over the world. For example (news about what happens in the world. Weather, businesses entertainment) ||
 * audience || The targeted audience are people who are older than 30, also people who are interested in knowing whats going on in the world. ||
 * design || And the top of the page they have links and the search bar, a little down the page, they have a collom going down with tecnolagy, tv, sports and weather. Right below the links next to the collom there is a section about the lastest news. And bleow there are more liks but with a preview of the article. ||
 * how user friendly || Yes it is very user friendly, because it make’s you comfortable, by letting you chose the langue you want to speak in. ||
 * [] ||
 * Content ||  ||
 * audience ||  ||
 * design ||  ||
 * how user friendly ||  ||
 * [] ||
 * content || This web site is about TSB banking. Pesicfically, about the bank, personally banking, home loans, investments, and serverces. ||
 * audience || The audience is for people in there 20 and over. It really aimed for people who need to get in contact with the bank. ||
 * design || They have there logo on the top of the page on the left side. On the top right side is a log in / home banking bar. Under that are the links but they are not in the colloum. Then there is a puicture of a women on the computer. Next to that is a rectangle with quick links to it. Under that there is four sub- subjects. ||
 * how user friendly || It’s very friendly, because it has a seach bar, a contact us sign. ||
 * [] ||
 * Content || It about weather all around the world. And when to travel when not to, it depends on the weather. Blogs and photos. ||
 * audience || Its about 30s and people who have to travel and to find out about the weather. ||
 * design || It has the logo on the top left side. Then there is the links on the bottom of that. Under that there is a add. There is a bar under that asking wheres the zip code or contry. Next to the search bar is another add. Under the search bar is a map of your current location and next to that is news. Under that there is three bars with news about wonder bogs, wonder photos and maps and statelitte. ||
 * how user friendly || It is a friendly website, because at the bottem they have the all of the information they have. They ask you where you live and the sip code you need. ||
 * [|http://Donegalpens.com/] ||
 * Content || It about pens. What kind of pens they sell ( example wodden ones
 * [|http://Donegalpens.com/] ||
 * Content || It about pens. What kind of pens they sell ( example wodden ones
 * audience || People who are 30 and need to get some nice pens. ||
 * design || There are iks on the top, and a picture on the the right side of the information which is about pens and what the shop is like. Below it there is a foreign language. ||
 * how user friendly || I don’t think its very user friendly because what if you needed to search something but you cant because theres no search bar. ||