desenvolvimento de aplicativos mobile com html5 e javascript com phonegap (techday 2013)

#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

#TechDay #PhoneGap #2013

Dúvidas e sugestões?

Contato

Linkedin/cassionandicassionandicitadin@gmail.comFB/cassionandi