Desmistificando o mobile
híbrido com phonegap
Leonardo Marinho
O que é mobile híbrido?
- Nem nativo nem web, uma mesclagem de ambos
O que é phonegap?
“O phonegap é um framework gratuito e open source que
permite a criação de aplicações móveis usando APIs
padronizadas da web” (phonegap.com)
Por que web?
- A maioria começa com web, geralmente fazendo um site
para aquele tio dono de empresa.
Como assim web em mobile?
“Aprendi que para desenvolver para Android preciso saber Java”
“Precisarei pagar no mínimo R$ 1.200 em um curso de Swift”
“Não gosto das linguagens da Microsoft mas preciso do WP”
Não, não foram os aliens!
- Phonegap trabalha com instância de Webview
- Acessa recursos nativos por meio de APIs
- Com um bom layout quem usa não percebe
Quais as vantagens $$$?
- Inflação de 2015 aprox. 9,85%
- Super aumento de impostos
- Baixo custo comparado aos nativos
- Open source
Alternativa ao gargalo financeiro
E para o(a) developer?
- Facilidade para manipular componentes nativos
- Um código para as plataformas (com poucas
adaptações)
- Não é necessário aprender a linguagem da plataforma
Alternativa ao gargalo “estudantil”
Desvantagens
- Quando algo não funciona, não funciona MESMO
- Performance baixa comparado ao nativo
- Fraco para desenvolvimento de games
Quem usa?
Por onde começar?
Recursos nativos?
- Câmera
- GPS
- Acelerômetro
- Internet
- Mídias
- Contatos...
Curva de aprendizado
Na pesquisa da Research2Guidance o PhoneGap ficou com a
quinta colocação no ranking de soluções multiplataforma com
menor complexidade, com apenas 14% dos desenvolvedores
considerando alta ou muito alta a sua complexidade.
Alternativa ao gargalo de tempo
Presentes do HTML5
- Local Storage
- Web SQL
- Data nativa
- Hora nativa
- Número nativo
- Etc...
Tacadas de mestre
- Multi plataforma
- Aproveitamento de frameworks web
- Instalação simplíssima
Alternativa ao gargalo de plataformas
Criando um projeto
- Abrir terminal/console do node
phonegap create meuProjeto
ou
cordova create meuProjeto
Estrutura
Build
- Aqui a mágica acontece!
- 2 modos de fazer o build
ou
Build local
- 2GB RAM ou >
- I3 ou >
- Cordova
- Apache Ant
- Android SDK
- JDK
Build na nuvem
- Projeto privado
- Projeto aberto (github)
- Android, IOS, Windows Phone
- Vamos ao código!
Chega de bla bla bla
Blog:
leomhl.github.io
Dúvidas?
Muito obrigado!

Desmistificando o mobile híbrido com phonegap

  • 1.
    Desmistificando o mobile híbridocom phonegap Leonardo Marinho
  • 2.
    O que émobile híbrido? - Nem nativo nem web, uma mesclagem de ambos
  • 3.
    O que éphonegap? “O phonegap é um framework gratuito e open source que permite a criação de aplicações móveis usando APIs padronizadas da web” (phonegap.com)
  • 4.
    Por que web? -A maioria começa com web, geralmente fazendo um site para aquele tio dono de empresa.
  • 5.
    Como assim webem mobile? “Aprendi que para desenvolver para Android preciso saber Java” “Precisarei pagar no mínimo R$ 1.200 em um curso de Swift” “Não gosto das linguagens da Microsoft mas preciso do WP”
  • 6.
    Não, não foramos aliens! - Phonegap trabalha com instância de Webview - Acessa recursos nativos por meio de APIs - Com um bom layout quem usa não percebe
  • 7.
    Quais as vantagens$$$? - Inflação de 2015 aprox. 9,85% - Super aumento de impostos - Baixo custo comparado aos nativos - Open source Alternativa ao gargalo financeiro
  • 8.
    E para o(a)developer? - Facilidade para manipular componentes nativos - Um código para as plataformas (com poucas adaptações) - Não é necessário aprender a linguagem da plataforma Alternativa ao gargalo “estudantil”
  • 9.
    Desvantagens - Quando algonão funciona, não funciona MESMO - Performance baixa comparado ao nativo - Fraco para desenvolvimento de games
  • 10.
  • 11.
  • 12.
    Recursos nativos? - Câmera -GPS - Acelerômetro - Internet - Mídias - Contatos...
  • 14.
    Curva de aprendizado Napesquisa da Research2Guidance o PhoneGap ficou com a quinta colocação no ranking de soluções multiplataforma com menor complexidade, com apenas 14% dos desenvolvedores considerando alta ou muito alta a sua complexidade. Alternativa ao gargalo de tempo
  • 15.
    Presentes do HTML5 -Local Storage - Web SQL - Data nativa - Hora nativa - Número nativo - Etc...
  • 17.
    Tacadas de mestre -Multi plataforma - Aproveitamento de frameworks web - Instalação simplíssima Alternativa ao gargalo de plataformas
  • 18.
    Criando um projeto -Abrir terminal/console do node phonegap create meuProjeto ou cordova create meuProjeto
  • 19.
  • 20.
    Build - Aqui amágica acontece! - 2 modos de fazer o build ou
  • 21.
    Build local - 2GBRAM ou > - I3 ou > - Cordova - Apache Ant - Android SDK - JDK
  • 22.
    Build na nuvem -Projeto privado - Projeto aberto (github) - Android, IOS, Windows Phone
  • 24.
    - Vamos aocódigo! Chega de bla bla bla
  • 25.
  • 26.