Cross-Platform Tools: Build Once and Run Everywhere

Cross-Platform Tools
Build once and Run Everywhere

Alexey Karpik
Web Platform Developer at ALTOROS

Tuesday, May 22, 12

Action plan

 Current mobile platforms overview
 Main groups of cross-platform tools
 Examples of the usage
 Summary
 Questions

© ALTOROS Systems | CONFIDENTIAL

Tuesday, 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 3

Tuesday, May 22, 12

Cross-platform tools groups

 JavaScript Libraries

 Wrappers around web applications

 Transformers to Native code

 Applications Frameworks

 Adobe Air

Tuesday, 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


Tuesday, May 22, 12


Sencha
http://www.sencha.com/

Have some additional related products:
Sencha Architect (UI builder)
Sencha Animator (CSS3 effects builder)


Tuesday, May 22, 12

jQuery mobile
http://jquerymobile.com
...
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div>
<div data-role="content">
<h1>Lists</h1>
<ul data-role="listview" data-inset="true" data-ﬁlter="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>
<div data-role="footer">
<p>© 2011-12 Altoros Systems LLC.</p>
</div>
</div>
</body>
...

Tuesday, May 22, 12


Jo
http://joapp.com/

Lightweight JavaScript framework designed
for HTML5 apps.
Last code update on GitHub about 4 month
ago :(


Tuesday, May 22, 12


Advantages Disadvantages
 Modern technologies  Not a native app
 Quick start  Application speed
 Injection  Platform dependable
 Widely used  Internet
 No special  No distribution channels
environment


Tuesday, 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


Tuesday, May 22, 12

Applications Frameworks

 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


Tuesday, May 22, 12

Wrappers around web applications

 Create a native app for mobile platform
 Integrated Development Environment
 Single code development
 Native API support


Tuesday, May 22, 12


MoSync
http://www.mosync.com
JavaScript, HTML, C++


Tuesday, May 22, 12

MoSync


Tuesday, May 22, 12


PhoneGap
http://phonegap.com/
HTML
Xcode plugin


Tuesday, May 22, 12

PhoneGap


Tuesday, May 22, 12


RhoMobile
http://rhomobile.com/
Ruby
jQuery Mobile


Tuesday, May 22, 12

RhoMobile


Tuesday, May 22, 12


 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


Tuesday, May 22, 12

Transformers to Native code

 Create a native app for mobile platform
 Transform Platform Language into Native
code
 Have Platform Services


Tuesday, May 22, 12


Antenna
http://www.antennasoftware.com/
AMP
Wizards
Build-in User Management


Tuesday, May 22, 12

Antenna


Tuesday, May 22, 12


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.


Tuesday, May 22, 12

Appcelerator Titanium


Tuesday, May 22, 12


 Native API  Challenges to go live
 Extendable tools  Dependence on
 Offline support Transformers
 Native Application  Dependence on native
 Native UI SDK versions.
 Native SDK
channels


Tuesday, May 22, 12

Adobe AIR

 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.

 Stage 3D


Tuesday, May 22, 12

Adobe AIR

 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
channels


Tuesday, 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


Tuesday, May 22, 12

Questions

Anything you want to
ask about?


Tuesday, May 22, 12

Cross-Platform Tools: Build Once and Run Everywhere

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Cross-Platform Tools: Build Once and Run Everywhere

Ähnlich wie Cross-Platform Tools: Build Once and Run Everywhere (20)

Mehr von Altoros

Mehr von Altoros (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Cross-Platform Tools: Build Once and Run Everywhere