Phonegap 3.3

Primeros pasos y algo más





Versión 0.0.1

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





http://www.twitter.com/ciberado

¿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


  1. Descargar e instalar el Java Development Kit
    http://www.oracle.com/technetwork/java/javase/downloads

  2. Crear la variable de entorno JAVA_HOME
    http://tiny.cc/jv_phonegap_javahome

  3. Agregar a la variable de entorno PATH la carpeta carpeta
    %JAVA_HOME%\bin

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





https://github.com/ciberado/domina-phonegap-infotelefonoplugin.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


Presentación de Phonegap 3.3

By Javier Moreno

Presentación de Phonegap 3.3

  • 469
Loading comments...

More from Javier Moreno