DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

JOS CARLOS SCHRDER JNIOR - (JUNIOR)

!

SOFTWARE ENGINEER @ ABASE SISTEMAS { 2005 - DATETIME.NOW() }

!

JUNIORSCHRODER@GMAIL.COM
!

HTTPS://GITHUB.COM/JUNIORSCHRODER
!

HTTPS://BR.LINKEDIN.COM/IN/JUNIORSCHRODER
!

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

APLICATIVOS E PLATAFORMAS

OBJECTIVE-C
SWIFT

JAVA

C#

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

TIPOS DE APPS
Apps NATIVAS
(Objective-C; Swift; Java; C#)
Apps HIBRIDAS
HTML + CSS + JAVASCRIPT

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK
Free e Open Source
Fornece um conjunto de componentes html, css, js e
ferramentas para desenvolvimento de apps
multiplataforma
Permite acesso e uso de recursos de hardware e de
sistema dos dispositivos mveis atravs do javascript
como: Camera, Bluetooth, Rede, GPS, Contatos, etc.

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

COMO ISSO FUNCIONA?

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

COMO ISSO FUNCIONA?

CAMERA, CONTATOS, GPS, BLUETOOTH, WIFI, ETC

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

COMO ISSO FUNCIONA?

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

COMO ISSO FUNCIONA?

http://ngcordova.com/

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

ANGULARJS ?????????
Framework Javascript Open-Source
Criado e mantido pelo Google
Aplica o padro MVC na construo de UI
Ajuda e muito na organizao do cdigo

https://angularjs.org/

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - IONIC CLI

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - IONIC LAB

http://lab.ionic.io/

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - IONIC VIEW

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - INSTALAO

C:\User\Usuario> npm install -g cordova ionic

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - CRIANDO UM NOVO APP

C:\User\Usuario> ionic start <nome_do_app> <template>

C:\User\Usuario> ionic start minhaApp tabs

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - ADICIONANDO PLATAFORMAS

C:\User\Usuario\nome_do_app> ionic platform add

android
$ ionic platform add ios

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - PLUGINS - NGCORDOVA

Javascript

Contatos
Camera
GPS

Etc....

http://ngcordova.com/docs/plugins/

SMS

C:\User\Usuario\nome_do_app> cordova plugin add

url_do_plugin_ou_nome_do_plugin
C:\User\Usuario\nome_do_app> cordova plugin add
cordova-plugin-contacts

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - ESTRUTURA DO PROJETO

AQUI VAMOS CODIFICAR NOSSO APP

SETREM - XVII FRUM DE INFORMTICA - DESENVOLVIMENTO MOBILE

IONIC FRAMEWORK - LET'S CODE !!!

APP 1 - CONSULTA CEP APP 2 - LEITOR COD. BARRAS

POSTMON API
PLUGIN BARCODESCANNER

MUITO OBRIGADO!

PERGUNTAS?