-
Figma Structure/Images
-
Flowchart of the game (Code structure)
Description/Overview
This Project was made during the #herHack 20.24 in Bern, Switzerland. The focus of this Hackathon was on Prototyping and designing, rather on coding/programming itself. This project contains just a prototype and the different design/thinking steps, there was not enough time to fully develop a big application because of the little time we had. (No overnight-work). We were able to choose from 4 different companies, each with a different idea, wanting a solution.
Challenge
Kid-Friendly Fake News Awareness Task: Create a gamified solution to enhance media literacy skills for children. Target: School children, +/- 10yo Format: Digital game (can be showcased in schools or museums)
What it does
The game's main inspiration was Pokemon GO. A small game where children are able to collect creatures and fight off a villain trying to spread fake news. The idea was to implement this game in classrooms or museums, using multiple QR-Codes on cubes with different challenges on them. First, there is a small introduction explaining what fake news are and how to spot them. Following that, a quiz-question appers ensuring the kid understood what it means. The player then scans a QR-Code-cube with the app, and it leads to a creature asking a question. If the kid gets the question right, the creature joins the team (+1 Point). If it's wrong, the question can get repeated as many times as needed to get it right. Additionally, the creatures explain why the answer was correct, pointing out the hints. Those hints will not be given for wrong answers to avoid cheating, motivating children to learn with a fun touch. Afterwards, the points are added and shown in a leaderboard. The leaderboard such as the users are all temporary/just for the session and get deleted after a while.
How I (almost) built it
The plan was to originally build it with Flutter and use Firebase for the database of Points and users. Since there wasn't enough time to actually build an application, Figma was used to provide some sort of prototype to the judges. A Flowchart was also made with Visio to help understand how the code could be built.
Challenges I ran into
The brainstorming took up way too much time, since the request from the company wasn't very detailed. The only information they provided was to create some sort of prototype to help children learn how to spot fake-media in a gamified way. Additionally, it was difficult at first to research what types of tools, laguages etc. you're able to use to develop an idea like that.
Accomplishments that I'm proud of
Even though the time was very short and so much time was spent on brainstorming, I think the prototype of the game came out great.
What I learned
How to create and realise ideas with Figma, Flutter basics. How to organize so many ideas and create something in a very short time, with basic knowledge of a tool you haven't heard of before.
The prototype will not be developed any further, it will stay as the idea it is now. Try out the prototype under the figma link if you'd like to see how it works!
Log in or sign up for Devpost to join the conversation.