Gurav+Vats+Unit+3

Web Design By :Gurav Vats 7MKR INVESTIGATION Identify the Problem

=
We are studying web designs and what are the elements that make a good website. We are also learning what are some crazy websites and why are they crazy or badly designed. Also what are the programs used that can help us in making a webpage. ====== Explain the Problem Learning how to make a website with multiple webpages accessible on the internet. We will be making our own website by using a program called web expression 4. In this program we just have to insert the contents of our website and then the program will make our webpage so we don't have to do it in computer language ourselves. Research and Analysis These are some crazy websites I have researched. Although some of them I don't think are crazy but are just pointless and rude.

[] [] [] [] [] [] [] [] []

Starter Exercise

Badly Designed Websites

[|http://heaven.internetarchaeology.org/heaven.html#bottom] The website that I have found has the name of the After Life. Beside it being voted the worst website of 2012 I have some reasons for it being a very badly designed website. As you may not be able to see this on the print screen the website is full of bright pictures and they are constantly moving so when you view the website it hurts your eyes. Another reason is that it is a webpage full of pictures. The page does not have any words or headings and the pictures are absolutely pointless and have nothing to do with the title ‘The Afterlife’ The quality of the pictures is dismal and all are of a violently bright shade.



Exercise 1

My Favorite Website My favorite website is Airliners.Net and I think it is very well designed in terms of the subject that is connected to it. It has a very catchy slogan, ‘the wings of the web’. The webpages are quite easy to navigate and many links are present so the person that is navigating the website can go directly to what he/she wants. This I think is very important because on some websites you have to navigate tediously through half a dozen pages and then reach what you are looking for. My favorite website is packed with relevant and up to date information on the subject it is related to. The colour and layout of the website is also mild and does not hurt your eyes. This reflected in my starter exercise as well. Print Screen:



Exercise 2 ** A Crazy Website **
 * A crazy website I have found is called by the name of The Crazy Website. The reason I think this is crazy is not because of vibrant colors it is because it is pointless and has no heading or order by the looks of the website it has just been done for nothing and can be of no help to you. That is why I think the website is crazy. **





** Unit Question – Answer ** = Unit Question - How have a student's IT needs changed? = Students IT needs have changed according to how the world is progressing further and how more things are being completed with the help of computers in general. An example of this revolution is when Boeing designed the Boeing 777 entirely with the help of computers and amazingly the airliner that had no handmade designs made has become the world’s most successful long range airliner. This means that these days almost everything works with computer help and computer are being more adapted in helping to solve everyday problems that why students IT needs have changed because they need more of computer and technology so they can progress in life.

Design

Design Brief I am going to design a website that will answer the topics that are in the product specifications.

Product Specifications
 * 1) I have to design a six page website about the following topics.
 * 2) How students today are using different types of storage devices.
 * 3) Online storage.
 * 4) How mouses have changed.
 * 5) How keyboards have and will change.
 * 6) How output devices have changed.
 * 7) Our own choice of topic that is related to the unit question.

Test Plan My Test Plan 1. See if my website has six pages in total. 2. Navigate the pages and check if all of the links work properly. 3. Read the contents of the pages thoroughly and confirm that the topic of the content is relevant to the topic that should be on different pages. 4. Consult the chosen design and check that the format and content match the design

Pictures of my designs Design 1 Design 2 Design 3

Analysis of my designs Design 1 I think design one does a great job against my product specification because it clearly has all the things that have been listed in the product specifications. Another reason that this design fills in all the criteria is because my sixth topic fully complies with the unit question. I think design one has hit the mark and is a good contender for the website. Design 2 I think that design 2 is satisfactory but it still fills all the product specifications. The thing missing in design two is that it does not have enough information. Design 3 I think that design three is a very good design and it has satisfactory information but it does not include any external links.

Justification for chosen design

I have chosen design 1 as my chosen design for the website. I have chosen design one above from the others is because it has all the three critical elements that make a good website. I have also chosen design one because it's layout is simple and it is not hard to navigate. I also think that the order in which the three elements of the website come is ideal and sensible.

PLAN Resources The resources needed to create my website will be the following:
 * A computer set including mouses, keyboard, monitor, CPU.
 * A Flash Drive with free space of at least 100MB to cater for the pictures and pieces of text.
 * Web Expression 4 ( This is the program we will be using to make the website)
 * Active Internet Connection
 * Information on topics.
 * Lists of the external links that are required for each page.
 * 3 pictures of people using storage devices
 * 3 pictures showing online storage
 * 3 pictures of different types of computer mouses
 * 3 pictures of different types of keyboards
 * 3 pictures of output devices
 * 3 pictures of different memory devices

Work Timetable The creation of my website will be followed by this timetable and as each task is completed It will be ticked. Processes These are the steps you are going to have to take to complete making the website: 1. Once the computer is on and you are logged open up Microsoft Web Expression 4 2. Once the program is open up a new blank html page and press the split table on the bottom left hand corner. 3. Then start filling in all the contents of the page with the chosen topics in the order the design chosen states. 4. Once all the pages have been completed with all the appropriate information save the page in student common 5. Then go to student common and find the correct file, on the top will be a file path saying where the file is, right click on that and click copy address. 6. Then copy the address on to the wiki.
 * Day || Task || Date || Due || Homework || Task Completed || Task Not Completed || Task Rating out of 10 || Task Quality ||
 * Monday || Create First Page and Second Page || 18th ||  || Yes ||   ||   ||   ||   ||
 * Tuesday || Create Third Page and Fourth Page || 19th ||  || No ||   ||   ||   ||   ||
 * Wednesday || Create Fourth Page and Fifth Page || 20th ||  || Yes ||   ||   ||   ||   ||
 * Thursday || Create Sixth Page and check if everything is fine || 21st ||  || Yes ||   ||   ||   ||   ||

CREATE

Final Product U:\Gurav Vats's Website









Changes made to the original Design There have been no changes made to the original design. Changes made to the original Plan  I did not follow my plan on a few occassions because I did not have the software at home and because we missed one lesson. I got a one day extension because of this. EVALUATE Results of tests These are the results of the tests: The test that I have conducted are not really test. I learnt this when I had already completed the test so that is why I put these down anyway.
 * Test Number || Test Name || Rating out of 10 || Reason ||
 * 1 || Pages || 10 || There were six pages in total ||
 * 2 || Navigation || 10 || The website was very easy to navigate ||
 * 3 || Content || 10 || The content was relevant ||
 * 4 || Design Format || 10 || All the pages matched to the design ||

Recommendations for improvement In this unit I have many ways in which I could improve. The first and most crucial one is time management. In the next unit I will want to complete all the stages within the deadline to a good quality. I would also like to add lots of detail because in this one I think that is lacking.

Self-evaluation of your execution of the design cycle I have followed the design cycle properly but I think I need to concentrate on detail and quality now. This is how I would judge myself against the stages of the design cycle:
 * Stage || Mark out of 6 || Improvement and Reason ||
 * Investigate || 6 || The reason I have given myself a full mark out of this stage is because I have conducted my own research A way I can improve in this stage is by explaining the problem properly. ||
 * Design || 5 || In the design stage I have given myself this mark because I have done three design in quite some detail. A way I could improve on this is not just taking one thing out of one design and adding it into another design ||
 * Plan || 6 || For the plan I put a lot of effort into it and I tried my hardest. My plan stage was in a lot of detail. A way I could improve in this is by actually following in the plan and perhaps listing some of the more basic things. ||
 * Create || 5 || For create I give myself this mark because I completed the pages of the topics with creativity. In this stage the only way to improve is always becoming more creative and open minded in your ideas. ||
 * Evaluate || 6 || In evaluate I have given myself a full mark because I have reflected and judged my own work in detail. A way I could improve is do it in more detail. ||
 * Attitudes in Technology || 6 || In Attitudes in Technology I given myself is because I love ict and I try to do my best. A way I could improve in this is by paying more attention in class and putting in more effort. ||