RESOLVER- the first ever physical/digital educational card game (built with Storyline)

Hi all!

I wanted to share something with you I created using Storyline. It's called RESOLVER and it’s the first ever physical/digital educational card game. I put together a quick video below that touches on why I made the game, how it was used, and its positive impact on training employees.

Buuut, if you're more of a picture person...

Here's what the box for the game looks like.

Box

It's powered by Near Field Communication(NFC) chips.

NFC ChipThese chips are inside physical cards.

 

When a physical card is scanned over a card reader, it reads a unique number off the NFC chip and sends it to a computer running a game created in Storyline.

When the card reader sends the number, it gets passed into a number input box. 



In Storyline, I created a variable that says, set the variable equal to the number when it's entered.

Then, I created a trigger that says, when this happens, jump to the slide that corresponds to the number.

 

What’s interesting about this is it's merging together real-world items with digital applications, creating a novel learning experience.

I created this game at work to enhance internal training for customer service agents. One of the ways we train is by role-playing common customer issues. With that in mind, the cards in the game have common customer issues printed on them...

...along with corresponding cards that have customer service agent responses (one is correct and two are incorrect).

The game is played by one player scanning a customer issue into the game...

...and then, another player selects from three possible agent response cards and scans one into the game, receiving feedback and points.

It's also worth mentioning that these customer scenario cards have three different levels of difficulty.

Each level is worth its corresponding amount of points. Players find out which level they will receive by rolling a three-sided die before their turn.

 

If there's interest, I'm happy to share information on how I made the cards and any additional questions regarding how the Storyline file is set up. Thank you for letting me show and tell!

11 Replies
Nancy Woinoski

Hi Jonathan, this looks absolutely fantastic. I, for one, am certainly interested in knowing how you made the cards. I took a look at your Storyline file but could not see how you are pulling the number from the NFC passive tag into Storyline.

Also, would it be possible to do this with smartphones instead of a RFID reader since this is the same technology used in all those tap to pay applications we see all over the place now?

I would really like to know how to do this as I can envision a ton of useful applications for something like this.

Michael Hinze

That's a great idea Jonathan, well done! It reminded me of a Storyline extension project I always wanted to try: control a drone with Storyline buttons, sliders and dials. One of these days...

I assume the RFID reader comes with a Javascript library that lets you query  the reader inputs? And do the RFID chips have unique IDs or do you program them? I would love to find out more about the "connection" between reader and SL. 

John Meisburg

Wow! If you ever get a drone working with Storyline, please let me know. I'd love to see that in action. 

Here's the NFC Reader that I used. When you scan a NFC chip over the reader, the device outputs a string of characters as if your computer typed it, followed by the "Enter" key. The string of characters is equal to the NFC chip's UID (unique identifier). They come already programmed on the NFC chip and are not changeable. 

John Meisburg

Hi Nancy, here's the process I used for making the cards . . .


DESIGN

-Each card is actually two cards (a front and a back). This was done so that I could sandwich an NFC chip inside both cards, and then laminate it all together.

-I designed the cards using Adobe Illustrator.

-BoardGamesMaker provides a template for the cards and the box.

PRINTING

-BoardGamesMaker printed the cards and box for me.


BUILDING

-I sandwiched an NFC chip between a front card and a back card. I then placed this inside a laminating sheet and ran it through a laminator. Then I cut them out using a paper trimmer.

----------------------------------------------------------
As far as pulling the number from the NFC tag into Storyline, here's how that works...

The NFC reader scans the NFC tag, pulling its UID (unique identifier) number, types it out, and submitting an "Enter" key.

So when you're running a published Storyline file that has a text/number input box selected, that UID is going to get typed into that input box, along with being submitted.

From there, it's just a matter of setting up triggers in Storyline that tells the program what should happen once that UID is passed.

----------------------------------------------------------
As far as using a smart phone to do this instead of a computer, it's absolutely possible as long as the smart phone as NFC technology inside it. You'd probably need to run an NFC program in the background so the phone is listening for NFC chips, along with the published Storyline file that has a number entry box selected.