2. Prototype - Flag-Zig-Zag

1. Flag Zig-Zag
2. Prototype
FSLN 12 - Team 3
1st of June 2012
Adrian, Christine, Na‘ama, Shiran, Vivien, Cathrin

2. Flag Zig-Zag – Quick Reminder
 Educational Application that allows users to
learn about the European flags and countries
through 5 different kinds of games:
 Colorstation – coloring and drawing
European flags
 Memory game – Lay open same cards
 Europe map – Locating flags on the map
 Texturizing – Crossword game
 GPS Questioning – Trivia game
according to GPS location

3. Flag Zig-Zag – What’s Done
 Detailed idea
 User requirements
 User stories
 Mock-up
 Competitor analysis

4. Flag Zig-Zag – Mock-Ups
 Build with www.lucidchart.com
 Challenges:
 5 games + 3 difficulty levels = Many
hours of work.
 Describing gamification elements as
close to wanted outcome as possible
 Go to the Mock-Up

5. Flag Zig-Zag – Competitor analysis
 Over 300 existing applications (only in the
android app store.
 Most existing apps and games are only about
connecting flag to country name.
 No app uses GPS location
 Many apps don’t have social aspects.
 Most apps contains flags from all over the
world.

6. Flag Zig-Zag – Developer Overview
 Client Side
 jQueryMobile (Web-App with html5 / css3 / js)
 Server Side
 Node+Express (JavaScript Web-Framework)
 Everyauth (Twitter login via oAuth)
 DirtyDB (storing user infos in files)
 Socket.io (real-time communication)
 Development Environment
 Cloud9IDE (web-based IDE)
 Github (public revision control system)
 Heroku (deployment server for our app)