Ionic - Hybrid Mobile Application Framework
-
Upload
sanjay-kumar -
Category
Technology
-
view
65 -
download
0
Transcript of Ionic - Hybrid Mobile Application Framework
![Page 1: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/1.jpg)
Create Incredible Mobile Apps using Ionic Framework
http://www.deligence.com
![Page 2: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/2.jpg)
What we will Cover -IntroductionHistoryWhere Does Ionic Fit?FeaturesBenefits of Ionic FrameworkAdvantages and DisadvantagesIonic and IOTSupported PlatformsPerformanceInstallationConclusion
http://www.deligence.com
![Page 3: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/3.jpg)
![Page 4: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/4.jpg)
Ionic - Introduction
Ionic is an advanced HTML5 Hybrid Mobile App Framework used for developing mobile apps.
Ionic is built on AngularJS and Apache Cordova.
It provides tools and services for building mobile UI with native look and feel.
Ionic framework needs a native wrapper to be able to run on mobile devices.
It allows you to build cross platform native applications using AngularJS.
http://www.deligence.com
![Page 5: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/5.jpg)
Ionic - History
http://www.deligence.com
![Page 6: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/6.jpg)
Ionic - History
Ionic was created by Drifty Co. in 2013. Drifty's prior products include Codiqa and Jetstrap, drag-and-drop interface building tools using jQuery Mobile and Bootstrap. Taking feedback from customers who tried to build mobile apps, the team decided to build their own framework that would focus on performance and be built with modern Web standards. After releasing an alpha version of the framework in November 2013, a 1.0 beta was released in March 2014, with a 1.0 final in May 2015.
In 2015 Ionic developers reportedly created over 1.3M apps with the SDK.
http://www.deligence.com
![Page 7: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/7.jpg)
![Page 8: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/8.jpg)
Where Does Ionic Fit?
http://www.deligence.com
![Page 9: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/9.jpg)
Ionic - Features
![Page 10: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/10.jpg)
Ionic - FeaturesIonic provides all the functionality that can be found in native mobile development SDKs.
Users can build their apps, customize them for Android or iOS, and deploy through Cordova.
Ionic includes mobile components, typography, interactive paradigms, and an extensible base theme.
Based on SASS and provides tons of UI components for creating robust and rich apps.
Ionic comes transported with a powerful CLI, providing mobile app developers the ability to build and test Ionic apps on any platform.
http://www.deligence.com
![Page 11: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/11.jpg)
Ionic - Benefits
![Page 12: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/12.jpg)
Benefits of Ionic Framework in Mobile App Development
Platform Independent Framework
Default User Interface
Feasible Cross Mobile App Development
Built On AngularJS
http://www.deligence.com
![Page 13: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/13.jpg)
Ionic – Advantages & Disadvantages
http://www.deligence.com
![Page 14: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/14.jpg)
Ionic – Advantages & DisadvantagesAdvantage -One source for all the suported platforms (mainly Android and OSX).
Main development in html, css and js, which almos all web developers know (or at leas the good ones).
And being able to use great frameworks like angular, which is embedded in ionic by default.
Disadvantage -Less performance as it's not completely native, not that much of an issue unless making games or high load apps, the ones that uses a lot of resources.
http://www.deligence.com
![Page 15: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/15.jpg)
Ionic and the Internet of Things (IOT)
![Page 16: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/16.jpg)
As the IoT industry grows, there will be a huge need for developers to build countless mobile apps, quickly and inexpensively, that interact with sensors, Arduino chips, and BLE. Ionic’s open source toolkit offers developers a free way to build attractive, user-friendly, performant apps very quickly, using web technologies that are already familiar to web developers and fairly easy for new mobile developers to master.
Here are a few of my favorite examples of Ionic apps being used for IoT projects –
A Daft Punk-Inspired Robot Helmet
A Crossfit WOD App
Duffel Bags with Integrated Bluetooth Beacons
Sensors that Monitor Concrete as it Sets
Ionic and IOT
http://www.deligence.com
![Page 17: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/17.jpg)
Ionic – Supported Platforms
![Page 18: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/18.jpg)
Ionic – Supported Platforms
Ionic is focused on building for modern Web standards and for modern mobile devices.
For Android, Ionic supports Android 4.1 and up.
For iOS, Ionic supports iOS 7 and up.
Ionic supports the Universal Windows Platform for building Windows 10 apps.
Ionic Framework, powered by Angular.js, supports BlackBerry 10 apps.
http://www.deligence.com
![Page 19: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/19.jpg)
Ionic – Performance
Compared to hybrid applications, mixing Ionic code with native mobile app code in PhoneGap allows for higher performance of the resulting product: utilizing AngularJS (rather than jQuery) allows Ionic to rely on native hardware acceleration (rather than extensive DOM manipulation). Ionic leverages CSS transitions and transforms for animation as a way to leverage the GPU and maximize available processor time.
http://www.deligence.com
![Page 20: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/20.jpg)
Ionic – Installation
![Page 21: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/21.jpg)
Ionic – Installation
Ionic is an npm module and requires Node.js.
Ionic CLI
Install Ionic from npm npm install - g ionic cordova
ionic startionic serveionic buildionic emulate/runionic resourcesionic docsionic uploadionic shareand many more....
http://www.deligence.com
![Page 22: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/22.jpg)
Ionic – Conclusion
Ionic Framework is the dominant HTML5 mobile development framework at present. You don’t know how things will play out in this fast changing app development world, but Ionic is well placed to go on its domination and become more and more better in the future.
http://www.deligence.com
![Page 23: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/23.jpg)
Deligence Technologies - your growing technology partner! www.deligence.com/contact-us Email : [email protected] : +91 9910130340
http://www.deligence.com
![Page 24: Ionic - Hybrid Mobile Application Framework](https://reader035.fdocuments.net/reader035/viewer/2022062822/58808b531a28ab35718b6a05/html5/thumbnails/24.jpg)