Holdet 2x if (2025/26) - Undervisningsbeskrivelse

Undervisningsbeskrivelse

Stamoplysninger til brug ved prøver til gymnasiale uddannelser
Termin(er) 2025/26
Institution Himmelev Gymnasium
Fag og niveau Informatik C
Lærer(e) Marianne Dam Munch
Hold 2025 if/x (2x if)

Oversigt over gennemførte undervisningsforløb
Titel 1 Intro / micro:bit
Titel 2 Mine drømmes rejser (kapitel 1 i i-bog)
Titel 3 Programmering med javascript (pizza App)
Titel 4 Spil med et budskab (kapitel 5 i i-bogen)
Titel 5 hjemmesider internet kapitel 4 i i-bogen
Titel 6 Databaser kapitel 6 i i-bogen

Beskrivelse af de enkelte undervisningsforløb (1 skema for hvert forløb)
Titel 1 Intro / micro:bit

Intro til informatik - projektarbejde i grupper med udvikling af it-systemer

Micro:bit til at lave simple it-systemer og lære til kodning (forever løkker og if then else betingelser) - det sker online på makecode.microbit.org

Få kendskab til designproces samt krav til dit it-system. Test former - her brugertest af it-systemet. Lave elevatortaler - præsentation af dit it-system og få feedback/feedforward.
Indhold
Kernestof:
Omfang Estimeret: 3,00 moduler
Dækker over: 3 moduler
Særlige fokuspunkter
  • Faglige
  • Diskutere
  • Projektarbejde
  • Formidling
  • Personlige
  • Initiativ
  • Ansvarlighed
  • Kreativitet
  • Sociale
  • Samarbejdsevne
  • IT
Væsentligste arbejdsformer
  • Eksperimentelt arbejde
  • Gruppearbejde
  • Projektarbejde

Titel 2 Mine drømmes rejser (kapitel 1 i i-bog)

Lærebog: Informatik for alle af Claus Witfelt, Forlaget Columbus,
i-bog til undervisningen, licenser er uddelt individuelt.

Kapitel 1 om app-udvikling, afsluttes med en it-opgave i grupper over it-system udviklet på code.org - drømmerejseApp (applab - kræver en konto - brug din skolemail)

Der føres logbog i OneNote.


Første forløb er med kapitel 1: Mine drømmes rejser

Du lærer at lave en app og lærer lidt om programmering med javascript i blokke eller tekst.

Vi arbejder i AppLab på Code.org (kræver en brugerkonto)


websted - analysemodel fx Ethiopien Rejser (Bhutan rejser)
e-Handel - betydning for samfundet
Aida's modellen - påvirkning af brugere til at ende med at købe/bruge produktet
interaktionsdesign - farver, skrifttyper, ..
rettigheder til fx billeder - unsplash og pexels
app-udvikling i virkeligheden - Dyr i vand herunder betaling og rettigheder til koder
målgruppe analyser
brugervenlighedsprincipper
Test
prototyper/mockups
strukturdiagrammer, flowdiagrammer
innovationsmodellen med blot 4 trin (ide/brainstorm, målgruppe,  prototyper, præsentation/4P/feedforward)

Links til bogens tekst:

Kapitel 1: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1116 Modul 1:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=252 (Temaer og læreplan er gennemgået kursorisk - se OneNote for samme materiale)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=256 (portfolio eller logbog føres i OneNote)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=244#c275 (den iterative metode)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=248 (e-handel)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1110 Modul 2:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=273 (AIDA's modellen)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=246 (IT, individ og samfund - en analysemodel)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1106 Modul 3:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=236 (ide-udvikling)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=270 (prototyping)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=268 (bruger venlighed ved Jakob Nielsen)

https://userinyerface.com/ (test dig selv og Jakob Nielsens principper om brugervenlighed)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=267 (brugsmønstre eller use-cases)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=238 (innovations basismodel, open space)

Video om IDEO's shopping cart design process: https://www.youtube.com/watch?v=izjhx17NuSE

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=258 (innovation)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=259 (Open space/problemformulering)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=260 (målgrupper)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=261 (prototyper)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=262 (4P modellen)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1102 Modul 4:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=291 (rettigheder, unsplash, pexels, creative commonds)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=285 (guide til AppLab og programmering (sekvens, løkke, betingelse, variabel, funktion))

https://studio.code.org/home (link til code.org)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1100 (video interview om app udvikling, dyr i vand)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1095 (video klipserier, 6 stk, om opbygning af en app)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=298#c942 (video med opbygning af rutediagram/flowdiagram)
henviser til: https://www.drawio.com/

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1092 Modul 5:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1092 (app udvikling)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1088 Modul 6:

https://informatikforalle.ibog.forlagetcolumbus.dk/index.php?id=268#c371 (Jakob Nielsen)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=242 (tests)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=270 (prototyper)


afslutningsvist:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=309#c1084 (hvad skal du have lært)

Indhold
Kernestof:
Omfang Estimeret: 8,00 moduler
Dækker over: 8 moduler
Særlige fokuspunkter
  • IT
Væsentligste arbejdsformer
  • Gruppearbejde
  • Individuelt arbejde
  • Lærerstyret undervisning
  • Projektarbejde

Titel 3 Programmering med javascript (pizza App)

Programmering med javascript sker i forhold til en opgave med en pizza App, som skal forfines i design og indhold ved at tilføje koder, der styrer udskrifter.

sekvens, funktion, løkker (for og while), betingelser (if then ... else)

addition (kan benyttes til tal, men også tekster kan adderes (forlænges))

variabler (tal, strenge, lister, ...)


platformen: AppLab benyttes (code.org)

Eksempler anvendt i forløbet:
https://studio.code.org/projects/applab/j-Dq_x6xwGl_8DLVnhdtf2DykJblgA0FB270Dmn8zog (PizzaApp 0)

https://studio.code.org/projects/applab/lTEYUVpMexJENtWNryZrrrWc04VLphfEr4CsuZi9WGU (PizzaApp 0a)

https://studio.code.org/projects/applab/GoWVPGsDbLhOsLMcsoJu2uTnAmfirEIjeXmbZldjsIM (PizzaApp 1)

Eksemplerne er i word-dokumentet "kapitel 1 pizza app med to sider"


i-bogen:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=231 (programmering, modellering mm i kapitel 8)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=284 (modellering og programmering)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=285 (guide til AppLab) VIGTIGE eksempler forklares

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=286 (videoklipserie til brug af AppLab)
Indhold
Kernestof:
Omfang Estimeret: 3,00 moduler
Dækker over: 3 moduler
Særlige fokuspunkter
  • IT
Væsentligste arbejdsformer
  • Individuelt arbejde
  • Lærerstyret undervisning
  • Pararbejde

Titel 4 Spil med et budskab (kapitel 5 i i-bogen)

Spil med et budskab (kapitel 5 i informatik for alle)

Dette forløb om spil blev introduceret med ifteks-hjemmeside om reklamespil, hvor der var flere input til spil og historisk gennemgang - men i-bogen "informatik for alle" indeholder andre supplerende materialer og derfor er denne også brugt. Der er et stort overlap i pensum.

Som platform for spiludviklingen benyttes scratch, også her kræves en konto med kode og kodeord - vær obs på at du kan benyttes dette til fx din eksamen. (brug skolemail)


Spil analyse model
afsender
budskab
gameplay/gamemechanics
spillertyper/spilgenrer
Aida's eller Hyso modellen for budskab (ikke reklame som Aida's)
flow


opgave om spil udvikling som afslutning på forløbet


https://scratch.mit.edu/ (til scratch)

Eksempel du arbejdede med: https://scratch.mit.edu/projects/55351416/ (labyrint spil med mus og ost)

Fra iftek's hjemmeside:

https://iftek.dk/reklamespil (generel forside med links)
https://iftek.dk/reklamespil-historie-og-betydning
https://iftek.dk/reklamespil-genrer
https://iftek.dk/reklamespil-malgruppe-og-spillertyper

https://matthewbarr.co.uk/bartle/ (tag testen, hvilken spillertype er du?)

https://iftek.dk/scratch (generelt link til scratch - der er to filer i pdf)
https://iftek.dk/scratch-for-dummies (vejledning)

også scratch-platformen har en masse eksempler, som I skulle søge i og afprøve


Kapitel 5 forløb med et budskab: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=237 (interaktive spil og medier)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1018 Modul 1:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=279 (Pixel federation)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1020 Modul 2:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=246 (IT og samfund)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1062 Modul 3:
(heri analysemodellen for spil)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=280 (motivation og flow)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=278 (spiltyper og spillertyper)


https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1063 Modul 4:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=282 (analysemodel mm)
(spiludvikling i praksis ved videointerview)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c968 (PortaPlay)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c967 (Gamucatex)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1064 Modul 5:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=273 (AIDA's)
Kopiret herfra til jeres oneNote (https://informatik.systime.dk/?id=988 (HYSO og AIDA modeller))

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=268 (Jakob Nielsen)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=291 (rettigheder til fx billeder)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=231 (modellering)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=284 (programmering og rutediagrammer)

Twinery til interaktiv story-telling: https://twinery.org/

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1065 Modul 6:
fokus på forskellige typer af prototyper

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=244#c275 (iterative metode)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=238 (basismodel)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=245 (datalogisk tænke måde)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=284 (modellering)
https://informatikforalle.ibog.forlagetcolumbus.dk/index.php?id=240#c425 (kravspecifikation)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1066 Modul 7:
vi har ikke set videoer om klikspil eller applab, da vi arbejdede med scratch.

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=291 (rettigheder)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=284#c1430 (skridtvis forfinelse)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=242 (tests)

Har du lært det nødvendige? https://informatikforalle.ibog.forlagetcolumbus.dk/?id=211#c1633

https://docs.google.com/forms/d/e/1FAIpQLSegOAe5mZLcGwOcEDe-xQ-4fMnfxVR4oJnH4599X7Qpd6_OjQ/viewform (test om reklamespil)
Indhold
Kernestof:
Omfang Estimeret: 8,00 moduler
Dækker over: 10 moduler
Særlige fokuspunkter
  • IT
Væsentligste arbejdsformer
  • Gruppearbejde
  • Individuelt arbejde
  • Lærerstyret undervisning
  • Projektarbejde

Titel 5 hjemmesider internet kapitel 4 i i-bogen

Websider, internet og sikkerhed samt gestalter

Forløbet med hjemmesider blev startet med i-bogen "koder til web", hvor jeg introducerede de første afsnit i bogen om struktur, CERN's første hjemmeside, starten på internettet: https://koder.systime.dk/?id=122 og https://info.cern.ch/hypertext/WWW/TheProject.html

Holdet har ikke adgang til i-bogsmaterialer (udover til informatik for alle) - derfor er links eller mindre dele kopieret fra "koder til web" og lagt i oneNote.

I har arbejdet med afsnittet i "koder til web", som omhandler HTML, hvor I har arbejdet med øvelserne i afsnittet:

https://koder.systime.dk/?id=129 (det er en lang "side" med bla web-kokken, pandekageopskrift, kogebog med sidehenvisninger, links, tabeller, billeder, ordnede og uordnede lister, HTML tags.)
CSS har været brugt primært fra w3schools.com - bla om farver, baggrund, padding, margin, css kan kodes på tre måder.

Øvelserne skulle udføres med ATOM og køres i din browser.

Herudover: https://www.w3schools.com/html/ til opslag og inspiration ved "how to".

Herefter har vi arbejdet med kapitel 4 om web-sider i i-bogen informatik for alle.

Forløbet med afsluttet med at konstruere en hjemmeside med kodning i ATOM (vælge mellem: logbog, fritidsaktivitet, web-shop eller studietur)


Kapitel 4 i informatik for alle (i-bog), https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1043 Modul 1:
bla webgenrer gennemgås og internettet

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=266 (de første computere)

videoer om internettet, ip-adresser og http, html:

https://youtu.be/Dxcc6ycZ73M?si=14ZnYLsN6-7x4eIC  (internettet)
https://youtu.be/5o8CwafCxnU (ip adresser og DNS spoofing)
https://youtu.be/kBXQZMmiA4s (HTTP og HTML)
https://youtu.be/ZhEf7e4kopM (wires, cables & Wifi)
https://www.youtube.com/watch?v=AYdF7b3nMto pakker, routing, pålidelighed


https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1044 Modul 2:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=229 (interaktionsdesign og layout)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=274 (farver og kontrast)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=275 (skrifttyper)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=276 (balance og det gyldne snit)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=272 (gestalter)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=273 (AIDAs)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=271 (symboler, standardelementer og konnotation)


https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1045 Modul 3:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=233 (internettet)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=287 (klient server model)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=288 (IT-sikkerhed)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=289 (privacy og GDPR)
videointerview med Fl. Rasmussen: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=289#c990 (om GDPR) og https://informatikforalle.ibog.forlagetcolumbus.dk/?id=289#c988 (om DPO funktionen)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=291 (rettigheder)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1046 Modul 4:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=244#c275 (den iterative metode)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=243 (3-lags modellen)

videointerview med Sofie Spies: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c940

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1047 Modul 5:

omhandler bla strukturdiagram og rutediagram, Gantt kort har vi ikke gjort noget ud af.

Modul 6-7 har vi ikke brugt, men kodet i ATOM og benyttet følgende til opslag:

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=290 (guide til HTML og CSS)

desuden har I lavet favicon via
https://www.w3schools.com/html/html_favicon.asp
og fra hjemmesiden: https://www.favicon.cc/

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c680 (test din viden)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1049 (tjek om du har lært de grundlæggende funktioner)
Indhold
Kernestof:
Omfang Estimeret: 8,00 moduler
Dækker over: 9 moduler
Særlige fokuspunkter
  • IT
Væsentligste arbejdsformer
  • Gruppearbejde
  • Individuelt arbejde
  • Lærerstyret undervisning
  • Projektarbejde

Titel 6 Databaser kapitel 6 i i-bogen

Emnet om databaser er bla brugt for at repetere kodning i AppLab.

Kun dele af dette kapitel har vi arbejdet med:

Kapitel 6 i informatik for alle, modul 1 er læst samt teorien dertil fra kapitel 8 (pensum ses nedenfor)



I applab er lavet applikationer:

vennedatabase med tilføj og søg på ven

samlingsdatabasen med vulkaner er vist anvendt


pizzaapp med pizzaer i database og ordrer funktion er demonstreret (https://studio.code.org/projects/applab/G1UYoaABPwgvuZPPfkKuyM7LfnbwCM8hnkpLA-fH-rk)



læste sider:

Kapitel 6 forløb med Databaser, https://informatikforalle.ibog.forlagetcolumbus.dk/?id=171


https://informatikforalle.ibog.forlagetcolumbus.dk/?id=171#c1011 (Modul 1:)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=250 (Data og databaser)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=248 (e-handel)

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=307 (6 videoer om oprettelse af database, oprette post (record) med ven, søgefunktion med ven) - bemærk fejl i bogen til en anden klipserie med nummeret 304.

https://informatikforalle.ibog.forlagetcolumbus.dk/?id=171#c1012 (Modul 2:)

Fra modul 3 er kun omtalt CRUD-princippet: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=171#c1014

siderne om programmering har I læst igen:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=285 (guide til AppLab)

test din viden: https://docs.google.com/forms/d/e/1FAIpQLSezA9LQE1JJ7DlATSjEKfJ3j4jZOb9UCF_QQIq3wQvZmlGe7Q/viewform
Indhold
Kernestof:
Omfang Estimeret: 5,00 moduler
Dækker over: 5 moduler
Særlige fokuspunkter
  • IT
Væsentligste arbejdsformer
  • Gruppearbejde
  • Individuelt arbejde
  • Lærerstyret undervisning
  • Pararbejde