KURSPLAN
Webb- och gränssnittsdesign, 15 högskolepoäng
Web and User Interface Design, 15 credits
Kursplan för studenter höst 2023
Kurskod:TWTG10
Fastställd av:VD 2021-03-01
Reviderad av:Utbildningschef 2023-08-09
Gäller fr.o.m.:2023-10-23
Version:3
Utbildningsnivå:Grundnivå
Utbildningsområde:Tekniska området
Ämnesgrupp:IF1
Fördjupning:G1F
Huvudområde:Informatik

Lärandemål

Efter genomgången kurs skall studenten

Kunskap och förståelse

- ha kännedom om hur kommunikation mellan webbklient och webbserver fungerar
- visa kunskap om de specifika förutsättningarna gällande visuell design av digital interaktiv media
- visa förståelse för hur traditionella designprinciper kan användas inom kontexten för digital interaktiv media
- visa förståelse för förhållandet mellan JavaScript, HTML och CSS

Färdighet och förmåga

- visa färdighet att använda HTML-standard för att bygga en webbplats
- visa färdighet att använda CSS för att formge en webbplats
- visa färdighet att använda förkompilerad CSS (SASS/LESS)
- visa förmåga att utveckla en webbplats enligt gällande principer och praxis för responsiv webbdesign
- visa förmåga att skapa en färdig webblösning med hjälp av CSS och HTML utifrån givna specifikationer
- visa förmåga att skapa grafik och visuella element för webbdesign och användargränssnitt
- visa förmåga att planera, skapa och presentera wireframes, prototyper och skisser för webbdesign och användargränssnitt
- visa förmåga att designa ett grafiskt användargränssnitt med hänsyn till vedertagna konventioner inom modern gränssnittsdesign
- visa färdighet att tillämpa JavaScript på en webbplats för att göra den interaktiv

Värderingsförmåga och förhållningssätt

- visa förmåga att föreslå ett användargränssnitt som är användarvänligt och användbart, och motivera varför.

Innehåll

Kursens innehåll består av moderna och grundläggande tekniker för att skapa moderna webbapplikationer för såväl datorer som mobila enheter.

Kursen innehåller följande moment:
- HTML
- CSS (Cascading Style Sheets), stilmallar inklusive animation och övergångar
- Prekompilerad CSS (SASS/LESS)
- Riktlinjer för tillgänglighet
- Responsiv designfilosofi och metodik
- Standarder och mallar för att skapa formulär för feedback
- Design av interaktiva grafiska element
- Responsiv grafik och vektorgrafik i kod
- High fidelity wireframes, storyboards, mockups och prototyper
- Typografi för skärmar
- Manipulera HTML med hjälp av JavaScript i DOM (Document Object Model)

Undervisningsformer

Föreläsningar, inlämningsuppgifter och projektarbete.

Undervisningen bedrivs på engelska.

Förkunskapskrav

Grundläggande behörighet samt genomgången kurs i Introduktion till Human-Computer Interaction (eller motsvarande kunskaper).

Examination och betyg

Kursen bedöms med betygen 5, 4, 3 eller Underkänd.

Poängregistrering av examinationen för kursen sker enligt följande system:
ExaminationsmomentOmfattningBetyg
Tentamen15 hp5/4/3/U
Inlämningsuppgifter10 hpU/G
1 Bestämmer kursens slutbetyg vilket utfärdas först när samtliga moment godkänts.

Kurslitteratur

Litteratur

Kurslitteratur fastställs senast 8 veckor före kursstart.

Titel: HTML and CSS: Visual QuickStart Guide
Författare: Casabona, J.
Förlag: Peachpit Press
ISBN: 9780136702566