Datalogi · Gymnasiet 2 · Programmeringsparadigmer · 3.º Período

Händelsestyrd programmering

Studie av hur program kan reagera på användarinteraktioner och systemhändelser. Fokus på grafiska användargränssnitt (GUI) och asynkronitet.

Kort sammanfattning:Händelsestyrd programmering är grunden för nästan alla moderna användargränssnitt. Istället för att programmet körs från start till mål i en rak linje, 'lyssnar' det efter händelser som musklick, tangenttryckningar eller nätverksmeddelanden. Detta kräver en förståelse för asynkronitet och händelseloopar.

• Skolverket Kursplaner
• DAODAT0 - 3. Programkonstruktion
• DAODAT0 - 6. Gränssnitt

Om detta ämne

Händelsestyrd programmering är grunden för nästan alla moderna användargränssnitt. Istället för att programmet körs från start till mål i en rak linje, 'lyssnar' det efter händelser som musklick, tangenttryckningar eller nätverksmeddelanden. Detta kräver en förståelse för asynkronitet och händelseloopar.

I den här delen av kursen lär sig eleverna hur man bygger grafiska gränssnitt (GUI) och hur man hanterar callback-funktioner. Det är en viktig brygga mellan ren logik och användarvänliga applikationer. Vi diskuterar också hur man undviker att programmet 'fryser' när det väntar på en långsam operation, vilket är en vanlig utmaning i programkonstruktion.

Detta ämne fungerar bäst när eleverna får experimentera med interaktiva element och se direkt hur deras kod svarar på användarens handlingar i realtid.

Nyckelfrågor

1. Hur fungerar en händelseloop?
2. Vad är en callback-funktion?
3. Hur hanteras asynkrona händelser?

Se upp för dessa missuppfattningar

Vanlig missuppfattning

Att programmet kör alla händelser samtidigt.

Vad man ska lära ut istället

Förklara att de flesta miljöer (som JavaScript) är enkeltrådade och kör en sak i taget i en kö. Genom att simulera kön fysiskt förstår eleverna varför en långsam funktion kan blockera hela gränssnittet.

Vanlig missuppfattning

Att en callback-funktion körs direkt när den definieras.

Vad man ska lära ut istället

Visa att funktionen bara skickas med som en instruktion för framtiden. Genom att använda liknelsen med ett 'recept som ska lagas först när gästerna kommer' blir konceptet tydligare.

Idéer för aktivt lärande

Simuleringsövning

Händelseloopen

En elev agerar 'Händelseloop' och tar emot lappar från klasskamraterna (händelser som 'klick' eller 'timer'). Eleven måste fördela dessa till rätt 'hanterare' (andra elever) i rätt ordning utan att blockera loopen.

25 min·Hela klassen

Utforskande cirkel

UI-detektiverna

Eleverna undersöker en känd app och identifierar alla möjliga händelser som kan ske på en viss skärm. De skissar sedan i små grupper på hur logiken bakom dessa händelser skulle kunna se ut i pseudokod.

30 min·Smågrupper

EPA (Enskilt-Par-Alla)

Varför fryser programmet?

Eleverna får diskutera en situation där en app slutar svara när man laddar ner en stor fil. De brainstormar lösningar i par på hur man kan hålla gränssnittet aktivt medan nedladdningen sker i bakgrunden.

20 min·Par

Vanliga frågor

Vad är en händelseloop (event loop)?

Det är en mekanism som ständigt kollar om det finns några händelser som väntar på att hanteras. Om kön är tom vilar den, men så fort ett klick sker plockar den upp rätt funktion och kör den. Det är hjärtat i händelsestyrd programmering.

Hur kan studentcentrerat lärande användas för att lära ut asynkronitet?

Asynkronitet är svårt eftersom det bryter mot den linjära tidslinjen. Genom att använda rollspel där olika elever agerar olika trådar eller tjänster (t.ex. en databas som tar tid på sig att svara), kan eleverna se hur huvudprogrammet kan fortsätta arbeta medan det väntar på svar.

Vilka verktyg är bra för att skapa GUI i skolan?

Tkinter för Python är en klassiker, men webbteknologier som HTML/JS är också utmärkta eftersom de är naturligt händelsestyrda. Det viktiga är att eleverna får se kopplingen mellan kod och visuella förändringar.

Hur kopplas detta till kursplanens mål om gränssnitt?

Kursplanen betonar interaktion mellan människa och dator. Att förstå hur man programmerar responsiva gränssnitt är en förutsättning för att skapa program som är användbara och tillgängliga.