desenvolvimento de aplicativos mobile com html5 e javascript com phonegap (techday 2013)
DESCRIPTION
Apresentação sobre PhoneGap/Apache Cordova realizada no dia 09/11/2013 no Techday 2013, na Unisul em Tubarão.TRANSCRIPT
#TechDay #PhoneGap #2013
PhoneGap / Apache Cordova
Cássio Nandi Citadin
#TechDay #PhoneGap #2013
Desenvolvimento MobileWeb
App
#TechDay #PhoneGap #2013
Por que usar PhoneGap?
Pacotes nativos -> Distribuível nas lojas/stores .apk, .ipa, .cod, .ota, .ipk entre outros
Write once, run everywhere (Java, alguém?)
Tecnologias web padronizadas (W3C approved )
#TechDay #PhoneGap #2013
PhoneGap pode ser seu melhor amigo se:
Precisa alcançar várias plataformas (velocidade e economia)
Você sabe HTML/JavaScript/CSS
Já tem uma web app e precisa
adicionar funcionalidades nativas
Apps que exibem dados, integração com redes sociais, jogos simples PhoneGap Legends no GitHub, blog do desenvolvedor ou video
#TechDay #PhoneGap #2013
PhoneGap Apache Cordova?
#TechDay #PhoneGap #2013
Contribuidores
Adobe Microsoft – Windows Phone (estimula uso do html5) RIM – BlackBerry (WebWorks) / Ripple Emulator IBM
#TechDay #PhoneGap #2013
Quem mais usa PhoneGap?
Facebook Mobile SDK IBM Worklight Platform Oracle ADF Mobile SAP Icenium
Apps?
http://phonegap.com/app/
#TechDay #PhoneGap #2013
Suporte a 7 plataformas (Firefox OS e Ubuntu a caminho)
#TechDay #PhoneGap #2013
How does PhoneGap work?
PhoneGap App Dispositivo
PhoneGapNativeEngine
PhoneGapJavaScriptEngine
Web ViewRenders the app UI
Acesso nativo
CódigoHTML/JavaScript/CSS/Images/Frameworks/Libraries
#TechDay #PhoneGap #2013
Plug-ins do PhoneGap
Desde a versão 3 Criar seu próprio plugin Delega processamento pesado para o código nativo Criar serviços de background
#TechDay #PhoneGap #2013
Demo
#TechDay #PhoneGap #2013
O que pode ser usado para construir uma app?
#TechDay #PhoneGap #2013
Construir app como se estivesse trabalhando em projeto Web
#TechDay #PhoneGap #2013
Empacotando uma app
Dois métodos: Usando a ferramenta da plataforma em específico
Usando PhoneGap Build – um serviço cloud
#TechDay #PhoneGap #2013
Usando PhoneGap Build
http://build.phonegap.com Suporta: iOS, Android, BlackBerry, WebOS, Windows Phone 7
e Symbian Gratis para Open Source | Pago para empresas Link GitHub
#TechDay #PhoneGap #2013
Using the PhoneGap Build
Sugestão para teste: https://github.com/phonegap/phonegap-start.git
#TechDay #PhoneGap #2013
PhoneGap Emulate
http://emulate.phonegap.com
#TechDay #PhoneGap #2013
Apps novas
https://itunes.apple.com/us/app/acheibr/id721184010?ls=1&mt=8
https://play.google.com/store/apps/details?id=com.acheibr.apps
https://play.google.com/store/apps/details?id=com.pandoapps.fiia