Key points:
Learn how to quickly generate a study-revision game for your class using Generative AI.
More importantly, see the IDEA to IMPLEMENTATION process you can apply in a different context.
Ok, so it's nearly exam time and I wanted a fun study game for my Year 9 class, but as a high school teacher... not much time!
In a social setting have played a team game where you have to get your partner to say a word, but you can't use that word or 4 related words in your prompts to them (like Pictionary, but without any drawing). Of course as a teacher, my mind went to, "how do I use this in class?" !
Here is an abbreviated conversation with Microsoft Co-pilot (but will work on most GenAI)
Me: I am creating a revision game for science high school students. It is based off the game called taboo. i need a speadsheet or table, The first column is the word being gussed. the next 4 columns are related words which are tabooo. The learning intentions I will give you separately. Do you follow? (yes, typos as I entered them - remember I am a time-poor teacher)
GenAI:
Hmm, I don't have the time to format this into cards, find a working printer, cut out, collate into sets for 6 teams in my class. As a BYOD school I can deploy electronically, but it has to be universal and work on any device...
>> Solution: Javascript in html page!
Me: Please create this as Javascript within a html page.After about 5 refinements, we got a html page script that achieved what I wanted. It has a timer, a "next card" button and some other refinements. A working version is below, press START GAME to play:
GamePlay
In groups of 4 (2 teams of 2) and ONE laptop, the first player tries to get their partner (sitting opposite) to guess the word "Battery". They can't use any of the words on the card. They get a point for each word they get correct in 60 seconds, the opposing team members police the taboo words are not used, if so the card is forfeited. After 60 seconds, play moves to next player.
Quick and Easy - adapt this for your class and topic.
Copy the script at the bottom of this post.
Paste into GenAI. Tell it to use this script but replace the words with words related to this topic / these learning outcomes. Also change the attribution to your name. And ask for any other changes you want.
Copy the new code from.
Open a simple text editor. I use "Atom" which is free, located here. Save as someFileName.html
Give the file to your students (email, LMS, OneNote, however)
Start playing (I mean revising)!
Near Transfer
Lots of fun games can be exploited as a learning or revision activity. Generative AI is proficient with writing most computer languages. If you struggle with any step, just ask AI to explain that part to you, step by step. Javascript within a HTML page is safe, quick and easy. It works fine as a local file. If you have the awesome CMS, STILE you can upload the .html file and it will work within STILE - easy to build a lesson around it and deploy it for your class.
GenAI can be your expert programmer friend who can turn your ideas into working code that you can use. You don't need to be an expert in [insert skill here] because GenAI can fill that gap for you. The trick is knowing what is possible, after that it is easy to get your programmer mate to do the hard work for you.
Far Transfer
For your students: What a beautiful example of ethical use of AI. How about giving your students the bones of the idea and have them use GenAI to create a game to help students study for... These are the kinds of skills that they will need post school!
For yourself: Rift off this idea and remember to ask GenAI. You might be surprised what it can do. The more you do this, the faster you will become so the reward for you increases.
Even with all the iterations to improve the game-script, this was still faster than I could have done, even by printing out manual cards to use. However, with the skeleton of the code done, it is literally one prompt to adapt this to any context. HSC Physics is next for me.....
If this was helpful, please subscribe for my next instalment.
You might like
>> If you are a science teacher, you might like my series on teaching electricity visibly.
Copy the code below - give this to GenAI as a starting point and tell it what you want changed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Taboo Game</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
flex-direction: column;
}
.card {
background-color: white;
border: 1px solid #ccc;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
margin-bottom: 20px;
}
.taboo-words {
color: red;
}
.timer {
font-size: 2em;
margin-top: 20px;
}
.buttons {
margin-top: 20px;
}
.buttons button {
margin: 5px;
padding: 10px 20px;
font-size: 1em;
}
.attribution {
font-size: 0.8em;
color: #666;
}
</style>
</head>
<body>
<div class="card">
<h1 id="word-to-guess">Word</h1>
<div class="taboo-words">
<p id="taboo-word-1">Taboo 1</p>
<p id="taboo-word-2">Taboo 2</p>
<p id="taboo-word-3">Taboo 3</p>
<p id="taboo-word-4">Taboo 4</p>
</div>
<div class="timer" id="timer">60</div>
<div class="buttons">
<button id="previous-card" onclick="previousCard()" style="display:none;">Previous Card</button>
<button id="next-card" onclick="nextCard()" style="display:none;">Next Card</button>
</div>
<button id="start-game" onclick="startGame()">Start Game</button>
<div class="card-number" id="card-number">Card #1 of 25</div>
</div>
<div class="attribution">
© R Kennett 2024
</div>
<script>
const words = [
{ word: "Ammeter", taboo: ["Current", "Measure", "Circuit", "Device"] },
{ word: "Voltmeter", taboo: ["Voltage", "Measure", "Circuit", "Device"] },
{ word: "Conducting Wire", taboo: ["Electricity", "Path", "Metal", "Connect"] },
{ word: "Switch", taboo: ["On/Off", "Control", "Circuit", "Break"] },
{ word: "Battery", taboo: ["Power", "Energy", "Cell", "Voltage"] },
{ word: "Cell", taboo: ["Battery", "Energy", "Power", "Voltage"] },
{ word: "Resistor", taboo: ["Resistance", "Limit", "Current", "Component"] },
{ word: "Lamp", taboo: ["Light", "Bulb", "Illuminate", "Circuit"] },
{ word: "Voltage", taboo: ["Potential", "Difference", "Measure", "Voltmeter"] },
{ word: "Current", taboo: ["Flow", "Charge", "Amps", "Ammeter"] },
{ word: "Resistance", taboo: ["Oppose", "Ohms", "Resistor", "Limit"] },
{ word: "Series Circuit", taboo: ["Single Path", "One Loop", "Same Current", "Sequential"] },
{ word: "Parallel Circuit", taboo: ["Multiple Paths", "Branches", "Same Voltage", "Simultaneous"] },
{ word: "LED Lighting", taboo: ["Efficient", "Light Emitting", "Diode", "Energy Saving"] },
{ word: "Energy Efficiency", taboo: ["Save", "Consumption", "Reduce", "Cost"] },
{ word: "kiloWattHour", taboo: ["Energy", "Consumption", "Electricity", "Measure"] },
{ word: "Charge", taboo: ["Electron", "Positive", "Negative", "Static"] },
{ word: "Power", taboo: ["Energy", "Work", "Rate", "Watts"] },
{ word: "Watt", taboo: ["Power", "Unit", "Energy", "Rate"] },
{ word: "Open Circuit", taboo: ["Break", "Incomplete", "No Flow", "Disconnected"] },
{ word: "Fan", taboo: ["Air", "Cool", "Rotate", "Appliance"] },
{ word: "House Circuit", taboo: ["Home", "Wiring", "Electrical", "Appliances"] }
];
let currentWordIndex = 0;
let timer;
function shuffle(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
}
function startGame() {
shuffle(words);
currentWordIndex = 0;
displayWord();
startTimer();
document.getElementById('next-card').style.display = 'inline';
document.getElementById('previous-card').style.display = 'inline';
document.getElementById('start-game').style.display = 'none';
}
function displayWord() {
const word = words[currentWordIndex];
document.getElementById('word-to-guess').innerText = word.word;
document.getElementById('taboo-word-1').innerText = word.taboo[0];
document.getElementById('taboo-word-2').innerText = word.taboo[1];
document.getElementById('taboo-word-3').innerText = word.taboo[2];
document.getElementById('taboo-word-4').innerText = word.taboo[3];
document.getElementById('card-number').innerText = `Card #${currentWordIndex + 1} of ${words.length}`;
}
function startTimer() {
let timeLeft = 60;
document.getElementById('timer').innerText = timeLeft;
timer = setInterval(() => {
timeLeft--;
document.getElementById('timer').innerText = timeLeft;
if (timeLeft <= 0) {
clearInterval(timer);
alert("Next player");
}
}, 1000);
}
function nextCard() {
currentWordIndex = (currentWordIndex + 1) % words.length;
displayWord();
}
function previousCard() {
currentWordIndex = (currentWordIndex - 1 + words.length) % words.length;
displayWord();
}
</script>
</body>
</html>
コメント