Challenge+2009_1

CHALLENGES 2009

CHALLENGE 1 : to design a wiki

Goal: The first team challenge has permited to us to discover the wiki technology.

A wiki is a collaborative web site, a web site that can be edited easily by different people.

So we 've created this wiki called LAM-FALL-04 with the challenge

CHALLENGE 2 : QA a web site

To be conformed wtth guidelines, standards and best practrices are essential to design professional web site.So not to follow it will engender problems and bad features in the web site and your visitor's impression of you won't be good. in this way we have QA the web site http://onesiteproject.com/websitetesting/. and have reported all the problems that we encounter inside.for each problem we give reasons which justify it ACCESSIBILITY we notice that if you try to join the web site with a slow internet connection the time to access to the home page is relatively long.It take nearly 15 secondes to reach the home page and it's not a good think to increase the number of visitors in your web site.The more the access time is short better it is. On another side we notice that it take most of 25 secondes to reach the page called "musique" it's not good for user's navigation along the web site.And these long access time with this page is certainly caused by the heaviness of multimedia elements included in this page. LOOK AND FEEL : the home page which should give to the visitors a birds-eye view of who you're, what you're about and what you can do for them is pooly presented. Because the too wide image in the opening page should be reduced and be acompanieb by a short describtive text about the site's function and the raper as it is recommended for a home page. TEST WITH BROWSERS certain functions of the site don't work in multiple browsers Because on the one hand we notice that the multimedia elements ( sounds and video ) don't appear correctly with the browsers firefox and google chrome.We Only see black frames on which is written the message "waiting for video".all the required plug-in may not to be implemented in these browsers. on another hand ( an point relevant certainly of the navigation ) we notice that with internet explorer if you reach the page called "musique", links do not work agains and you won't can to reach agains any other page. CONTENT APPARANCE this point touch various aspects relevant the visual aspects and consistency of the content of pages of the web site. text formatting : there is a very poor presentation of texts on the site with the pages called "presentation" and "la voix du peuple". The text isn't share into paragraphs with these two pages,there are unnecessary newline which covers the whole text and so a lot of whitespaces inside. text readability : <span style="font-family: 'Lucida Console',Monaco,monospace;">readability of texts are not really assured, Because In presentation's page names and functions of each member of the group are not presented distinctly with diferents font-size and font-style to increase readability.On the page called "la voix du people" each question should be put in sub-head with its answer in paragraph for more readability. The same observations were done with the page called "contact" about the distinction between text and email address. <span style="font-family: 'Arial Black',Gadget,sans-serif;">horizontal-scrolling : <span style="font-family: 'Lucida Console',Monaco,monospace;">design is too wide. Because if you use the screen's resolution 800*600 only some of more than the harf of the content's page appear on the screen.Horizontal scrolling is required to see the two pictures in the right of the screen and it don't increase the readability of pages of the web site. <span style="font-family: 'Arial Black',Gadget,sans-serif;">use of images : <span style="font-family: 'Lucida Console',Monaco,monospace;">in the page called "photo" the presentation of pictures is really very crisp,they are poorly presented. there is a bad formatting images,images aren't spaced,aery so they bump up against each other.the specification of the image size is not respected as it is recommended in the checklist. <span style="font-family: 'Arial Black',Gadget,sans-serif;">NAVIGATION <span style="font-family: 'Lucida Console',Monaco,monospace;">Firstly as we said at the section called TEST WITH BROWSERS ,we notice that with the internet explorer navigator as soon as you reach the page called "musique" you won't can to reach again any other page,links won't be in working order and then you will be forced to shut the page for to leave the web site.It's one of the worst features of the web site. Secondly we notice that only a menu appears at the left of pages there aren't a second navigation bar at the top ( or botton ) of each page of the web site.so it isn't conformed at best practrices and how navigation touls are implemented in web sites. <span style="font-family: 'Arial Black',Gadget,sans-serif;">SOUDS AND VIDEOS : <span style="font-family: 'Lucida Console',Monaco,monospace;">Doing a web site for a raper with sounds and videos badly programed inside is like to sell the web site at a loss.The worst gap that we found in the web site is about sounds and vidéos. Because with internet explorer the design of elements appears correctly but some of them don't work and the other ones which can be started have a very bad background music because it starts and cut off succinctly.Also the video don't work only a frame appear on the screen.We suggest for this previous problem to put external links in this multimedia elements for to allow visitors to read it with an external reader like windows media player The behavour of sounds and videos with browsers firfox and google chrome was repoted at the section TEST WITH BROWSERS. <span style="font-family: 'Arial Black',Gadget,sans-serif;">TO CONCLUDE <span style="font-family: 'Lucida Console',Monaco,monospace;">apparently the student who designed these web site didn't know about standards and best practrices to develop web site.it can justify all the errors found inside.But we notice that he respect at least one aspect of the design web which is about the apparence of pages because each page have the same header and the same menu ( at the left ).As far we are concerned,befor doing this challenge we though that designer can to do what he want to develop web sites.so with this challenge we learn that it's not the case.After to have seriously read the two articles which provide checklists for the quality of web sites, we see that there are standards and best practrices to design web sites and that any developer must follow its for more quality with web sites.So this challenge help us to think about quality and to look for to be conformed with standards and best practrices when we design and develop web sites and wikis. in this way this callenge is very useful for us because it will help us in the future to think about quality,to look for to be conformed with standards and best practrices when we program and develop our own web sites.

click HERE to see the other challenges

Home Challenges 2009 Bootcamp 2010