Kort om baggrund for kurset, aktører, kodning.dk

Størrelse: px

Starte visningen fra side:

Download "Kort om baggrund for kurset, aktører, kodning.dk"

Vilhelm Andersen
6 år siden
Visninger:

1 præsentation 1

2 2

3 Kort om baggrund for kurset, aktører, kodning.dk 3

4 Kort rammesætning hvorfor er det vigtigt med fokus på programmering også i en skolekontekst særligt slide 7 er værd at dykke ned i og tale om bl.a. Internet of things og de perspektiver, det tegner ikke bare for et fremtidigt arbejdsliv men også for det at være borger og menneske i en digitaliseret og teknologiseret verden, da det åbner op for et dannelsesperspektiv. 4

5 5

6 6

7 7

8 Hvordan er status p.t. i folkeskolen Eleven kan designe og gennemføre undersøgelser vedrørende elektronisk og digital styring Eleven har viden om elektroniske kredsløb, simpel programmering og transmission af data 8

9 1) Fagdidaktisk tilgang 2) Kompetencetænkning 3) Erhvervspolitisk vinkel ELLER dannelsestænkning 4) Pædagogisk vinkel 9

10 Kort om Blooms taksonomi hvad er progressionstanken? 10

11 Gennemgang af SOLO- taksonomien 11

12 Gennemgang af den computationelle tænker linkes til slide 9, kort 2 12

13 13

14 Dette + de efterfølgende slides gennemgås overordnet hvad er progressionstænkningen, hvilke områder fokuseres på hvornår, hvad er elev- og lærerrollen i de forskellige faser, osv. 14

15 15

16 16

17 17

18 18

19 19

20 20

21 21

22 22

23 23

24 Der kan vurderes formativt og summativt dette slide handler om, hvordan man formativt kan evaluere, mens de efterfølgende handler om kriterier for summativ vurdering 24

25 Se vedlagte ressource om vurderingskriterier, der uddyber de følgende slides 25

26 26

27 27

28 28

29 29

30 30

31 31

32 8 opgavetyper, der på forskellig vis arbejder med bevægelsen fra blok til tekst (den sidste kan dog sagtens bruges inden for det samme program) 32

33 At lave det samme program i forskellige sprog 33

34 Hvis kursisterne har været på kursus 1, gennemgås slidet bare ellers er det en god idé at lade kursisterne lave programmet i Scratch 34

35 Afprøv logo Afprøv touchdevelop Gå til CodeCombat 35

36 Denne øvelse bygger også videre på kursus 1 hvis kursisterne ikke har været på dette, skal flowcharts + opgaven om at designe en lille quiz flettes ind her, inden opgaverne på slidet laves. 36

Brug ca 20-30 minutter på CodeCombat introducér Hour of Code, hvis ikke de kender det

37 Brug ca minutter på CodeCombat introducér Hour of Code, hvis ikke de kender det i forvejen og anvend den valgte tutorial til at tale om automatisering af kommandoer. 37

38 HTML (HyperText Mark- up Language): er det computersprog (kode), som genererer indholdet og strukturen af en webside. Indholdet af en hjemmeside gemmes i HTML format på webservere. CSS (Cascading Style Sheets): tilføjer formateringsinformationer til HTML ens indhold og struktur, og dermed kan designere og udviklere specificere præcist, hvordan sidens indhold skal vises i webbrowseren på en computer tablet, smartphone og printer. JavaScript: er et programmeringssprog, som kan omsættes direkte i webbrowseren. Dermed kan brugeren interagere direkte med siden fra sin computer frem for at interaktionen håndteres via webserveren, Den web- baserede version af Office 365 afhænger fx i høj grad af JavaScript. 38

39 Lad kursisterne prøve at gennemskue, hvor sidens indhold kommer fra i koden. Bed dem lægge mærke til, hvilken effekt nogle af HTML tags ene (det, som står i <.>, fx <h1> og <p>) har på strukturen for teksten. Bed dem også lægge mærke til, at tags ene kommer parvist med et åbne- og et lukke- tag, fx: <html> og </html> (definerer hele siden som html) <head> og </head> (informationer om siden, fx tegnkodning og titel) <body> og </body> (sidens indhold) <h1> og </h1> (angiver rubrikken/overskriften) <p> og </p> (omkranser paragrafferne/brødteksten) Lad dem sammenligne linket på websiden med dens kode. Placeringen af <a> og </a> indsætter linket det rigtige sted i brødteksten og koden inde mellem <a> og </a> angiver den URL, som linket peger på. Lad dem også kigge på koden for billedet. Billedets URL er efter <img> tagget. Gør dem opmærksom på, at her bruges IKKE et lukke- tag, hvis ikke de selv opdager det.. 39

40 Vis hvordan 40

41 Demonstrér, hvordan X- Ray Goggles virker eller vis videoen. Lad derefter kursisterne selv prøve at lave en remixet hjemmeside, enten alene eller par- /gruppevis. Lad dem fremvise deres resultater og tal om, hvor nemt det er at lave en fake- side, og hvor vigtigt det er at kunne gennemskue, hvem der er afsender. 41

42 Se videoen og brug materialet fra bogen Lær at kode 2, Alinea, Mads Remvig og Claire Lotriet. Har du ikke bogen, kan du finde de vigtigste kommandoer og begynderinstruktioner her, som du kan lade kursisterne bruge: for- begyndere- 1/ et_tips_html.html Kursisterne kan stadig bruge programmet Thimble det er nemt både at arbejde i og publicere de færdige sider fra. Du finder programmet her: US/ 42

43 43

Relaterede dokumenter

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,