Italk Logo

An app that brings bilingual stories to life

Interactive desktop and tablet app


italk Studios is a media production and training company, with a vision to create a library of educational stories that overcome literacy barriers, while enabling free access to important information.

italk Studios approached inoutput to help bring their bilingual stories to life, and into the hands of as many people it can via an interactive desktop and tablet app.

Application overview

The italk Library app allows the viewing, creation and sharing of interactive bilingual stories. It runs on Desktop (OSX and PC) and iPad, and has been developed to allow future expansion to Android and even a web version.

There are two core components: the italk Library application and the italk Library server (the backend), that stores user information, stories, images and audio for download.

Currently, the italk Library app is used by remote Aboriginal communities, correctional facilities and language training facilities.

Screen960X960

Highlights

  • Browse existing italk stories, choosing between multiple categories
  • Download a story to your app, to play and interact offline
  • View stories, swiping from page to page
  • Listen to each page's audio in multiple languages
  • Autoplay the story, sit back and watch from start to finish
  • Fork the story and create your own version, editing pages and audio
  • Create your own story from scratch
  • Draw pictures (choosing paintbrush color and size)
  • Import images and take photos (resize, crop, and rotate)
  • Record audio in your language of choice
  • Publish your story to the italk cloud.

Challenges and solutions

Building software to run on Windows, Mac, and also as a mobile app (iPad) is no easy feat, especially when it has strong interactive components, as with italk Library.

Balancing the user interface nuances required to function on both a touchscreen and a mouse based environment provided an exciting challenge. We tackled this by implementing a responsive and user interface with large, intuitive buttons and controls.

Screen960X960 2

Technologies used

The italk Library app was developed using HTML5 technologies, leveraging:

  • HTML5 (HTML/CSS/JS technologies)
  • EmberJS
  • Twitter Bootstrap
  • FabricJS

The app(s) were packaged for iPad using Cordova, and for Mac/PC using Electron.

The italk Library backend / API was constructed using Laravel Framework and MongoDB.

Links

Visit the italk Studios website

Get the app on iTunes: https://itunes.apple.com/us/app/id911637043?mt=8

Download desktop apps here: http://www.italkstudios.com.au/apps/

Are you ready to get started?

Tell us about your project

Get Started