Phonegap 3.3

Primeros pasos y algo más

PUE

15 años formando profesionales TIC

Colaboradora de las principales multinacionales del sector

Imparte cursos sobre más de 30 tecnologías diferentes

Es uno de los principales centros certificadores acreditados

http://www.pue.es

Javi Moreno

Trabaja desde hace más años de los que reconoce como desarrollador

Compagina proyectos con formación desde el inicio

Le encanta cualquier tecnología relacionada con la Web

Está convencido de que el futuro pasa por el Cloud

Aunque lo que realmente quiere ser de mayor es fotógrafo

¿webApp vs Nativa?

+ Write once (debug everywhere)

+ Tecnologías familiares: html, css, javascript

+ Indexable por Google en su versión clásica

- Acceso limitado a la plataforma

- Rendimiento inferior al nativo

- No publicable en los Markets oficiales

Historia

Nitobi crea Phonegap en el la euforia de una Hackathon

Promocionan el concepto inicial y lo distribuyen como Open Source

Crean un servicio de compilación en la nube

Adobe compra la empresa y dirige el futuro desarrollo

El código de las herramientas es donado a la Fundación Apache

Prerequisitos Java

Prerrequisitos Android

1. Descargar y descomprimir el Android development Kit
   http://developer.android.com/tools/sdk/eclipse-adt.html
   
   
2. Ejecutar SDK Manager.exe
   
   
3. Instalar plataformas deseadas
   
   
4. Añadir adb.exe al PATH
   http://tiny.cc/jv_phonegap_adb
   
   

Todavía más Prerrequisitos

1. Descargar, descomprimir y añadir al PATH Apache Ant
   http://ant.apache.org/bindownload.cgi
   
   
2. Descagar e instalar node.js
   http://www.nodejs.org
   
   
3. Descargar e instalar Git
   http://msysgit.github.io
   

¡Por fin! Instalar Phonegap

npm install --global phonegap

http://docs.nodejitsu.com/articles/getting-started/npm/what-is-npm

Crear una primera aplicación

phonegap create pulso --name Pulso --id com.javiermoreno.pulso

cd pulso

phonegap local build android

phonegap local run android

asegúrate de tener el emulador funcionando o un teléfono conectado

Phonegap Build

https://build.phonegap.com

Es el sistema de compilación de Adobe en Cloud

Permite empaquetar una aplicación web pura

Soporta Android, iOS & Windows Phone

¡Compilación como servicio!

Compilación remota Android

1. Registrar cuenta en http://build.phonegap.com
   
   
2. Compilar aplicación usando la nube desde la carpeta del proyecto
   cd \pulso
   phonegap remote build android
   
   
3. Crear certificado autofirmado
   keytool -genkey -alias pulso.keystore -keyalg RSA -validity 20000 -keystore pulso.keystore
   

Compilación remota en Android

1. Acceder a la aplicación en http://build.phonegap.com
   
   
2. Subir el fichero pulso.keystore y desbloquear llave privada
   
   
3. ¡Rebuild y descargar el fichero APK listo para el Google Play!

Depuración sin dolor extremo

1. Compilar  para Android utilizando la versión 19  (Kitkat)
2. Ejecutar localmente con el dispositivo conectado con ADB
3. Abrir en el escritorio una ventana de Google Chrome
4. Visitar la url especial about:inspect
5. Seleccionar la instancia de WebView correspondiente
6. Utilizar las Chrome Dev Tools. Like a boss.
   

http://tiny.cc/jv_phonegap_debug

Plugins nativos

1. Se compone de una parte nativa y otra javascript
   
   
2. Phonegap proporciona el soporte necesario para ligarlos
   
   
3. El registro oficial se encuentra en http://plugins.cordova.io
   
   
4. No todos pueden utilizarse con Phonegap Build directamente

Plugins nativos

cd \pulso

phonegap local plugin list
phonegap local plugin add org.apache.cordova.device-motion
phonegap local plugin list

phonegap local plugin add http://git.whatever.com/repo.git

Plugins muy interesantes

https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin

https://github.com/oauth-io/oauth-phonegap

http://www.couchbase.com/mobile#lite

¡Los creados por ti!

Frameworks útiles

http://getbootstrap.com

http://www.iui-js.org

https://github.com/harvesthq/sidetap

https://github.com/TapQuo/Lungo.js

http://getfri.es

http://jquerymobile.com

http://www.sencha.com/products/touch