Cross-Platform Tools                             Build once and Run Everywhere                                 Alexey Karp...
Action plan                     Current mobile platforms overview                     Main groups of cross-platform tool...
Mobile platforms          World-Wide Smartphone Sale (2012 Q1)                                                     Windows...
Cross-platform tools groups               JavaScript Libraries               Wrappers around web applications           ...
JavaScript Libraries                Single unified GUI                      You have one GUI for multiple devices        ...
JavaScript Libraries               Sencha               http://www.sencha.com/                Have some additional related...
JavaScript Libraries             jQuery mobile             http://jquerymobile.com              ...              <body>   ...
JavaScript Libraries                Jo                http://joapp.com/                 Lightweight JavaScript framework d...
JavaScript Libraries                      Advantages                            Disadvantages              Modern technol...
Applications Frameworks            Create an application from the start            Familiar programming language        ...
Applications Frameworks                      Advantages                            Disadvantages       Single place for b...
Wrappers around web applications             Create a native app for mobile platform             Integrated Development ...
Wrappers around web applications               MoSync               http://www.mosync.com               JavaScript, HTML, ...
MoSync                      © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
Wrappers around web applications      PhoneGap       http://phonegap.com/       HTML       JavaScript Libraries       Xcod...
PhoneGap                      © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
Wrappers around web applications                RhoMobile                http://rhomobile.com/                Ruby        ...
RhoMobile                       © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
Wrappers around web applications                      Advantages                            Disadvantages                ...
Transformers to Native code      Create a native app for mobile platform      Transform Platform Language into Native   ...
Transformers to Native code         Antenna         http://www.antennasoftware.com/         AMP         Wizards         Bu...
Antenna                      © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
Transformers to Native code                 Appcelerator Titanium                http://www.appcelerator.com              ...
Appcelerator Titanium                          © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
Transformers to Native code                      Advantages                            Disadvantages                Nativ...
Adobe AIR      Integrated Development Environment      Create native app for mobile platform            SWF byte-code ru...
Adobe AIR                      Advantages                            Disadvantages            Native API                 ...
Summary                Allows to utilities 80%                      Does not work for                 off all web develo...
Questions                      Anything you want to                      ask about?                             © ALTOROS ...
Upcoming SlideShare
Loading in...5
×

Cross-Platform Tools: Build Once and Run Everywhere

718

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
718
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Cross-Platform Tools: Build Once and Run Everywhere

  1. 1. Cross-Platform Tools Build once and Run Everywhere Alexey Karpik Web Platform Developer at ALTOROSTuesday, May 22, 12
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 13. Wrappers around web applications MoSync http://www.mosync.com JavaScript, HTML, C++ © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  14. 14. MoSync © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  15. 15. Wrappers around web applications PhoneGap http://phonegap.com/ HTML JavaScript Libraries Xcode plugin © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  16. 16. PhoneGap © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  17. 17. Wrappers around web applications RhoMobile http://rhomobile.com/ Ruby jQuery Mobile © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  18. 18. RhoMobile © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  19. 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. 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. 21. Transformers to Native code Antenna http://www.antennasoftware.com/ AMP Wizards Build-in User Management © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  22. 22. Antenna © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  23. 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. 24. Appcelerator Titanium © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  25. 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. 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. 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. 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. 29. Questions Anything you want to ask about? © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×