Lær at kode 2 · Elevbog/Web
Bliv monstergod til at kode! Kom i gang med at kode. Serien kan bruges på mellemtrinnet og i overbygningen og består af elevbøger og et website.
Claire Lotriet • Mads Remvig
På lærkode.alinea.dk kan I se introvideoer, downloade lærervejledninger og finde ekstra aktiviteter og links til programmerne. Lær at kode er: • Færdige kodeforløb til fx understøttende undervisning eller temauge • Strukturerede øvelser med klar progression • Website med videovejledninger og ressourcer
Lær at
at kode!
Lotriet • Mads
4
Lær a t
Remvig
K de Claire
Lotrie t
ISBN xxxxxxxxxx
9 788723 503893 www.alinea.dk
3
3-50389ISBN 978-87-2
Rem • Mads
ISBN xxxxxxxxxx
alinea.dk
vig
www.alinea.dk
Elevbo g Web /
3
C
9 788723 503893
Claire
otriet laire L
Claire Lotriet
ISBN 978-87-2 3-50389-
Mads Remvig
alinea.dk
Lotriet
nde rstøtte fx unde
1
Claire
hundre 21. år og det n kan brur Serie kode. og bestå ingen gn by er te. e wnload do er, eo ter og trovid aktivite ekstra
e d K
Claire Lotriet
g/Web
eb vbog/W e 1 · Ele
kod Lær at
kode!
g/ Elevbo Web
K de · Elevbo
lærkode.dk
Bliv m onster
god ti Kom ne l at ko mt i ga des ko ng med de! mpete kodnin ncer m ges på g og ed Læ mellem r at ko det 21. århu af fire trinnet de. Se ndreelevbøg og i ov er og erbygn rien kan br et uPå læ ingen website rk og bestå . lærerv ode.dk kan r ejl I links til edningen og se introvideo er, down finde progra ekstra mmer lo ade aktivite ne. Lær at ter og kode er : • Færd ige visning kodeforløb til fx un eller • Stru derstøt kturer temauge tende ede øv • Web underelser site lærkod med videovejlemed klar prog ressio e.dk dninge n r og re ssource r på
kode 4
t Lær a
nde underrløb til fx understøtte • Færdige kodefo ge visning eller temau ssion r med klar progre rcer på • Strukturerede øvelse ejledninger og ressou videov med te • Websi
Claire Lotriet
3
2
K de
Lær at
Elevbog/ Web
Lær at
Lær at kode er:
2
K de
• Færdige kodefo rløb til fx understøtte nde undervisning eller temau ge • Strukturerede øvelse r med klar progre ssion • Website med videov ejledninger og ressou rcer på lærkode.dk
Remvig Claire Lotriet • Mads
21. århundremed kodning og det Kom nemt i gang Serien kan brumed Lær at kode. des kompetencer en og består et og i overbygning ges på mellemtrinn et website. og ger elevbø af fire , downloade kan I se introvideoer På lærkode.dk eter og aktivit ekstra finde og lærervejledningen ne. links til programmer
Elevbog/ Web
Claire Lotriet • Mads Remvig
Web Lær at kode 2 · Elevbog/
Bliv monstergod til
at kode!
Lær at kode 3 · Elevbog/ Web
Bliv monstergod til
Kom nemt i gang med kodning og det 21. århundredes kompetencer med Lær at kode. Serien kan bruges på mellemtrinn et og i overbygning en og består af fire elevbøger og et website. På lærkode.dk kan I se introvideoer , downloade lærervejledningen og finde ekstra aktivit eter og links til programmer ne. Lær at kode er:
Elevbog/ Web
Lær at
Mads Remvig
Alinea
Alinea ISBN
978-87
-23-50
389-3
ISBN xxxx
under-
xxxxxx
9 788 723
ion ogress rcer på klar pr ressou r med nger og ejledni
503893
www.alin ea.d
k
dk
alinea.
Mads
Remvig
Alinea ISBN
Alinea
389-3
-23-50
978-87
xxxxxx
ISBN xxxx
Mads
Remvig
ISBN 978-87-23-51400-4
dk
www
alinea.
893 723 503 9 788 .alinea.dk
ISBN 978-87-23-51400-4
www.alinea.dk
9788723514004_omslag.indd 1
alinea.dk
9 788723 514004
Mads Remvig
Alinea 08/02/16 15.13
LĂŚr at
K de 2 Elevbog/Web Claire Lotriet Mads Remvig
Alinea
9788723514004_indhold.indd 1
08/02/16 16.11
Lær at kode 2, Elevbog/Web Claire Lotriet, oversat og bearbejdet af Mads Remvig © 2016 Alinea, København – et forlag under Lindhardt og Ringhof Forlag A/S, et selskab i Egmont Learn to Code, Practice Book 2 by Claire Lotriet was first published in English in 2015 by © Rising Stars Uk Ltd. 2015. Published in Denmark by permission of Rising Stars UK Ltd. Mekanisk, fotografisk, elektronisk eller anden gengivelse af denne bog eller dele heraf er kun tilladt efter Copy-Dans regler. Oversættelse og bearbejdning: Mads Remvig Forlagsredaktion: Katrine Rørvig, Lise Nerlov Trykkeri: Livonia Print Sia 1. udgave 1. oplag 2016 ISBN: 978-87-23-51400-4 Fotos: Skærmdumps v. Mads Remvig; side 8-23: fra Scratch, under Creative Commons licens. Scratch er udviklet af Lifelong Kindergarten Group på MIT Media Lab; side 24-39: fra Light Bot 2.0 www.light-bot.com; side 40-55: fra thimble.webmaker.org/ all used with permission; side 49-51: map data © Google 2016. www.lærkode.alinea.dk www.alinea.dk
9788723514004_indhold.indd 2
08/02/16 16.11
Thimble
Lightbot
Scratch
Indhold
9788723514004_indhold.indd 3
Lær at kode består af
4
Sådan bruger du Lær at kode
6
OPGAVE 1: Programmering med send-blokke
8
OPGAVE 2: Programmering af en matematikquiz
12
OPGAVE 3: Om at bruge variabler
16
OPGAVE 4: Kod et skydespil
20
OPGAVE 5: Programmering af en robot
24
OPGAVE 6: Brug af funktioner
28
OPGAVE 7: Brug af flere funktioner
32
OPGAVE 8: Kodning med betingelser
36
OPGAVE 9: Kod en hjemmeside med HTML5-tags
40
OPGAVE 10: Vi laver hyperlinks med HTML5
44
OPGAVE 11: Embedding/Indsættelse af indhold med HTML5
48
OPGAVE 12: Tabeller lavet med HTML5
52
Ordliste
56
08/02/16 16.11
Elevbøger
Lær at
Bliv m onster
K de
god ti Kom ne l at ko mt i ga des ko ng med de! mpete kodnin ncer m ges på g og ed Læ mellem r at ko det 21. århu af fire tri de. Se ndreelevbøg nnet og i rien ka over er og n bruet webs bygningen På læ rk og bestå ite. lærerv ode.dk kan r ejl I links til edningen og se introvideo er, down finde progra ekstra mmer aktivite loade ne. Lær at ter og kode er : • Færd ige visning kodeforløb til fx un eller • Stru derstøt kturer temauge tende ede øv • Web underelser site m lærkod ed videovejlemed klar prog ressio e.dk dninge n r og re ssource r på
Claire Lotriet
kode 4 g/Web
· Elevbo
Elevbo g Web /
Claire Lotriet • Mads
4
Lær a t
Remvig
K de Claire
Lotrie t
3
ISBN xxxxxxxxxx
9 788723 503893 www.alinea.dk
Lotriet
3
3-50389ISBN 978-87-2
• Mads
ISBN xxxxxxxxxx
alinea.dk
Remvig
www.alinea.dk
3
ISBN 978-87-2 3-50389-
C
9 788723 503893
Lær at
Elevbog/ Web
Lær at
Claire
1
otriet laire L
Claire Lotriet
Mads Remvig
alinea.dk
!
re. århund det 21 bruing og n kan ed kodn kode. Serie består r at gen og med Læ overbygnin i net og . e website wnload og et eoer, do ter og introvid ite kan I se ekstra aktiv finde og en ne. mmer re unde : øttend underst b til fx n deforlø ressio auge r prog ourcer på er tem er med kla ss els r og re rede øv vejledninge eo med vid
e d K
Claire Lotriet • Mads Remvig
Remvig Claire Lotriet • Mads
eb vbog/W e 1 · Ele
at kode
g/ Elevbo Web
2
K de
• Færdige kodefo rløb til fx understøtte nde undervisning eller temau ge • Strukturerede øvelse r med klar progre ssion • Website med videov ejledninger og ressou rcer på lærkode.dk
Web
t Lær a
nde underrløb til fx understøtte • Færdige kodefo ge visning eller temau ssion r med klar progre rcer på • Strukturerede øvelse ejledninger og ressou • Website med videov
lærkode.dk
Elevbog/ Web
Web
at kode!
21. århundremed kodning og det Kom nemt i gang Serien kan brumed Lær at kode. des kompetencer en og består et og i overbygning ges på mellemtrinn og et website. af fire elevbøger oade introvideoer, downl se I kan k På lærkode.d eter og og finde ekstra aktivit lærervejledningen ne. links til programmer Lær at kode er:
Kom nemt i gang med kodning og det 21. århundredes kompetencer med Lær at kode. Serien kan bruges på mellemtrinn et og i overbygning en og består af fire elevbøger og et website. På lærkode.dk kan I se introvideoer , downloade lærervejledningen og finde ekstra aktivit eter og links til programmer ne. Lær at kode er:
Lær at kode 2 · Elevbog/
Bliv monstergod til
at kode!
Lær at kode 3 · Elevbog/
Bliv monstergod til
kod Lær at
od til
Lær at kode består af ....
Mads Remvig
Alinea
Alinea ISBN
978-87
-23-50
389-3
ISBN xxxx
xxxxxx
9 788 723 503 893 www.alin ea.d
k
alinea. dk
e.dk
Mads
Remvig
Alinea ISBN
Alinea
389-3
-23-50
978-87
xxxxxx
ISBN xxxx
Mads
Remvig
dk
ea.d www.alin
alinea.
9
503893 k 788723
†
4
9788723514004_indhold.indd 4
08/02/16 16.11
VÆLG BOG | OM SITET TITLER OM
Lær at kode 2 · Elevbog/Web
Bliv monstergod til at kode! Kom nemt i gang med kodning og det 21. århundredes kompetencer med Lær at kode. Serien kan bruges på mellemtrinnet og i overbygningen og består af fire elevbøger og et website.
Claire Lotriet • Mads Remvig
På lærkode.dk kan I se introvideoer, downloade lærervejledningen og finde ekstra aktiviteter og links til programmerne. Lær at kode er: • Færdige kodeforløb til fx understøttende undervisning eller temauge • Strukturerede øvelser med klar progression • Website med videovejledninger og ressourcer på
Elevbog/ Web
2
Lær at
K de Claire Lotriet
lærkode.dk
ISBN 978-87-23-50389-3
ISBN xxxxxxxxxx
www.alinea.dk
alinea.dk
9 788723 503893
Mads Remvig
Alinea
Scratch
Lær at kode Vil I køre et forløb med kodning på mellemtrinnet? Kom i gang og bliv monstergod til at kode med disse fire aktivitetsbøger. Aktiviteterne er visuelt opbyggede med enkel progression og udnytter visuelle, tilgængelige programmer så som Scratch, Powerpoint mv.
Scratch PowerPoint Scratch
Website på lærkode.alinea.dk
Se introduktionsvideo
Aktivitet 1-4
Introvideoer
Start Scratch her. Lærervejledning Ekstra øvelse
Lightbot
Se introduktionsvideo
Aktivitet 5-8
Start Lightbot her. Lærervejledning Ekstra øvelse
Thimble
Links til programmerne
Download lærervejledning
Se introduktionsvideo
Aktivitet 9-12
Start Thimble her. Lærervejledning Ekstra øvelse
†
5
9788723514004_indhold.indd 5
09/02/16 15.38
Sådan bruger du “Lær at kode” Før I går i gang • Sæt jer to og to sammen. • Sørg for, at der er en computer til hvert par. • Gå på www.lærkode.alinea.dk, find jeres bog og den første opgave. • Se introduktionsvideoen sammen i •
klassen og læs, hvad I skal gøre for at komme i gang med programmet. Kig på de “Vigtige ord” sammen i klassen.
Imens I løser opgaven • Læs instruktionerne, og se på billedet, hvad I skal gøre. • Se på de Vigtige ord, og slå dem op bagerst i bogen. • I skiftes til at læse højt og til at sidde ved computeren og gøre det, der står.
†
6
9788723514004_indhold.indd 6
08/02/16 16.11
LÆR AT KODE 2
Opgave 1: Scratch Programmering med send-blokke Sprites kan bruge ’send’-blokke til at sende usynlige beskeder til hinanden. I denne opgave skal du bruge send-blokke til at lave nogle knapper, der kan tegne forskellige figurer, når man klikker på dem.
Î1 Î2 Î3
• Klik på det lille ikon med hovedet under Nyt kostume. • Find button3-a, og dobbeltklik på den. Nederst i højre hjørne af script-området skal der stå “Vectorformat”. • Klik på Tekst-værktøjet til højre, det store T. • Skriv ordet “Kvadrat” på den grå knap og gør teksten rød. • Brug Marker-pilen til at flytte teksten, hvis det er nødvendigt.
Lav en ny sprite ved at kopiere Sprite1. • Højreklik på Sprite1, og vælg kopier. • Klik på den nye Sprite2. • Klik på Kostumer, og lav teksten om til “Rektangel”. • Brug Marker til højre til at ændre størrelsen på knappen, så hele ordet kan være på knappen.
†
8
Find link til Scratch på lærkode.alinea.dk. Nu skal du lave den første sprite i Kostumer. • Log ind i Scratch, og klik på Find på i den blå menu foroven. • Højreklik på katten Scratchy og slet. • Klik på Tegn ny sprite. • Fanebladet Kostumer åbnes nu (ellers klik på det).
Efter opgaven • Send jeres program til et andet par, og prøv også deres program. • Skriv ned, hvad I har lært. • Del jeres erfaringer i klassen.
†
7
9788723514004_indhold.indd 7
08/02/16 16.11
LÆR AT KODE 2
Opgave 1: Scratch Programmering med send-blokke Sprites kan bruge ’send’-blokke til at sende usynlige beskeder til hinanden. I denne opgave skal du bruge send-blokke til at lave nogle knapper, der kan tegne forskellige figurer, når man klikker på dem.
Î1 Î2 Î3
• Klik på det lille ikon med hovedet under Nyt kostume. • Find button3-a, og dobbeltklik på den. Nederst i højre hjørne af script-området skal der stå “Vectorformat”. • Klik på Tekst-værktøjet til højre, det store T. • Skriv ordet “Kvadrat” på den grå knap og gør teksten rød. • Brug Marker-pilen til at flytte teksten, hvis det er nødvendigt.
Lav en ny sprite ved at kopiere Sprite1. • Højreklik på Sprite1, og vælg kopier. • Klik på den nye Sprite2. • Klik på Kostumer, og lav teksten om til “Rektangel”. • Brug Marker til højre til at ændre størrelsen på knappen, så hele ordet kan være på knappen.
†
8
Find link til Scratch på lærkode.alinea.dk. Nu skal du lave den første sprite i Kostumer. • Log ind i Scratch, og klik på Find på i den blå menu foroven. • Højreklik på katten Scratchy og slet. • Klik på Tegn ny sprite. • Fanebladet Kostumer åbnes nu (ellers klik på det).
9788723514004_indhold.indd 8
08/02/16 16.11
4 Î
5 Î
Î6 Î7
OPGAVE 1: SCRATCH
Nu skal du lave Sprite3. • Over Sprite-listen klikker du på penslen Tegn ny sprite. • Klik på Vælg kostume fra biblioteket, vælg pencil-a og dobbeltklik på den. • Nu skal du sætte centrum for pencil-a. • Klik på knappen Sæt kostumets centrum med krydset øverst til højre, og træk krydset hen, så det er ud for spidsen på pencil-a.
• Klik på spriten med Kvadrat-knappen i spritelisten. • Klik på Hændelser i fanebladet Scripts. • Træk en når denne sprite klikkes over i scriptområdet. • Tilføj en send message1. • Klik på den lille pil på send message1, og vælg ny meddelelse. • Kald meddelelse “Kvadrat”, og klik OK.
• Klik på Rektangel-knappen i spritelisten. • Vælg Hændelser i fanebladet Scripts, og træk en når denne sprite klikkes over i scriptområdet. • Tilføj en send message1 neden under. • Klik på den lille pil på send message1, og vælg ny meddelelse. • Kald den “Rektangel”, og klik OK.
• Klik på spriten pencil-a. • Træk en når du klikker på over i script området. • Find en skjul under Udseende, og tilføj den under når du klikker på. • Under Hændelser finder du to når jeg modtager [...]. • Sørg for, at der står “Kvadrat” i den ene, og “Rektangel” i den anden.
†
9
9788723514004_indhold.indd 9
08/02/16 16.11
LÆR AT KODE 2
8 Î
Î9 10 Î
Î11
Nu skal du kode, hvad pencil-a skal gøre, når den modtager Kvadrat. • Klik på Udseende, og tag en Vis. Sæt den under når jeg modtager [...]. • Fra Pen finder du og tilføjer en sæt pennen ned. • Fra Styring tilføjer du gentag[...]gange. • Klik i den lille cirkel i gentag[...]gange og skriv “4”.
• Klik på Bevægelse og træk en gå 10 trin ind i gentag[...]gange og skriv “100”. • Sæt en drej [...] grader herunder og skriv “90”. • Sæt en vent 1 sek nederst.
Nu skal du kode, hvad der skal ske, når pencil-a modtager beskeden “Rektangel”. • Det er meget af den samme algoritme, som til Kvadrat, men i stedet for at tegne fire lige lange sider, skal det være to lange og to korte sider. Brug billedet til at se hvordan.
• Find en skjul under Udseende og sæt en under hvert af de to scripts. • Find en ryd under Pen og sæt en under hvert af de to scripts. • Læs nu dine scripts igennem og se, om det giver mening for dig. • Klik på det grønne flag over scenen og tryk på knapperne.
†
10 10
9788723514004_indhold.indd 10
08/02/16 16.11
OPGAVE 1: SCRATCH
Prøv nu, om du kan:
• tilføje en sæt penfarve til [...] til hvert script, så kvadratet bliver tegnet med rød farve og rektanglet med blå
• ændre scriptene til kvadrat og rektangel, så de bliver tegnet større • tilføje en ekstra knap, som får blyanten til at tegne en ligesidet trekant • tilføje en fjerde knap, så blyanten tegner en ligesidet sekskant. Tegn og lav nogle kort, og få dem til at virke som knapper. Når du rækker et kort op, skal din klassekammerat følge din anvisning og tegne det symbol, der står på kortet.
Vigtige ord algoritme
script
program
send-blok
besked
repeat/send
sprite
†
11 11
9788723514004_indhold.indd 11
08/02/16 16.11