TitleSubtitleAdobe Air for mobile, is it really easy?

An introduction

by Jürgen Coetsiers & Tom Janssens

TCS DIGITAL WORLD

Formerly know as the creative storesWe build ideas into the digital world to enable your brand to be connected with real people in the real world

Who are we

• Jürgen Coetsiers– CTO– Software Architect

• Tom Janssens– Architect– Senior Analyst

Developer

WE HAVE NO FLASH BACKGROUND

The Brief

• Touchscreen app where the shopper can consult information about the beer category:– Find the right beer brand that fits with my

taste preference.– Which beer do I need to buy that fits with a

particular ingredient (fish-chicken-aperitif-...)? – Which recipe can I make that fits with a

particular beer?

• print recipes

We delivered

• Available in every Delhaize near you (2011 roll out)

• Based on Adobe Air runtime• Developed in Adobe Flash CS5

LET’S THINK

It’s touch based

It’s flash

It is multi-platform

HOW DID WE DO IT?

Getting Started – Required Software

• Flash Professional CS5

• Adobe Flash Professional CS 5 Extension for AIR 2.5• http://labs.adobe.com/technologies/flashpro_extensionforair/

• Android SDK• http://developer.android.com/sdk/index.html

Getting Started – Device Installation

• Install AIR on the Android device

• Open a Terminal window

• Connect your device (or start emulator)

• Run ‘adb install Runtime.apk’

Setting Project Properties (Live)

• Summary / Pitfalls

• Player = AIR Android

• Profile = Mobile

• Output filename extension = .APK

Handling different screen resolutions

• In code resizing+Fast / Easy to code+Single App

– Resize artifacts– Not Suitable for all screen

layouts

Handling different screen resolutions

• Multiple projects• Redesign UI• Shared AS3 code

+Fast / Easy to code+No Resize Artifacts

- Different app / platform

Other lessons learnt

• File.applicationStorageDirectory • is case-sensitive in Android Air

• Debugging• use ‘adb logcat’

• Performance• Expect PC performance of 7 years ago• http://goo.gl/YamkJ

Thank you

Thank you