Can your App parle Francais?

Preview:

DESCRIPTION

At #idf2014, Presenting how we used the Intel XDK to create the mobile app for Smartnotify.us. The app is available in French and English and I've included some tips and tricks about internationalization and what you should worry about when deploying your app. We use moment.js and i18n.js in the background. Let's #hackcommunications

Citation preview

Can your app parle Francais?

Internationalization with the Intel XDK

Distributed Communications Platform

We help our customers Hack Communications

@smartnotify

Developers need to integrate…

And hope they scale and stay compliant

And worry about multiple data warehouse

And worry about updating the API calls

And create reports that span all channels

And find time to build some automation

And how about some Algo for Sales + Marketing?

@smartnotifyRingo

John

Paul

Georges

Joan

SmartNotify API

Simplify your life in 3 lines of codevar ft = new FileTransfer();

!var upload_options; //your message, your recipient list

!ft.upload(imageLocation, "smartmedia.asmx/UploadMediaMessages", SaveMessageSuccess, SaveMessageFail, upload_options);

@smartnotify

Our mobile app

API Geo-Location

Internationalization HMTL5

Low compute

Our Setup

XDK i18.js Moment.js Local Cache

Code + Test Language Files Date format User Preferences

+ Simple to Setup + Simplest to Setup + Simple

- No real-time update - Device pref. vs. User Pref - Potential security risk for compliance app (not ours)

@smartnotify

Example

@smartnotify

Calling i18 & moment

@smartnotify

navigator.globalization.getLocaleName(…) deviceLanguage = locale.value; // get the device locale language loadBundles(language, ‘Application'); //load the proper language files (i18+moment) !//How we call moment.js //Yes we could abstract the date format as well. if (language==='en'){ //mm/dd/yy setup dtTheDate = moment($(TheDateFromService).lang(language).format('MMMM Do YYYY’); }

@smartnotify

Internationalization in the XDK

http://goo.gl/2Z5fbL for more info

Testing GeoLocation

@smartnotify

• Simulate Movement • Simulate entering a Zone • (next step) Testing with GPX (route)

Lessons learnt!• No need to record every point! • Code to the lowest common phone denominator

Profiling GeoLocation

@smartnotify

Internationalization hints

@smartnotify

1. A Theater is not a Theatre

@smartnotify

2. Culture goes beyond words

@smartnotify

3. Talk the talk (when they ask)

@smartnotify

www.smartnotify.us api@smartnotify.us

@smartnotify #hackcommunications Download on iOS and App Store

Recommended