This little revision aid comes out of a less ambitious idea: I wanted to illustrate the matching of statements to headings using a little drag and drop. It was originally going to be within PowerPoint, but VBA and PowerPoint is a little weak in this area: a lot of shapes simply wouldn’t be dragged around for the purposes of education or entertainment. So I decided to flip the web and write it in React. Don’t worry: if none of that made sense and you just want to know how to do the questions because you don’t teach Computing, it’s okay – here is my solution!
Simply drag and drop the answer over the question and if that is correct then it turns green, red if you are wrong. You can correct your answer by dragging the right answer onto the answer and the wrong one will reappear. You can go straight to any given question by identifying the question number (0 is the first one, I’m a Computer Scientist, of course it is zero-indexed!) and copying the url. This is good when you want to just use it as a Knowledge Retrieval demonstration with the whole class.
The data is stored in a file called config.json and is quite easy to configure:
{
"QuestionSets": [
{
"Header": "Match the computer science term with its definition",
"QuestionAnswerPairs": [
{ "Question": "Algorithm", "Answer": "A step-by-step procedure to solve a problem or perform a task." },
{ "Question": "Binary", "Answer": "The base-2 number system used by computers, consisting of 0s and 1s." },
{ "Question": "CPU", "Answer": "The central processing unit, responsible for executing instructions." },
{ "Question": "Cache", "Answer": "A small amount of high-speed memory located inside or close to the CPU." },
{ "Question": "RAM", "Answer": "Volatile memory used to temporarily store data and instructions." }
]
},
{
"Header": "Match the computer science term with its definition (Part 2)",
"QuestionAnswerPairs": [
{ "Question": "ROM", "Answer": "Non-volatile memory that contains essential instructions, such as the boot process." },
{ "Question": "Bit", "Answer": "The smallest unit of data in a computer." },
{ "Question": "Byte", "Answer": "A group of 8 bits, often representing a single character." },
{ "Question": "Software", "Answer": "Programs and operating information used by a computer." },
{ "Question": "Hardware", "Answer": "The physical components of a computer." }
]
}
]I’m happy to let you have the source code for you to implement it on your own server, or you can have it on my revision domain as <name>.examrevision.online where <name> is whatever you want, for only £10.00 a year. Contact me on simon@rundell.org.uk