Teknik -Åk 9 - Programmering och spel

Under arbetets gång kommer vi att besvara frågor om hur datorer kan programmeras för att de ska göra som man vill. Frågor som du kommer kunna svara på: Vad är ett program? Hur skapar man ett program? Vad kan man använda programmering till

Åk 9 Teknik - Programmering och spel

Förväntat resultat och lärandemål

Förväntat resultat

1. Eleven kan med hjälp av teknikutvecklingsarbetets faser skapa ett program på hemsidan koda.nu som använder interaktivitet (input/output, reagerar på användaren).
2. Eleven kan beskriva och redovisa sitt arbete med hjälp av en muntlig redovisning.

Lärandemål (LM)

1. Eleven kan namnge de olika faserna i ett teknikutvecklingsarbete.
2. Eleven kan berätta vad ett program är.
3. Eleven kan ge exempel på grundläggande strukturer i programmering.
4. Eleven kan använda grundläggande strukturer i egna program.
5. Eleven kan skapa ett program.
6. Eleven kan använda interaktivitet i sitt program.
7. Eleven kan föra en dialog om sina program.
8. Eleven kan namnge och förklara områdets begrepp.
9. Eleven kan förklara hur sina program fungerar genom att använda områdets begrepp.

Examination (Bedömningsuppgifter)

Skapa ett spel

Beskrivning: Ni kommer i slutet av arbetsområdet att enskilt skapa ett spel med hjälp av programmering. Vilket spel ni designar får ni välja själva, ett annat alternativ är att välja ett förslag från en lista som jag ger ut (en lista med förslag kommer senare). Om ni väljer fritt så måste jag godkänna förslaget för att säkerställa att det ligger på rätt nivå.

Tid för uppgiten: 2 lektioner att skapa ett program.

Hjälpmedel: Tidigare videos och uppgifter, Hjälp av mig när ni behöver det, feedback i slutet på första lektionen med eget arbete.

Uppgifter under lektionerna

Beskrivning: På varje lektion kommer vi att arbeta med uppgifter kopplade till det vi gått igenom under teoridelen av lektionen. Dessa uppgifter ska sparas på ert konto på hemsidan koda.nu och ingår i bedömningsunderlaget.

Tid för uppgiten: Så långt som lektionen räcker+tid hemma om man vill.

Hjälpmedel: iPad, tutorials, hjälp av mig när ni behöver det.

Bedömningsstöd

Skapa ett spel

Betygskriterier	Indikatorer på lägre nivå (E-nivå)	Indikatorer på högre nivå
Eleven genomför teknikutvecklings- och konstruktionsarbeten på ett delvis genomarbetat/ genomarbetat/väl genomarbetat sätt.	Eleven gör ett försök till en lösning på problem som uppstår och når med mycket hjälp fram till ett färdigt resultat.	Eleven löser problem som uppstår och når med lite hjälp fram till ett färdigt resultat.
I arbetet prövar eleven idéer till lösningar och bidrar till att formulera och välja handlingsalternativ (E). I arbetet prövar och omprövar eleven idéer till lösningar samt formulerar och väljer handlingsalternativ som efter någon bearbetning leder framåt (C). I arbetet prövar och omprövar eleven systematiskt idéer till lösningar samt formulerar och väljer handlingsalternativ som leder framåt (A).	I arbetet med spelet/programmet prövar eleven lösningar på de problem som uppstår och väljer med mycket hjälp vilka programmeringsmetoder som ska testas.	I arbetet med spelet/programmet prövar eleven flera lösningar och idéer samt väljer med lite hjälp programmeringsmetoder som leder mot en färdig produkt.
Eleven gör dokumentationer där intentionen i lösningen till viss del är synliggjord/är relativt väl synliggjord/är väl synliggjord.	Under redovisningen av arbetet visar eleven viss kunskap om hur programmet fungerar och kan peka ut vissa delar av programmet som löser problemet.	Under redovisningen av arbetet visar eleven kunskap om hur programmet fungerar och kan peka ut majoriteten av de delar av programmet som löser problemet.

Uppgifter under lektionerna

Betygskriterier	Indikatorer på lägre nivå (E-nivå)	Indikatorer på högre nivå
Eleven genomför teknikutvecklings- och konstruktionsarbeten på ett delvis genomarbetat/ genomarbetat/väl genomarbetat sätt.	Eleven gör ett försök till en lösning på problem som uppstår och når med mycket hjälp fram till ett färdigt resultat.	Eleven löser problem som uppstår och når med lite hjälp fram till ett färdigt resultat.
I arbetet prövar eleven idéer till lösningar och bidrar till att formulera och välja handlingsalternativ (E). I arbetet prövar och omprövar eleven idéer till lösningar samt formulerar och väljer handlingsalternativ som efter någon bearbetning leder framåt (C). I arbetet prövar och omprövar eleven systematiskt idéer till lösningar samt formulerar och väljer handlingsalternativ som leder framåt (A).	I arbetet med uppgifterna prövar eleven lösningar på de problem som uppstår och väljer med mycket hjälp vilka programmeringsmetoder som ska testas.	I arbetet med uppgifterna prövar eleven flera lösningar och idéer samt väljer med lite hjälp programmeringsmetoder som leder mot en färdig produkt.
Eleven gör dokumentationer där intentionen i lösningen till viss del är synliggjord/är relativt väl synliggjord/är väl synliggjord.	Vid avstämning under lektionen visar eleven viss kunskap om hur programmet fungerar och kan peka ut vissa delar av programmet som löser problemet.	Vid avstämning under lektionen visar eleven kunskap om hur programmet fungerar och kan peka ut majoriteten av de delar av programmet som löser problemet.

Lektionsplan

Vecka	LM (se överst)	Begrepp	Innehåll
39	2, 3, 4, 5	Program, javascript, pixel, kod	Start: Skapa konto, tutorial, grunderna. Tutorial:  https://www.youtube.com/watch?v=mvLdugZHHL8
40	7, tidigare	exekvering/körning, argument, variabel, animering	Mer programmering + hur man pratar programmering. Tutorials: https://www.youtube.com/watch?v=JBxCI5whhZ8  https://www.youtube.com/watch?v=_ZpyitroevU
41	6, 8, tidigare	if-sats, interaktivitet	Interaktivitet i programmering och begreppsfokus. Tutorials:  https://www.youtube.com/watch?v=vMAu17L6WUY  https://www.youtube.com/watch?v=W4jzW1165Sc
43	1, 9, tidigare	loopar, lista	Uppstart av eget projekt.
45	Alla	Alla	Eget projekt avslut + redovisning.

Begreppslista

Begrepp	Förklaring
Program	Kod som går att köra på en dator och som berättar för datorn vad den ska göra.
javascript	Ett programmeringsspråk som är webbaserat och alltså körs med hjälp av en webbläsare.
Pixel	En liten fyrkant på en skärm som kan lysa i olika färger. Pixlarna bygger upp skärmen och skapar tillsammans en bild.
Exekvering/körning	När ett program startar och datorn börjar göra det som står i programmet så säger man att programmet exekveras eller körs.
Kod	Den text som står i ett program och som säger åt datorn vad den ska göra.
Argument	Ett argument är något som ges till en funktion. Det förklaras bäst med ett exempel. circle(200, 100, 20, “red”) 200 är ett argument. 100 är ett argument. 20 är ett argument. “red” är ett argument. circle har alltså 4 st argument.
Variabel	Programmets minne. En variabel är ett namn som innehåller något som programmet behöver använda senare. Ex: var namn = “jessica weman” Koden säger åt datorn att spara namnet “jessica weman” i variabeln namn.
Animering	En serie bilder som visas snabbt på en skärm skapar en animering och det ser ut som att saker rör sig.
If-sats/test	En if-sats eller ett test är när ett program testar ett svar på en fråga och om svaret är ja/sant så kör programmet en del av koden. Är svaret nej/falskt så kör programmet en annan del av koden.
Interaktivitet	Ett program är interaktivt om det går att påverka programmet medan det körs.
Loopar	En loop är kod som körs flera gånger.
Lista	En lista i ett program är en variabel som innehåller mer än en sak.

Läshänvisningar

• https://www.youtube.com/watch?v=mvLdugZHHL8  
• https://www.youtube.com/watch?v=JBxCI5whhZ8 
• https://www.youtube.com/watch?v=_ZpyitroevU 
• https://www.youtube.com/watch?v=vMAu17L6WUY 
• https://www.youtube.com/watch?v=W4jzW1165Sc 
• https://www.youtube.com/watch?v=X9i6kMVm44Y 
• https://www.youtube.com/watch?v=8LmxtrwR9HE

Hjälptabell för programmering

Kod	Förklaring	Tänk på att…
circle(x, y, storlek, färg); Exempel: circle(100, 100, 50, “red”);	Skapar en cirkel på skärmen med en position som anges med x, y och storlek som anges med storlek och en färg som anges med färg.	Ha ett kommatecken mellan x, y, storlek och färg. Glöm inte semikolon i slutet. Se till att du har stavat rätt. circle ska ha 4 argument.
triangle(x1, y1, x2, y2, x3, y3, färg); Exempel: triangle(10, 10, 100, 10, 50, 100, “red”);	Skapar en triangel på skärmen där första hörnet har koordinaterna (x1, y1), andra hörnet är i (x2, y2) och tredje hörnet är i (x3, y3).	Ha ett kommatecken mellan alla argument. Glöm inte semikolon i slutet. Se till att du har stavat rätt. triangle ska ha 7 argument.
rectangle(x, y, längd, höjd, färg); Exempel: rectangle(10, 20, 100, 50, “red”);	Skapar en rektangel på skärmen där det översta vänstra hörnet finns i (x, y). Rektangeln har en längd, en höjd och en färg.	Ha ett kommatecken mellan alla argument. Glöm inte semikolon i slutet. Se till att du har stavat rätt. rectangle ska ha 5 argument.
namn = värde; Exempel: storlek = 168; namn = “simon möller”;	Skapar en variabel med namnet “namn” och värdet “värde”.	Skriv namnet utan “-tecken och utan å,ä,ö. Glöm inte semikolon i slutet. Om variabeln ska innehålla text så ska det finnas “” runt värdet. Om variabeln ska innehålla en siffra så ska bara siffran stå. När du använder variabeln så skriver du bara namnet på variabeln utan “-tecken.
function update() { }	Skapar en funktion som uppdaterar skärmen hela tiden. Inuti funktionen skriver du kod som du vill ska köras om och om igen för att skapa animeringar.	Se till att stava rätt. Glöm inte att ha { som start och } som slut.  Skriv ALL kod som ska köras flera gånger mellan {}.
variabel += värde; variabel -= värde; Exempel: storlek += 3; storlek -= 3;	Öka eller minska variabeln med värdet.	Glöm inte semikolon. Se till att stava rätt på variabelnamnet.
mouse.x, mouse.y	mouse.x innehåller x-värdet av musens/fingrets position på datorn/ipaden. mouse.y innehåller y-värdet av samma sak.	Se till att stava rätt. mouse.x och mouse.y används som variabler i update-funktionen när man skapar figurer som ska röra sig.

Läroplanskopplingar

Syfte

• förmåga att genomföra teknikutvecklings- och konstruktionsarbeten.

Centralt innehåll

• Tekniska lösningar för styrning och reglering med hjälp av elektronik och olika typer av sensorer. Hur tekniska lösningar som utnyttjar elektronik kan programmeras. Begrepp som används i samband med detta.
• Teknikutvecklingsarbetets olika faser: identifiering av behov, undersökning, förslag till lösningar, konstruktion och utprövning. Hur faserna i arbetsprocessen samverkar i det egna arbetet och i teknikutvecklingsarbeten i samhället, till exempel inom arkitektur och kollektivtrafik.
• Egna konstruktioner där man använder styrning eller reglering med hjälp av programmering.
• Dokumentation av tekniska lösningar: skisser, ritningar, fysiska och digitala modeller samt rapporter som beskriver teknikutvecklings- och konstruktionsarbeten.

Kriterier

• Eleven genomför teknikutvecklings- och konstruktionsarbeten på ett delvis genomarbetat sätt. I arbetet prövar eleven idéer till lösningar och bidrar till att formulera och välja handlingsalternativ. Eleven gör dokumentationer där intentionen i lösningen till viss del är synliggjord.
• Eleven genomför teknikutvecklings- och konstruktionsarbeten på ett genomarbetat sätt. I arbetet prövar och omprövar eleven idéer till lösningar samt formulerar och väljer handlingsalternativ som med någon bearbetning leder framåt. Eleven gör dokumentationer där intentionen i lösningen är relativt väl synliggjord.
• Eleven genomför teknikutvecklings- och konstruktionsarbeten på ett väl genomarbetat sätt. I arbetet prövar och omprövar eleven systematiskt idéer till lösningar samt formulerar och väljer handlingsalternativ som leder framåt. Eleven gör dokumentationer där intentionen i lösningen är väl synliggjord.

Uppgifter

Lektionsuppgifter - programmering

Följande uppgifter ska utföras under lektionstid men det är tillåtet att komplettera lösningarna hemma om man så vill. Det är däremot inte tillåtet att enbart utföra uppgiften hemma utan arbete på lektionen, det är nämligen framförallt arbetet under lektionstid som bedöms. Har man däremot missat en lektion eller av någon anledning inte kunnat utföra uppgiften under lektionstid så ska man utföra uppgiften hemma och då bedömer jag den som om den vore utförd under lektionstid.

Alla uppgifter ska sparas på ditt konto på koda.nu och döpas enligt beskrivningarna på varje uppgift. Om du inte kan ditt användarnamn eller lösenord så kontakta mig på [e-mail].

För er som var på lektionerna och har döpt programmen till något annat så gör det inget, jag har koll på vilka program som ni gjort.

Om ni inte vet hur något ska göras så börja med att titta på tutorialsen som finns i planeringen för varje lektion. Titta sedan på hjälptabellen som ni fick utskriven och som också finns i planeringen på Unikum. Om ni fortfarande inte förstår eller behöver hjälp så får ni fråga mig.

Lektion 1:

1. Bygg ett hus på koda.nu som använder de grundläggande formerna vi lärt oss att programmera under lektionen. Döp programmet till "lektion 1 - hus"

2. Skapa en gubbe som använder de grundläggande formerna vi lärt oss att använda på lektionen. Döp programmet till "lektion 1 - gubbe"

Lektion 2:

1. Skapa minst 3 figurer där någon av figurernas egenskaper går att välja med en prompt. Döp programmet till "lektion 2 - prompt"

2. Skapa minst 2 figurer i en update-funktion som rör sig på skärmen. En av figurerna ska röra sig med hjälp av “musen/fingret” (mouse.x, mouse.y). Döp programmet till "lektion 2 - animering"

Uppgifterna går att kombinera till 1 uppgift och programmet ska då döpas till "lektion 2".

Lektion 3:

Utgå ifrån lektion 2 där du skapade figurer som rör sig på skärmen. Använd sedan ett test (if-sats) för att göra så att figurerna studsar när de nuddar kanten på skärmen. Döp programmet till "lektion 3 - interaktivitet".

Skapa ett eget program

Du får välja ett program att utveckla själva. Vilket program du skapar får du välja fritt givet att jag som lärare anser att projektet är tidsmässigt rimligt och inom din kunskapsnivå. Om du inte har någon egen idé så kan du välja något av alternativen nedan:

1. Gör en eller flera vidareutvecklingar av de grundläggande uppgifterna från tidigare lektioner (måste innehålla någon form av interaktivitet).

Den här uppgiften kräver mer än 1 utbyggnad för att nå ett A.

2. Ett ritbräde - Användaren kan rita figurer på skärmen och klicka på en knapp för att radera allt som är ritat.

Programmet skrivs i labbmiljön på koda.nu och sparas till ert konto med namnet "slutprojekt". I slutet av sista lektionen (vecka 38) så ska ni redovisa programmet enskilt för mig och förklara hur ni har arbetat och vad programmet gör. Tänk på att använda de begrepp som vi har tagit upp under teorin.

Ni har sedan 1 vecka på er att färdigställa programmet. Men tänk på att det FRAMFÖRALLT är arbetet under lektionstid som bedöms, arbetar man inget under lektionen så spelar det ingen roll hur bra programmet är i slutet av veckan.