Lektionsplanering

Årskurs: Gymnasiet

Ämne: Webbutveckling 3

Tema: Konsumtion av webbtjänster och datautbyte

Koppling till styrdokument

Centralt innehåll

Denna lektion syftar till att ge eleverna förståelse för hur man interagerar med externa webbtjänster och hur datautbyte mellan applikationer fungerar. Eleverna lär sig om olika datautbytesformat, såsom JSON och XML, och praktiska metoder för att hämta och skicka data via APIs.

Kunskapskrav

Eleven ska kunna beskriva hur man använder webbtjänster och datautbytesformat i webbutveckling samt tillämpa dessa kunskaper praktiskt.

Lärarledda instruktioner

Introduktion till webbtjänster (10 min)

• Definiera vad en webbtjänst är och dess syfte i webbutveckling.
• Diskutera skillnaderna mellan olika typer av webbtjänster, inklusive REST och SOAP.
• Gå igenom hur webbtjänster används för att möjliggöra kommunikation mellan applikationer.

Datautbytesformat (15 min)

• Presentera de vanligaste datautbytesformaten, med fokus på JSON (JavaScript Object Notation) och XML (eXtensible Markup Language).
• Diskutera fördelar och nackdelar med dessa format och deras användningsområden.
• Visa exempel på hur data representeras i JSON och XML.

Konsumtion av webbtjänster med API-anrop (15 min)

• Demonstrera hur man gör ett API-anrop för att hämta data från en extern tjänst (t.ex. med hjälp av Fetch API i JavaScript).
• Genomföra en övning där eleverna använder exempel-API:er för att hämta information (eller visa hur man konsumerar en öppen API).
• Diskutera hur man hanterar svar och felmeddelanden från API-anrop.

Reflektion och diskussion (10 min)

• Sammanfatta de centrala punkterna om webbtjänster och datautbyte.
• Diskutera hur eleverna kan använda dessa kunskaper i sina egna webbutvecklingsprojekt.
• Svara på eventuella frågor från eleverna.

Aktivitet

Eleverna delas in i grupper och får i uppdrag att bygga en enkel webbapplikation som hämtar och visar data från en öppen webbtjänst (exempelvis väderdata eller en nyhets-API). De ska dokumentera stegen de genomfört och hur de manipulerar och presenterar data i sin applikation.

Exit-ticket

• Vad är en webbtjänst? (En tjänst som gör det möjligt för applikationer att kommunicera med varandra via nätverksprotokoll.)
• Nämn ett fördelaktigt datautbytesformat. (JSON, eftersom det är lättviktigt och lätt att läsa för människor.)
• Hur gör man ett API-anrop för att hämta data? (Genom att använda metoder som GET via HTTP-förfrågningar.)
• Vad är syftet med att hantera felmeddelanden från ett API-anrop? (För att säkerställa att applikationen kan agera på ett korrekt sätt när något går fel.)
• Ge ett exempel på en populär webbtjänst som erbjuder API:er. (OpenWeather API, News API.)

Hemuppgift

Som hemuppgift ska eleverna välja en öppen webbtjänst och skriva en kort rapport som beskriver hur man kan använda dess API. De ska inkludera potentiella användningsområden och reflektera över vilket datautbytesformat som används.

Citat

”Data är den nya oljan – men bara om den kan bearbetas.” – Clive Humby

Citatet betonar vikten av att kunna hantera och använda data effektivt för att dra nytta av.