Davina+Bacon+Unit+3

What makes a Good Website  By : Davina Bacon   INVESTIGATION   Identify the Problem  Students don't know which storage devices, input devices and output devices to use or even what they are. Explain the Problem If the students don't know how to use them, they will use the devices incorrectly, which could lead them to getting a bad grade. They could also lose there data if they don't use them properly.

Research and Analysis

This research has shown me which devices there are that can be used, and which devices are input and output. They also show me how much data each device can take. I now know which are which and how they are to be used.

Design Brief I am going to design a website that will answer the unit question (how a students IT needs have changed). It will show how IT needs of students have changed over the years and how they will possibly change for students. It can be used in schools or universities because most people don't know how to use storage devices, input devices or output devices.

Product Specification My website must: Test Plan I will answer the unit question by creating a website that tells people about different storage devices as well as input and output devices. I will test my website by: Researching about different storage devices, online storage, mouse and keyboard history, what's likely to change about keyboards, what has changed about output devices, as well as what storage devices students will use in the future (my own idea) and checking that my information is correct. I will research from a reliable source.
 * Design a 5 page website (make sure I run it by the teacher first)
 * 1 page must be about how students today use different types of storage devices
 * 1 page must be about online storage
 * 1 page must be about how mouses have changed
 * 1 page must be about how keyboards have changed
 * 1 page must be about output devices have changed
 * 1 page can be about whatever I want except it has to be related to the unit question - how storage devices will change / the future of storage devices.
 * Show how the web page will look. change around the navigational bar, the location of my picture, add more pictures to each page, move the information around to show different designs. Remember two designs are better than one. Three designs are better two. Make sure I think about navigation and the content of each page in my design. For content a heading will be enough. Remember to look at the design criteria in order to get maximum marks.

I'll see if the colours look well with each other and ask someone else as well. I'll ask someone to try and use my website and ask if it is easy to use and if not what could be improved. Does it have enough pages on the right topic? Count pages to check. Are the topics on the pages the right ones? Read and check them. DESIGN  Pictures of my designs Analysis of my designs website. || Yes || Yes || Yes || students are using storage devices || Yes || Yes || Yes || storage. || Yes || Yes || Yes || mouses have changed. || Yes || Yes || Yes || keyboards have changed. || Yes || Yes || Yes || devices. || Yes || Yes || Yes || want (the future of storage devices.) || Yes || Yes || Yes || Design 1: I like this design because there is a different design for each page. However, this could make the website confusing, which is a bad thing. The colour scheme (black text against a white background) is a good contrast as they show up clearly against each other. There is a navigational bar on each page which would be able to take the user to any page on the website, made up of hyperlinks. There are about one or two pictures on each page so it would be interesting to look at. Although I haven’t written exactly what each textbox is going to say, I have put each of the design specifications in the title. Therefore, it’s not clear enough to make it from scratch unless it was me making it.
 * Specifications || Design 1 || Design 2 || Design 3 ||
 * Design a 6 page
 * 1 page about how
 * 1 page about online
 * 1 page about how
 * 1 page about how
 * 1 page about output
 * 1 page about whatever I

Design 2: I like this design as it has a bright background of orange which looks good with black text. It meets all of the design specifications. It is also easier to comprehend as the layout is the same for each of the web pages which is a good thing. On each page there is a navigational bar which can direct you to any of the pages of the website, using hyperlinks. I have written on the pages exactly what each page will say and put in what the pictures will be. This means it’s easier to make from scratch if a stranger was making it without any help.

Design 3: This design is good because it is much clearer than the others because it has all the pictures on one side, all the text on the other and the menu at the top. I have also written the information it will have in and also labelled the pictures so it is easy to navigate. I also like the colour scheme – white text on a dark blue/ indigo background which is quite nice. The navigation bar is at the top on every page so it is easy to get around. It would be easy to put together from scratch, even for a stranger.

Justification for chosen design I have chosen to combine designs 2 and 3 to make my website because they were both my best designs and it was too difficult to decide which I should use. I'll use the colour scheme of Design 3 and use the information and picture layout from Design 2. Therefore I will make an even better website than the ones above. PLAN Microsoft expression, a monitor. || Yes || Microsoft expression a monitor. || Yes || pages information ||  ||   || ||   ||   ||   ||   ||   ||   || my research, a keyboard, Microsoft expression, a monitor. || Yes || (background and text) ||  ||   ||   || --- ||   ||   ||   ||   ||   || monitor, Microsoft expression. || Yes || expression || Yes || pages ||  ||   ||   ||   || - ||   ||   ||   ||   || my research, a keyboard, Microsoft expression, a monitor. || Yes ||
 * Part || Time || Day 1 || Day 2 || Day 3 || Day 4 || Day 5 || Day 6 || Day 7 || Day 8 || Resources || Complete ||
 * Titles ||  || 11 ||   ||   ||   ||   ||   ||   ||   || A keyboard,
 * Menu ||  || 111 ||   ||   ||   ||   ||   ||   ||   || A keyboard,
 * First three
 * Colours
 * Pictures ||  ||   ||   || -- ||   ||   ||   ||   ||   || google images, Microsoft
 * Last three

1) On the first day I will do all the titles which won't take long and so I will have time to do the navigational bars on each page so that will take me a bit longer. 2) On the second day I will put all the information (text) for the first three pages of my website - storage devices, online storage and mouses. 3)On the third day I will do the colours of the text and backgrounds - which is dark blue background, white text and black menu background. I will also put in the pictures that will be on each page. 4)On the fourth day I'll put in all the information the last three webpages will have; about computer keyboards, output devices and the future of storage devices. 5 - 8) I have made this plan so if I finish something late, I have still got four days to finish everything. If I find an thing that I need to do which I haven't put into the schedule (there shouldn't be any, but in case), I would still have enough time to do it.

I have put everything that I think I need to put in my website but if I have forgotten anything, what I will do is mentioned in days 5-8. I might have to change the times I do the things, like putting the information on the pages before I put the colour scheme. I probably won't as it's (the website) plan will work anyway - at least, it should. CREATE  Final Product Changes made to the original Design I've added more information to the website than the design intended because when I typed into my website, it was only 1 or 2 lines so it needed more. I also changed the background colour of the navigational bar because it wouldn't have looked good and I decided not to put the links in a table anyway. I changed the amount of pictures I put in on some of the pages because it either was too crowded or I couldn't a find the right picture for the picture. Changes made to the original Plan  I didn't follow the plan order because I realised that it wouldn't have worked. Instead, I did it in this order: Titles, Menu/navigational bar, colours of text and background, all the information and after each page I completed the information I put in the pictures. This plan worked better especially as I was able to get more done in a lesson. EVALUATE  Results of tests text contrast well. || information? || Yes, I've checked the information on reliable sources. || topics? || Yes; there is a page on storage devices, online storage, mouses, keyboards, output devices and the future of storage devices (my own idea) || Does it look good: Yes because I think so and so does my 2 friends. Therefore it looks good and appealing.
 * Test || Result ||
 * Does it look good? || Yes, the background and
 * Does it have reliable
 * Is it easy to use? || Yes, my friend has tried it. ||
 * Are there enough pages? || Yes, I counted them ||
 * Are the pages on the right

Does it have reliable information: I checked on a reliable website to see if my website had good information. As my website did, it is reliable. (Next time I should check on several websites)

Is it easy to use: I find it easy to use and so do my 2 friends. That means my website is easy to use.

Are there enough pages: Yes there are enough pages on my website as I counted them and checked the number was the same as on the design specifications.

Are the pages on the right topics: Yes because I compare the topics on my website to the topics on the design specifications and they matched up. There could have been more information on each page though. Recommendations for improvement Does it look good: Although it looks good, I could of used a picture for the background instead which would have made it look even better. Does it have reliable information: It does have reliable information but there should of been more of it. Is it easy to use: Yes but next time I could move the navigational bar around to make it more interesting. Are there enough pages: There are enough pages but next time I could put more pages since I am now more experienced in website making. Are the pages on the right topics: Yes but next time I could add more topics and information. Self-evaluation of your execution of the design cycle I should of done my investigation more thoroughly and put detailed answers to the question. I should of made a better plan in the first place instead of changing when it came to actually creating. However, I think that my design was very detailed but one of my pictures were unclear so it wasn't as good as it could of been and I should have completed the stage on time. I could have put more information on each page of my website. Reflection: in all of the information. I finished it on time. || of information about them. However one is a bit unclear and I didn't finish on time. || wrong order than I should of but I added a lot of information on when I did it. I finished it on time. || with reliable information. I also finished it on time. I should have put more information too. ||
 * Stage || Grade || Reason ||
 * Investigation || 4 || It wasn't very detailed but I have filled
 * Design || 5 || I have put in 3 designs and added a lot
 * Plan || 5 || I planned the creation of my website in the
 * Create || 5 || I met my deadline and made a good website