1. Desenvolvimento de aplicativos mveis com Phonegap e Sencha TouchProf. Leonardo Soares Campus Garanhuns S

2. Sobre o cursoS Carga-horria: 28 horasS Dias na semana: quinta-feiraS Pr-requisitos:S Conhecimento em HTMLS Conhecimento em JavaScriptS Conhecimento em Java e Orientao a objetosS Critrios de aprovao:S Projeto do trmino do cursoS At 25% de faltas 3. Sobre o professor Mestre em engenharia de software pela UFCG Professor do Instituto Federal de Pernambuco Forum Nokia Champion (2007, 2008) 4. E vocs? Como se chamam? Quais as perspectivas com o curso? J programam para dispositivos mveis? 5. Por que estamos neste curso? 253 milhes de celulares no Brasil [Anatel/2012] 27 milhes so smartphones (14% da populaobrasileira) [MMA-IMA2012] Aproximadamente 50 bilhes de downloads deaplicativos realizados [Google-Apple/2012] Maisde 5 bilhes de dolres pagosaosdesenvolvedores [Google-Apple/2012] 6. O Que iremos aprender nocurso?S O que so aplicativos mveisS Rpidamente HTML e JavascriptS Padres de projetoS Diferena entre aplicaes nativas e aplicaes mveis parawebS Desenvolvimento de aplicaes com PhoneGapS Desenvolvimento de aplicaes com Sencha Touch 2S Integrao de ambos 7. Afinal, o que sosmartphones? Combinao dos recursos de telefonesmveis com a computao (da surge o termosmart) Principais caractersticas destes aparelhos: Sistema operacional aberto a aplicaes Telas maiores que o convencional Teclado QWERTY ou touch-screen Conectividade de alta velocidade: 3G, WI-FI O uso como telefone praticamente passapara o segundo plano 8. E tablets? Computador mvel com telatouchscreen de 5 a 12 Removemos as limitao das telaspequenas dos smartphones,aproveitando todos seus benefcios Mais processamento e memria emcomparao aos smartphones Mesmo sistema operacional 9. Usos de smartphones etablets Como uma extenso de nosso computador Para uso de recursos de GPS e cmera Como nossa carteira (NFC) Como forma de acompanhar nossos exerccios fsicos Avaliar a situao de nosso carro Dentre outras possibilidades 10. Qual o nosso alvo com odesenvolvimento para dispositivosmveis 11. Mas tambm pode incluir 12. O Que precisamos saber? Precisamos entender o que muda em relao aodesenvolvimento para desktop Conhecer os sistemas operacionais mveisexistentes Definir a linguagem de programao que serutilizada 13. O Que muda em relao aodesenvolvimento tradicional?S Nossos aplicativos passaro a ir com seus usuriosS Em geral so adaptadas a estes dispositivosS Podemos trazer o diferencial de nossa aplicao ao usaros recursos que os dispositivos mveis nos oferecem 14. Aplicaes legais 15. Market share dos sistemasoperacionais Mercado em 2012 (Gartner) 0% 2%Symbian 5%6%RIMiOS19%Microsoft 3% Mobile 65%0%LinuxAndroid 16. Qual linguagem de programao utilizar?S Android Java e C++S Windows Phone C#S iOS Objective CS Dentre outros.. 17. Aplicaes nativas So desenvolvidas utilizando a linguagem deprogramao padro suportada pelo sistemaoperacional Em geral so mais rpidas e possuem maior acessoaos recursos dos dispositivos Aplicaes so instaladas diretamente no smartphoneou tablet Normalmente so baixadas atravs de lojas deaplicativos como Play Store ou AppStore 18. Desenvolvimento de aplicaes nativasE para desenvolver para Symbian, Windows Phone, Bada ou Blackberry 19. Qual o problema?S Um aplicativo para cada sistema operacionalS Tempo e custoS Conhecer vrias linguagens de programaoS Tempo, custo e dificuldade em encontrar pessoal capacitado 20. Qual a soluo? AplicaeswebS Uma vez prontas funcionam em qualquer browserindependente de sistema operacionalS Utilizamos apenas uma linguagem, com recursos padronizadosque facilitam o desenvolvimentoS Porm trazem alguns problemas:S Acesso limitado aos recursos do hardwareS Necessidade de conexo com a InternetS Falta de padronizao nos componentes visuais da aplicaoS No podem ser comercializadas em app stores 21. Qual a soluo? AplicaeshbridasS O ideal seria escrever apenas um cdigo que pudesseser executado/compilado para todas as plataformasS Melhor a linguagem utilizada fosse fcil de aprender epadronizadaS Um intermedirio entre as aplicaes nativas eaplicaes para webS Trs o verdadeiro conceito de Write once, Run anywhere 22. Aplicaes hbridas 23. Por que desenvolver comestes frameworks legal?S A curva de aprendizado de HTML, CSS e JS extremamente baixaS Estamos trabalhando com tecnologias muito recentesS H grandes empresas por trsS MITS AdobeS MicosoftS Dentre outras 24. Comparativo entre aplicaesnativas, web e hbridas Nativas Web Hbridas Cross- NoSim Sim plataforma Empacotada SimNo SimApp Store SimNo Sim API do SimNo Sim dispositivo 25. Sencha TouchS um framework para construo de aplicativos mveiscross-plataform baseados em HTML5, JavaScript e CSSS Muito utilizado principalmente para construir a interfacegrfica da aplicao (com um visual similar s aplicaesnativas) 26. Interao de um aplicativoSenchaNosso aplicativo um browser sem bordase botes 27. Funcionalidades do Sencha Touch 28. Plataformas suportadas Sencha Touch 29. Plataformas suportadas Sencha Touch 30. PhoneGapS um framework para construo de aplicativos mveis baseadosem HTML5, JavaScript e CSSS Difere do SenchaTouch pelo seu foco ser em oferecer recursosnativos dos dispositivos mveis s aplicaes que o utilizamS Sua API em JavaScript faz a ponte entre os recursos nativos dosdispositivos (que precisariam ser acessados atravs de umalinguagem de programao nativa) com a nossa aplicaoHTML/JS 31. Funcionalidades do PhoneGap 32. Desenvolvimento comPhoneGap 33. Funcionamento - PhoneGap Crditos: Introduction to PhoneGap/Mihail Corlan 34. Plataformas suportadas - PhoneGap 35. PhoneGap + Sencha Touch Crditos: Creating and distributing mobile web applications with PhoneGap/James Pearce 36. PhoneGap + Sencha TouchCrditos: Creating and distributing mobile web applications with PhoneGap/James Pearce