HTML5 vs iPhone/Android native development

estrapadetubacityΚινητά – Ασύρματες Τεχνολογίες

10 Δεκ 2013 (πριν από 3 χρόνια και 8 μήνες)

164 εμφανίσεις

www.ciklum.net
HTML5
vs
iPhone/Android native development
Ruslan

Zhakupov

Project Manager
Project Office, CSC

Agenda
www.ciklum.net
2

ü

4 ways to create Mobile apps

ü

What should you know about HTML5
ü

HTML5 vs Native development


ü

Summary

What all customers want from
their mobile application
n

Impressive design

n

Rich functionality
n

Good performance
n

Follow each platform UI guidelines (Apple HIG, Android
design guidelines, BB guidelines)
n

Cover all platforms
And
to get all of these for minimal price
J

www.ciklum.net
3
How mobile applications can be
created - 1
n

Native development (Objective-C, Java, etc.)
q

Targeted for the only platform
q

Needs programming knowledge and experience
q

All best apps are native apps!

n

HTML5, mobile web,
PhoneGap

q

Needs HTML5 and JavaScript knowledge
q

Lack of professional, experienced developers using JavaScript
mobile frameworks
q

Slower and less polished apps than native ones
www.ciklum.net
4
How mobile applications can be
created - 2
n

Platforms like
Netbuiscuits
, Titanium,
Marmelade
, etc.
q

Need some time to learn the platform
q

Multiplatform development
q

There are some restrictions of the platform

n

Mobile builders like
BiznessApps
,
MobileRoadie
,
etc.
q

Produce native apps
q

Targeted for application categories: like RSS reader, e-shop, etc.
q

Suitable only for really simple apps
www.ciklum.net
5
Mobile builders, platforms


n

Mobile builders
q

BiznessApps
-
http://
biznessapps.com

q

AppMakr
-
http://www.appmakr.com

q

MobileRoadie

http://mobileroadie.com

n

Platforms
q

Netbuiscuits
-
http://www.netbiscuits.com

q

Titanium -
http://www.appcelerator.com

q

Marmelade
-
http://www.madewithmarmalade.com

q

Unity 3D -
http://unity3d.com

q

MonoTouch
-
http://xamarin.com/monotouch

q

Service2Media -
http://www.service2media.com

www.ciklum.net
6
Why client choose that?
www.ciklum.net
7
Approach/
Needs
Native
HTML5
Mobile
builders
Platforms
Custom design
No functionality
restrictions
Speed
Follow UI
Guidelines
Multiplatform
Low cost
Your criteria?
Обязательно учите HTML5

n

«Обязательно учитесь HTML5 — это прям, вот-вот
прям учитесь, это будущее, будущее, будущее. И
второе — учитесь
Ruby
. Соответственно, потому что
весь веб перейдет на
Ruby
. Забудьте PHP. Ну,
Java
и
С++ - ладно уже, бог с ним, учите тоже.»
n

© Алёна Владимирская, руководитель кадрового
агентства PRUFFI

www.ciklum.net
8
HTML5
vs
iPhone/Android native development
www.ciklum.net
9
What we expect from HTML5
n

App working on all mobile platforms
n

Good performance
n

Smooth User Interface
n

Easy to code
www.ciklum.net
10
What we expect from HTML5
n

Working on all mobile platforms!
n

Not very good performance with big data rows
n

Prevailing web interface
n

To create good HTML5 app even harder than native one
www.ciklum.net
11
In reality
What developers should know
about HTML5
n

Mobile web sites
n

Good for content-based apps
n

Good for simple apps
n

Not paying 30% to Apple

www.ciklum.net

12
HTML5 is good for:
But…
What developers should know
about HTML5
n

HTML5 app will look in between rather than native app
n

You should test HTML5 app for each platform
n

HTML5 is not good for high performance tasks
n

HTML5 works slowly with big amounts of data (like scrollable
views, etc.)
n

HTML5 does not support some features: push notifications,
working in background, scrolling big lists, smooth cover flow,
swipe gesture, etc.
n

User Experience and
knacks

www.ciklum.net

13
HTML5 really good ... but:
What we should expect from
HTML5
Mobile
application
www.ciklum.net
14
Mobile version
of website
What we should expect from
HTML5
Native applications
www.ciklum.net
15
HTML5 applications
App
native-
ness
Mobile website
Use cases – LinkedIn
n

Reused HTML parts
from web app
n

Used for web-based
content parts
n

The same code for
mobile web, iOS and
Android
n

Ability to change
web-based parts
quickly
n

Used Backbone and
Underscore libs
www.ciklum.net
16
Use cases -
Dell Mobile

n

Pure
HTML5
n

Working
really slow
www.ciklum.net
17
Use cases – Questionnaire
n

Was first project using
HTML5
n

Used
PhoneGap

n

Started with
jQueryMobile

n

Switch to
Sencha
Touch
n

Optimized
www.ciklum.net
18
Use cases -
ScotWork


www.ciklum.net
19
n

iOS
,
Android, BB
n

A lot of
hardcoded
content
n

Translation
to 11
languages
Summary
www.ciklum.net
20
n

HTML5
is
a
niche

platform


n

Functionality of HTML5 developing fast
n

Understand your needs before choosing -
HTML5
vs
Native
n

More platforms - HTML5 will be stronger
Useful Links
n

http://www.mobilehtml5.com/
-
Mobile HTML5 lessons
and tips
n

http://venturebeat.com/2011/08/16/linkedin-node/
- How
LinkedIn used HTML5 for their mobile application.
n

http://web.appstorm.net/roundups/30-incredibly-useful-
fun-html5-mobile-apps/
- good examples of HTML5
applications

n

http://www.floydprice.com/wp-content/uploads/2010/09/
multiTouch.htm
- multi touch example for HTML5

n

http://css-3d.org/space-cube-1.htm
- HTML5 site
www.ciklum.net
21
Contacts
www.ciklum.net
22