Hybrid mobile applications: what are they and why you should give them a chance

28
Based on our (www.primemodule.com) experience

Transcript of Hybrid mobile applications: what are they and why you should give them a chance

Page 1: Hybrid mobile applications: what are they and why you should give them a chance

Based on our (www.primemodule.com) experience

Page 2: Hybrid mobile applications: what are they and why you should give them a chance

MOBILE APPLICATIONSwhat is the big deal?

Page 3: Hybrid mobile applications: what are they and why you should give them a chance

NATIVE● Developed using Java (Android),

Objective-C or Swift (iOS). ● Going native lets you to use all of

the capabilities of an operating system, with a minimum of performance losses on a specific platform.

● You download it from store and run on your phone / tablet.

● Mobile version of a web application from desktop.

● You access it through your browser.

WEBVIEW

Page 4: Hybrid mobile applications: what are they and why you should give them a chance

HYBRID MOBILE APPLICATIONCombines native and web applications.

They use a common code base to deploy native-like apps to a range of platforms.

They are based on web technologies such as: HTML5, JavaScript and others, but you can still find them in appstore or google store and they provide you the

same experience like native apps.

Page 5: Hybrid mobile applications: what are they and why you should give them a chance

BIG PLAYERS BELIEVE IN HYBRIDSome of them are:

● Rio 2016 Olympics and Paralympics

● New York MTA Bus Time

● Sworkit (with more than 14 million downloads)

● Logitech

● Meerkat movies

● CARD.com

● Adobe

Page 6: Hybrid mobile applications: what are they and why you should give them a chance

10 REASONSFor going hybrid*

*Based on our experience with Ionic framework

Page 7: Hybrid mobile applications: what are they and why you should give them a chance

1. It is fast to deploy (I mean super fast)

Guys at Tract transitioned their main iPad app to hybrid app. What is interesting they claim that it took them two months to build a powerful

hybrid app in Ionic for multiple platforms compared to six months for the same app mentioned only for iPad.

Page 8: Hybrid mobile applications: what are they and why you should give them a chance

2. It is performance oriented

● Minimal DOM manipulation.

● Zero jQuery.

● Hardware accelerated transitions.

Page 9: Hybrid mobile applications: what are they and why you should give them a chance

3. Ionic 2

ANGULAR 2 POWERED:

● TC-39, standards-compliant JS.

● Performance boosts, especially

to mobile.

IONIC 2 CHANGES:

● Typescript and ES6 support.

● Navigation works like stack.

● You can have as many menus as

you’d like.

Page 10: Hybrid mobile applications: what are they and why you should give them a chance

4. It is web technology based

Whole concept for hybrid apps is that they base on web technology. Having AngularJS, HTML5, CSS3, and Javascript under your belt you

are fully equipped to create outstanding mobile applications.

Page 11: Hybrid mobile applications: what are they and why you should give them a chance

5. Ionic CLI

The Ionic Framework has very powerful CLI (command line utility). Integrated login and live reload really runs great. CLI makes it easy to

start, build, run, and emulate Ionic apps on the fly.

Page 12: Hybrid mobile applications: what are they and why you should give them a chance

6. Great community and support

104 000 users on their forum

Page 13: Hybrid mobile applications: what are they and why you should give them a chance

6. Great community and support

Slack group with over five thousand members

Page 14: Hybrid mobile applications: what are they and why you should give them a chance

6. Great community and support

Over 11 thousands threads tagged Ionic framework on stack overflow

Page 15: Hybrid mobile applications: what are they and why you should give them a chance

6. Great community and support

Ionic is the world’s most popular cross-platform mobile development

technology stack

Page 16: Hybrid mobile applications: what are they and why you should give them a chance

7. Ionic (and most of other SDK) is an open source SDK released under a permissive MIT license

Basically, you can do whatever you want as long as you include the

original copyright and license notice in any copy of the

software / source.

Page 17: Hybrid mobile applications: what are they and why you should give them a chance

8. Easy to update on multiple platforms

Having one code which suits (almost entirely) all of present platforms

you can easily and very fast update your apps for multiple

operating systems.

Page 18: Hybrid mobile applications: what are they and why you should give them a chance

9. Users don’t care

USERS DON’T CARE ABOUT THE TECHNOLOGYYOU HAVE USED

Until everything works greats, and brings cool experiences they

probably even don’t think about how all of this works.

Page 19: Hybrid mobile applications: what are they and why you should give them a chance

10. Ionicons

Ionicons holds now over 900 icons. It is also

MIT licensed so it can be used on its own or

inside Ionic UI components. This is great

while speaking about performance. Now we

don’t have to load external icons which

clearly has great impact on performance.

Page 20: Hybrid mobile applications: what are they and why you should give them a chance

Drawbacks, are there any?

Page 21: Hybrid mobile applications: what are they and why you should give them a chance

PERFORMANCE ISSUES

Minimal DOM manipulation. +

Hardware accelerated transitions. +

Zero jQuery. =

YOU SHOULD ONLY WORRY ABOUT THE QUALITY OF YOUR CODE

If your desktop code is performance oriented I think that you will also be

capable of creating hybrid app without any later performance issues.

It is harder to implement some of the native features such. But fortunately it is

still possible to do it, so you really can bring to your users true native-like experience.

NATIVE FEATURES

Page 22: Hybrid mobile applications: what are they and why you should give them a chance

But is it good for me?

Page 23: Hybrid mobile applications: what are they and why you should give them a chance

YES

Page 24: Hybrid mobile applications: what are they and why you should give them a chance

I hope that I’ve managed to prove you that it really doesn’t

matter how complicated your app is supposed to be. With

experienced developers you can create hybrid app for multiple

operational systems which has no performance issues and runs

smoothly on various devices.

Page 25: Hybrid mobile applications: what are they and why you should give them a chance

In the very long term, I don’t think you should have to think about, as a

developer, am I developing for this platform or another, or something like

that. I think you should be able to work at a much higher level, and software

you write should run everywhere, easily.

“”Larry Page during Google I/O 2013

Page 26: Hybrid mobile applications: what are they and why you should give them a chance

SUMMARYSince deployment of our first hybrid app we have been great fans of

this technology. With such a great tools like HTML5, JavaScript in times when

developers really do know how to use every bit of given technologies we surely

are heading to a non-specific app development. Also fast technology

progression would eliminate all performance related downsides (which based

on our experience are not significant – of course if you care about performance

since the beginning of development). One code suits all is not only tempting

idea but it is truly becoming a reality.

Page 27: Hybrid mobile applications: what are they and why you should give them a chance

If you would like to read more on the topic head over to our blog:

blog.primemodule.comhttp://blog.primemodule.com/hybrid-mobile-applications-mvp/

also you can e-mail me: [email protected]

or tweet to me: @kWyrzykowski

Page 28: Hybrid mobile applications: what are they and why you should give them a chance