HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Målform: Bokmål Eksamensdato: 16. mai 2012 Varighet/eksamenstid: 0900-1200 Emnekode: Emnenavn: LN513D/LO513D Webdesign Klasse(r): Studiepoeng: 6 Faglærer(e): Anette Wrålsen (mobil 97 79 68 78) Kontaktperson(adm.)(fylles ut ved behov kun ved kursemner) Hjelpemidler: Oppgavesettet består av: Vedlegg består av: Ingrid Island Ingen 7 sider, inkludert forside og vedlegg. 5 sider (trykt i farger). Merknad: Oppgaveteksten kan beholdes av studenter som sitter eksamenstiden ut. Les gjennom hele oppgaven før du begynner slik at du kan disponere tiden best mulig. Lykke til! Side 1
Oppgave 1 (45%) a) Forklar hva som inngår i fasene informasjonsinnhenting og planlegging i en webdesignprosess, og hvorfor de er viktige. b) Angi minst to diagramteknikker som kan være nyttige i en webdesignprosess, og forklar hvordan og hvorfor vi bruker dem. c) Hvis du ønsker et mest mulig universelt utformet nettsted, hva bør du tenke på når du velger farger og skrifttyper? d) Nevn minst tre tiltak du kan gjøre når du koder nettsteder som både gir søkemaskinoptimalisering og bedre brukskvalitet for brukerne dine. Forklar hvorfor disse tiltakene er gode. Oppgave 2 (55%) Denne oppgaven tar utgangspunkt i matoppskriftsnettstedet Matoppskrift.no. Dette nettstedet tilbyr en samling matoppskrifter, som brukere kan sette karakter på og kommentere. Det har også informasjonsartikler om mat og ernæring, som for eksempel om allergier, andre lands kjøkken og råvarer. Nettstedet har også samlet lenker til informasjon på andre nettsteder. Det er drevet av en enkeltperson som skriver følgende om nettstedet (http://www.matoppskrift.no/sider/om.asp, pr. 30.04.12): "Målet er å lage en Internett side som samler alle slags mat og drinkeoppskrifter i en stor database. Her kan brukere selv være med å bygge opp samlingen ved å legge inn sine egne oppskrifter med evt bilde, hente ut oppskrifter, legge inn karakterer og vurderinger av oppskrifter de prøver. Jeg vil og lage ett sted hvor det finnes alle nødvendige opplysninger om mat og ernæring, som oversikter, råvarer, teknikker, ernæringstabeller, e-nummer osv. Sidene skal og være ett sted som samler oppskrifter fra flere mindre nettsteder." a) I Vedlegg 1 ser du startsiden til nettstedet. Gi en vurdering av brukskvaliteten til denne, både generelt og med hensyn på at dette er en startside. b) I Vedlegg 2 ser du en oppskrift fra nettstedet. Kommenter layouten på denne mhp. brukskvalitet, og forklar hvordan nettstedet anvender grunnprinsipper for grafisk design i presentasjonen av oppskrifter. c) I pensum står det at det visuelle ved et nettsted har tre mål: Funksjonalitet, identitet og å være estetisk behagelig. I hvilken grad gir den visuelle stilen til matoppskrift.no henholdsvis funksjonalitet, identitet og estetisk behag, slik nettstedet framstår ut fra Vedlegg 1-3? Og hva med logoen, hvordan mener du den fungerer? Hvis du skulle foreslått noen endringer her, hvilke ville det vært og hvorfor (forklar kort)? d) Matoppskrift.no har ingen mobiltilpasset versjon. Foreslå hvilken funksjonalitet en tenkt smartmobiltilpasset versjon burde hatt, og foreslå en layout for startsiden og noen (maks tre) sentrale typer undersider (ettersom hva du mener at nettstedet skal ha av funksjonalitet). Alle skjermskudd i vedleggene er tatt med Firefox 12.0 for Mac OS X, vindusbredde ca. 1150 pixler. Bilder og navn på brukere er sladdet. Side 2
Eksamen LO513D/LN513D Webdesign Vedlegg 1 startsiden til www.matoppskrift.no Side 3 Vår 2012
Bruk av meny. Menyen kommer fram når du holder musepekeren over menyvalget. Side 4
Eksamen LO513D/LN513D Webdesign Vedlegg 2 - Eksempel på oppskrift Side 5 Vår 2012
Vedlegg 3 - Eksempel på samleside og informasjonsartikkel Side 6
Side 7