Cross-Platform Tools: Build Once and Run Everywhere
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Cross-Platform Tools: Build Once and Run Everywhere

on

  • 1,033 views

This presentation provides a detailed overview of tools designed for building cross-platform apps. You will: ...

This presentation provides a detailed overview of tools designed for building cross-platform apps. You will:

- Learn about the most popular mobile platforms
- Explore the 5 types of tools you can use for building mobile apps
- See real-life examples and use cases
- Compare advantages and disadvantages of each type of cross-platform development tools

Statistics

Views

Total Views
1,033
Views on SlideShare
958
Embed Views
75

Actions

Likes
0
Downloads
18
Comments
0

5 Embeds 75

http://blog.altoros.com 57
http://blog 8
http://altorosblog.phpmaintest.altoros.corp 6
http://feeds.feedburner.com 3
http://dddd 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cross-Platform Tools: Build Once and Run Everywhere Presentation Transcript

  • 1. Cross-Platform Tools Build once and Run Everywhere Alexey Karpik Web Platform Developer at ALTOROSTuesday, May 22, 12
  • 2. Action plan  Current mobile platforms overview  Main groups of cross-platform tools  Examples of the usage  Summary  Questions © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 3. Mobile platforms World-Wide Smartphone Sale (2012 Q1) Windows Phone 7 2.0% RIM 7.2% Symbian 8.9% iOS Android 23.8% 58.2% © ALTOROS Systems | CONFIDENTIAL 3Tuesday, May 22, 12
  • 4. Cross-platform tools groups  JavaScript Libraries  Wrappers around web applications  Transformers to Native code  Applications Frameworks  Adobe Air © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 5. JavaScript Libraries  Single unified GUI You have one GUI for multiple devices (buttons, header, footer, tabs groups, and etc.)  Touch interface benefits Most of the devices have build in touch screens  HTML5, CSS3 Audio, video, storage, animation and effects © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 6. JavaScript Libraries Sencha http://www.sencha.com/ Have some additional related products: Sencha Architect (UI builder) Sencha Animator (CSS3 effects builder) © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 7. JavaScript Libraries jQuery mobile http://jquerymobile.com ... <body> <div data-role="page"> <div data-role="header"> <h1>My Title</h1> </div><!-- /header --> <div data-role="content"> <h1>Lists</h1> <ul data-role="listview" data-inset="true" data-filter="true"> <li><a href="#">Acura</a></li> <li><a href="#">Audi</a></li> </ul> <h1>Forms</h1> <form><label for="slider-0">Input slider:</label> <input type="range" name="slider" id="slider-0" value="25" min="0" max="100" /> </form> </div><!-- /content --> <div data-role="footer"> <p>&copy; 2011-12 Altoros Systems LLC.</p> </div><!-- /header --> </div><!-- /page --> </body> ... © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 8. JavaScript Libraries Jo http://joapp.com/ Lightweight JavaScript framework designed for HTML5 apps. Last code update on GitHub about 4 month ago :( © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 9. JavaScript Libraries Advantages Disadvantages  Modern technologies  Not a native app  Quick start  Application speed  Injection  Platform dependable  Widely used  Internet  No special  No distribution channels environment © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 10. Applications Frameworks  Create an application from the start  Familiar programming language The M Project http://the-m-project.org/ jQuery mobile, NodeJs, Build HTML © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 11. Applications Frameworks Advantages Disadvantages  Single place for business  Doesn’t allow migration and presentation layers  100% relay on  Cutting-edge technologies development tools and community  Online usage only  Browser window  No distribution channels © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 12. Wrappers around web applications  Create a native app for mobile platform  Integrated Development Environment  Single code development  Native API support © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 13. Wrappers around web applications MoSync http://www.mosync.com JavaScript, HTML, C++ © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 14. MoSync © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 15. Wrappers around web applications PhoneGap http://phonegap.com/ HTML JavaScript Libraries Xcode plugin © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 16. PhoneGap © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 17. Wrappers around web applications RhoMobile http://rhomobile.com/ Ruby jQuery Mobile © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 18. RhoMobile © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 19. Wrappers around web applications Advantages Disadvantages  Native API  Not Native UI  Extendable tools  Challenges to go live  Offline support  High level of expertise  Native Application  Dependence on native  Covered common cases SDK versions.  Native SDK  Native Distribution channels © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 20. Transformers to Native code  Create a native app for mobile platform  Transform Platform Language into Native code  Integrated Development Environment  Have Platform Services  Native API support © ALTOROS Systems | CONFIDENTIAL 20Tuesday, May 22, 12
  • 21. Transformers to Native code Antenna http://www.antennasoftware.com/ AMP Wizards Build-in User Management © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 22. Antenna © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 23. Transformers to Native code Appcelerator Titanium http://www.appcelerator.com JavaScript only, but recently support HTML5 (mobile web version) The only tool that generates native UI elements, and transforms JavaScript into Native Platform Code. © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 24. Appcelerator Titanium © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 25. Transformers to Native code Advantages Disadvantages  Native API  Challenges to go live  Extendable tools  Dependence on  Offline support Transformers  Native Application  Dependence on native  Native UI SDK versions.  Native SDK  Native Distribution channels © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 26. Adobe AIR  Integrated Development Environment  Create native app for mobile platform SWF byte-code runs on Native Platform, iOS - Adobe AIR player embedded into each app, on Android use system installed Adobe AIR player.  Native API support  Stage 3D © ALTOROS Systems | CONFIDENTIAL 26Tuesday, May 22, 12
  • 27. Adobe AIR Advantages Disadvantages  Native API  Not Native UI  Extendable tools  Challenges to go live  Offline support  Dependence on native  Native Application SDK versions.  Stage 3D support (for  Moved into Gaming games) directions  Native Distribution channels © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 28. Summary  Allows to utilities 80%  Does not work for off all web development platform specific resources. features  Covers about 70% of  No performance all common application optimization as for GUI native UI elements.  Covers about 60% of  Does not really cover the common mobile all mobile platforms application functionality © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 29. Questions Anything you want to ask about? © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12