While walking through the museum of the American Revolution I stumbled upon the games section. I was intrigued about the kind of games people played during that era.

I found a few and decided to prototype my own version of Tic Tac Toe using the Everyone Can Code curriculum and Keynote.

Design in Keynote to give the developer a feel for your app.

Kurt Klynen

The Steps.

Here is my story:

For this first step we are going to use Keynote. Go ahead and open it. Start with a blank template.

The app has to fit on a phone, so we need to resize the slide. Tap on the three dots at the upper right hand corner.

Select Document Setup.

Tap on Slide Size and go for 3:4 or a custom size like I did.

In this next part we are focussing on the design of the app.

Add shapes from the Shapes Library by tapping on the plus sign at the upper right hand corner.

Build a menu and a player area.

Insert your Tic Tac Toe field and the x’s and o’s

Finally design your victory screen.

To finish it off, add some animation to the object and the slides.

Play your presentation and ask for feedback on your app.

Going Further.

Take your prototype design to Swift Playgrounds and code your own version of the game.

This is one of the activities that educators can participate in during The Playground at ISTE.

If you are inspired to try this yourself, have a look at the resources I used:

Apple Teacher

Everyone Can Code

Everyone Can Create

Have fun!