Cross-Platform Tools

(1)

Cross-Platform Tools

Build once and Run Everywhere

Alexey Karpik

(2)

Action plan



Current mobile platforms overview



Main groups of cross-platform tools



Examples of the usage



Summary

(3)

Windows Phone 7 2.0% RIM 7.2% Symbian 8.9% iOS 23.8% Android 58.2%

World-Wide Smartphone Sale (2012 Q1)

(4)

Cross-platform tools groups



JavaScript Libraries



Wrappers around web applications



Transformers to Native code

(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

(6)

Sencha

http://www.sencha.com/

JavaScript Libraries

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

(7)

jQuery mobile

http://jquerymobile.com

JavaScript Libraries

... <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-filter="true"> <li><a href="#">Acura</a></li>

<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">

(8)

Jo

http://joapp.com/

JavaScript Libraries

Lightweight JavaScript framework designed for HTML5 apps.

(9)

JavaScript Libraries

 _{Modern technologies}  _{Quick start}  _Injection  _{Widely used}  _{No special} environment

Advantages

Disadvantages

 _{Not a native app}  _{Application speed}

 _{Platform dependable}  _Internet

(10)

The M Project

http://the-m-project.org/

jQuery mobile, NodeJs, Build HTML

Applications Frameworks

 Create an application from the start

(11)

Applications Frameworks

 Single place for business and presentation layers

 Cutting-edge technologies

 Doesn’t allow migration

 100% relay on

development tools and community

 Online usage only

 Browser window

 No distribution channels

(12)



Create a native app for mobile platform



Integrated Development Environment



Single code development



Native API support

(13)

http://www.mosync.com

JavaScript, HTML, C++

MoSync

(14)

(15)

http://phonegap.com/

HTML

JavaScript Libraries Xcode plugin

PhoneGap

(16)

(17)

http://rhomobile.com/

Ruby

jQuery Mobile

RhoMobile

(18)

(19)

Advantages

 Native API

 _{Extendable tools}  _{Offline support}

 Native Application

 Covered common cases

 Native SDK  _{Native Distribution} channels

Disadvantages

 _{Not Native UI}  _{Challenges to go live}  _{High level of expertise}  _{Dependence on native}

SDK versions.

(20)

Transformers to Native code



Create a native app for mobile platform



Transform Platform Language into Native

code



Integrated Development Environment



Have Platform Services

(21)

http://www.antennasoftware.com/

AMP

Wizards

Build-in User Management

Antenna

(22)

(23)

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.

Appcelerator Titanium

(24)

(25)

Advantages

 Native API  _{Extendable tools}  _{Offline support}  Native Application  Native UI  Native SDK  _{Native Distribution} channels

Disadvantages

 _{Challenges to go live}  _{Dependence on} Transformers  _{Dependence on native} SDK versions.

(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

(27)

Advantages

 Native API

 _{Extendable tools}  _{Offline support}

 Native Application

 Stage 3D support (for games)  _{Native Distribution} channels

Disadvantages

 _{Not Native UI}  _{Challenges to go live}  _{Dependence on native} SDK versions.

 _{Moved into Gaming}

directions

(28)

Summary

 Allows to utilities 80% off all web development resources.

 Covers about 70% of all common application GUI

 Covers about 60% of the common mobile

application functionality

 Does not work for platform specific features

 No performance

optimization as for native UI elements.

(29)

Cross-Platform Tools

Cross-Platform Tools

Alexey Karpik

Action plan



Current mobile platforms overview



Main groups of cross-platform tools



Examples of the usage



Summary

World-Wide Smartphone Sale (2012 Q1)

Cross-platform tools groups



JavaScript Libraries



Wrappers around web applications



Transformers to Native code

JavaScript Libraries



Single unified GUI



Touch interface benefits



HTML5, CSS3

Sencha

JavaScript Libraries

jQuery mobile

JavaScript Libraries

Jo

JavaScript Libraries

JavaScript Libraries

Advantages

Disadvantages

The M Project

Applications Frameworks

Applications Frameworks



Create a native app for mobile platform



Integrated Development Environment



Single code development



Native API support

MoSync

PhoneGap

RhoMobile

Advantages

Disadvantages

Transformers to Native code



Create a native app for mobile platform



Transform Platform Language into Native

code



Integrated Development Environment



Have Platform Services

Antenna

Appcelerator Titanium

Advantages

Disadvantages

Adobe AIR



Integrated Development Environment



Create native app for mobile platform



Native API support

Advantages

Disadvantages

Summary

Questions