SKISSER OG PROTOTYPER

Størrelse: px
Begynne med side:

Download "SKISSER OG PROTOTYPER"

Transkript

1 SKISSER OG PROTOTYPER Forelesning 17. januar, Utvikling av interaktive nettsteder Tore Marius Akerbæk Avdeling for Informatikk 1

2 Skisser og prototyper Prototype Prototype er en tidlig modell eller versjon av et design eller produkt, som brukes for å vise, diskutere, teste og evaluere produktet eller designet. I interaksjonsdesign skilles det gjerne mellom low fidelity og high fidelity prototyper. Wireframes er en low fidelity prototype, mens en dynamisk skisse er en high fidelity prototype Tore Marius Akerbæk Avdeling for Informatikk 2

3 Skisser og prototyper Wireframes Wireframes, som på norsk gjerne kalles strukturskisser, er strektegninger av struktur og format av nettsiden eller systemet. Hensikten er å kunne diskutere, teste og evaluere struktur uten å bli distrahert av grafiske, visuelle elementer. Wireframes kan tegnes med penn på papir for hånd, eller i noe så enkelt som Microsoft PowerPoint. Se eksempler på Wireframes her: https://speckyboy.com/20-effective-examples-of-web-andmobile-wireframe-sketches/ Tore Marius Akerbæk Avdeling for Informatikk 3

4 Skisser og prototyper Mock-ups form for prototype Ofte i fullskala en forenklet replika av et produkt En skisse, slik det er beskrevet under for nettstedprosjekter, er en mock-up Tore Marius Akerbæk Avdeling for Informatikk 4

5 Skisser og prototyper Skisse kan omfavne alle de tre andre begrepene. Tradisjonelt sett en tegnet, visuell representasjon av et produkt/design. Bransjestandard Adobe PhotoShop, men alternativene er på vei Skisser i nettsideverden dreier mer og mer mot en form for tradisjonell prototype eller mock-up, kalt dynamiske skisser gjerne en prototype laget med HTML og CSS ingen dynamisk/funksjonell programmering. Fordelen: HTML og CSS kan gjenbrukes Tore Marius Akerbæk Avdeling for Informatikk 5

6 Skisser og prototyper Wireframes, skisser og mock-ups er verdifull dokumentasjon og diskusjonsgrunnlag i en kundesituasjon. Dette kan være med å bestemme (begrense) leveransen. Alle de nevnte teknikkene kan (med kan mener jeg BØR. Og med BØR mener jeg SKAL!) brukes for testing (usability testing) Tore Marius Akerbæk Avdeling for Informatikk 6

7 Universell utforming (UU) Mål med UU: Nettsider skal tilrettelegges for alle, uavhengig av funksjonsnedsettelse Nye nettsider (etter 1. juli 2014) er pålagt å møte et minstekrav av regler for UU. Minstekravet er 35 av 61 suksesskriterier for UU: https://uu.difi.no/krav-ogregelverk/wcag-20-standarden Utdrag av reglene: Man skal kunne endre tekststørrelse og velge høykontrast Kontrastforhold i farger skal møte forholdet 4:1 Det skal finnes tekstlig alternative til medier som er kun audio/visuelle, og vice versa All funksjonalitet skal kunne brukes med kun tastatur Tore Marius Akerbæk Avdeling for Informatikk 7

8 KLASSEROMSEKSPERIMENT Marius skal lage et system for å registrere kursdeltagere og hvilken kravspesifikasjon de velger for eksamen Tore Marius Akerbæk Avdeling for Informatikk 8

9 Eksamensvalg: Moduler Registreringsmodul Et sted/en funksjon hvor studentene registrerer seg med nødvendig personlig informasjon og valgt kravspesifikasjon Administrasjonsmodul Et sted hvor Marius får oversikt og kan behandle registreringene og utføre administrative funksjoner Tore Marius Akerbæk Avdeling for Informatikk 9

10 Eksamensvalg: Krav til administrasjonsmodul 1. Usabilitykrav 1. Admin skal 1. Raskt skille funksjonene fra hverandre 2. Tidlig få en oversikt over studenter og valgt spesifikasjon 1. Funksjonelle krav 1. Admin skal 1. I oversikten kunne åpne innleveringene til studentene 2. Kunne editere opplysninger om en student Tore Marius Akerbæk Avdeling for Informatikk 10

11 Eksamensvalg: Krav til registreringsmodul 1. Usabilitykrav 1. Funksjonelle krav Tore Marius Akerbæk Avdeling for Informatikk 11

12 Eksamensvalg: Wireframe registreringsmodul Tore Marius Akerbæk Avdeling for Informatikk 12

Beat the Competition. Forelesning 17. januar, Utvikling av interaktive nettsteder

Beat the Competition. Forelesning 17. januar, Utvikling av interaktive nettsteder Beat the Competition Forelesning 17. januar, Utvikling av interaktive nettsteder Victory at all costs, victory in spite of all terror, victory however long and hard the road may be; for without victory,

Detaljer

Hovedprosjekt 2014, Høgskolen i Oslo og Akershus

Hovedprosjekt 2014, Høgskolen i Oslo og Akershus Forprosjektrapport Gruppe 2 Hovedprosjekt 2014, Høgskolen i Oslo og Akershus 1 INNHOLD 2 Presentasjon... 2 2.1 Gruppen medlemmer... 2 2.2 Oppgave... 2 2.3 Oppdragsgiver... 2 2.4 Veileder... 2 3 Sammendrag...

Detaljer

inf 1510: å lage skisser og prototyper

inf 1510: å lage skisser og prototyper inf 1510: å lage skisser og prototyper 1) underveis i designprosessen forstår vi mer og mer av hva vi skal lage og hvordan det kan lages: hvordan kan vi designe en prosess der vi lærer underveis? 2) hva

Detaljer

Portfolio SIGRUN MELBY GJENGSET INTERAKSJONSDESIGNER & WEBUTVIKLER

Portfolio SIGRUN MELBY GJENGSET INTERAKSJONSDESIGNER & WEBUTVIKLER Portfolio SIGRUN MELBY GJENGSET INTERAKSJONSDESIGNER & WEBUTVIKLER Heisann! Jeg er en 29 år gammel student fra Tingvoll som går Interaktivt Design ved Westerdals Oslo ACT. Jeg er nå inne i mitt siste år

Detaljer

Design og dokumentasjon

Design og dokumentasjon Design og dokumentasjon Information Architecture Peter Morville& Louis Rosenfeld Kapittel 12 29.01.2015 Håkon Tolsby 1 Ny fase i prosjektet Fokusskifte: Fra planlegging til produksjon Fra overordnet arkitektur

Detaljer

Forprosjektrapport gruppe 20

Forprosjektrapport gruppe 20 Høgskolen i Oslo og Akershus Forprosjektrapport gruppe 20 PlaNet Knut Magnus Elde s189160 Kristoffer Ylven Westgaard s189143 22.01.2015 Innhold 1. Sammendrag... 3 2. Dagens situasjon... 3 3. Mål og rammebetingelser...

Detaljer

Aktivitetsplan - Adobe Pro kurs Infografikk våren 2015

Aktivitetsplan - Adobe Pro kurs Infografikk våren 2015 Aktivitetsplan - Adobe Pro kurs Infografikk våren 2015 Hva er nytt i Adobe CC2014 Adobe CC har mange flotte nyheter i InDesign, Illustrator og Photoshop. Vi vil guide deg gjennom nyhetene på en effektiv

Detaljer

Prototyping. TDT4180, vår Yngve Dahl IDI, NTNU NTNU

Prototyping. TDT4180, vår Yngve Dahl IDI, NTNU NTNU Prototyping TDT4180, vår 2017 Yngve Dahl IDI, NTNU NTNU Hva er prototype? En forenklet representasjon av en designløsning. KonkreAsering av design-idéer. Verktøy for tesang og gjenstand for Albakemelding

Detaljer

Aktivitetsplan - Adobe Pro kurs Infografikk høsten 2015

Aktivitetsplan - Adobe Pro kurs Infografikk høsten 2015 Aktivitetsplan - Adobe Pro kurs Infografikk høsten 2015 Hva er nytt i Adobe CC 2015 Adobe CC har mange flotte nyheter i InDesign, Illustrator og Photoshop. Vi vil guide deg gjennom nyhetene på en effektiv

Detaljer

Web Accessibility Toolbar. Struktur. Funksjonene. Headinger. Mer om tilgjengelighet og Flash.

Web Accessibility Toolbar. Struktur. Funksjonene. Headinger. Mer om tilgjengelighet og Flash. Web Accessibility Toolbar Mer om tilgjengelighet og Flash. Kirsten Ribu 16.10.2007 HiO Virker bare i Internet Explorer for Windows Alternativ: Web Developer Toolbar for Firefox har lignende funksjonalitet

Detaljer

Studentdrevet innovasjon

Studentdrevet innovasjon Studentdrevet innovasjon Hovedprosjekt 2013 Høgskolen i Oslo og Akershus Forprosjektrapport av Gruppe 11 Karoline Sanderengen, Mona Isabelle Yari og Randi Ueland 25.01.2013 Studentdrevet innovasjon 9 Innhold

Detaljer

Innholdsfortegnelse. Side 2

Innholdsfortegnelse. Side 2 Side 1 Innholdsfortegnelse 1) Generell informasjon...3 2) Beskrivelse av problemet...4 3) Mål/ visjon for prosjektet...5 4) Målgruppe...6 5) Rollefordeling...7 6) Scope/ Avgrensing...8 7) Konseptuelt design...9

Detaljer

Dokument 1 - Sammendrag

Dokument 1 - Sammendrag Dokument 1 - Sammendrag Automatnett - Nytt CMS-verktøy for Uno-X Automat Fakultet for teknologi, kunst og design Høgskolen i Oslo og Akershus, 2013 Innholdsfortegnelse Sammendrag 1 1. Innledning 1 2. Om

Detaljer

Sist oppdatert: 18.november Øvelsesoppgaver til INF1500

Sist oppdatert: 18.november Øvelsesoppgaver til INF1500 Sist oppdatert: 18.november 2015 Øvelsesoppgaver til INF1500 Øvelse 0 Lærebok: Kapittel 1, 3 og 7 Forelesning: 18. august 2015 Joshi og 25. august 2015 Jo Innleveringsfrist: 30. august 2015 1 Human Computer

Detaljer

OBLIG 2 WEBUTVIKLING

OBLIG 2 WEBUTVIKLING OBLIG 2 WEBUTVIKLING Oppgave 1 Design ved hjelp av skisser eller wireframes et nettsted med et "avansert" design. Lag spesifikke design for ulike skjermstørrelser og utskrift. Fokuser spesielt på å få

Detaljer

Funksjonsbeskrivelse Studentsystem. Fornavn Etternavn Avdelingsnavn

Funksjonsbeskrivelse Studentsystem. Fornavn Etternavn Avdelingsnavn Funksjonsbeskrivelse Studentsystem Fornavn Etternavn Avdelingsnavn 09.02.2017 1 Kundeversjon Fornavn Etternavn Avdelingsnavn 09.02.2017 2 Funksjonsbeskrivelse: Kundeversjon; registrering 1) Brukeren fyller

Detaljer

Forprosjektrapport. Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren 2016. Pillbox Punchline

Forprosjektrapport. Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren 2016. Pillbox Punchline Forprosjektrapport Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren 2016 Pillbox Punchline Gruppe 8 André Østhagen Bye, s198607 Annika Hammervoll, s198611 Hanne Rygge, s198613

Detaljer

Studieplan 2010/2011

Studieplan 2010/2011 Studieplan 2010/2011 Interaksjonsdesign og brukervennlighet Studieprogramkode H_INTERA Innledning Interaktivitet mellom mennesker og teknologi på tvers av landegrenser er i dag en selvfølge. Stadig flere

Detaljer

Testrapport. Studentevalueringssystem

Testrapport. Studentevalueringssystem Testrapport Studentevalueringssystem 1 Forord 1.2 Forord Dette prosjektet er et hovedprosjekt i data ved Høgskolen i Oslo, avdeling for ingeniørutdanning, og gjennomføres i samarbeid med Ingeniøravdeling

Detaljer

INF1510 Obligatorisk oppgave 2 Prosjektforslag

INF1510 Obligatorisk oppgave 2 Prosjektforslag INF1510 Obligatorisk oppgave 2 Prosjektforslag Gruppenavn: Medlemmer: Lekegruppa Asbjørn, Halvard, Thomas, Tommy, Vilje (Linda Bech) side 1/9 1) Presentasjon av prosjektgruppa Gruppen består av: Asbjørn

Detaljer

Siw Helen Thorslund. Digital rådgiver, markedsfører og prosjektleder

Siw Helen Thorslund. Digital rådgiver, markedsfører og prosjektleder Siw Helen Thorslund Digital rådgiver, markedsfører og prosjektleder PERSONLIGE DETALJER Navn: Siw Helen Thorslund Født: 22. november 1976 Nasjonalitet: Norsk Adresse: Bregneveien 6, 3154 Tolvsrød Mobil:

Detaljer

kan flere studenter falle av underveis, da det er vanskelig for faglærer å se hvem som kan ha nytte av å følges opp ekstra.

kan flere studenter falle av underveis, da det er vanskelig for faglærer å se hvem som kan ha nytte av å følges opp ekstra. Visjonsdokument 1 Introduksjon Dette prosjektet er gitt av Svend Andreas Horgen, og gjennomføres som en prosjektoppgave i faget TDAT3022-A 14H Systemutviklingsprosjekt ved HiST, AiTEL. Hensikten med dette

Detaljer

1. semester Akademisk uke Dag Modul 20.08.12 Mandag 21.08.12 Tirsdag Studiestart

1. semester Akademisk uke Dag Modul 20.08.12 Mandag 21.08.12 Tirsdag Studiestart Aug_2011 1. semester Akademisk uke Dag Modul 20.08.12 Mandag 21.08.12 Tirsdag Studiestart 22.08.12 Gra 101 Onsdag 23.08.12 Grafisk Design 1 Torsdag 24.08.12 1 Fredag 25.08.12 Lørdag 26.08.12 Søndag 27.08.12

Detaljer

Del VII: Kravspesifikasjon

Del VII: Kravspesifikasjon 1 2 Forord Dette dokumentet inneholder retningslinjer for gruppen vår og beskrivelse av betingelsene for utviklingen av vårt prosjekt. Vår gruppe benyttet dette dokumentet som et styringsdokument for å

Detaljer

Ny designmanual og ny StudentWeb. Brukerforum 2012 Kathy Foss Haugen

Ny designmanual og ny StudentWeb. Brukerforum 2012 Kathy Foss Haugen Ny designmanual og ny StudentWeb Brukerforum 2012 Kathy Foss Haugen Felles uttrykk på nett FUN-prosjekt i Seksjon for utvikling av nasjonale informasjonssystemer (SUN) NetLife Research AS Prosjekt Designmanual

Detaljer

Prototyping og kommunikasjon med brukere

Prototyping og kommunikasjon med brukere Inf 1510: Bruksorientert design Prototyping og kommunikasjon med brukere 04.04.2016, Rune Rosseland Oversikt Brukerinvolvering Hva er brukerens motivasjon for å bidra? Hva skal brukerens rolle være? Hvordan

Detaljer

Kap 11 Planlegging og dokumentasjon s 310

Kap 11 Planlegging og dokumentasjon s 310 Kap 11 Planlegging og dokumentasjon s 310 11.1 Ulike arbeidsmetoder Systemutvikling Som systemutvikler er du i stand til å omsette din innsikt i brukerbehov til praktiske programbaserte løsninger. Samarbeid:

Detaljer

Web fundamentals. Web design. Frontend vs. Backend 17.01.2008. Webdesign 17. januar 2008 3. Monica Strand

Web fundamentals. Web design. Frontend vs. Backend 17.01.2008. Webdesign 17. januar 2008 3. Monica Strand Web fundamentals Webdesign 17. januar 2008 Monica Strand Webdesign 17. januar 2008 1 Web design Fagområdet Web design inneholder flere disipliner Grafisk design Informasjonsdesign Brukergrensesnittdesign

Detaljer

Kravspesifikasjon. Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011. Gruppemedlemmer

Kravspesifikasjon. Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011. Gruppemedlemmer Kravspesifikasjon Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011 Gruppemedlemmer Adeel Yousaf Khan s141459 Mats Klingenberg Naustdal s148155 Nur M. Ahmed s148108 Thomas Wiborg s161335

Detaljer

Kravspesifikasjon. Forord

Kravspesifikasjon. Forord Kravspesifikasjon Forord Kravspesifikasjonen skal beskrive applikasjonens funksjonalitet og betingelsene som oppdragsgiver krever. Det skal også hjelpe utviklerne med å begrense applikasjonen slik at den

Detaljer

PROSJEKTPLAN FOR INF [4 3]120-PROSJEKT: PROJECT HOSPITAL 2004

PROSJEKTPLAN FOR INF [4 3]120-PROSJEKT: PROJECT HOSPITAL 2004 PROSJEKTPLAN FOR INF [4 3]120-PROSJEKT: PROJECT HOSPITAL 2004 VERSJON: PROSJEKTPLAN (1.0) 24. SEPTEMBER, 2004 prosjektplan.doc GRUPPE 12 PROSJEKTPLAN: PROSJEKTLEDELSE: USE CASE: KVALITETSSIKRING: ANDRÉ

Detaljer

Design, bruk, interaksjon

Design, bruk, interaksjon Design, bruk, interaksjon Magnus Li magl@ifi.uio.no INF1510 23.01.2017 Denne forelesningen 1. Mennesker 2. Informasjonssystemer 3. Områder innen menneske-maskin interaksjon 4. Designe for brukere og brukskontekst:

Detaljer

INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen. Design og prototyping

INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen. Design og prototyping INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen Design og prototyping I DAG GENERELT - Oblig 2 EKSAMENSOPPGAVER KAHOOT PROTOTYPING - Oppløsning - Dimensjoner - Metoder PRAKTISKE EKSEMPLER OBLIG 2

Detaljer

Interaksjonsdesign og brukervennlighet

Interaksjonsdesign og brukervennlighet Institutt for informatikk og medieteknikk, Høgskolen i Gjøvik Studieplan Interaksjonsdesign og brukervennlighet 30 studiepoeng - 2-1. Innledning...3 1.1. Studiets varighet, omfang og nivå...3 1.2. Forventet

Detaljer

4.5 Kravspesifikasjon

4.5 Kravspesifikasjon 4.5 Kravspesifikasjon 4.5.1 Funksjonalitet og systembeskrivelse Webapplikasjonen har tre overordnede funksjoner; Opprett Spotify arrangement, Opprett SoundCloud arrangement og Bli med på arrangement. Brukere(kalt

Detaljer

Notater: INF1510. Veronika Heimsbakk 20. mai 2015

Notater: INF1510. Veronika Heimsbakk 20. mai 2015 Notater: INF1510 Veronika Heimsbakk veronahe@ifi.uio.no 20. mai 2015 Innhold 1 Bruk 3 1.1 Begrepet «bruk»......................... 3 1.2 Begrepet «behov»........................ 3 1.2.1 Maslows behovspyramide................

Detaljer

Artist webside. Gruppe medlemmer Joakim Kartveit. Oppdragsgiver Tetriz Event & Management. Frode Mathiesen. Gry Anita Nilsen.

Artist webside. Gruppe medlemmer Joakim Kartveit. Oppdragsgiver Tetriz Event & Management. Frode Mathiesen. Gry Anita Nilsen. Artist webside Innhold Artist webside...1 Gruppe medlemmer...1 Oppdragsgiver...1 Kontaktperson...2 Veileder...2 Oppgaven...2 Muligheter...2 Sammendrag...2 Dagens situasjon...2 Mål og rammebetingelser...3

Detaljer

HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring

HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring 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:

Detaljer

Arbeidsplan. Startfasen. Aktivitet Beskrivelse Ferdig Ansvarlig (Ressurser)

Arbeidsplan. Startfasen. Aktivitet Beskrivelse Ferdig Ansvarlig (Ressurser) Arbeidsplan En arbeidsplan er en måte å få oversikt over de ulike fasene i prosjektet. I arbeidsplanen har vi delt arbeidet i naturlige faser og detaljert disse med estimert tidsbruk. Hovedfasene er startfasen,

Detaljer

Del IV: Prosessdokumentasjon

Del IV: Prosessdokumentasjon 1 2 Forord Dette dokumentet omhandler detaljert beskrivelse av vår arbeidsprosess gjennom hele perioden med prosjektet. Prosessdokumentasjonen er en viktig del av sluttrapporten, og er delt opp i følgende

Detaljer

Forelesning i INF1510 - våren 2014 Hvordan jobber vi med evaluering? Tomm Eriksen Interaksjonsdesigner - Universitetet I Oslo

Forelesning i INF1510 - våren 2014 Hvordan jobber vi med evaluering? Tomm Eriksen Interaksjonsdesigner - Universitetet I Oslo Forelesning i INF1510 - våren 2014 Hvordan jobber vi med evaluering? Tomm Eriksen Interaksjonsdesigner - Universitetet I Oslo Hvem er vi? Hva jobber vi med? Noe av det vi har levert det siste året Hvilken

Detaljer

S y s t e m d o k u m e n t a s j o n

S y s t e m d o k u m e n t a s j o n S y s t e m d o k u m e n t a s j o n Monitorering av produksjonsløyper ved Nasjonalbiblioteket - Project BAKE Utarbeidet av: Einar Wågan Kristian Akerhei Studium: Informasjonssystemer Innlevert: 26.5.2015

Detaljer

Presentasjon av bachelorprosjekt

Presentasjon av bachelorprosjekt Presentasjon av bachelorprosjekt Oppgave 008E: Utvikling av dynamisk nettsted med portefølje, showreel og nettbutikk, for profilering av multimediaselskap. Oppdragstaker: Morten Nyutstumo (BAIN) Veileder:

Detaljer

Forprosjektrapport. Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren Digitalisering av Sentralen UNG Gründer

Forprosjektrapport. Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren Digitalisering av Sentralen UNG Gründer Forprosjektrapport Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren 207 Digitalisering av Sentralen UNG Gründer Gruppe 34 Kenneth Di Vita Jensen, s236745 Frank Arne Bjørkmann

Detaljer

Children s search on web

Children s search on web Children s search on web Marte Hellum Olaisen Tove Rodahl (Effat Alizadeh) Muntlig eksamen 02.12.2009 1 Roller Rapport Redaktøransvar med levering: Marte Innholdsbidrag: Marte og Tove Teori og henvisninger:

Detaljer

Universell Utforming Intro til testing av webløsninger. Trondheim, mars 2015

Universell Utforming Intro til testing av webløsninger. Trondheim, mars 2015 Universell Utforming Intro til testing av webløsninger Trondheim, mars 2015 Niruban Yogalingam SOCO Trondheim Utdannelse NTNU Siv.ing datateknikk Arbeidserfaring store og små prosjekter Offentlig og privat

Detaljer

Årsplan i Kunst & Håndverk Trinn 8 Skoleåret Haumyrheia skole

Årsplan i Kunst & Håndverk Trinn 8 Skoleåret Haumyrheia skole Årsplan i Kunst & Håndverk Trinn 8 Skoleåret 2015-2016 Tids rom Kompetansemål Hva skal vi lære? (Læringsmål) Hvordan jobber vi? (Metoder) 35-39 tegne hus ved hjelp av topunktsperspektiv. vurdere funksjonell

Detaljer

Inf1510: Oppsummering. Rune Rosseland

Inf1510: Oppsummering. Rune Rosseland Inf1510: Oppsummering Rune Rosseland Plan Gjennomgang av evalueringskriterier Læringsmål Hva gir en god / dårlig karakter? Svare på spørsmål 3 Læringsmål 1. Bruke flere metoder for bruks-orientert design.

Detaljer

INF Introduksjon til design, bruk, interaksjon Design, prototyping og konstruksjon

INF Introduksjon til design, bruk, interaksjon Design, prototyping og konstruksjon INF1500 - Introduksjon til design, bruk, interaksjon Design, prototyping og konstruksjon Institutt for Informatikk, 19. september 2011 joshi@ifi.uio.no Oversikt Prototyping Hva, hvordan og hvorfor? Dimensjoner

Detaljer

Papirprototyping. Opplegg for dagen. Hva er en prototyp (PT)

Papirprototyping. Opplegg for dagen. Hva er en prototyp (PT) Papirprototyping Oppegg for dagen 09:30-10:00: Om papirprototyping 10:00-10:15: Diskuter probemstiing 10:30-11:30: Lag PapirPT og tistandsdiagram for bruk i testen 12:00-13:30: Test PapirPT på andre (vi

Detaljer

Hva skal vi igjennom?

Hva skal vi igjennom? Velkommen! Hva skal vi igjennom? - Litt repetisjon, strategi - Gjennomgang av den digitale verktøykassen - Drøfte kjøpe vs gjøre selv - Litt om leverandørmarkedet - Kravspekk - Viktigheten av å ha en

Detaljer

Prosjektoppgave INF2120 Våren 2007: Rebusløp

Prosjektoppgave INF2120 Våren 2007: Rebusløp Prosjektoppgave INF2120 Våren 2007: Rebusløp Versjon 070219. Vi skal lage programvare for å kunne gjennomføre et Rebusløp. Prosjektformalia Generelt Alle prosjektgruppene får samme oppgave Det lages ny

Detaljer

Adobe Fireworks CS6 SLIK BRUKER DU DETTE DOKUMENTET ADOBE FIREWORKS CS6-SLAGORD 35-ORDS PRODUKTBESKRIVELSE 50-ORDS PRODUKTBESKRIVELSE

Adobe Fireworks CS6 SLIK BRUKER DU DETTE DOKUMENTET ADOBE FIREWORKS CS6-SLAGORD 35-ORDS PRODUKTBESKRIVELSE 50-ORDS PRODUKTBESKRIVELSE Adobe Fireworks CS6 markedsføringstekst for kanalpartnere Adobe Fireworks CS6 Følgende avsnitt kan brukes på websider, i annonser, i kataloger, i trykt reklame eller i annet promoteringsmateriale for Adobe

Detaljer

Tilgjengelighetstesting av elektronisk meldekort på nav.no

Tilgjengelighetstesting av elektronisk meldekort på nav.no 21. mai 2010 - "Brukerundersøkelser for universell utforming av IKT - fra forskning til praksis" Tilgjengelighetstesting av elektronisk meldekort på nav.no Ståle Kjone Seniorrådgiver & Brukskvalitetsansvarlig

Detaljer

VEDLEGG 1 KRAVSPESIFIKASJON

VEDLEGG 1 KRAVSPESIFIKASJON VEDLEGG 1 KRAVSPESIFIKASJON INNHOLDSFORTEGNELSE Forord... 2 1 Systembeskrivelse... 2 2 Mål for systemet... 3 3 Funksjonelle krav... 4 4 Ikke-funksjonelle krav... 5 5 Use-case diagram... 6 6 Rammekrav...

Detaljer

Inf 1510: Bruksorientert design

Inf 1510: Bruksorientert design Inf 1510: Bruksorientert design Gjennomgang av prosjektrapport Rune Rosseland 18.01.2016 Læringsmål Fra emnesiden: Etter emnet skal studentene kunne bruke ulike metoder for bruks-orientert design og design

Detaljer

Anskaffelse av Bistand til Utforming av ny nettside for Renovasjon

Anskaffelse av Bistand til Utforming av ny nettside for Renovasjon Anskaffelse av Bistand til Utforming av ny nettside for Renovasjon Konkurranse med forhandling Tilbudsfrist 30.06.2015 kl. 13.00 Sak nr: 15/223 INNHOLDSFORTEGNELSE 1 Leveransen... 3 1.1 Bakgrunn... 3 1.2

Detaljer

InfoRed Publisering. - produktbeskrivelse. TalkPool WebServices Postboks Åneby

InfoRed Publisering. - produktbeskrivelse.  TalkPool WebServices Postboks Åneby InfoRed Publisering - produktbeskrivelse www.talkpool.no TalkPool WebServices Postboks 90 1484 Åneby InfoRed Produktbeskrivelse 2 Sammendrag InfoRed Publisering er produktet for å administrere en hel informasjonstjeneste,

Detaljer

Måling av universell utforming på kommunale nettsider Resultater fra EIII. Daniel Scheidegger NAV Tilde

Måling av universell utforming på kommunale nettsider Resultater fra EIII. Daniel Scheidegger NAV Tilde Måling av universell utforming på kommunale nettsider Resultater fra EIII Daniel Scheidegger NAV Tilde EIII is co-funded under the European Union Seventh Framework Programme (Grant agreement no: 609667).

Detaljer

UKEOPPGAVER 2: SYSTEMUTVIKLINGSPROSESSER OG PROSJEKTARBEID INNSPILL TIL SVAR

UKEOPPGAVER 2: SYSTEMUTVIKLINGSPROSESSER OG PROSJEKTARBEID INNSPILL TIL SVAR INF 1050 UKEOPPGAVER 2: SYSTEMUTVIKLINGSPROSESSER OG PROSJEKTARBEID INNSPILL TIL SVAR Oppgave 1 a) Foranalyse: Foranalysen kan med fordel gjøres i to trinn. Den første er å undersøke finansiering og øvrige

Detaljer

Kvalitetskrav til løsninger

Kvalitetskrav til løsninger Prosjektoppgaven Kvalitetskrav til løsninger Noen retningslinjer for å styre beslutningene deres finnes i form av hva brukere forlanger av software (og hardware): Brukbarhet. - Produktet skal være selvforklarende

Detaljer

FORBEREDELSE / FØREBUING

FORBEREDELSE / FØREBUING FORBEREDELSE / FØREBUING Fag: 3014 Informasjonsteknologi 1 Forberedelse / Førebuing: 2/12-2013 Eksamen: 4/12-2013 Forbedelsestid / Førebuingstid: 48 timer / 48 timar Utdanningsprogram: Studiespesialiserende

Detaljer

dreamweaverflash bridge typografi photoshop label masse som struktur film indesign indesign logo komposisjon webside den daglige tegningen steampunk

dreamweaverflash bridge typografi photoshop label masse som struktur film indesign indesign logo komposisjon webside den daglige tegningen steampunk inal adobe cut cs3 til nå... den daglige tegningen webside indesign indesign komposisjon dreamweaverflash typografi label photoshop Z steampunk Z logo film bridge masse som struktur typografi: Typografi

Detaljer

SØKNAD 2012 BACHELOR Avd. kunst

SØKNAD 2012 BACHELOR Avd. kunst STRØMGT. 1, 5015 BERGEN TLF.: 55 58 73 00 FAX: 55 58 73 10 khib@khib.no www.khib.no SØKNAD 2012 BACHELOR Avd. kunst BOKMÅL Søkeren skal bare sende inn ett søknadsskjema. Merk konvolutten/pakken med navn

Detaljer

Hovedprosjekt. Høgskolen i Oslo og Akershus Våren Gruppe 3 Forprosjektrapport

Hovedprosjekt. Høgskolen i Oslo og Akershus Våren Gruppe 3 Forprosjektrapport Hovedprosjekt Høgskolen i Oslo og Akershus Våren 2012 Gruppe 3 Forprosjektrapport INNHOLDSFORTEGNELSE Presentasjon... 3 Gruppen... 3 Bedriften... 3 Sammendrag... 4 Dagens situasjon... 4 Native-applikasjon...

Detaljer

Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no

Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no Hovedprosjekt 2008 av Audun M. Solheim, student HIST/BAIN, audun@c2i.net Oppdragsgiver:Bjørg Minnesjord Solheim, bjorg@midt-svartdal.no

Detaljer

Løsningsforslag: Oblig 1. INF1050: Gjennomgang, uke 12

Løsningsforslag: Oblig 1. INF1050: Gjennomgang, uke 12 Løsningsforslag: Oblig 1 INF1050: Gjennomgang, uke 12 Obligatorisk oppgave 1: Pensum Bakgrunn for systemet Aktører og interessenter Utviklingsprosesser Kravhåndtering og kravspesifikasjon Use case-modellering

Detaljer

Programområde for design og tekstil - Læreplan i felles programfag

Programområde for design og tekstil - Læreplan i felles programfag Programområde for design og tekstil - Læreplan i felles Fastsatt som forskrift av Utdanningsdirektoratet 11. januar 2007 etter delegasjon i brev av 26. september 2005 fra Utdannings- og forskningsdepartementet

Detaljer

Learning activity 2 Webdesign Malin Jonsson

Learning activity 2 Webdesign Malin Jonsson Learning activity 2 Webdesign 2015 Malin Jonsson Innhold 0 Hva er Wireframe? Hvorfor er Wireframe så viktig? Wireframe 01 En wireframe er i all hovedsak websidens infrastruktur, det er hva den er bygget

Detaljer

Refleksjonsnotat Web.

Refleksjonsnotat Web. Refleksjonsnotat Web. www.kildebruk.host22.com Mariell Hagen Hovedoppgaven i Web Webdesign: opphavsrett og bruk av kilder Vi har hatt prosjektperiode i litt over 2 uker. Oppgaven var at vi skulle lage

Detaljer

Søknad om deltagelse: "Interaktive Telemark - åpen webløsning for lokal turistinformasjon"

Søknad om deltagelse: Interaktive Telemark - åpen webløsning for lokal turistinformasjon Midt-Telemark Co/ Bø Kommune, Postboks 83 3800 BØ I TELEMARK v/ Erling Rønnekleiv Søknad om deltagelse: "Interaktive Telemark - åpen webløsning for lokal turistinformasjon" Vi viser til utlysning på Doffin

Detaljer

Forprosjektrapport. Universelt LæringsVerktøy (ULV) Å lage en læringsplattform som tilfredsstiller alle krav til universell

Forprosjektrapport. Universelt LæringsVerktøy (ULV) Å lage en læringsplattform som tilfredsstiller alle krav til universell Forprosjektrapport Presentasjon Tittel: Oppgave: utforming Periode: Gruppemedlemmer: Hafnor Prosjektgruppe: Veileder: Oppdragsgiver: Kontaktperson: Nettside for gruppa: Universelt LæringsVerktøy (ULV)

Detaljer

Emneplan for vevpublisering og informasjonsarkitektur (15 studiepoeng)

Emneplan for vevpublisering og informasjonsarkitektur (15 studiepoeng) Emneplan for vevpublisering og informasjonsarkitektur (15 studiepoeng) Vevpublisering og informasjonsarkitektur (15 studiepoeng) er det andre av fire emner i studieplan for design og kommunikasjon i digitale

Detaljer

INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen. Evaluering

INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen. Evaluering INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen Evaluering I DAG GENERELT PRAKTISK EKSEMPEL LITT FORSKNINGSMETODE KAHOOT EVALUERING Hva og hvorfor Viktige begreper TILÆRMINGER Brukbarhetstesting Feltstudier

Detaljer

Fag: Kunst og håndverk. Underveisvurdering Tverrfaglige emner. Periode Kompetansemål Grunnleggende ferdigheter

Fag: Kunst og håndverk. Underveisvurdering Tverrfaglige emner. Periode Kompetansemål Grunnleggende ferdigheter Fag: Kunst og håndverk Faglærere: K.M.L Trinn:8.trinn Skoleår:2015/2016 Periode Kompetansemål Grunnleggende ferdigheter 1. Linosnitt Bruke ulike materialer og redskaper i arbeid bilder ut ifra Stilisere

Detaljer

Vurdering for Søke omsorgstjeneste - Askim kommune. Poengsum: 66 poeng av moglege 105 poeng - 63 %

Vurdering for Søke omsorgstjeneste - Askim kommune. Poengsum: 66 poeng av moglege 105 poeng - 63 % Vurdering for Søke omsorgstjeneste - Askim kommune Poengsum: 66 poeng av moglege 05 poeng - 6 % . Tjenesten er enkel å finne (Søke omsorgstjeneste - Askim kommune). Tjenesten er enkel å finne gjennom søk

Detaljer

Introduksjon 3: Teknologi som støtte for læring

Introduksjon 3: Teknologi som støtte for læring Introduksjon 3: Teknologi som støtte for læring Teknologi som støtte for læring Universell utforming av læring og undervisning omfatter mer enn det som foregår i undervisningssituasjonen. Det innebærer

Detaljer

Grafisk pakke dataseminar ARK6 12.feb 2008

Grafisk pakke dataseminar ARK6 12.feb 2008 Farger Fonter Raster og vektor Filtyper Komprimering Programmer FARGER : RGB-SKJERM - additiv fargemodell beregnet for bruk i skjerm, scanner og digitalkamera - Ulikt forhold mellom Rød, Grønn og Blå skaper

Detaljer

Systemutvikling og e-læring: Endringer

Systemutvikling og e-læring: Endringer Systemutvikling og e-læring: Endringer Rolf Kenneth Rolfsen, SINTEF LAP-seminar 2005 1 25 minutter Evolusjonær utvikling Verden er i endring Kokeboken og Ansattportalen: To teknologier for læring Suksesskriterier

Detaljer

Gruppe Forprosjekt. Gruppe 15

Gruppe Forprosjekt. Gruppe 15 Forprosjekt Gruppe 15 Marius Ylven Westgaard - s236797 - Anvendt Datateknologi Lise Janbu Eide - s236361 - Dataingeniør Lavanja Jeyenthiran - s236346 - Dataingeniør Kristian Pedersen - s236728 - Anvendt

Detaljer

Prosjekt. Halvårs-rapport. til fordypning. Eva-Anita Thorsen 2MKA. 7.Januar, 2010

Prosjekt. Halvårs-rapport. til fordypning. Eva-Anita Thorsen 2MKA. 7.Januar, 2010 1 0 Prosjekt 7.Januar, 2010 til fordypning Eva-Anita Thorsen 2MKA Halvårs-rapport 0.1 innhold 2 INFO SIDE Innhold 2 Innledning 3 Hoveddel 4-8 Avslutning 9 Logg 10-12 Bakside 13 0.2 innledning 3 Innledning

Detaljer

D E S I G N S K O L E N

D E S I G N S K O L E N D E S I G N S K O L E N Studieplan for Grafiskdesign med prosjektledelse. (et studie utviklet av IGM og Høyskolen i Gjøvik) 30 studiepoeng 3.1 versjon 18. mai 2004 Navn på studieplan Studiet som beskrives

Detaljer

Thursday, August 19, 2010. Web-prosjekt

Thursday, August 19, 2010. Web-prosjekt Web-prosjekt Om kurset Organisering av kurset Består av to hoveddeler: Webpublisering Prosjektarbeid Motivasjon Web Lære å utvikle websider Lære prinsipper for brukervennlighet og tilgjengelighet Skrive

Detaljer

STREAMING OG LAGRING. Tjenesteansvarlig Stein Tore Øien

STREAMING OG LAGRING. Tjenesteansvarlig Stein Tore Øien STREAMING OG LAGRING Tjenesteansvarlig Stein Tore Øien GRUPPEN SOM JOBBER MED NY TJENESTE Ingvild Gangdal, Helse Vest IKT Terje Håland, Helse Vest IKT Ove Asbjørn Ålen, Helse Vest IKT Tord Strømme, Sykehuspartner

Detaljer

Prototyping. Håkon Tolsby. 26.01.2016 Håkon Tolsby

Prototyping. Håkon Tolsby. 26.01.2016 Håkon Tolsby Prototyping Håkon Tolsby 26.01.2016 Håkon Tolsby 1 Til å visualisere brukes prototyper En prototype kan være ulike ting: Low-fidelity En serie med skisser av websider Scenario (i kombinasjon med skisser)

Detaljer

Noark med fokus på innhold og typografi

Noark med fokus på innhold og typografi Noark med fokus på innhold og typografi Metadatabasertesystemer Et Noark system er egentlig veldig enkel Metadata og dokumenter "Alltid" hørt folk klage på systemene Det jeg har sett bærer preg av det

Detaljer

FS-Opplæring på WEB FS Brukerforum 26.e oktober

FS-Opplæring på WEB FS Brukerforum 26.e oktober FS-Opplæring på WEB FS Brukerforum 26.e oktober Anette B Wigaard UiO Mikael Götesson HiST Elin Bjørgen NTNU En første samling i Oslo under høsten Deltakere: UiO, NTNU, HiST, Politihøyskolen, HiB, UMB,

Detaljer

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk

Detaljer

Forespørsel FSP FLO/IKT/2015/010. Kvalifikasjonsgrunnlag. Del 3. Dokument for kvalifikasjon og. Leverandørens besvarelse

Forespørsel FSP FLO/IKT/2015/010. Kvalifikasjonsgrunnlag. Del 3. Dokument for kvalifikasjon og. Leverandørens besvarelse 1 Forespørsel FSP FLO/IKT/2015/010 Kvalifikasjonsgrunnlag Del 3 Dokument for kvalifikasjon og utvelgelse Leverandørens besvarelse 2 5.1 Økonomiske og organisatoriske krav Krav nr. Kvalifikasjonskrav: Dokumentasjonskrav:

Detaljer

DRI2001 Offentlige nettsteder. Litt om systemutvikling Torsdag 24 aug Arild Jansen, AFIN, UiO

DRI2001 Offentlige nettsteder. Litt om systemutvikling Torsdag 24 aug Arild Jansen, AFIN, UiO DRI 2001 13.9 : Introduksjon til systemutvikling. Introduksjon til systemutvikling Systemutvikling og nettstedsutvikling Om ulike typer offentlige nettsteder Kvalitetskrav til offentlige nettsteder Litt

Detaljer

Deltidsstudium i Publisering for web

Deltidsstudium i Publisering for web Institutt for informatikk og medieteknikk, Høgskolen i Gjøvik Studieplan Deltidsstudium i Publisering for web (Webproduksjon) 30 studiepoeng - 2-1. Innledning...4 1.1. Studiets varighet, omfang og nivå...4

Detaljer

Funksjonskravene er delt opp i to deler, krav til spillsekvens og generelle funksjonskrav.

Funksjonskravene er delt opp i to deler, krav til spillsekvens og generelle funksjonskrav. Kravspesifikasjon I dette kapittelet foreligger kravspesifikasjonen som ble utformet tidlig i prosjektprosessen. Dette er den opprinnelige kravspesifikasjonen. Det har igjennom prosjektprosessen vært naturlig

Detaljer

Informasjonsarkitektur og Prototyping

Informasjonsarkitektur og Prototyping Informasjonsarkitektur og Prototyping Håkon Tolsby 20.10.2015 Håkon Tolsby 1 Hva er informasjonsarkitektur? Definisjon 1. The structural design of shared information environments 2. The combination of

Detaljer

Deltidsstudium i Publisering for web

Deltidsstudium i Publisering for web Institutt for informatikk og medieteknikk Høgskolen i Gjøvik Studieplan Generell informasjon...2 Mål for studiet...2 Oppbygging av studiet...3 Modul 1 GRUNNLEGGENDE NETTSIDEPRODUKSJON...4 Deltidsstudium

Detaljer

Modul 11- Illustrator

Modul 11- Illustrator Modul 11- Illustrator I modul 11 skal foreleser holde et foredrag som viser hva som skal læres om Illustrator. På det kvarteret som er satt av beregnes det at man rekker kun en gjennomgang av programmet,

Detaljer

Prosjektkoordinering/Program Management

Prosjektkoordinering/Program Management Bilag 1 Beskrivelse av Bistanden I dette bilaget spesifiseres hvilke tjenester som dekkes av rammeavtalen. Tjenesteområdene er delt inn i 5 kategorier: Avtalen punkt 1.1 Avtalens omfang Prosjektledelse/Teknisk

Detaljer

Memo - Notat. Kostandsestimat og framdrift - Smak av kysten. Kostnadsestimat. Att: Alexandra. Kopi til: Dato: 05.03.

Memo - Notat. Kostandsestimat og framdrift - Smak av kysten. Kostnadsestimat. Att: Alexandra. Kopi til: Dato: 05.03. Memo - Notat Notat til: Notat fra: Norsk Sjømatsenter Att: Alexandra Erik Svendsen Kopi til: Dato: 05.03.2007 Referanse: Kostandsestimat og framdrift - Smak av kysten Kostnadsestimat. Fase/aktiviteter

Detaljer

Vedlagt denne saken er et tilbud fra Urrang Media på Gjøvik som styret har funnet å kunne fremme for årsmøtet.

Vedlagt denne saken er et tilbud fra Urrang Media på Gjøvik som styret har funnet å kunne fremme for årsmøtet. Sak 11 Innkomne forslag. Bytte av leverandør av hjemmeside til NSBK Det har over lengre tid vært misnøye med funksjonalitet og kostnader knyttet til drift av klubbens hjemmeside. Styret har derfor vurdert

Detaljer

Rapport. Januar Forprosjekt for innholdsstrategi og CMS

Rapport. Januar Forprosjekt for innholdsstrategi og CMS Rapport. Januar 2013 Forprosjekt for innholdsstrategi og CMS Mai-Linn Finstad 21.01.2013 INNHOLDSFORTEGNELSE: 1 INNLEDNING... 3 1.1 BAKGRUNN... 3 1.2 FORMÅL... 3 2 MÅL OG RESULTATKRAV... 3 2.1 RESULTATMÅL...

Detaljer

Vurdering for Søke stilling - Trondheim kommune. Poengsum: 70 poeng av moglege 105 poeng - 67 %

Vurdering for Søke stilling - Trondheim kommune. Poengsum: 70 poeng av moglege 105 poeng - 67 % Vurdering for Søke stilling - Trondheim kommune Poengsum: 70 poeng av moglege 05 poeng - 67 % Tjenesten er enkel å finne (Søke stilling - Trondheim kommune) Tjenesten er enkel å finne gjennom søk og navigasjon

Detaljer