Omtentamen på kursen Webbdesign, 7,5 hp

Transkript

1 Högskolan i Borås Handels- och IT-högskolan Malin Nilsson Tentamen Omtentamen på kursen Webbdesign, 7,5 hp Tentamenstid: , kl Hjälpmedel: Inga hjälpmedel tillåtna Betyg: Tentamen omfattar 60 p. För Godkänt krävs 30 p, för Väl godkänt krävs 45 p. Rättning: Tentamen beräknas vara färdigrättad om 3 veckor. Specifika anvisningar: Denna tentamen är uppdelad i två delar A och B. Om resultatet på del A inte nått upp till godkänt för delen (15 p), kommer resultatet på del A att bli ditt slutresultat för tentamen, dvs del B kommer inte att rättas. För betyg Godkänd på tentamen måste båda delarna vara godkända, dvs minst 15 p på B-delen. För betyget väl godkänd på tentamen krävs minst 45 p på tentamen som helhet. Allmänna anvisningar: 1. Skriv endast på ena sidan av pappret, ej fram och baksida. 2. Skriv namn på varje papper du lämnar in. 3. Använd de förtryckta bladen, ej lösblad. 4. Ansträng er att besvara frågorna tydligt. 5. Markera på omslaget till tentamen vilka frågor du lämnat svar på. 6. Om du finner uppgifterna i tentamenstexten ofullständiga skall du göra egna antaganden för de uppgifter du saknar. Redovisa dina egna antaganden. Samtliga frågor besvaras med kurslitteratur och föreläsningar som utgångspunkt. Om du använt ytterligare informationsmaterial för dina svar, anger du vilket material i dina svar. Ett tips är att du ägnar som första steg lite tid åt att gå igenom frågorna för att därigenom planera och disponera tiden på bästa sätt. Du bör även vid denna inspektion fundera lite över hur frågan är formulerad för att uttolka frågans intention. Begrepp som t ex, diskutera, exemplifiera, beskriv och förklara säger något om frågans innebörd och hur du bör svara. Lycka till med tentamen! Malin Nilsson -12

2 Tentamensdel - A Resultatet på del A måste nå upp till minst 15p för att del B skall rättas. Fråga 1 (4 p) Vad står förkortningen WYSIWYG för och hur förhåller sig begreppet till principer inom webbdesign? Fråga 2 (4p) Hur lyder ISO definitionen på användbarhet (svenska eller engelska).

3 Tentamensdel - A Fråga 3 (12 p) Rolf Molich tar i sin bok Webbdesign - med fokus på användbarhet upp begreppet tänka högt-test. a) Vad är ett tänka högt-test? (3p) b) Beskriv utförligt vilka steg ett tänka högt-test består av. (9p)

4 Tentamensdel - A Fråga 4 (8p) Beskriv vad the box model är för något i CSS sammanhang?

5 Tentamensdel - A Fråga 5 (2p) Fyll i det eller de ord som saknas i nedanstående citat hämtade från föreläsningar och kurslitteratur. a) Every single HTML page should have a to be valid HTML this is the line that appears at the top of every HTML file. This line points to a set of rules that the HTML document should follow to be correct ant tells web browsers what rendering mode to use when rendering each HTML document. b) Syftet med Cascading Style Sheets är att separera från presentation

6 Tentamensdel - B Denna del rättas endast då minst 15p är uppnått på del A av tentamen. Resultatet på del B måste nå upp till minst 15p för att få godkänt. Fråga 7 (20 p) Till denna fråga skall bilaga 1-2 användas, Bilaga 1 visar Singapore Zoos hemsida dvs. ingångssidan till webbplatsen. Bilaga 2 visar hur det ser ut när du har valt att klicka på länken Exhibits & Zones och valt Exchibits>Tapir. Här skall du med hjälp av teorier för användbar webbdesign analysera och utvärdera Singapore Zoos webbplats. Välj ut 8 stycken olika företeelser (positiva/negativa) på Singapore Zoos webbplats som du vill beskriva och analysera. På bilderna (bilaga 1-2) skall du tydligt numrera de kommentarer du vill göra om webbplatsen. Vid upprepning av en företeelse på de olika sidorna skall du numrera samtliga ställen. Hänvisa till vilka användbarhetsprinciper du avser när du diskuterar kring de olika punkter som du tar upp. Använd de förtryckta svarsbladen som du finner på de två nästkommande sidorna. Du kan skriva om en företeelse på flera rader. De har 4 kolumner; 1) ange det nummer som du numrerar din företeelse med på de olika bilagorna 2) ange vilken användbarhetsprincip(företeelse) du berör 3) ange teorireferens/referenser 4) den sista för din utvärdering (analys och diskussion) (16p) a) Diskutera hur ytan av Singapore Zoos hemsida är disponerad. Hur väl stämmer hemsidan överens med den under kursen upptagna teorin? Använd bilden i bilaga 1 för att visa hur du tänker. Härled ditt svar noga. (4p)

7 Tentamensdel - B Nr Användbarhetsprincip Teorikoppling Analys och diskussion

8 Tentamensdel - B Nr Användbarhetsprincip Teorikoppling Analys och diskussion

9 Tentamensdel - B Fråga 8 (10 p) Till nedanstående HTML kopplas olika CSS:er, dvs CSS1, CSS2, CSS3 och CSS4. Vilket resultat visas när en webbläsare läser nedanstående HTML, med respektive CSS? Motivera ditt svar på nästa sida. HTML: <body> <div id = "bluediv"> <p>blue</p> </div> <div id = "reddiv"> <p>red</p> </div> <div id = "blackdiv"> <p>black</p> </div> </body> CSS 1 CSS 2 #bluediv { #bluediv { left:18px; top:18px; outline:#0000ff solid thick;} left:18px; top:18px; outline:#0000ff solid thick;} #reddiv { #reddiv { left:50px; top:50px; outline:#ff0000 solid thick;} #blackdiv { #blackdiv { left:19px; top:273px; outline:# solid thick;} position:relative; left:50px; top:50px; outline:#ff0000 solid thick;} left:19px; top:273px; outline:# solid thick;} CSS 3 CSS 4 #bluediv { #bluediv { left:18px; top:18px; outline:#0000ff solid thick;} left:18px; top:18px; outline:#0000ff solid thick;} #reddiv { #reddiv { position:absolute; left:50px; top:50px; outline:#ff0000 solid thick;} #blackdiv { #blackdiv { left:19px; top:273px; outline:# solid thick;} position:fixed; left:50px; top:50px; outline:#ff0000 solid thick;} left:19px; top:273px; outline:# solid thick;} #bluediv #reddiv #blackdiv

10 Tentamensdel - B Resultat 1 CSS: Motivering: Resultat 2 CSS: Motivering: Resultat 3 CSS: Motivering:

11 Tentamensdel - B BILAGA 1

12 Tentamensdel - B BILAGA 2