Your SlideShare is downloading. ×
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

FITC Mobile 2010 - Cross-Platform Native Apps with ELIPS Studio

1,280

Published on

My slides from the FITC Mobile 2010 conference. …

My slides from the FITC Mobile 2010 conference.
More details here: http://developer.openplug.com/about/blog/262-fitc-mobile-2010

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,280
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 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.
  • Show of hands: How many develop mobile apps ? How many target more than 1 platform ? How many have heard of Flex ? Do you want to see code or hear me make some insightful statements ?
  • 1 OpenPlug mobile Flex component -> 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
  • Almanaque Anos 80 #1 paid app in Brazil tweetMWC -> all app stores
  • Almanaque Anos 80 #1 paid app in Brazil tweetMWC -> all app stores
  • Transcript

    • 1. Create native cross-platform mobile apps in Flex with ELIPS Studio Guilhem Ensuque [email_address] Twitter: @gensuque_op Hashtag: #ELIPS Slides: http://slideshare.net/gensuque
    • 2. Who we are
      • Founded 2002, as a VC-backed startup
      • Acquired by Alcatel-Lucent 2 weeks ago 
      • Software shipping in millions of devices
      Experts in mobile software development Copyright OpenPlug 2010 SonyEricsson Spiro W100
    • 3. OpenPlug Products & Customers Copyright OpenPlug 2010
    • 4. OpenPlug Products & Customers Copyright OpenPlug 2010 YOU
    • 5. Copyright OpenPlug 2010 Create native cross-platform mobile apps in Flex with ELIPS Studio … what a mouthful … ! 
    • 6. Copyright OpenPlug 2010 “ Create” – mobile specificities Design Code Test Publish
      • UI controls
      • Platforms
      • Touch, GPS, Cam, ...
      • Content / HIG
      • Performance
      • Memory
      • Connectivity
      • Device APIs
      • Variants
      • Simulation
      • Device
      • Signing
      • Approval
      Spec
    • 7. Copyright OpenPlug 2010 “ native” – what it’s NOT
      • Compiled to VM byte code
      • Interpreted by a VM / runtime
      • Hiding host system features
      • Replacing host system UI
    • 8. Copyright OpenPlug 2010 “ native” – what it IS
      • Compiled to machine code
      • Executed by the CPU directly
      • Using host system features
      • Using host system UI controls
    • 9. Copyright OpenPlug 2010 “ native” – how it works 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
    • 10. 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
    • 11. Copyright OpenPlug 2010 “ native” – why ? #1 : Performance Grant Skinner’s AS3 bench (AS3 Functions, ArrayIterators, Scope) iPhone 3GS iOS4.1 800MHz Samsung ARM CPU 18 times faster
    • 12. Copyright OpenPlug 2010 “ native” – why ? #2: Get the native look & feel ... ... with no extra work. 1 code line <mob:TabNavigator/> 2 different User Experiences
    • 13. 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
    • 14. Copyright OpenPlug 2010 “ cross-platform” – some data Smartphones: 62 millions shipped in Q2 8 per second Feature phones: 263 millions shipped in Q2 33 per second Source: Gartner http:// www.gartner.com/it/page.jsp?id =1421013
    • 15. Copyright OpenPlug 2010 Global smartphone OS shipments – Q2 2010 Source: Gartner http:// www.gartner.com/it/page.jsp?id =1421013 Platforms supported by ELIPS|Studio as of Sept 2010 – other platforms are expected in future releases “ cross-platform” – some data
    • 16. Copyright OpenPlug 2010 (and it’s not just smartphones) “ Thief!” - Cards Game App on iPad
    • 17. “ cross-platform” in action Copyright OpenPlug 2010 Download our TweetMWC application from ANY App Store
    • 18. “ Mobile Apps” – big opportunity Amount of money paid by Apple to its App Developers last year Source: I heard the figure yesterday in @bradygilchrist excellent presentation Copyright OpenPlug 2010 $ 1,000,000,000 … But real value is that apps are a game-changer
    • 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 “ Mobile Apps” – monetisation … Compliant with Apple’s App Store ToS … Simplifying publishing to all app Stores … and it is “less-than-free” ! ELIPS Studio is …
    • 22. Copyright OpenPlug 2010 Demo time - let’s create an app …
    • 23. Download ELIPS |Studio
        • Setup Guide for each platform
        • Tutorials
        • API reference
        • Samples & Videos
        • Support forum
      Copyright OpenPlug 2010 http:// developer.openplug.com /download
    • 24. Getting started with ELIPS |Studio
      • Mac and Windows versions available
      • Pre-requisites
        • Flex Builder 3 or Flash Builder 4 installed
        • For iPhone: you need a Mac + xCode / iPhone SDK
        • Register to each developer program
        • Get a device
      • Don’t rush into coding
        • Check the samples first (UICatalog)
        • Start from scratch with a simple app
        • Then (and only then) start creating your app
      Copyright OpenPlug 2010
    • 25. Example app – TweetMWC
      • App developed in Flex Buidler in 2w
      • Uses open source twitter AS3 library
      • optimized assets for each screen size
      • Approved and distributed in 4 app stores
      1 Flex code base  4 platforms Copyright OpenPlug 2010 Available on Available on Available on
    • 26. Copyright OpenPlug 2010 Step 1 - Specification
      • Define “what” your application does and looks like
        • Screen flows and UI controls (using our <mob:>)
        • Which devices will your app target (iPhone, Android …)
        • Which device features (GPS, Camera, Contacts, Tel …)
        • Interface with web services (HTTP requests)
        • App Store content guidelines (no b00bs, please !)
      Spec
    • 27. Copyright OpenPlug 2010 Step 2 - Design Design
      • Internal object model (e.g. MVC pattern/framework)
      • Optimum CPU / Memory usage (see tips on our forum)
      • Data loading and persistence (XML files)
      • REST Interface with web services (XML, JSON)
      • Use of 3 rd -party AS3 libraries (e.g. opensource)
      List View Twitter lib cache HTTP Req / JSON loadHashTagSettings() loadCachedData()
    • 28. Copyright OpenPlug 2010 Step 3 - Code Code
      • See our API reference http://developer.openplug.com/code/api
      • Use our <mob: > namespace
      • Choose WindowedApplication or ScreenStackApplication
      • Pack your resources in variants folder
      • Use platform-specific conditional tests
    • 29. Copyright OpenPlug 2010 Step 4 – Build & Test Test
      • Test your app with our Simulator (AIR-based)
      • Test with a remote testing service like http://www.perfectomobile.com/
      • Test on device ! (and test again, it is never enough  )
    • 30. Copyright OpenPlug 2010 Step 5 - Publish Publish
      • Register to the App Stores you want (there are 79 and counting !)
      • Get the necessary stuff from the App Store (certificate, etc.)
      • Set the publishing settings for your app (icons, cert keys …)
      • Final build & Submit (and wait  )
    • 31. ELIPS Studio Get the best of both worlds Native User Experience + Web Age productivity Copyright OpenPlug 2010
    • 32. Copyright OpenPlug 2010 Thank You - Q & As Slides: http:// slideshare.net/gensuque Web: http://developer.openplug.com Twitter: @elips3 + Grab a discount voucher NOW !

    ×