Anderledes interaktion
Contents
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
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 | 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
Materiale
Interaktion
- TED talk 1 om interaktion mellem digital data og den fysiske verden (16 min.): https://www.youtube.com/watch?v=YrtANPtnhyg
- Interaktionsdesign, Kjeldskov et al: http://informationsteknologi.wdfiles.com/local--files/interaktionsdesign/Interaktionsdesign.pdf
- TED talk 2 om interaktion med hjernens kraft (11 min.): https://www.youtube.com/watch?v=fs2GDSYYCoA
- (Der skal laves en video, som beskriver worked example.)
Scratch
- (Der skal laves en vejledning til anvendelse af video i Scratch samt opsætning i Chrome og Internet Explorer)
- Videosensor i Scratch: https://wiki.scratch.mit.edu/wiki/Watch_Me_Move!
- Retninger i Scratch: https://wiki.scratch.mit.edu/wiki/Direction_(value)
Prototyper
- TED talk 3 om hurtige prototyper (8 min.): https://www.youtube.com/watch?v=d5_h1VuwD6g
- (Lektionsnoter & videoer: https://www.tes.com/lessons/JYOVldFAUYe_yg/pervasive-computing)
Resten af materialelisten mangler.
Opgaver
Opgaver, del 1: Introduktion til interaktionsdesign
- Opgave om TED talk 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.
- Vælg to ideer som du synes bedst om, og forklar deres forbedring af hverdagen.
- Analyser den tekniske løsning, idet du beskriver samspillet mellem komponenterne.
- Hvilke fordele giver det at interagere med den fysiske verden på denne måde?
- Hvordan ville du kombinere ideerne til at lave forbedringer af din hverdag?
- 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.
- 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.
- Ovenstående øvelse med fagter i stedet for touch eller tale
- 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å dsb.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.
- 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 hævning i en pengeautomat. 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.
- 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.
- 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.
- 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.
- 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.
- 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)
- 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 udsæt 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
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. |