Lektionsplanering för Webbutveckling 2

Årskurs: Gymnasiet
Ämne: Webbutveckling 2
Tema: Webben som plattform för applikationer av olika slag

Koppling till styrdokument

Centralt innehåll

Denna lektion syftar till att introducera eleverna till webbens funktioner och dess betydelse för utveckling av webbapplikationer. Eleverna lär sig att förstå skillnader mellan webbplatser och webbapplikationer samt de olika typer av webbapplikationer som finns.

Kunskapskrav

Eleven ska kunna beskriva skillnader mellan olika typer av webbapplikationer, deras funktionalitet och hur de används i praktiken.

Lärarledda instruktioner

Introduktion till webbens funktioner (10 min)

• Förklara vad som menas med webben och dess grundläggande funktioner.
• Diskutera hur webben möjliggör kommunikation och informationstillgång.
• Gå igenom webbens tekniska infrastruktur, inklusive servrar och klienter.

Webbplatser vs. webbapplikationer (15 min)

• Definiera vad en webbplats är och ge exempel på statiska och dynamiska webbplatser.
• Diskutera vad en webbapplikation är och hur den skiljer sig från en vanlig webbplats.
• Ge exempel på populära webbapplikationer (exempelvis Google Docs, Facebook och onlinebutiker).

Typer av webbapplikationer (15 min)

• Gå igenom olika typer av webbapplikationer, såsom SPA (Single Page Applications), PWA (Progressive Web Apps), och server-sidiga applikationer.
• Diskutera specifikationer och funktioner för varje typ av applikation.
• Analysera fördelar och nackdelar med de olika applikationstyperna.

Reflektion och diskussion (10 min)

• Sammanfatta centrala punkter om webbens funktion och olika applikationstyper.
• Diskutera hur denna kunskap kan tillämpas i elevernas egna projekt och framtida arbete.
• Svara på eventuella frågor från eleverna.

Aktivitet

Eleverna delas in i grupper och får i uppdrag att undersöka en specifik webbapplikation av sin val och presentera dess funktioner, plattformar, och hur den skiljer sig från en vanlig webbplats. Varje grupp diskuterar sin webblösning och dess unika funktioner med klassen.

Exit-ticket

• Vad är en webbapplikation? (En dynamisk sida som tillhandahåller interaktiva och anpassningsbara funktioner för användaren.)
• Hur skiljer sig en webbapplikation från en statisk webbplats? (Webbapplikationer erbjuder interactivity och dynamiskt innehåll, medan statiska sidor är oföränderliga.)
• Nämn en typ av webbapplikation. (SPA eller PWA.)
• Varför är det viktigt att förstå skillnaden mellan webbplatser och webbapplikationer i webbutveckling? (För att kunna planera och designa rätt lösningar för användarnas behov.)
• Ge ett exempel på funktionalitet som en webbapplikation kan ha. (Användarautentisering, databashantering, realtidsuppdateringar.)

Hemuppgift

Som hemuppgift ska eleverna välja en webbapplikation och skriva en kort analys av dess funktioner och hur den skiljer sig från en traditionell webbplats. De ska också reflektera över hur applikationen förbättrar användarupplevelsen.

Citat

”Webbapplikationer är framtiden för alla interaktioner.” – Okänd

Citatet betonar betydelsen av webbapplikationer i den moderna digitala världen och deras roll i att underlätta användarinteraktioner.

Nästa lektion

Information om nästa lektion kommer att delges senare.

M.v.h. Isak Skogstad