Dela dina skapelser med eleverna
En praktisk genomgång av alla sätt att få din resurs i händerna på eleverna — från QR-kod på projektorn till offline-USB.
Du har skapat något bra — ett quiz, ett spel, en interaktiv övning. Nu ska det ut till eleverna. Den här guiden visar alla metoder, sorterade från det allra enklaste till det lite mer avancerade. Börja uppifrån och välj den metod som passar din situation bäst.
Tre nivåer av delning
Alla metoder fungerar. Skillnaden är hur mycket du behöver göra för att komma igång.
Enklast: publicera direkt från verktyget
Flera AI-verktyg har en inbyggd publiceringsfunktion som ger dig en länk med ett enda klick. Du behöver inte spara någon fil och inte registrera dig hos någon hostingtjänst.
| Verktyg | Så gör du | Vad du får |
|---|---|---|
| Claude | Klicka på "Publish" i artefakt-panelen | En delbar claude.site-länk |
| ChatGPT | Klicka "Share" i Canvas-vyn | En delbar länk |
| Lovable | Klicka på "Publish" i gränssnittet | En live URL direkt |
| Replit | Klicka på "Deploy" | Projektet får en permanent URL |
Det här är det snabbaste alternativet för en engångsuppgift eller om du vill testa hur resursen fungerar för eleverna.
Claude Publish — notera att det är offentligt
Resurser du publicerar med Claudes Publish-knapp är offentliga och sökbara på webben. Det är inga problem för undervisningsresurser utan personuppgifter, men publicera aldrig elevarbeten eller dokument med namn på elever via den funktionen.
Mellannivå: spara som HTML-fil och publicera med Netlify
Har du fått koden som en HTML-fil — det är den vanliga situationen när du använder Gemini, Copilot eller när du kopiera kod från Claude utan att använda Publish-knappen — är Netlify det enklaste steget vidare. Du drar filen till en webbsida och får tillbaka en länk.
Det tar ungefär en minut och är det rekommenderade alternativet för resurser du vill använda flera gånger.
Publicera gratis med Netlify
Steg-för-steg: från HTML-fil på datorn till en länk du kan dela med eleverna på under tre minuter.
Avancerat: Git-baserad publicering
Bygger du ett mer avancerat projekt med Lovable, Bolt eller Claude Code finns det möjlighet att koppla projektet till ett Git-lager och publicera automatiskt till Vercel eller GitHub Pages. Varje gång du gör en ändring publiceras en ny version automatiskt.
Det här är ett utmärkt alternativ om du planerar att uppdatera resursen ofta eller om projektet innehåller mer än en enda HTML-fil. Det kräver dock att du är bekant med Git, och det är en separat guide värd att utforska när du är redo.
Få länken till eleverna: tre praktiska metoder
En länk du inte kan nå eleverna med är värdelös. Här är de tre sätt som fungerar bäst i ett vanligt klassrum.
QR-kod på projektorn
Det här är den smidigaste metoden för lektioner där alla elever ska öppna resursen samtidigt. Ingen elev behöver skriva av en URL — de skannar bara koden med mobilkameran.
Skapa en QR-kod
Gå till qr.io i din webbläsare. Klistra in länken till din resurs i fältet och klicka "Generate". Du kan ladda ner QR-koden som en PNG-bild direkt.
Visa koden på projektorn
Öppna bilden och visa den i helskärmsläge. Alternativt klistra in den i en PowerPoint-bild eller ett Google Slides-dokument om du vill ha den som en del av din lektion.
Låt eleverna skanna
Eleverna öppnar kameran på sin telefon och riktar den mot projektorn. De flesta moderna telefoner öppnar länken direkt utan att behöva ladda ner en separat QR-app.
Korta länken först för bättre QR-kod
Långa URL:er skapar täta QR-koder som är svårare att skanna. Gå till bit.ly, klistra in länken och kopiera den kortade versionen innan du skapar QR-koden. En kort URL ger en luftig kod som fungerar även på lite längre avstånd från projektorn.
Dela via lärplattformen
Har du Google Classroom, Canvas, Unikum eller Skolon är det smidigt att lägga in länken som en uppgift eller ett material. Eleverna hittar den på samma ställe som resten av kursmaterialet och kan återkomma till resursen när de vill — under lektionen, hemma eller inför ett prov.
- Google Classroom: Skapa en uppgift, välj "Lägg till länk" och klistra in URL:en.
- Canvas: Lägg in länken som en sida eller som en extern URL i en modul.
- Unikum/Skolon: Skapa ett material och bifoga länken som en webbresurs.
Skicka länken direkt
Ibland är det enklaste bäst. Kopiera länken och klistra in den i klassens meddelandekanal — oavsett om det är ett mejl, ett meddelande i Teams eller en kommentar i Google Classroom. Eleverna klickar och resursen öppnas direkt i webbläsaren.
Offline-alternativet: USB och lokal öppning
Har skolan dålig eller opålitlig internetuppkoppling? Inga problem. HTML-filer fungerar lika bra lokalt som online — allt körs i webbläsaren på elevens enhet och behöver inte ladda någonting från internet, så länge filen är självständig.
Kontrollera att filen är self-contained
En self-contained HTML-fil har all sin CSS och JavaScript inbäddad direkt i filen — inga separata stilmallar, inga externa bibliotek som laddas från CDN. Be AI:n om det uttryckligen när du skapar resursen.
Kopiera filen till en USB-enhet
Anslut ett USB-minne och kopiera din .html-fil dit.
Kopiera filen till skolans datorer
Sätt in USB-minnet i en skolstationsmaskin, kopiera filen till skrivbordet eller en delad mapp, och upprepa för varje dator i klassrummet.
Öppna i webbläsaren
Eleverna dubbelklickar på filen och den öppnas i webbläsaren precis som vanligt. Allt fungerar — spel, animationer, knappar, formulär.
Skriv om den här HTML-filen så att allt är self-contained i en enda fil utan externa beroenden. All CSS ska vara inbäddad i ett style-block i head-sektionen. All JavaScript ska vara inbäddad i ett script-block. Inga externa CDN-anrop, inga importerade bibliotek, inga externa bilder — allt ska finnas direkt i filen.
En kommentar om GDPR
Det är värt att tänka igenom hur din resurs hanterar data, särskilt om eleverna skriver in information.
De flesta interaktiva resurser du skapar med AI — quiz, spel, flashcards — körs helt i elevens webbläsare. Inget skickas vidare till någon server, ingenting lagras någon annanstans. Resursen är ur ett dataperspektiv ofarlig: det finns ingen data att skydda.
Var uppmärksam om du använder databaser eller externa API:er
Situationen förändras om din resurs kommunicerar med en extern tjänst — till exempel om du har kopplat in ett riktigt AI-API, lagrar elevresultat i en databas, eller hämtar data från en extern källa. Då gäller vanliga GDPR-regler fullt ut:
- Samla inte in elevnamn eller personuppgifter utan tydligt syfte
- Spara aldrig mer data än nödvändigt
- Informera elever och vid behov vårdnadshavare om vad som samlas in
- Kontakta din skolans personuppgiftsombud om du är osäker
De flesta enkla AI-skapade resurser hamnar inte i den här kategorin — men det är bra att känna till var gränsen går.
Sammanfattning: välj din metod
Har du fortfarande inte bestämt dig? Här är en enkel beslutsguide:
- Lektion om 20 minuter — Netlify Drop utan konto, QR-kod på projektorn
- Resurs du vill återanvända — Netlify med gratis konto, länk in i lärplattformen
- Publicera från Claude direkt — Publish-knappen, dela länken i klassrummet
- Dålig uppkoppling — USB-metoden med self-contained HTML-fil
Det finns alltid ett sätt att dela din resurs med eleverna, oavsett teknisk nivå eller skolans infrastruktur. Börja med det enklaste alternativet som passar situationen — en QR-kod på projektorn räcker för de flesta lektioner. Offline-alternativet med USB-minne är en pålitlig reservplan när internet strular. Och de flesta AI-skapade resurser är ur ett GDPR-perspektiv helt oproblematiska, eftersom de körs lokalt i webbläsaren utan att skicka data någonstans.
Publicera gratis med Netlify
Den kompletta guiden till att gå från HTML-fil till webbadress på under tre minuter.
Spara och dela en HTML-fil
Hur du sparar AI-genererad kod korrekt och öppnar den i webbläsaren för att testa.
Dela resursen med lärarkollegor på VibeTeacher
Ladda upp din resurs och gör den sökbar för tusentals andra lärare på plattformen.