SlideShare uma empresa Scribd logo
1 de 26
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!

Mais conteúdo relacionado

Mais procurados

Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapMayron Cachina
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapThiago Colares
 
Desenvolvendo aplicativos nativos com React Native
Desenvolvendo aplicativos nativos com React NativeDesenvolvendo aplicativos nativos com React Native
Desenvolvendo aplicativos nativos com React NativeLuís Felipe Souza
 
Web, híbrido, cross compiled ou nativo: qual escolher?
Web, híbrido, cross compiled ou nativo: qual escolher?Web, híbrido, cross compiled ou nativo: qual escolher?
Web, híbrido, cross compiled ou nativo: qual escolher?Romualdo Andre
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Luiz Gavinho
 
Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...
Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...
Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...Josafá Filho
 
Java Para Web 2.0
Java Para Web 2.0Java Para Web 2.0
Java Para Web 2.0guest8ca153
 
FirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaFirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaGuilherme Farias
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETAndre Baltieri
 
apresentação plataforma de blogs
apresentação plataforma de blogsapresentação plataforma de blogs
apresentação plataforma de blogsRicardo Belo
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1Afonso Fernandes
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorAfonso Fernandes
 
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGapDesenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGapGesmar de Paula Santos Júnior
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao PhonegapLoiane Groner
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicFelipe Blini
 

Mais procurados (20)

Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
 
Desenvolvendo aplicativos nativos com React Native
Desenvolvendo aplicativos nativos com React NativeDesenvolvendo aplicativos nativos com React Native
Desenvolvendo aplicativos nativos com React Native
 
Web, híbrido, cross compiled ou nativo: qual escolher?
Web, híbrido, cross compiled ou nativo: qual escolher?Web, híbrido, cross compiled ou nativo: qual escolher?
Web, híbrido, cross compiled ou nativo: qual escolher?
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
 
Phonegap
PhonegapPhonegap
Phonegap
 
Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...
Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...
Desenvolvendo Aplicativos na Secretaria de Assuntos Legislativos do Ministéri...
 
Java Para Web 2.0
Java Para Web 2.0Java Para Web 2.0
Java Para Web 2.0
 
FirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaFirefoxOS - a web como plataforma
FirefoxOS - a web como plataforma
 
Desenvolvimento Mobile Web & Software Livre
Desenvolvimento Mobile Web & Software LivreDesenvolvimento Mobile Web & Software Livre
Desenvolvimento Mobile Web & Software Livre
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
 
apresentação plataforma de blogs
apresentação plataforma de blogsapresentação plataforma de blogs
apresentação plataforma de blogs
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emulador
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
 
SPA com CSharp
SPA com CSharpSPA com CSharp
SPA com CSharp
 
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGapDesenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
 
React Native
React NativeReact Native
React Native
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
 

Semelhante a Desmistificando o mobile híbrido com Phonegap

PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5Rafael Sakurai
 
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...Cássio Nandi Citadin
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Loiane Groner
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaFrederico Maia Arantes
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Leonardo Melo Santos
 
Introdução ao desenvolvimento web - 2 - iDez 2010
Introdução ao desenvolvimento web - 2 - iDez 2010Introdução ao desenvolvimento web - 2 - iDez 2010
Introdução ao desenvolvimento web - 2 - iDez 2010Maurício Linhares
 
Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJjavamanrj
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionicJoelmir Ribacki
 
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Pedro Edson Silva Barros
 
Eureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou HíbridoEureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou Híbridodrbatiston
 
Introdução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchIntrodução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchRafael Neri
 
Apresentação JAVOU 5
Apresentação JAVOU 5Apresentação JAVOU 5
Apresentação JAVOU 5Bruno Muniz
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-PlatformAdriel Café
 

Semelhante a Desmistificando o mobile híbrido com Phonegap (20)

PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5
 
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - Goiânia
 
PhoneGap
PhoneGapPhoneGap
PhoneGap
 
JavaScript além do browser
JavaScript além do browserJavaScript além do browser
JavaScript além do browser
 
Conhecendo o PhoneGap
Conhecendo o PhoneGapConhecendo o PhoneGap
Conhecendo o PhoneGap
 
A vez do mobile - Dev in Bahia #3
A vez do mobile - Dev in Bahia #3A vez do mobile - Dev in Bahia #3
A vez do mobile - Dev in Bahia #3
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
 
Introdução ao desenvolvimento web - 2 - iDez 2010
Introdução ao desenvolvimento web - 2 - iDez 2010Introdução ao desenvolvimento web - 2 - iDez 2010
Introdução ao desenvolvimento web - 2 - iDez 2010
 
Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJ
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionic
 
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
 
Eureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou HíbridoEureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou Híbrido
 
Introdução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchIntrodução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha Touch
 
Apresentação JAVOU 5
Apresentação JAVOU 5Apresentação JAVOU 5
Apresentação JAVOU 5
 
PHP: Além do sitezinho
PHP: Além do sitezinhoPHP: Além do sitezinho
PHP: Além do sitezinho
 
Desenvolvendo com IONIC
Desenvolvendo com IONICDesenvolvendo com IONIC
Desenvolvendo com IONIC
 
BrazilJS 2012
BrazilJS 2012BrazilJS 2012
BrazilJS 2012
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 

Mais de Leonardo Marinho

Sistemas de recomendação
Sistemas de recomendaçãoSistemas de recomendação
Sistemas de recomendaçãoLeonardo Marinho
 
Ionic, um mundo sem retrabalho
Ionic, um mundo sem retrabalhoIonic, um mundo sem retrabalho
Ionic, um mundo sem retrabalhoLeonardo Marinho
 
Matar dinossauros, reconstruir o mundo e virar o imperador do dart side
Matar dinossauros, reconstruir o mundo  e virar o imperador do dart sideMatar dinossauros, reconstruir o mundo  e virar o imperador do dart side
Matar dinossauros, reconstruir o mundo e virar o imperador do dart sideLeonardo Marinho
 
Vale do Silício, Eua, China e Brasil
Vale do Silício, Eua, China e BrasilVale do Silício, Eua, China e Brasil
Vale do Silício, Eua, China e BrasilLeonardo Marinho
 
O que é Flutter e porque estão falando tanto dele?
O que é Flutter e porque estão  falando tanto dele?O que é Flutter e porque estão  falando tanto dele?
O que é Flutter e porque estão falando tanto dele?Leonardo Marinho
 

Mais de Leonardo Marinho (9)

Sistemas de recomendação
Sistemas de recomendaçãoSistemas de recomendação
Sistemas de recomendação
 
Flutter
FlutterFlutter
Flutter
 
Lições de uma jornada
Lições de uma jornadaLições de uma jornada
Lições de uma jornada
 
Multidisciplinaridade
MultidisciplinaridadeMultidisciplinaridade
Multidisciplinaridade
 
Carreira tecnológica
Carreira tecnológicaCarreira tecnológica
Carreira tecnológica
 
Ionic, um mundo sem retrabalho
Ionic, um mundo sem retrabalhoIonic, um mundo sem retrabalho
Ionic, um mundo sem retrabalho
 
Matar dinossauros, reconstruir o mundo e virar o imperador do dart side
Matar dinossauros, reconstruir o mundo  e virar o imperador do dart sideMatar dinossauros, reconstruir o mundo  e virar o imperador do dart side
Matar dinossauros, reconstruir o mundo e virar o imperador do dart side
 
Vale do Silício, Eua, China e Brasil
Vale do Silício, Eua, China e BrasilVale do Silício, Eua, China e Brasil
Vale do Silício, Eua, China e Brasil
 
O que é Flutter e porque estão falando tanto dele?
O que é Flutter e porque estão  falando tanto dele?O que é Flutter e porque estão  falando tanto dele?
O que é Flutter e porque estão falando tanto dele?
 

Desmistificando o mobile híbrido com Phonegap

  • 1. Desmistificando o mobile híbrido com 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 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”
  • 6. 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
  • 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 algo não funciona, não funciona MESMO - Performance baixa comparado ao nativo - Fraco para desenvolvimento de games
  • 12. Recursos nativos? - Câmera - GPS - Acelerômetro - Internet - Mídias - Contatos...
  • 13.
  • 14. 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
  • 15. Presentes do HTML5 - Local Storage - Web SQL - Data nativa - Hora nativa - Número nativo - Etc...
  • 16.
  • 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
  • 20. Build - Aqui a mágica acontece! - 2 modos de fazer o build ou
  • 21. Build local - 2GB RAM ou > - I3 ou > - Cordova - Apache Ant - Android SDK - JDK
  • 22. Build na nuvem - Projeto privado - Projeto aberto (github) - Android, IOS, Windows Phone
  • 23.
  • 24. - Vamos ao código! Chega de bla bla bla