Promptmallar för klassrumsverktyg
Färdiga promptmallar för praktiska lärarverktyg — timer, gruppindelning, namnhjul, exit ticket, ljudmätare och poängtavla.
Inte allt du skapar behöver vara en inlärningsresurs för eleverna. Några av de mest använda sakerna på VibeTeacher är enkla verktyg som gör din vardag som lärare lite smidigare — en timer som syns från baksalen, ett namnhjul som fördelar ordet rättvist, eller en exit ticket som samlar dagens sista tankar.
De här verktygen tar ofta fem minuter att skapa och används sedan dag efter dag.
1. Lektion- och aktivitetstimer
En stor, tydlig nedräkningstimer som syns på tavlan är ett av de enklaste sätten att minska "hur länge har vi kvar?"-frågorna och hjälpa eleverna att planera sin tid under grupparbeten och skrivuppgifter.
Skapa en stor, klassrumsvänlig nedräkningstimer som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Krav på funktionalitet:
- Stor digital display som visar minuter och sekunder (MM:SS)
- Läraren kan ange valfri starttid i minuter (ett enkelt inmatningsfält, inga krångligheter)
- Knappar: "Starta", "Pausa", "Fortsätt", "Återställ"
- Snabbknappar för vanliga tider: 5 min, 10 min, 15 min, 20 min, 30 min
- När 1 minut återstår: texten ändrar färg till orange som en varning
- När 30 sekunder återstår: texten ändrar färg till röd
- När tiden är ute: ett tydligt "TID!" visas med en pulsanimation och ett diskret pipljud (via Web Audio API — ett enkelt tonsignal)
- Timern ska fungera korrekt även om fliken tappar fokus (en bakgrundsoperation)
Design:
- Sifforna ska vara enorma — läsbara från 10 meters avstånd
- Mörk bakgrund (djupt mörkblå eller svart) med vit text för maximal kontrast på projektor
- Minimalistisk design — inga onödiga element som distraherar
- Heltäckande layout utan scrollning (allt syns på en bildskärm)
- Responsiv, men optimerad för 1280×720 och 1920×1080
- Svensk text i hela gränssnittet
Vill du ha en timer med två faser — till exempel "Individuell uppgift 10 min" följt av "Diskussion i par 5 min"? Lägg till: "Lägg till stöd för en sekvens av tidsinställningar. Läraren kan ange upp till tre faser med egna namn och tider. Timern startar automatiskt nästa fas när den föregående är klar och meddelar vilken fas som börjar."
2. Slumpmässig gruppindelning
Att dela in klassen i grupper tar tid och skapar ibland konflikter. Ett digitalt verktyg som gör det slumpmässigt och transparent sparar tid och minskar känslan av orättvisa.
Skapa ett interaktivt gruppindelningsverktyg som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Krav på funktionalitet:
- Läraren klistrar in eller skriver in elevernas namn i ett textfält (ett namn per rad)
- Läraren anger antal grupper ELLER antal elever per grupp (väljer vilket)
- En "Skapa grupper!"-knapp delar slumpmässigt in eleverna i grupperna
- Resultatet visas tydligt: varje grupp i ett eget färgkodat kort med gruppnummer och namnlista
- En "Blanda igen"-knapp gör en ny slumpmässig indelning av samma namnlista
- En "Spara lista"-funktion som låter läraren ladda ner en txt-fil med gruppindelningen
- Möjlighet att "låsa" specifika elever: läraren kan markera elever som ska vara i olika grupper (aldrig ihop) eller samma grupp (alltid ihop)
- Visas tydligt vilka elever som är låsta
Design:
- Varje grupp visas i ett tydligt kort med en distinkt färg
- Namnen i varje grupp skrivs i stor, läsbar text
- Låsta elever markeras med en ikon (hänglås)
- Rent, avskalat gränssnitt utan distraktioner
- Responsiv layout
- Svensk text i hela gränssnittet
3. Namnhjul (slumpmässigt vald elev)
Namnhjulet — ett snurrande hjul som stannar på ett slumpmässigt elevnamn — är ett klassiskt sätt att fördela ordet rättvist och skapa lite dramatik kring fråga och svar.
Skapa ett interaktivt namnhjul som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Krav på funktionalitet:
- Ett grafiskt snurrande hjul ritat med Canvas API
- Läraren anger elevernas namn i ett textfält (ett namn per rad) och klickar "Uppdatera hjul"
- Hjulet delar in sig i lika stora sektioner, en per elev, med varannan sektor i alternerande färger
- En stor "Snurra!"-knapp startar hjulet med en bromsningsanimation (snabbt i början, saktar ner mot slutet)
- Hjulet snurrar i minst 3 sekunder
- När hjulet stannar: det valda namnet visas stort under hjulet med en "Grattis!"-animation
- Valfritt: ett klicklikt tickande ljud under snurrandet (via Web Audio API)
- En "Ta bort valt namn"-knapp tar bort det valda namnet från hjulet (för att undvika att samma elev väljs igen under en lektion)
- En "Återställ alla"-knapp lägger tillbaka alla borttagna namn
Design:
- Hjulet ska vara stort och visuellt imponerande — centreradet på sidan
- Tydlig pil/markör som pekar på det valda segmentet
- Sektorerna ska ha elevens namn tydligt skrivet (anpassa textstorlek efter antal elever)
- Responsiv layout, optimerad för projektor
- Svensk text i hela gränssnittet
Namnhjulet är ett utmärkt projektordisplay. Visa det på tavlan i helskärm och låt eleverna se när hjulet snurrar. Eleverna brukar stanna upp och fokusera när de hör "Nu snurrar hjulet..." — det skapar naturlig uppmärksamhet utan att behöva be om tystnad.
4. Digital exit ticket
En exit ticket — en kort fråga som eleverna svarar på i slutet av lektionen — är ett av de effektivaste verktygen för formativ bedömning. Det här verktyget körs på en delad enhet eller via projektorlänk och låter eleverna svara anonymt direkt i webbläsaren.
Skapa en digital exit ticket-app som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Krav på funktionalitet:
- Lärarvyn (visas när sidan laddas):
- Läraren skriver in sin fråga i ett textfält
- Väljer svarsformat: fritext, 1–5 stjärnor, tumme upp/ner, eller flerval (läraren anger alternativen)
- Klickar "Aktivera för elever" — lärarvyn döljs och elevvyn visas
- Elevvyn:
- Visar frågan tydligt
- Eleven svarar och klickar "Skicka in"
- En tackskärm visas: "Tack! Ditt svar är registrerat."
- Eleven kan inte ändra sitt svar efteråt
- Lärarsammanfattning:
- En knapp (dold för elever) som visar alla inkomna svar i en lista
- För siffersvar (stjärnor, skala): visa ett stapeldiagram
- För fritext: visa alla svar i en scrollbar lista
- Alla svar är anonyma — inga namn kopplas till svar
Design:
- Elevvyn ska vara enkel och fokuserad — bara frågan och svarsalternativet
- Stor text, stora knappar (fungerar på surfplatta och mobil)
- Lärarvyn mer kompakt med alla inställningar synliga
- Responsiv layout
- Svensk text i hela gränssnittet
Observera: All data sparas bara i webbläsarens minne. Inga svar skickas till externa servrar.
Exit ticketen i den här prompten sparar svar i webbläsarens minne — vilket innebär att svaren försvinner om sidan laddas om eller webbläsaren stängs. Den passar för att snabbt se pulsen i klassen i slutet av en lektion, men är inte lämplig om du behöver spara svaren för dokumentation. För mer beständig formativ bedömning: titta på de plattformar som din skola redan använder, som Google Classroom eller Canvas.
5. Klassrumsljudmätare
En visuell ljudmätare som reagerar på mikrofonljud kan hjälpa elever att reglera bullernivån under gruparbeten, utan att du behöver avbryta aktiviteten och be om tystnad upprepade gånger.
Skapa en visuell klassrumsljudmätare som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Krav på funktionalitet:
- Ber om tillstånd att använda mikrofon när sidan laddas (Web Audio API)
- En stor visuell indikator som i realtid visar aktuell ljudnivå:
- Grön zon: tyst (bra arbetsmiljö)
- Gul zon: måttligt ljud (normalt samtalsnivå)
- Röd zon: för högt (dags att dämpa sig)
- Läraren kan justera gränserna för gul och röd zon med reglage
- En tröskelvarning: om ljudnivån är i röd zon i mer än 5 sekunder, visas en tydlig "LUGNARE!"-indikation på skärmen
- En "Stäng av mikrofon"-knapp
Design:
- Den visuella indikatorn ska vara stor och synlig från hela klassrummet
- Använd en VU-mätarstil ELLER en termometerindikatorn — välj den som ser tydligast ut
- Starka, tydliga färger (grönt, gult, rött) med hög kontrast
- Ingen text om ljudnivå i siffror (decibel) — bara den visuella indikatorn, det är lättare att förstå
- Heltäckande layout utan scrollning
- Svensk text för eventuella kontrollknappar
Webbläsaren måste ha tillåtelse att komma åt mikrofonen för att verktyget ska fungera. Första gången du öppnar filen ber webbläsaren om tillstånd. Det är ett lokalt tillstånd — inget ljud spelas in eller sparas, mikrofonen används bara för att mäta volymnivån i realtid.
6. Poängtavla för lagtävlingar
En tydlig poängtavla som visas på tavlan under lagtävlingar och diskussioner gör aktiviteten mer engagerande och låter dig hålla reda på poäng utan att skriva på tavlan.
Skapa en interaktiv poängtavla för klassrumsbruk som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Krav på funktionalitet:
- Läraren anger antal lag (2–6) och deras namn eller färger innan aktiviteten börjar
- Varje lag visas som ett tydligt kort med:
- Lagets namn (redigerbart)
- Aktuell poäng (stor siffra)
- +1 och -1 knappar (stora, lätta att klicka på snabbt)
- +5 snabbknapp för bonuspoäng
- En "Nollställ alla"-knapp som återgår till 0 för alla lag (med bekräftelsedialog)
- En "Visa ledare"-knapp som animerar ett konfettiregn och sätter fokus på det ledande laget
- Valfritt: en stjärna eller trofé-ikon visas automatiskt bredvid det lag som leder
Design:
- Enorma poängsiffror — läsbara på projektoravstånd
- Varje lag har en distinkt, kontrastrik bakgrundsfärg
- Alla lagens poäng visas sida vid sida (horisontellt på bred skärm)
- +/- knapparna är tillräckligt stora för att trycka på snabbt under aktivitetens gång
- Responsiv layout
- Svensk text i hela gränssnittet
Hur du använder verktygen i klassrummet
Alla verktyg ovan är designade för att köras på din dator, projicerade på tavlan. Här är ett par praktiska råd:
Förbered på morgonen. Öppna HTML-filen i webbläsaren och håll den redo som en flik. Timern, namnhjulet och poängtavlan fungerar bäst när de är redo att användas utan fördröjning.
Helskärmsläge. Tryck F11 i de flesta webbläsare för att gå till helskärm. Det ger dig mer skärmutrymme och eliminerar webbläsarens verktygsrad som kan vara distraherande.
Anpassa med klassens namn. Namnhjulet och gruppindelningsverktyget kräver att du matar in elevnamn. Gör det i förväg och spara filen med namnen redan inmatade — då är du redo direkt nästa gång.
Dessa verktyg lagrar ingen elevdata. Exit ticketens svar finns bara i webbläsarens minne och försvinner när filen stängs. Namnhjulets namnlista sparas inte utanför filen. Verktygen uppfyller GDPR utan några extra åtgärder.