Cross-Platform Tools Overview
Upcoming SlideShare
Loading in...5
×
 

Cross-Platform Tools Overview

on

  • 985 views

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

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

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

Statistics

Views

Total Views
985
Views on SlideShare
911
Embed Views
74

Actions

Likes
0
Downloads
18
Comments
0

5 Embeds 74

http://blog.altoros.com 56
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 Overview Cross-Platform Tools Overview Presentation Transcript

  • Cross-Platform Tools Build once and Run Everywhere Alexey Karpik Web Platform Developer at ALTOROSTuesday, May 22, 12
  • Action plan  Current mobile platforms overview  Main groups of cross-platform tools  Examples of the usage  Summary  Questions © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 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
  • Cross-platform tools groups  JavaScript Libraries  Wrappers around web applications  Transformers to Native code  Applications Frameworks  Adobe Air © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Wrappers around web applications MoSync http://www.mosync.com JavaScript, HTML, C++ © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • MoSync © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • Wrappers around web applications PhoneGap http://phonegap.com/ HTML JavaScript Libraries Xcode plugin © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • PhoneGap © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • Wrappers around web applications RhoMobile http://rhomobile.com/ Ruby jQuery Mobile © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • RhoMobile © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 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
  • 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
  • Transformers to Native code Antenna http://www.antennasoftware.com/ AMP Wizards Build-in User Management © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • Antenna © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 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
  • Appcelerator Titanium © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12
  • 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
  • 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
  • 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
  • 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
  • Questions Anything you want to ask about? © ALTOROS Systems | CONFIDENTIALTuesday, May 22, 12