Friday, November 30, 2012

Letters and Press Button

We purchased an iPad last year for my son to use and in the year he has become eerily proficient with the touchscreen interface. The educational applications have been very good and still use it for this purpose; however more recently it is being used as a video player... Whilst I'm not particularly against this, I would rather he start creating content rather than merely consuming it.

One problem with being used to touchscreen is the keyboard and mouse paradigm is alien - it must be really weird to have to press a keyboard key located somewhere else. I imagine using a keyboard for the first time would be like writing notes on a piece of paper but the ink actually appears on a different pad.

Anyway, keyboards are here to stay and I want my son to learn how to use a keyboard as well as learn the alphabet (he is already pretty good at numbers). Therefore as part of my Raspberry Pi setup, I purchased a Duragadget keyboard for my son to use, this has large keys, lower case letters and coloured for vowels, consonants, numbers and symbols.

Since I've learned Javascript over the past few weeks it seemed to make sense to use this as a platform for the application. It is a simple program to display an alphabet letter using the same font face as the keyboard (apparently Comic Sans is easier for children to read). The letter is enclosed within a shape coloured the same as the keyboard and will change when the correct key is pressed.

The program will prioritise those characters which have been incorrectly typed already thus helping practice those. After three wrong attempts a new character is displayed, also holding a key down won't generate repeat attempts.

Some future changes include a mode change to allow the display to be driven by the keyboard - i.e. select a key and see it on the screen. Also when 3 incorrect keys are pushed, I'd rather replace it with a character which has had a higher success rate.

The scoring system is all in place, but isn't used for anything other than biasing key selection, I'd like some kind of reward system on the page - perhaps a space rocket lifting off or something...

I was very pleased that my son was very receptive to it, even this early version. I felt extremely proud when he wanted to play "Letters and Press Button" instead of watching Peppa Pig!!

The program is hosted on GitHub at

A live running version of the program is at:

No comments: