Til læreren

Introduktion

Dette forløb er målrettet udskolingselever og egner sig til faget Teknologiforståelse, men kan også bruges som introduktion til et eventuelt valgfag om webdesign og webudvikling.

Der forventes ingen forhenværende kendskab til kodning. Eleverne bliver ført igennem helt fra bunden. Elever med forudgående viden om emnet vil ofte have deres egne projekter at arbejde på. Hvis ikke, kan læreren guide dem til at påbegynde et projekt og tilbyde løbende vejledning, mens de øvrige elever arbejder med opgaverne.

Arbejdet med forløbet kræver, at alle elever har adgang til en computer og - hvis der bliver tid til at arbejde med design - papir/karton i forskellige farver, tuscher, blyanter, sakse og tape/limstifter.

Målsætning

Fælles mål

Eleven kan reflektere over og anvende computationel tankegang på problemstillinger fra omverdenen. Eleverne vil blive introduceret til elementer fra kompetenceområderne "Digital myndiggørelse", "Design og designprocesser" og "Teknologisk handleevne".

Didaktiske principper og overvejelser

Programmeringsfaglighed

I forløbet vil eleverne først og fremmest få viden om, hvad internettets oprindelige formål var. Dernæst hvordan en webside er bygget op, herunder hvilke sprog, der anvendes, og hvilken rolle de hver især spiller. De vil derefter lære, hvordan strukturen på en webside er bygget op med HTML. Når de har tilegnet sig en basal viden om dette, vil de blive udfordret gennem opgaver, som er baseret på use-modify-create. De elever, som har en stor forhåndsviden om emnet, kan blive sluppet mere løs og arbejde på deres egne projekter med vejledning fra læreren. Når eleverne har struktureret deres egne websider, skal de opstille spørgsmål til en brugertest og evaluere på hinandens websider.

Vi gør brug af TLC-teorien; Teaching Learning Cycle. Vores faser heri er:

1. Vidensdeling: eleverne får en forståelse af websider
2. Omskrivning: eleverne skal redigere indholdet på en eksisterende webside
3. Arbejde: eleverne skal finde og rette fejl på en eksisterende webside
4. Gruppearbejde: eleverne designer selv en webside og laver til sidst brugertests på hinandens idéer

Computational Thinking

Eleverne vil arbejde med at få en forståelse for, hvad der ligger bag, når de ser på en webside. De vil få en forståelse for, at HTML skaber struktur, og at CSS beskriver udseende. De skal kunne dekomponere den side, som de har designet eller redesignet og se, om den kan bruges i virkeligheden. I denne proces vil de arbejde sig hen mod digital myndiggørelse. Vores intention er, at arbejdet med de bagvedliggende aspekter ved websider vil gøre dem i stand til at reflektere kritisk over deres:

• formål og begrænsninger
• konsekvenser ved brug
• behov og muligheder for forbedringer
• kompleksiteten af teknologien
• brugbarheden i virkeligheden

De skal endvidere kunne argumentere for, hvorfor deres løsninger fungerer eller ikke fungerer samt lære af de fejl, de laver.

Lektionsplan

Vores lektionsplan er bygget op omkring Teaching Learning Cycle. Første fase er som nævnt ovenfor vidensdeling. Her vil eleverne få en basal forståelse for internettets historie samt websiders opbygning, herunder hvad de kan bruges til. Til dette vil vi lave en brainstorm, og derefter vil vi gennemgå det på tavlen.

Lektion 1-3:

Forløbet startes med en brainstorm om websider, og hvordan de kan bruges. Efter denne brainstorm vil vi guide eleverne til at åbne deres eget remix af Thimble-projektet, så de er klar til at gå igang. Herefter vil vi give dem en kort historie om internettet, hvor de vil få en basal viden om, hvad internettet blev skabt til, og hvad det er i dag.

Vi begynder herefter at arbejde med Thimble-projektet. Vi vil gennemgå introduktionen til HTML og løbende give eleverne tid til at læse de små opgaver. Efter introduktionen, vil eleverne blive kastet ud i de to opgaver, navnligt "Redigér en webside" og "Ret fejl på en webside".

Elevmål:

• Jeg har viden om hvad en webside indeholder.
• Jeg ved, hvad HTML er og kan kode i det.
• Jeg kan redigere indholdet på en webside.
• Jeg kan finde og rette simple fejl på en webside.
• Jeg kan forklare udklip fra koden til en webside.

Lektion 3-6

Vi starter med at gennemgå opbygningen af en webside. Eleverne vil få viden om, hvordan elementer på en webside er grupperet i f.eks. header, sektioner, footer osv. Eleverne skal herefter forsøge at skrive struktur på en webside, som vi har lavet på forhånd. Når denne opgave er færdig, skal eleverne gå sammen i grupper og prøve at designe eller redesigne en hjemmeside i ved at lave en papirsprototype. Grupperne skal afslutningsvis forsøge at lave brugertests på hinandens hjemmesider.

Elevmål:

• Jeg kan designe en webside med og udvikle en papirsprototype.
• Jeg kan udforme spørgsmål til en brugertest og udføre denne test.
• Jeg kan give konstruktiv feedback og stille konstruktive spørgsmål til andre vedr. deres designs.