Slides do mini curso de desenvolvimento mobile do XVII FÓRUM DE INFORMÁTICA da SETREM

1. IONIC FRAMEWORK
DESENVOLVIMENTO MOBILE

2. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
JOSÉ CARLOS SCHRÖDER JÚNIOR - (JUNIOR)
!
SOFTWARE ENGINEER @ ABASE SISTEMAS { 2005 - DATETIME.NOW() }
!
JUNIORSCHRODER@GMAIL.COM
!
HTTPS://GITHUB.COM/JUNIORSCHRODER
!
HTTPS://BR.LINKEDIN.COM/IN/JUNIORSCHRODER
!

3. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
APLICATIVOS E PLATAFORMAS
OBJECTIVE-C
SWIFT
JAVA C#

4. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
TIPOS DE APPS
▸ Apps NATIVAS
(Objective-C; Swift; Java; C#)
▸ Apps HIBRIDAS
HTML + CSS + JAVASCRIPT

5. SETREM - XVII FÓRUM DE INFORMÁTICA - 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 móveis através do javascript
como: Camera, Bluetooth, Rede, GPS, Contatos, etc.

6. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
COMO ISSO FUNCIONA?

7. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
COMO ISSO FUNCIONA?
CAMERA, CONTATOS, GPS, BLUETOOTH, WIFI, ETC

8. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
COMO ISSO FUNCIONA?
+

9. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
COMO ISSO FUNCIONA?
=
http://ngcordova.com/

10. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
ANGULARJS ?????????
▸ Framework Javascript Open-Source
▸ Criado e mantido pelo Google
▸ Aplica o padrão MVC na construção de UI
▸ Ajuda e muito na organização do código
https://angularjs.org/

11. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - IONIC CLI

12. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - IONIC LAB
http://lab.ionic.io/

13. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - IONIC VIEW

14. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - INSTALAÇÃO
C:UserUsuario> npm install -g cordova ionic

15. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - CRIANDO UM NOVO APP
C:UserUsuario> ionic start <nome_do_app> <template>
C:UserUsuario> ionic start minhaApp tabs

16. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - ADICIONANDO PLATAFORMAS
C:UserUsuarionome_do_app> ionic platform add
android
$ ionic platform add ios

17. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - PLUGINS - NGCORDOVA
C:UserUsuarionome_do_app> cordova plugin add
url_do_plugin_ou_nome_do_plugin
Javascript
{
Contatos
Camera
GPS
SMS
Etc....
C:UserUsuarionome_do_app> cordova plugin add
cordova-plugin-contacts
http://ngcordova.com/docs/plugins/

18. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - ESTRUTURA DO PROJETO
AQUI VAMOS CODIFICAR NOSSO APP

19. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - LET'S CODE !!!
APP 1 - CONSULTA CEP
POSTMON API
APP 2 - LEITOR COD. BARRAS
PLUGIN BARCODESCANNER

20. PERGUNTAS?
MUITO OBRIGADO!