Anderledes interaktion

From CCT - Vidensdeling
Jump to navigation Jump to search

Status & planer

Præsentation af forløbet på 90 sekunder: http://youtu.be/gPOavRU_8cM?hd=1

Første version af forløbsbeskrivelsen bliver i øjeblikket løbende lavet færdig, da Jesper afprøver det på sit hold, der har IT B på 2. år, i perioden 30.11.2016 til uge 6. Til foråret 2017 vil Hanne forventeligt afprøve forløbet på et hold, der har IT C.

Forløbet tager udgangspunkt i forløbet Digital leg (beskrevet af Jakob), men fokus i dette forløb er primært på anderledes interaktion. Jeg overvejer at bruge http://s4a.cat/.

Introduktion

Formål

Interaktionsmuligheder
Fra traditionel interaktion til anderledes interaktion

I mange sammenhænge giver det bedst mening at interagere med et it-system på andre måder end den traditionelle med mus, berøring og/eller tastatur samt en skærm. I nogle situationer er det en nødvendighed på grund af handikap eller arbejdsmæssige vilkår, hvor hænderne ikke kan bruges til tastetryk og touch, men kun til fagter. I andre situationer kan det være en kvalitet, at vi bruger kroppens naturlige interaktion med gestik og stemme i stedet for at være låst til computerens traditionelle muligheder for input og output.

Læreplansmål

Fire af fagets mål kan komme i spil i dette forløb, hvor målet om interaktion er omdrejningspunktet.

  • Interaktionsdesign (C+B): Hvordan kan man interagere på andre måder end berøring/mus/keyboard?
  • Repræsentation og manipulation af data (C+B): Hvordan egner diskret data sig til anderledes interaktion?
  • Programmering (C+B): Enten som introduktion til programmering eller en forforståelse i blokprogrammering

Indhold

  • Analyse (herunder fejlkilder) og design af anderledes interaktion med gestik og lyd samt implementering i Scratch
  • Egenskaber ved diskret data og sammenhæng til interaktionsmuligheder
  • Udvikling af nye idéer med Throwaway Prototyping
  • Programmering i Scratch (eventuelt som introduktion)

Forudsætninger

  • Forforståelse: Der kan bygges videre på programmering fra andre forløb i Scratch eller andre sprog, men det er ikke en forudsætning.
  • Teknologi: PC med webcam og mikrofon, eventuelt en projektor, eventuelt Makey Makey

Aktiviteter & materialer

Lektionsplan

## Vejledning til C- og B-niveau ##

Interaktion

Lektion Formål Indhold Materiale Opgaver
1 Giver eksempler på, hvordan it-systemer har betydning for og påvirker menneskelige aktiviteter Inspiration til anderledes introduktion TED talk 1 1.1
2 Beskrive (og analysere) elementer i et interaktionsdesign Interaktionsdesign, introduktion Kjeldskov side 1-2 1.2, 1.3
3 Beskrive (og analysere) elementer i et interaktionsdesign Funktioner, input/output, usability Kjeldskov, TED talk 2 1.4, 1.5
4 Realisere interaktionsdesign Design af interaktion Kjeldskov 2.1, 2.2
5 Løse et problem ved at designe et it-system gennem brugerorienterede teknikker Prototyper Kjeldskov, TED talk 3 2.3, 2.4

Lektion 1

  • 5 min.: Introduktion til forløbet for at skabe motivation og overblik
  • 5 min.: Præsentation af opgave 1.1, så eleverne kan fokusere og eventuelt notere undervejs
  • 20 min.: Visning af TED talk 1
  • 10 min.: Grupper på tre elever drøfter spørgsmålene.
  • 15 min.: Opfølgning på opgaven med klassedialog
  • 5 min.: Opsummering og afsluttende visning af worked example i Scratch med henvisninger til videoen

Lektion 2

  • 5 min.: Introduktion til interaktivt system, bruger, funktioner, input og output.
  • 10 min.: Eksempel med pengeautomat
  • 10 min.: Opgave 1.2 som tænk-par-del - 1. Individuel overvejelse af besvarelse. 2. Gennemgå overvejelser i par. 3. Dele viden med resten af klassen.
  • 5 min: Opfølgning på klassen
  • 10 min.: Opgave 1.3 som tænk-par-del
  • 5 min.: Opfølgning på klassen
  • 5 min.: Refleksionsskrivning i elevernes logbøger

Lektion 3

  • 5 min.: Opfølgning på sidste lektion
  • 15 min.: Opgave 1.4
  • 10 min.: Visning af TED talk 2
  • 10 min.: Diskussion i par og herefter klassediskussion: Hvilke muligheder giver dette?
  • 15 min.: Opgave 1.5

Lektion 4

Lektier: Læse bilag 1 på side 14-15 om personaen Jonas

  • 10 min.: Aktiviteter i interaktionsdesign (behov og krav)
  • 10 min.: Eksempler på personas og scenarier - Hvorfor er alle de oplysninger om Jonas relevante?
  • 15 min.: Opgave 2.1 om persona
  • 5 min.: Eksempel på scenarie
  • 15 min.: Opgave 2.2 om scenarie

Materiale

Screenshots fra TED talk
Applikationsorienteret princip med TED talk

Interaktion

Scratch

Prototyper

Resten af materialelisten mangler.

Opgaver

Opgaver, del 1: Introduktion til interaktionsdesign

  1. Opgave om TED talk 1
    1. Beskriv hvordan Pranav først bringer fysiske objekter ind i den digitale verden og bagefter lægger et digitalt lag oven på den fysiske verden.
    2. Vælg to ideer som du synes bedst om, og forklar deres forbedring af hverdagen.
    3. Analyser den tekniske løsning, idet du beskriver samspillet mellem komponenterne.
    4. Hvilke fordele giver det at interagere med den fysiske verden på denne måde?
    5. Hvordan ville du kombinere ideerne til at lave forbedringer af din hverdag?
    6. Diskutér indflydelsen på vores hverdag, når vi går fra at sidde foran en computer til at arbejde med informationer i forlængelse af den virkelige verden.
  2. Kjeldskov et al, side 2, første øvelse (interaktion med tale): Nogle banker tilbyder, at blinde og svagtseende kan benytte en talende pengeautomat. Brugeren medbringer et sæt øretelefoner, som tilsluttes automaten. Så bliver skærmen blank, og det, der normalt ses på skærmen, læses op i stedet. Forklar hvordan interaktionen med en talende pengeautomat er forskellige fra interaktionen med en almindelig pengeautomat. Det kan hjælpe at tage funktioner, input og output en ad gangen og for hver overveje, om der er forskel og hvad forskellen er.
  3. Ovenstående øvelse med fagter i stedet for knapper eller lyd
  4. Kjeldskov et al, side 2, anden øvelse (funktioner, input og output): Forestil dig, at du står i Slagelse og gerne vil til Kolding med tog. Gå ind på rejseplanen.dk og find ud af, hvornår det næste tog går, og hvad billetten koster. Beskriv for dette system, hvad der er funktioner, input og output.
  5. Kjeldskov et al, side 3, første øvelse (usability): Lav en liste med usability-problemer, som du kan forestille dig, at en bruger kan opleve ved planlægning af en rejse på rejseplanen.dk. Det må gerne være usability-problemer, som du selv har oplevet.

Opgaver, del 2: Design af interaktion

Følgende øvelser omhandler interaktion med gestik og stemme til et program i Scratch.

  1. Kjeldskov et al, side 7, første øvelse (personas): Lav en persona, som beskriver en typisk gymnasieelev. Læg vægt på at få de dele med, som er vist i Bilag 1.
  2. Design en interaktion ved at lave et antal skitser, der beskriver trin for trin, hvad der foregår (et storyboard). Tegn i skitserne både brugerens fagter og skærmens udseende.
  3. Lav en prototype på interaktionen, hvor du tegner baggrunden til den grafiske brugergrænseflade og klipper objekter til brugergrænsefladen ud i papir. I anvendelsen og evalueringen af prototypen skal brugeren ved hjælp af fagter flytte papirobjekterne rundt foran skærmen.
  4. Kjeldskov et al, side 9, første øvelse (prototype refleksion): Overvej hvad en prototype kan bruges til at undersøge, og hvad den ikke egner sig til.
  5. Lav efter konstruktion af interaktionen en evaluering af designet, idet du vurderer de fem punkter i afsnit 2.4 af Kjeldskov et al.

Opgaver, del 3

Opgaver, del 4

Opgaver, del 5

Eksemplarisk materiale (WE)

Screenshot fra Scratch
Interaktion med fagter i Scratch
  • Link: https://scratch.mit.edu/projects/128321249/
  • Problemstilling og ide: En bager vil være udfordret i at bruge fingrene til traditionelle interaktioner med et it-system. Hans arbejdsproces består i at behandle en række opgaver, hvor han skal bage boller, rugbrød, kager osv. For hver opgave skal efterfølgende markere, om den er udført eller udsat til senere. Ideen består af et it-system, hvor han får hver opgave bruger fagter til at markere status for opgaven.
  • Faded guidance foregår i flere dimensioner: Kode i Scratch, video/gestik, mikrofon/stemmestyring

Elevprojekt

  • Produkt: Brugeren kan ved hjælp af gestik og stemmen interagere med et it-systems data. Dette kan være modellering af et problemområde i et andet gymnasiefag. F.eks. molekyler i kemi, kræfter i fysik, tekster i dansk, parametre i økonomiske modeller, ligningsløsning i matematik eller Hanois tårne (datalogi).
  • Afhængig af tilgængelig teknologi kan produktet udvides med interaktion via Makey Makey, beacons eller en telefons sensorer i App Inventor. Her vil det dog umiddelbart kun være Makey Makey, som kan interagere med de samme data i Scratch.

Refleksioner over designet af forløbet

Rationale bag lektiosnplan og variationsmuligheder

Videoer fra klasserummet

Alternative moduler

Modul:

Lektion Indhold Opgaver
1
2
3


Modul:

Lektion Indhold Opgaver
1
2
3
4

Didaktiske designprincipper

  • C+B: Worked Example
  • C+B: Application Oriented
  • C+B: Consumer to Producer
  • C+B: Stepwise Improvement

Eksamensspørgsmål

TBD

Teknisk hjælp

Problem Løsning
Det forreste kamera kan ikke vælges i browseren. Brug en anden browser.

Ofte oplevede problemer

Bilag

  1. Side 14-15 af http://informationsteknologi.wdfiles.com/local--files/interaktionsdesign/Interaktionsdesign.pdf
Retrieved from "http://cloud.cct.au.dk/wiki/index.php?title=Anderledes_interaktion&oldid=1837"