Developing Mobile Appsfor the real world with

IonicFramework

2

Daniel Comas FernándezSoftware Developer | Team Lead@dcomasfdaniel.comas@Ingens-networks.comabout.me/danicomas

@ingensnetworkswww.ingens-networks.com

3The sentence…

“Facebook was wrong because they didn’t know the context of development”

4

How it works?

ngCordova

PhoneGap and Third Party Plugins

Platform

Native iOS Code Native Android Code

5

Plugins (ngCordova connector)

• Push Notifications• Vibration• Device Information (Battery / model, …)• Network• Camera (base64 / <img>)• Geolocation

Basics and more (http://ngcordova.com/docs/plugins)

6

Project structure

7

Ionic Installation

• npm install -g cordova ionic• ionic start myApp sidemenu• ionic platform add ios• ionic build ios• Ionic run ios

8

CLI Commands

• Ionic serve (start with web browser)

• Ionic run [platform] *1, 2, 3, 4

• Ionic platform remove [platform]

*1 It runs the simulator If the mobile is not connected *2 With iphone, you need stop this process (killall ios-deploy) and run again*3 iOS / Xcode needs a developer certificate *4 If you move the folder you need remove platform, add platform and build again

9

Pros• Reduce the cost to develop apps• Same code• Ionic Controls (useful)• Easy develop (no fragments no dataadapter, …)

• Accept phonegap plugins (hybrid)• ngCordova• CLI• Ionic community, forum, and Drifty :D!• AngularJS modularity and SPA• Customize (CSS / Templates and SASS Preprocessor)• Cached Views

10

Multi platform

11

Ionic vs ReactjsReactJS Native

-Not released-Only iOS by now-Good performance-Less community (Important to develop connectors)

-Different platform source code, but all of them in JS- And U͙ ?¿

-Released and stable-Same code for the all platforms-iOS > 7 & Android > 4.0-Developing Easy & Fast -Better perfomance with better devices

(People will have better devices)-Behavior will be aproximatelly the same that native-AngularJS 2.0

IonicNow

Now

Few years

Few years

12

Important things

• Only accept Android / iOS• PhoneGap Team (Adobe)• Know concepts and languages

about iOS / Androido Pluginso Debuggingo fixes

13

At this moment…

• When shouldn't we use it? (Now)o Final users (Big data)

• When can we use it?o Internal Company Apps (90 %)o Startup Appso Final Users (Simple Apps)

14

The decision…

What is the context of your App?

o Usero Companyo Budgeto Big Datao Teamo Performance

15

http://adamdbradley.github.io/ionic-present/#/4 (Devices evolution)

Official PPT - #NGCONF 06/03/2015

http://adamdbradley.github.io/ionic-present/#/15 (Platform Continuity)

http://adamdbradley.github.io/ionic-present/#/17 (Some controls, Cached Views)

16

Daniel Comas FernándezSoftware Developer | Team Lead@dcomasfdaniel.comas@Ingens-networks.comabout.me/danicomas

@ingensnetworkswww.ingens-networks.com

THANKS!!!!!!