Ionic Framework

1. Building Mobile Apps with Cordova , AngularJS and Ionic
2. Who am I ? •Soltani Kadhem •Web & Mobile Developer at Novavision-it •Website: www.kadhem-soltani.com •Twitter : @kadhem_soltani
3. Agenda 1.Why make mobile app 2.Hybrid VS Native 3.What is Cordova ? 4.What is AngularJS ? 5.What is Ionic Framework ? 6.Q&A 7.Coding Time
4. Why make mobile apps?
5. Why make mobile apps ? •You want to make mobile app because: –The world is moving –Everybody's making mobile apps these day –For your business –...
6. Why make mobile apps ? •But: –You're not mobile app developer? –You don't know Java, Objective-C , c#? –You want to build app that run everywhere –……….
7. Let's try Hybrid!
8. Hybrid vs Native
9. Hybrid VS Native •Native Apps ● Platform specific ● Respective development tools ● Time consuming ● Expensive development
10. More Platforms, More Problems
11. You need cool web technologies..
12. Hybrid VS Native •Hybrid Apps ● Platform independent (iOS, Android etc.) ● HTML5, CSS3 & JS ● Quick development ● Direct access to native APIs with Cordova
13. Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript
14. •2009: PhoneGap started at Nitobi •2011: PhoneGap purchased by Adobe •2012: PhoneGap donated from Adobe to Apache •Software Foundation, and renamed as Cordova •Today: PhoneGap is a distribution of Cordova PhoneGap vs. Cordova
15. What is Cordova •Platforms ● Android ● Blackberry ● FirefoxOS ● iOS ● Tizen ● WebOS ● Windows Phone 7 ● Windows Phone 8
16. What is Cordova •Plugins ● Battery Status ● Camera ● Contacts ● Device Orientation ● Dialogs ● File Transfer ● Geolocation ● Media Capture ● Network Information ● Splashscreen ● Statusbar ● Vibration
17. Single Page Application Framework
18. What is ? - MVC Framework. - Developed by Google and the community is:
19. What is ? Directives
20. What is ? Controller & scope
21. What is ? Model
22. What is ? Routing
23. What is ?
24. •A Front-end framework for mobile apps •Contains a lot of mobile-optimized HTML, CSS and JS components •Best Friend with AngularJs •Uses Cordova to create, build, run, deploy mobile apps is: What is ?
25. What is Ionic solves multiple device resolution issues
26. List
27. Tabs
28. Pull To Refresh
29. Side Menu
30. Install Ionic & Cordova Globally npm install -g ionic cordova
31. Ionic Templates ionic start app blank ionic start app tabs ionic start app sidemenu
32. Add Platform, Build & Emulate Test on web browser ionic serve Add mobile platform (Android or iOS) ionic platform add [android/ios] Run test on device/emulator ionic [run/emulate] [ android/ios]
33. Do you have any question?
34. < Coding Time />
35. Thank you!

ABSTRAK Implementasi Ionic Framework dimaksudkan untuk membangun sistem berbasis mobile phone application yang akan digunakan oleh Harian Umum Bandung Ekspres guna mepermudah wartawan dan staff redaksi dalam mengumpulkan, menyunting dan menerbitkan sebuah informasi berita dengan cara yang lebih efektif dan lebih mobile dalam penggunaannya dilhat dari impelementasi yang memfokuskan pada perangkat lunak yang akan dibangun pada perangkat Smartphone. Dalam pengembangannya staff redaksi dapt menggunakan aplikasi ini sehingga bisa menyunting data berita yang sudah diterbitkan oleh wartawan di halaman utama Harian Umum Bandung Ekspres. Implmentasi Ionic Framework ini dimanfaatkan untuk dapat mempermudah pengembangan sebuah perangkat lunak berbasis lintas platform. Teknologi ini sangatlah membantu para pengembang dalam menggunakannya dan juga bersifat open source sehingga bisa dikembangkan lagi oleh pengembang lain.

Em um mundo cada vez mais conectado, é evidente o crescimento constante do
uso de smartphones. Dentre as aplicações mais utilizadas estão às redes
sociais, as aplicações de troca de mensagens, e-mail, E-comerces, mapas e
localização. O desenvolvimento dessas aplicações, não é tarefa fácil. O mercado
móvel está praticamente dividido entre dois sistemas operativos: Android e IOS,
onde cada um possui características e arquiteturas distintas, e o
desenvolvimento amplamente difundido para utilizar a linguagem nactiva e
desenvolver uma aplicação específica para cada sistema operativo. Isso acaba
aumentando muito o tempo e o custo para desenvolver uma aplicação.
Razão pela qual surge a necessidade de se explorar soluções que maximizam o
desenvolvimento de aplicações e minimizam os custos envolvidos no processo,
estamos assim falando do desenvolvimento híbrido, que vai permitir que um
mesmo código possa gerar aplicações para diferentes sistemas operativos.
Sendo assim no presente trabalho será abordada a utilização do framework ionic
para o desenvolvimento de uma aplicação móvel para monitorização de
transportes em tempo real com auxílio da plataforma Firebase e Google maps.

This paper presents an approach for smart home automation using Internet of Things (IoT ) integration with computer vision, web services and cross-platform mobile services. This project aims to increase home security using the aforementioned approach. The approach focuses on: (1) sending data and receiving instructions by sensors, cameras and servo motors, to and from the end user, through embedding intelligence to the mentioned gadgets using Raspberry Pi tiny computer; (2) assisting interaction of end users and home devices through cross-platform mobile application developed using Ionic Framework; (3) connecting the two client sides, the end user and devices, through publish/subscribe model using PubNub Data Stream Network; (4) data representation and exchange efficiently using JSON data format. Moreover, four use cases were implemented to demonstrate this approach efficiency.

In this paper, we present the results of a controlled experiment aimed to investigate whether there is a difference when comprehending apps implemented with either cross-platform (Ionic-Cordova-Angular) and native (Android) technologies. We divided participants into two groups. The participants in each group were asked to comprehend the AQ1 source code of either the app implemented using Ionic-Cordova-Angular technology or its Android version. We also asked the participants to identify and fix faults in the source code. The goal was to verify if the technology might play a role in the execution of these two kinds of tasks. We also investigated the affective reactions of participants and the difficulty they perceived when accomplishing the tasks mentioned before. The most important takeaway result is: there is not a statistically significant difference in the comprehension and in the identification and fixing of bugs when dealing with either native or cross-platform apps.

Today, mobility is seen as one of the broad historical novelties of the technological conflagration. From the first decade of the twenty- first century, the was as intense and basal shock in most of the economic fields, but nothing compared to what happened in the information technology sector that has been adding to the market a range of innovations related to the computing infrastructure such as peripherals, programs, computer networks, etc. From a device, such as a cellular device, it is permissible to connect to the digital world, people, customers, business partners, etc. Given the unlimited range of data, services and resources available in the electronic world, it is considered that rare are those, markets and people who aspire to be left behind. Interest in this communication channel becomes a new strategy, not only of marketing, but of communication. The objective of this work is to clearly evaluate the concept of distributed systems for mobile device, its application and its applicability, through a mobile application developed in the JavaScript language to meet the needs of the Ministry of Environment that wants to install a solution to organize the data from sensors of environmental abstractions, such as: air pollution; transit (including public transport); flood areas; invasions of water source areas; deforestation; thermal inversion; among others. The work was qualitative, based on works published by expert scholars, who have already pointed out the concepts, uses, applications, performance and failures.

Pemanfaatan intrusion detection system sebagai salah satu Teknik yang dapat mendeteksi serangan lebih dini dalam jaringan komputer. Dalam mendeteksi setiap serangan intrusion detection system menggunakan dua Teknik yaitu dengan anomaly based dan signature based. Pada penelitian ini akan mengukur penggunaan sumber daya komputer yang digunakan dalam mendeteksi serangan baik oleh anomaly based maupun signature based. Teknik pengukuran menggunakan experimental metode dengan memberikan sistem dengan serangan secara terus menerus dan bervariasi dari serangan yang bersifat anomali maupun bersifat signature, kemudian mengukur penggunaan sumber daya baik memori maupun penggunaan processor, serta waktu responsi oleh signature based maupun anomaly based. Berdasarkan analisis pengukuran terhadap respon deteksi metode anomaly based mempunyai keunggulan deteksi lebih cepat dengan membutuhkan 7 detik dibandingkan dengan signature based. Sedangkan, penggunaan processor metode signature based mengko...