Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Cross Platform Mobile App
Development Tools
Mark Arteaga | Founder

@RedBitDev


@MarkArteaga

mark@redbitdev.com

www...
WHY ARE WE HERE?
CHALLENGE & GOALS?
Target all relevant platforms
Reduce development time
Reduce development costs
Make end customers happy on all
platforms (...
MOBILE LANDSCAPE
NATIVE APPS
Defining Native: App Characteristics
• Built with standard native UI controls
• Conforms to platform‟s design
conventions
...
• Objective C
• Xcode on Mac
OS
• Free Tools/SDK
• $99 Store Fee/yr

• C#, C++, VB.NET
• Visual Studio/
VS Express
• Free ...
TECH APPROACHES TO CROSS
PLATFORM
JavaScript Frameworks – What is It?
• Mobile optimized website
• UI rendered by browser
– Safari for iOS
– Chrome for Andr...
JavaScript Frameworks - Tools
•
•
•
•

jQuery Mobile
Sencha Touch
jQT (jQTouch)
KendoUI

• Many open source
Hybrid Apps – What Is It?
• Native apps using embedded web browser
• HTML, CSS, JavaScript is used as to render
the UI
• J...
Hybrid Apps – Frameworks
• Apache Cordova (PhoneGap)
• Others based on PhoneGap
Native Runtimes – What is it?
• Compatibility layer that sits on top of the
native OS
• Attempts to shield app from platfo...
Native Runtimes – Tools/Frameworks
•
•
•
•
•

Xamarin.iOS, Xamarin.Android
Appcelerator
Corona
AppMobi
Adobe Flex
REDBIT’S CHOICE
Native Runtimes
• Javascript as the coding language
• Compiled down to native app
– Javascript is not compiled
– Interpreted code

• Uses ...
• C# as the coding language
• Compiled down to native code
– AOT Compiling to binary code for ARM

• Does not try to accom...
Our Final Choice
Why

?

• Development team had more experience
with C#
• Compiles down to native code for
performance
• Does not try to ac...
HOW DO YOU DECIDE?
Questions to ask …
• Do you really need a native app? Is mobile
optimized satisfy requirements?
• Native required then wha...
Questions to ask … (con‟t)
• Do you require offline functionality?
• How does your app get discovered?

– Enterprise app –...
Thank you & Questions!

Mark Arteaga | Founder

@RedBitDev


@MarkArteaga

mark@redbitdev.com

www.markarteaga.com

w...
THANK YOU & QUESTIONS!
WIPJam   Cross Platform Tools - Dec 2013
WIPJam   Cross Platform Tools - Dec 2013
WIPJam   Cross Platform Tools - Dec 2013
Upcoming SlideShare
Loading in …5
×

WIPJam Cross Platform Tools - Dec 2013

871 views

Published on

You typically need to develop for more than one type of mobile platform – so how does that work? What is the difference between a native app and web app? This session will uncover the decisions and tools available to make your application available on the iOS, Android, Windows Phone/Windows 8 and other platforms of importance to your end users to maximize your reach and minimize your maintenance effort.

Published in: Technology
  • Want to preview some of our plans? You can get 50 Woodworking Plans and a 440-Page "The Art of Woodworking" Book... Absolutely FREE ★★★ http://t.cn/A6hKwqcb
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • There are over 16,000 woodworking plans that comes with step-by-step instructions and detailed photos, Click here to take a look ★★★ http://ishbv.com/tedsplans/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

WIPJam Cross Platform Tools - Dec 2013

  1. 1. Cross Platform Mobile App Development Tools Mark Arteaga | Founder  @RedBitDev  @MarkArteaga mark@redbitdev.com www.markarteaga.com www.RedBitDev.com
  2. 2. WHY ARE WE HERE?
  3. 3. CHALLENGE & GOALS?
  4. 4. Target all relevant platforms Reduce development time Reduce development costs Make end customers happy on all platforms (BYOD) • Share common code across platforms • • • •
  5. 5. MOBILE LANDSCAPE
  6. 6. NATIVE APPS
  7. 7. Defining Native: App Characteristics • Built with standard native UI controls • Conforms to platform‟s design conventions • Optimal performance • Leverages platform level HW acceleration • Access to full platform functionality
  8. 8. • Objective C • Xcode on Mac OS • Free Tools/SDK • $99 Store Fee/yr • C#, C++, VB.NET • Visual Studio/ VS Express • Free Tools/SDK • $19 Store Fee/yr Personal • $99/yr Company • Java, C/C++ • Plugin for Eclipse plus others • Free Tools/SDK • $25 Store Fee (One Time)
  9. 9. TECH APPROACHES TO CROSS PLATFORM
  10. 10. JavaScript Frameworks – What is It? • Mobile optimized website • UI rendered by browser – Safari for iOS – Chrome for Android – IE for Windows • No app store deployment • Standard JavaScript, HTML, CSS • Low barrier to entry
  11. 11. JavaScript Frameworks - Tools • • • • jQuery Mobile Sencha Touch jQT (jQTouch) KendoUI • Many open source
  12. 12. Hybrid Apps – What Is It? • Native apps using embedded web browser • HTML, CSS, JavaScript is used as to render the UI • JavaScript & native “bridge” to access device capabilities – Notifications, compass, filesystem • Leverage existing JavaScript frameworks • Tries to accomplish „write once run anywhere‟
  13. 13. Hybrid Apps – Frameworks • Apache Cordova (PhoneGap) • Others based on PhoneGap
  14. 14. Native Runtimes – What is it? • Compatibility layer that sits on top of the native OS • Attempts to shield app from platform differences • Executes code using different methods – Interpretation – JIT Compiling – AOT Compiling • Compiles to native code
  15. 15. Native Runtimes – Tools/Frameworks • • • • • Xamarin.iOS, Xamarin.Android Appcelerator Corona AppMobi Adobe Flex
  16. 16. REDBIT’S CHOICE
  17. 17. Native Runtimes
  18. 18. • Javascript as the coding language • Compiled down to native app – Javascript is not compiled – Interpreted code • Uses native controls on platform (ie button) • Attempts to have one code base for – business logic code – User interface code • Program to lowest common denominator for one code base
  19. 19. • C# as the coding language • Compiled down to native code – AOT Compiling to binary code for ARM • Does not try to accomplish write once run anywhere – Code sharing of core business logic – Write UI for every platform as every platform has different UI concepts
  20. 20. Our Final Choice
  21. 21. Why ? • Development team had more experience with C# • Compiles down to native code for performance • Does not try to accomplish „write once run anywhere‟ • Can share across iOS, Android and Windows (WPF, Windows 8, Windows Phone)
  22. 22. HOW DO YOU DECIDE?
  23. 23. Questions to ask … • Do you really need a native app? Is mobile optimized satisfy requirements? • Native required then what platforms are your customers on? • Is there a BYOD strategy in your organization? • What are your development teams strengths? Web/.NET/Java etc • Will customers accept an app that „does not feel native to platform‟? • Do you require platform integration such as gestures, notifications, GPS, camera?
  24. 24. Questions to ask … (con‟t) • Do you require offline functionality? • How does your app get discovered? – Enterprise app – you tell them where to get it. – Consumer app – they have to find you, they usually use web • Maintainability – easier to update a web app than a native/hybrid/runtime app • Costs – – – – Least - develop mobile optimized site Mid – develop hybrid app Mid 2 – Runtime app, share code, unique UI Most – Pure native apps (write for every platform)
  25. 25. Thank you & Questions! Mark Arteaga | Founder  @RedBitDev  @MarkArteaga mark@redbitdev.com www.markarteaga.com www.RedBitDev.com
  26. 26. THANK YOU & QUESTIONS!

×