Desenvolvimento de aplicativos móveis   com Phonegap e Sencha Touch          Prof. Leonardo Soares             Campus Gara...
Sobre o cursoS Carga-horária: 28 horasS Dias na semana: quinta-feiraS Pré-requisitos:  S Conhecimento em HTML  S Conhecime...
Sobre o professor• Mestre em engenharia de software pela UFCG• Professor do Instituto Federal de Pernambuco• Forum Nokia C...
E vocês?• Como se chamam?• Quais as perspectivas com o curso?• Já programam para dispositivos móveis?
Por que estamos neste curso?• 253 milhões de celulares no Brasil [Anatel/2012]• 27 milhões são smartphones (14% da populaç...
O Que iremos aprender no              curso?S O que são aplicativos móveisS Rápidamente HTML e JavascriptS Padrões de proj...
Afinal, o que são                    smartphones?•   Combinação dos recursos de telefones    móveis com a computação (daí ...
E tablets?  • Computador móvel com tela    touchscreen de 5” a 12”  • Removemos as limitação das telas    pequenas dos sma...
Usos de smartphones e              tablets•   Como uma extensão de nosso computador•   Para uso de recursos de GPS e câmer...
Qual o nosso alvo com odesenvolvimento para dispositivos            móveis
Mas também pode incluir…
O Que precisamos saber?• Precisamos entender o que muda em relação ao  desenvolvimento para desktop• Conhecer os sistemas ...
O Que muda em relação aodesenvolvimento tradicional?S Nossos aplicativos passarão a “ir” com seus usuáriosS Em geral são a...
Aplicações legais
Market share dos sistemas      operacionais Mercado em 2012 (Gartner)       0%     2%                Symbian              ...
Qual linguagem de       programação utilizar?S Android – Java e C++S Windows Phone – C#S iOS – Objective CS Dentre outros..
Aplicações nativas• São desenvolvidas utilizando a linguagem de  programação padrão suportada pelo sistema  operacional• E...
Desenvolvimento de           aplicações nativasE para desenvolver para Symbian, Windows Phone, Bada ou Blackberry
Qual o problema?S Um aplicativo para cada sistema operacional  S Tempo e custoS Conhecer várias linguagens de programação ...
Qual a solução? Aplicações              webS Uma vez prontas funcionam em qualquer browser  independente de sistema operac...
Qual a solução? Aplicações          híbridasS O ideal seria escrever apenas um código que pudesse  ser executado/compilado...
Aplicações híbridas
Por que desenvolver com  estes frameworks é legal?S A curva de aprendizado de HTML, CSS e JS é  extremamente baixaS Estamo...
Comparativo entre aplicações  nativas, web e híbridas               Nativas   Web   Híbridas   Cross-       Não      Sim  ...
Sencha TouchS É um framework para construção de aplicativos móveis  cross-plataform baseados em HTML5, JavaScript e CSSS M...
Interação de um aplicativo              Sencha                          Nosso aplicativoÉ um browser sem bordase botões
Funcionalidades do Sencha           Touch
Plataformas suportadas –      Sencha Touch
Plataformas suportadas –      Sencha Touch
PhoneGapS É um framework para construção de aplicativos móveis baseados  em HTML5, JavaScript e CSSS Difere do SenchaTouch...
Funcionalidades do PhoneGap
Desenvolvimento com    PhoneGap
Funcionamento - PhoneGap           Créditos: Introduction to PhoneGap/Mihail Corlan
Plataformas suportadas -       PhoneGap
PhoneGap + Sencha Touch     Créditos: Creating and distributing mobile web applications with PhoneGap/James Pearce
PhoneGap + Sencha Touch    Créditos: Creating and distributing mobile web applications with PhoneGap/James Pearce
Próximos SlideShares
Carregando em…5
×

Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch

3.155 visualizações

Publicada em

Aula introdutória sobre como é o processo de construção de aplicativos móveis para smartphones e tablets. Apresenta como está o cenário atual, o que muda em relação ao desenvolvimento tradicional e como ferramentas como PhoneGap e Sencha Touch podem ser usadas para aumentar a produtividade no segmento de aplicativos móveis.

Publicada em: Educação
0 comentários
7 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.155
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
63
Comentários
0
Gostaram
7
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Motivaçãopara a criação de aplicativospara smartphones e tablets
  • Seráquesabemos o quesão smartphones?
  • Adaptaraotamanho da telaAdaptaraoteclado e formas de entradaLimitação de bateriaLimitação de espaçoem discoLimitação de rede
  • Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch

    1. 1. Desenvolvimento de aplicativos móveis com Phonegap e Sencha Touch Prof. Leonardo Soares Campus Garanhuns S
    2. 2. Sobre o cursoS Carga-horária: 28 horasS Dias na semana: quinta-feiraS Pré-requisitos: S Conhecimento em HTML S Conhecimento em JavaScript S Conhecimento em Java e Orientação a objetosS Critérios de aprovação: S Projeto do término do curso S Até 25% de faltas
    3. 3. Sobre o professor• Mestre em engenharia de software pela UFCG• Professor do Instituto Federal de Pernambuco• Forum Nokia Champion (2007, 2008)
    4. 4. E vocês?• Como se chamam?• Quais as perspectivas com o curso?• Já programam para dispositivos móveis?
    5. 5. Por que estamos neste curso?• 253 milhões de celulares no Brasil [Anatel/2012]• 27 milhões são smartphones (14% da população brasileira) [MMA-IMA2012]• Aproximadamente 50 bilhões de downloads de aplicativos realizados [Google-Apple/2012]• Mais de 5 bilhões de doláres pagos aos desenvolvedores [Google-Apple/2012]
    6. 6. O Que iremos aprender no curso?S O que são aplicativos móveisS Rápidamente HTML e JavascriptS Padrões de projetoS Diferença entre aplicações nativas e aplicações móveis para webS Desenvolvimento de aplicações com PhoneGapS Desenvolvimento de aplicações com Sencha Touch 2S Integração de ambos
    7. 7. Afinal, o que são smartphones?• Combinação dos recursos de telefones móveis com a computação (daí surge o termo smart)• Principais características destes aparelhos: • Sistema operacional aberto a aplicações • Telas maiores que o convencional • Teclado QWERTY ou touch-screen • Conectividade de alta velocidade: 3G, WI-FI• O uso como telefone praticamente passa para o segundo plano
    8. 8. E tablets? • Computador móvel com tela touchscreen de 5” a 12” • Removemos as limitação das telas pequenas dos smartphones, aproveitando todos seus benefícios • Mais processamento e memória em comparação aos smartphones • Mesmo sistema operacional
    9. 9. Usos de smartphones e tablets• Como uma extensão de nosso computador• Para uso de recursos de GPS e câmera• Como nossa carteira (NFC)• Como forma de acompanhar nossos exercícios físicos• Avaliar a situação de nosso carro• Dentre outras possibilidades…
    10. 10. Qual o nosso alvo com odesenvolvimento para dispositivos móveis
    11. 11. Mas também pode incluir…
    12. 12. O Que precisamos saber?• Precisamos entender o que muda em relação ao desenvolvimento para desktop• Conhecer os sistemas operacionais móveis existentes• Definir a linguagem de programação que será utilizada
    13. 13. O Que muda em relação aodesenvolvimento tradicional?S Nossos aplicativos passarão a “ir” com seus usuáriosS Em geral são adaptadas a estes dispositivosS Podemos trazer o diferencial de nossa aplicação ao usar os recursos que os dispositivos móveis nos oferecem
    14. 14. Aplicações legais
    15. 15. Market share dos sistemas operacionais Mercado em 2012 (Gartner) 0% 2% Symbian 5% 6% RIM iOS 19% Microsoft 3% Mobile 65% 0% Linux Android
    16. 16. Qual linguagem de programação utilizar?S Android – Java e C++S Windows Phone – C#S iOS – Objective CS Dentre outros..
    17. 17. Aplicações nativas• São desenvolvidas utilizando a linguagem de programação padrão suportada pelo sistema operacional• Em geral são mais rápidas e possuem maior acesso aos recursos dos dispositivos• Aplicações são instaladas diretamente no smartphone ou tablet• Normalmente são baixadas através de lojas de aplicativos como Play Store ou AppStore
    18. 18. Desenvolvimento de aplicações nativasE para desenvolver para Symbian, Windows Phone, Bada ou Blackberry
    19. 19. Qual o problema?S Um aplicativo para cada sistema operacional S Tempo e custoS Conhecer várias linguagens de programação S Tempo, custo e dificuldade em encontrar pessoal capacitado
    20. 20. Qual a solução? Aplicações webS Uma vez prontas funcionam em qualquer browser independente de sistema operacionalS Utilizamos apenas uma linguagem, com recursos padronizados que facilitam o desenvolvimentoS Porém trazem alguns problemas: S Acesso limitado aos recursos do hardware S Necessidade de conexão com a Internet S Falta de padronização nos componentes visuais da aplicação S Não podem ser comercializadas em app stores
    21. 21. Qual a solução? Aplicações híbridasS O ideal seria escrever apenas um código que pudesse ser executado/compilado para todas as plataformasS Melhor a linguagem utilizada fosse fácil de aprender e padronizadaS Um intermediário entre as aplicações nativas e aplicações para webS Trás o verdadeiro conceito de Write once, Run anywhere
    22. 22. Aplicações híbridas
    23. 23. Por que desenvolver com estes frameworks é legal?S A curva de aprendizado de HTML, CSS e JS é extremamente baixaS Estamos trabalhando com tecnologias muito recentesS Há grandes empresas por trás S MIT S Adobe S Micosoft S Dentre outras…
    24. 24. Comparativo entre aplicações nativas, web e híbridas Nativas Web Híbridas Cross- Não Sim Sim plataforma Empacotada Sim Não Sim App Store Sim Não Sim API do Sim Não Sim dispositivo
    25. 25. Sencha TouchS É um framework para construção de aplicativos móveis cross-plataform baseados em HTML5, JavaScript e CSSS Muito utilizado principalmente para construir a interface gráfica da aplicação (com um visual similar às aplicações nativas)
    26. 26. Interação de um aplicativo Sencha Nosso aplicativoÉ um browser sem bordase botões
    27. 27. Funcionalidades do Sencha Touch
    28. 28. Plataformas suportadas – Sencha Touch
    29. 29. Plataformas suportadas – Sencha Touch
    30. 30. PhoneGapS É um framework para construção de aplicativos móveis baseados em HTML5, JavaScript e CSSS Difere do SenchaTouch pelo seu foco ser em oferecer recursos nativos dos dispositivos móveis às aplicações que o utilizamS Sua API em JavaScript faz a ponte entre os recursos nativos dos dispositivos (que precisariam ser acessados através de uma linguagem de programação nativa) com a nossa aplicação HTML/JS
    31. 31. Funcionalidades do PhoneGap
    32. 32. Desenvolvimento com PhoneGap
    33. 33. Funcionamento - PhoneGap Créditos: Introduction to PhoneGap/Mihail Corlan
    34. 34. Plataformas suportadas - PhoneGap
    35. 35. PhoneGap + Sencha Touch Créditos: Creating and distributing mobile web applications with PhoneGap/James Pearce
    36. 36. PhoneGap + Sencha Touch Créditos: Creating and distributing mobile web applications with PhoneGap/James Pearce

    ×