Att skapa interaktiva webbapplikationer för undervisning är idag fullt möjligt tack vare verktyget Canvas i Google Gemini. Där kan du bygga, testa och justera digitala lärverktyg som kan användas i klassrummet för att stärka elevernas lärande, till exempel genom övningar, simuleringar eller återkoppling i realtid. 💡 

Utmaningen? 🧩 

Varje gång du vill skapa något nytt behöver du formulera genomtänkta och detaljerade promptar, om struktur, funktionalitet, design och hur resultatet ska kunna bäddas in på exempelvis Google Sites.

Här kommer Gems in som en riktig genväg. ✨ 

I det här inlägget vill jag visa hur en Gem i Google Gemini kan effektivisera processen och göra det betydligt enklare att skapa interaktiva webbapplikationer som är direkt användbara i undervisningen, utan att du behöver skriva om samma prompt gång på gång. 🛠️ 

💎 Vad är en Gem?

En Gem är ett anpassat AI-verktyg i Google Gemini som bygger på fördefinierade instruktioner. I stället för att varje gång själv formulera en lång och detaljerad prompt kan du skapa en Gem som redan vet:

• vilket format du vill ha

• vilket syfte applikationen ska ha

• hur resultatet ska fungera i praktiken

Man kan likna det vid en förkonfigurerad pedagogisk assistent, som hjälper dig att omsätta pedagogiska idéer till fungerande digitala lärverktyg.

🔄 Canvas + Gem = ett effektivt arbetsflöde

I Gemini kan du skapa interaktiva webbapplikationer direkt i Canvas. Där genereras koden, strukturen och logiken för applikationen. För pedagogiska webbapplikationer, där interaktivitet, tydlighet och användarvänlighet är avgörande, spelar promptens kvalitet en stor roll.

Med min Gem Lärverktygsarkitekten fungerar arbetsflödet så här:

1. Du skriver en enkel pedagogisk beställning. Exempelvis: “Skapa en interaktiv webbapplikation där elever tränar begrepp inom ekologi.”

2. Gem:en omvandlar din beställning till en effektiv prompt för Canvas. Gem:en använder färdiga anvisningar som:

   • styr arbetet mot Canvas

   • säkerställer att applikationen blir interaktiv

   • anpassar resultatet för inbäddning i Google Sites

3. Canvas genererar webbapplikationen. Du slipper skriva om alla tekniska instruktioner, eftersom de redan finns inbyggda i Gem:en. Istället kan du fokusera på hur din applikation ska stödja elevernas lärande.

Vill du se hur snabbt du kan gå från tanke till interaktiv webbapplikation? Prova min Gem Lärverktygsarkitekten här! 

👣 Så använder du min Gem – steg för steg

1. Öppna Gem:en. Klicka på länken för att öppna Gem:en i Google Gemini. Du kan behöva logga in med ditt Google-konto för att få åtkomst.

2. Beskriv vad du vill att eleverna ska träna eller utforska. Du behöver inte tänka på kod eller Canvas-instruktioner. Skriv bara vad du vill ha.

3. Gem:en skapar en färdig prompt till Canvas. Lägg in den genererade prompten i Canvas, som sedan bygger upp din önskade webbapplikation.

4. Förhandsgranska och justera. Du kan testa applikationen direkt och be Gemini göra justeringar.

5. Bädda in på Google Sites. När du är nöjd kopierar du innehållet och bäddar in det på din webbplats.

🧮 Testa Gem:en – ett konkret exempel från undervisningen

Om du vill prova Lärverktygsarkitekten direkt kan du använda prompten nedan. Den är skriven för att skapa en interaktiv webbapplikation i Canvas som kan användas i undervisningen för att stödja elever i matematik.

Exempelprompt: ”Jag vill skapa en interaktiv ”Multiplikationstränare” för elever i årskurs 3–4 som tycker matematik är svårt. Den ska fokusera på de ”svåra” tabellerna (6, 7, 8, 9).

Viktigt för mig: – Det får inte finnas någon stressig timer. – Om eleven svarar fel ska appen inte bara säga ”Fel!”, utan visa en visuell förklaring, till exempel rita upp rutor eller visa upprepad addition, så att de förstår varför svaret blir vad det blir. – Jag vill kunna ändra vilka tal som övas i koden senare.”

När du skickar prompten till Gem:en skapas automatiskt en mer detaljerad och tekniskt anpassad instruktion som kan användas i Canvas för att bygga webbapplikationen och därefter bäddas in på Google Sites.

🧠 Så tog anvisningarna till Gem:en form

Anvisningarna som min Gem bygger på har inte uppstått av en slump. Jag har själv använt Google Gemini för att ta fram anvisningarna till min Gem, som i nästa steg genererar en färdig prompt till Canvas.

Genom att låta Gemini föreslå förbättringar och jämföra olika formuleringar har jag kunnat ta fram så effektiva och pedagogiskt genomtänkta anvisningar som möjligt. På så sätt blir Gem:en inte bara ett produktionsverktyg, utan också ett exempel på hur AI kan användas för att utveckla digitala lärresurser med tydligt lärandefokus.

Här kan du ta del av instruktionerna till min Gem i sin helhet: Lärverktygsarkitekten – Namn, beskrivning och anvisningar 

💭 Avslutande reflektion

Genom att kombinera Canvas, Gem och ett medvetet arbete med promptdesign blir generativ AI inte bara ett verktyg för inspiration, utan ett faktiskt produktionsstöd i vardagen. Gem:en fungerar som en brygga mellan pedagogiska intentioner och tekniska möjligheter, med målet att stärka elevernas lärande genom interaktivitet.

(Texten är skriven av Martina Soomro och publicerad på Pedagog Malmö)