kekeliayivi+unit+3

__ Web design __ how have a students IT needs changed ?

By : Kekeli Ayivi INVESTIGATION   Identify the Problem

we dont know how to design a website. and we dont know how a students IT needs hae changed. Explain the Problem

=
i don't know how to create a website so that it looks good. i don't really know how to design a good website at all. so i have to learn and make some research on how to design a good and interesting website.I have to research on how a students IT needs have changed and how they are going to change ======

Research and Analysis

=
======

this is a web site i made with // Microsoft expression web 4. // i didnt finish it, it was just my first try to see how i can design a web page.
I made some research on different devices to store things(additional memory ) what i found out: the website shouldn't be plain it should be colorful, it should have lots of information(depends on what kind of webpage) but it shouldn't look boring so it has to have lots of pictures.

Design Brief i am going to create a web page using //Microsoft expression web 4//,to the theme:how have a students it needs change

Product Specification My product must:


 * be colorful
 * have lots of pictures
 * have interesting information and facts
 * have pictures that reflect the information given
 * look good to others

Test Plan
 * TEST ||
 * 1.be colorful: I check that i used at least 3 different colors and ask someone else if they find it colorful enough, ||
 * 2.have lots of pictures: i check if i have at least 3 pictures that are colorful and fit to my topic ||
 * 3.have interesting information and facts: i ask other people if they find the information i have used interesting or boring and if they think it is enough information for my webpage, more interesting ||
 * 4.have pictures that reflect the information given: I check if the pictures i used fit the topic and reflect the information given, i ask others if they think that as well, ||
 * 5.look good to others : ask others if they think it looks interesting and colorful, ||
 * 6.have links to other/next pages: i check if all the links work and if they go to the right pages ||
 * 7. shouldn't have any spelling mistakes: i reread it and check if i can find any mistakes. i ask friends to check if everything is spelled correct ||
 * 8. should have the right colors so that you can read the text: i ask others if they can read the text easily ||
 * 9. my website should have at least 5 pages : count the pages and see if I included every topic i was supposed to write about ||
 * 10. every page should be named: name all the pages with the right topic ||
 * 11.should have a "home" page: go through all pages and see if there is a homepage ||
 * 12. should have a link to the "home" page on every page: check if there's a link on every page and if it goes to the right page ||

DESIGN Pictures of my designs design 1:



design 2:



design 3:





Analysis of my designs

has pictures which reflect the theme it has a homepage which links to all other pagesit has a link to the homepage on every other pagehas 7 pages(home + other 6 pages) || i didn't ask anyone if they think its good yet. || the writing is always black. has 7 pages (home + other 6 pages) it has a homepage which links to all other pages || .it looks okay to others. it doesn't have a link on every page which links to the homepage. ||
 * DESIGNS || yes || no ||
 * design : 1 || is colorful( labels )has/has pictures which reflect the theme it looks good to other people, it has 7 pages (home + other 6 pagesthe writing is always black so that one can read it very easilyit has a homepage which links to all other pages. it has a link to the homepage on every other page. || ( it doesn't have any information and facts yet) ||
 * design 2 || is colorful(labels) the writing is always black so that one can read it very easily
 * design 3 || has pictures which reflect the theme is colorful(labels)

Justification for chosen design

**I chose design 1.** ** i chose it because: ** i think design 1 is is the best one out of my three designs and other people think that as well. It has 7 ** good ** pages. My other designs have 7 pages too, but not all of them are good some don't look nice. it has most of the things in my product specification and test plan.

PLAN picture(s) of IT class( one or 2) Microsoft expression web 4 || Google chrome (images) || 5/3/13 || it students, flash drive,3 other storage devices Microsoft expression web 4 || Google chrome(images) || 6/3/13 || 5 pictures, 2 of them are screenshots of online storage pages 3 of them pictures of Microsoft expression web 4 || Google chrome(images) || 6/3/13 || 3 pictures of mouses Microsoft expression web 4 || Google chrome(images) || 7/3/13 || 3 pictures of key boards Microsoft expression web 4 || Google chrome(images) || 7/3/13 || 2 pictures of output devices Microsoft expression web 4 || Google chrome(images) || 8/3/13 || 3 pictures of computers and laptops Microsoft expression web 4 || Google chrome(images) || 8/3/13 ||
 * part || date || work || material || resources || deadline ||
 * home page || 22/2/13 || * get the pictures i need
 * do the writing( information what the page is about)
 * color in the background
 * make the boxes where the hyperlinks are going to be
 * put everything in the wright color
 * decide the font and size of the text || pictures:
 * page 1 || 22/2/13 || * get 5 pictures
 * get information(how storage devices have changed)
 * color in the background
 * wright the title
 * copy the boxes(for the hyperlinks) from the homepage || pictures:
 * page 2 || 26/2/13 || * get 5 pictures(theme :online storage)
 * get information(online storage) and write them down
 * color in the background
 * wright the title
 * copy the boxes(for the hyperlinks) from the homepage || pictures:
 * page 3 || 1/3/13 || * get the pictures i need
 * get information(theme:mouses)
 * color in the background
 * copy the boxes(for the hyperlinks) from the homepage || pictures:
 * page 4 || 1/3/13 || * get the pictures i need
 * get information(theme:keyboards)
 * color in the background
 * copy the boxes(for the hyperlinks) from the homepage || pictures:
 * page 5 || 5/3/13 || * get the pictures i need
 * get information(theme:output devices)
 * color in the background
 * copy the boxes(for the hyperlinks) from the homepage || pictures:
 * page 6 || 7/3/13 || * get the pictures i need
 * get information(computers)
 * color in the background
 * copy the boxes(for the hyperlinks) from the homepage || pictures:

CREATE Final Product





Changes made to the original Design there are less pictures( different pictures) and less writing. because i didn't have a lot of time and also when i tried to Google some answers there didn't really come the things that I was looking for. when i was looking for pictures there came pictures but mostly not ones that i wanted so i took different pictures. Changes made to the original Plan  i didn't follow the times that i put and i didn't follow the order either, because i didn't have as much time i thought i would have. i first got all the pictures and then i did the writing. EVALUATE Results of tests done by : Anna martin information on some of the pages ||
 * TEST || YES || NO ||
 * 1.be colorful: I check that i used at least 3 different colors and ask someone else if they find it colorful enough, || yes its colorful enough i have more than 3 colors ||  ||
 * 2.have lots of pictures: i check if i have at least 3 pictures that are colorful and fit to my topic || yes i have enough pictures ||  ||
 * 3.have interesting information and facts: i ask other people if they find the information i have used interesting or boring and if they think it is enough information for my webpage, more interesting ||  || not enough
 * 4.have pictures that reflect the information given: I check if the pictures i used fit the topic and reflect the information given, i ask others if they think that as well, || yes the pictures reflect he topics ||  ||
 * 5.look good to others : ask others if they think it looks interesting and colorful, || yes it has enough color and it looks good to others ||  ||
 * 6.have links to other/next pages: i check if all the links work and if they go to the right pages || yes all the links work and go to the right pages ||  ||
 * 7. shouldn't have any spelling mistakes: i reread it and check if i can find any mistakes. i ask friends to check if everything is spelled correct ||  || i made some mistakes i think ||
 * 8. should have the right colors so that you can read the text: i ask others if they can read the text easily || yes you can read the text easily ||  ||
 * 9. my website should have at least 5 pages : count the pages and see if I included every topic i was supposed to write about || yes my website more than 5 pages ||  ||
 * 10. every page should be named: name all the pages with the right topic || yes my pages are all named with the right topic ||  ||
 * 11.should have a "home" page: go through all pages and see if there is a homepage || yes my website has a homepage ||  ||
 * 12. should have a link to the "home" page on every page: check if there's a link on every page and if it goes to the right page || yes my website has a link to the homepage on every page ||  ||
 * Other comments (Anna martin) : || the top is good (that its the same top for all the pages) || it is colorful but i should have chosen different colors ||

Recommendations for improvement the website i made is kind of like i wanted it to be but there are still a lot of things that i can improve:

i could improve my website by adding more information. next time i should spell check my work until there are no more mistakes. T o make it more colorful i could add a colorful background picture. i also think that i should do more at home so that i have more time to do my things and get better results. The information on my website should be more detailed. Anna's recommendations for improvement:  using different colors  use background pictures have more and better information. Self-evaluation of your execution of the design cycle ** what could i have done better: ** **investigation**: i could have put more information  i could have had more product specification points to have a better idea of what my product was going to be like i didn't really explain the problem ** design: ** i could have followed my design and plan better i could have made a better justification for my chosen design   i could have drawn my designs more clearly  ** plan: ** i think my plan was pretty good but i should have followed my plan better ** create: ** i could have explained better what changes i made in my design and plan i could have uploaded my website, i only uploaded screen shots of it  I didn't finish everything at the right time so next time I should organize myself better and also follow my own deadlines ; my plan.