SlideShare a Scribd company logo
Create native cross-platform mobile apps in Flex with ELIPS |Studio Guilhem Ensuque [email_address] Twitter: @gensuque_op #elips3 San Francisco 17 August 2010
Who we are ,[object Object],[object Object],[object Object],[object Object],Experts in mobile software development Copyright OpenPlug 2010
OpenPlug Products & Customers 3G Telephony Stack for Linux devices  Cross-platform  Mobile Application Development Tool Software platform for mass-market mobile phones Copyright OpenPlug 2010
Copyright OpenPlug 2010 Create native cross-platform mobile apps in Flex with ELIPS |Studio …  what a mouthful … !  
Copyright OpenPlug 2010 “ Create”  – mobile IS different Design Code Test Publish ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Spec
Copyright OpenPlug 2010 “ native”  – what it’s NOT ,[object Object],[object Object],[object Object],[object Object]
Copyright OpenPlug 2010 “ native”  – what it IS ,[object Object],[object Object],[object Object],[object Object]
Copyright OpenPlug 2010 “ native”  – how it works with  ELIPS |Studio Cross-compile to C++  Build to binary ELIPS COMPILER ELIPS PACKAGER Select Devices  Sign Packages ELIPS SDK Code your App in  ActionScript 3 and MXML Publish your  Native Apps
Copyright OpenPlug 2010 “ native”  – why ? #1 : Performance Grant Skinner’s AS3 bench (AS3 Functions, ArrayIterators, Scope) HTC Desire Android 2.1 “Éclair” Cortex-A8 CPU 1 GHz v2515540 6 times faster !  (and we can do better)
Copyright OpenPlug 2010 “ native”  – why ? 1 code line <mob: GroupList > 2 different UX #2: Get the native look & feel ... ... with no extra work.
Copyright OpenPlug 2010 “ cross-platform”  – a mess iPhone iPod iPad BB OS 6  S60 5 th  Ed S60 3 th  Ed Win Mob 6 Win Mob 6.5 Win Phone 7 Symbian ^3 iPhone 3.1 iOS 4.0 iPad 3.x Android 1.6.x Android 2.1.x Android 2.2 Web OS Bada 1.0 Bada x.y Maemo 3 Maemo 4 Meego 1 JDE v4.x JDE v3.x
Copyright OpenPlug 2010 “ cross-platform”  – some data Smartphones:  54 millions shipped in Q1 Feature phones:  260 millions shipped in Q1
Copyright OpenPlug 2010 “ cross-platform”  – some data Smartphone OSes Q1 2010 shipments Source: Gartner  http://www.gartner.com/it/page.jsp?id=1372013
Copyright OpenPlug 2010 “ cross-platform”  – some data Smartphone OSes Q1 2010 shipments Source: Gartner  http://www.gartner.com/it/page.jsp?id=1372013
“ cross-platform”   in action Copyright OpenPlug 2010 Download our TweetMWC application from ANY App Store
Example app   – TweetMWC  ,[object Object],[object Object],[object Object],[object Object],1 Flex code base    4 platforms Copyright OpenPlug 2010 Available on Available on Available on
“ Mobile Apps”   – big opportunity Source:  Mobile Applications & Apps Stores, Juniper Research, 2009 Mobile Apps Downloads (in millions) Copyright OpenPlug 2010
Copyright OpenPlug 2010 “ Mobile Apps”  – monetise easily with  ELIPS |Studio Compliant with Apple’s App Store ToS Simplified publishing to all app Stores Increased revenue with mobile ads
#1 Paid App in Brazil Created by Baiao Games with  ELIPS |Studio (as of June 30 2010) Copyright OpenPlug 2010
#2 Free App in Belgium Created by Exuvis with  ELIPS |Studio (as of July 1 2010) Copyright OpenPlug 2010
Copyright OpenPlug 2010 Demo time -  let’s create an app …
Download ELIPS |Studio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright OpenPlug 2010
Getting started with ELIPS |Studio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright OpenPlug 2010
Copyright OpenPlug 2010 Step 1 - Specification ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Spec
Copyright OpenPlug 2010 Step 2 - Design Design ,[object Object],[object Object],[object Object],[object Object],[object Object],List View Twitter lib cache HTTP Req / JSON loadHashTagSettings() loadCachedData()
Copyright OpenPlug 2010 Step 3 - Code Code ,[object Object],[object Object],[object Object],[object Object],[object Object]
Copyright OpenPlug 2010 Step 4 – Build & Test Test ,[object Object],[object Object],[object Object]
Copyright OpenPlug 2010 Step 5 - Publish Publish ,[object Object],[object Object],[object Object],[object Object]
ELIPS |Studio  – Key Takeaway  You are a Flex developer ? Now you are a mobile expert ! Copyright OpenPlug 2010
Copyright OpenPlug 2010 Thank You - Q & As  http://developer.openplug.com Follow us on Twitter:  @elips3 Guilhem Ensuque [email_address] Twitter: @gensuque_op #elips3 San Francisco 17 August 2010

More Related Content

What's hot

Android + training + philippines
Android + training + philippinesAndroid + training + philippines
Android + training + philippines
kerwin1116
 

What's hot (19)

The Making of Tesla Smartwatch Apps
The Making of Tesla Smartwatch AppsThe Making of Tesla Smartwatch Apps
The Making of Tesla Smartwatch Apps
 
Building Smartphone Applications using Google Android
Building Smartphone Applications using Google AndroidBuilding Smartphone Applications using Google Android
Building Smartphone Applications using Google Android
 
App testing and publishing
App testing and publishingApp testing and publishing
App testing and publishing
 
Building mobile apps using Phonegap
Building mobile apps using PhonegapBuilding mobile apps using Phonegap
Building mobile apps using Phonegap
 
Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3
 
android development training in mumbai
android development training in mumbaiandroid development training in mumbai
android development training in mumbai
 
Optimizing Android Development
Optimizing Android DevelopmentOptimizing Android Development
Optimizing Android Development
 
Beginners guide to creating mobile apps
Beginners guide to creating mobile appsBeginners guide to creating mobile apps
Beginners guide to creating mobile apps
 
The Fine Print of iOS Development
The Fine Print of iOS DevelopmentThe Fine Print of iOS Development
The Fine Print of iOS Development
 
Android + training + philippines
Android + training + philippinesAndroid + training + philippines
Android + training + philippines
 
Splice
SpliceSplice
Splice
 
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran BurojevicInfinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
 
Presentation1
Presentation1Presentation1
Presentation1
 
Learnings from Mobile Application Testing
Learnings from Mobile Application TestingLearnings from Mobile Application Testing
Learnings from Mobile Application Testing
 
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/CordovaHow to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
 
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using PhonegapDroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
 
Ubercool, pixel perfct & slick design… that just doesn't work
Ubercool, pixel perfct & slick design… that just doesn't workUbercool, pixel perfct & slick design… that just doesn't work
Ubercool, pixel perfct & slick design… that just doesn't work
 
How to Give a Successful Lightning Talk
How to Give a Successful Lightning TalkHow to Give a Successful Lightning Talk
How to Give a Successful Lightning Talk
 
arpit_suraj.pptx
arpit_suraj.pptxarpit_suraj.pptx
arpit_suraj.pptx
 

Similar to Create Cross-Platform Native Mobile Apps in Flex with ELIPS Studio

I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment ppt
sagaroceanic11
 
I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment ppt
sagaroceanic11
 
(Christian heilman) firefox
(Christian heilman) firefox(Christian heilman) firefox
(Christian heilman) firefox
NAVER D2
 
Fixing the mobile web - Internet World Romania
Fixing the mobile web - Internet World RomaniaFixing the mobile web - Internet World Romania
Fixing the mobile web - Internet World Romania
Christian Heilmann
 
Android presentation
Android presentationAndroid presentation
Android presentation
Imam Raza
 
Native Mobile Application Using Open Source
Native Mobile Application Using Open SourceNative Mobile Application Using Open Source
Native Mobile Application Using Open Source
Axway Appcelerator
 
B feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopmentB feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopment
sathesh leo
 

Similar to Create Cross-Platform Native Mobile Apps in Flex with ELIPS Studio (20)

I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment ppt
 
I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment ppt
 
Mobile application development
Mobile application developmentMobile application development
Mobile application development
 
(Christian heilman) firefox
(Christian heilman) firefox(Christian heilman) firefox
(Christian heilman) firefox
 
Fixing the mobile web - Internet World Romania
Fixing the mobile web - Internet World RomaniaFixing the mobile web - Internet World Romania
Fixing the mobile web - Internet World Romania
 
Overview of Mobile Development Platforms
Overview of Mobile Development PlatformsOverview of Mobile Development Platforms
Overview of Mobile Development Platforms
 
Adobe Flash and Device Central
Adobe Flash and Device CentralAdobe Flash and Device Central
Adobe Flash and Device Central
 
IBM Bluemix™ Architecture & Deep Dive
IBM Bluemix™ Architecture & Deep DiveIBM Bluemix™ Architecture & Deep Dive
IBM Bluemix™ Architecture & Deep Dive
 
Flash for Blackberry, iPhone and Android
Flash for Blackberry, iPhone and AndroidFlash for Blackberry, iPhone and Android
Flash for Blackberry, iPhone and Android
 
Android presentation
Android presentationAndroid presentation
Android presentation
 
MSR iOS Tranining
MSR iOS TraniningMSR iOS Tranining
MSR iOS Tranining
 
Native Mobile Application Using Open Source
Native Mobile Application Using Open SourceNative Mobile Application Using Open Source
Native Mobile Application Using Open Source
 
OSCON Titanium Tutorial
OSCON Titanium TutorialOSCON Titanium Tutorial
OSCON Titanium Tutorial
 
Mobile and tablet app dev
Mobile and tablet app devMobile and tablet app dev
Mobile and tablet app dev
 
B feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopmentB feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopment
 
Mobile Application Development
Mobile Application DevelopmentMobile Application Development
Mobile Application Development
 
Cross platform app a comparative study
Cross platform app  a comparative studyCross platform app  a comparative study
Cross platform app a comparative study
 
Appium solution
Appium solutionAppium solution
Appium solution
 
Phone gap in android technology
Phone gap in android technologyPhone gap in android technology
Phone gap in android technology
 
iPhone Programming
iPhone ProgrammingiPhone Programming
iPhone Programming
 

Recently uploaded

Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
НАДІЯ ФЕДЮШКО БАЦ «Професійне зростання QA спеціаліста»
НАДІЯ ФЕДЮШКО БАЦ  «Професійне зростання QA спеціаліста»НАДІЯ ФЕДЮШКО БАЦ  «Професійне зростання QA спеціаліста»
НАДІЯ ФЕДЮШКО БАЦ «Професійне зростання QA спеціаліста»
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 

Create Cross-Platform Native Mobile Apps in Flex with ELIPS Studio

  • 1. Create native cross-platform mobile apps in Flex with ELIPS |Studio Guilhem Ensuque [email_address] Twitter: @gensuque_op #elips3 San Francisco 17 August 2010
  • 2.
  • 3. OpenPlug Products & Customers 3G Telephony Stack for Linux devices Cross-platform Mobile Application Development Tool Software platform for mass-market mobile phones Copyright OpenPlug 2010
  • 4. Copyright OpenPlug 2010 Create native cross-platform mobile apps in Flex with ELIPS |Studio … what a mouthful … ! 
  • 5.
  • 6.
  • 7.
  • 8. Copyright OpenPlug 2010 “ native” – how it works with ELIPS |Studio Cross-compile to C++ Build to binary ELIPS COMPILER ELIPS PACKAGER Select Devices Sign Packages ELIPS SDK Code your App in ActionScript 3 and MXML Publish your Native Apps
  • 9. Copyright OpenPlug 2010 “ native” – why ? #1 : Performance Grant Skinner’s AS3 bench (AS3 Functions, ArrayIterators, Scope) HTC Desire Android 2.1 “Éclair” Cortex-A8 CPU 1 GHz v2515540 6 times faster ! (and we can do better)
  • 10. Copyright OpenPlug 2010 “ native” – why ? 1 code line <mob: GroupList > 2 different UX #2: Get the native look & feel ... ... with no extra work.
  • 11. Copyright OpenPlug 2010 “ cross-platform” – a mess iPhone iPod iPad BB OS 6 S60 5 th Ed S60 3 th Ed Win Mob 6 Win Mob 6.5 Win Phone 7 Symbian ^3 iPhone 3.1 iOS 4.0 iPad 3.x Android 1.6.x Android 2.1.x Android 2.2 Web OS Bada 1.0 Bada x.y Maemo 3 Maemo 4 Meego 1 JDE v4.x JDE v3.x
  • 12. Copyright OpenPlug 2010 “ cross-platform” – some data Smartphones: 54 millions shipped in Q1 Feature phones: 260 millions shipped in Q1
  • 13. Copyright OpenPlug 2010 “ cross-platform” – some data Smartphone OSes Q1 2010 shipments Source: Gartner http://www.gartner.com/it/page.jsp?id=1372013
  • 14. Copyright OpenPlug 2010 “ cross-platform” – some data Smartphone OSes Q1 2010 shipments Source: Gartner http://www.gartner.com/it/page.jsp?id=1372013
  • 15. “ cross-platform” in action Copyright OpenPlug 2010 Download our TweetMWC application from ANY App Store
  • 16.
  • 17. “ Mobile Apps” – big opportunity Source: Mobile Applications & Apps Stores, Juniper Research, 2009 Mobile Apps Downloads (in millions) Copyright OpenPlug 2010
  • 18. Copyright OpenPlug 2010 “ Mobile Apps” – monetise easily with ELIPS |Studio Compliant with Apple’s App Store ToS Simplified publishing to all app Stores Increased revenue with mobile ads
  • 19. #1 Paid App in Brazil Created by Baiao Games with ELIPS |Studio (as of June 30 2010) Copyright OpenPlug 2010
  • 20. #2 Free App in Belgium Created by Exuvis with ELIPS |Studio (as of July 1 2010) Copyright OpenPlug 2010
  • 21. Copyright OpenPlug 2010 Demo time - let’s create an app …
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. ELIPS |Studio – Key Takeaway You are a Flex developer ? Now you are a mobile expert ! Copyright OpenPlug 2010
  • 30. Copyright OpenPlug 2010 Thank You - Q & As http://developer.openplug.com Follow us on Twitter: @elips3 Guilhem Ensuque [email_address] Twitter: @gensuque_op #elips3 San Francisco 17 August 2010

Editor's Notes

  1. Session Title: Create cross-platform native mobile apps in Flex with OpenPlug ELIPS Studio Session description: In this session you will learn how ELIPS Studio allows Flex developers to create native mobile applications in Flex for iPhone, Android, Windows Mobile and Symbian.
  2. 1 OpenPlug mobile Flex component -&gt; mapped to native UI control 2 different user experiences Physics / momentum List items grouping touch behavious Scrollbar behaviour Many, many small differences that make each platform “special” and are too difficult to handle in Flex code
  3. Almanaque Anos 80 #1 paid app in Brazil tweetMWC -&gt; all app stores
  4. Almanaque Anos 80 #1 paid app in Brazil tweetMWC -&gt; all app stores