Desarrollo de Apps Multiplataforma con Cordova / Phonegap by BitCuántico

AppsDesarrollo de

Powered by

BitCuántico

I’m Batman

Jonathan RamírezWeb & Mobile Developer

hola@bitcuantico.com

@bitcuantico

www.jramirez.mx

¿Cómo Funciona Apache Cordova?

¿?

• Mayor Experiencia de Usuario (UX)• Costo de Desarrollo “Caro”• Funcionalidad offline• Acceso completo al hardware del Smartphone (Cámara, Sensores, etc.)

• Mejor UI

• Desarrollo más rápidos• Velocidad de Carga lenta•Costo de Desarrollo Económico• Mayor consumo de recursos• Depende de Conexión a Internet

Comparativa: Facebook

APPHíbrida

• Mayor Experiencia de Usuario (UX)• Mejor UI

• Desarrollo más rápidos•Costo de Desarrollo Económico•Funcionalidad offline•Rendimiento medio•Acceso completo al hardware del Smartphone (Cámara, Sensores, etc.)

Comprobar o Instalar el Java Development Kit (JDK)

Instalación de Herramientas

Instalación:http://www.oracle.com/technetwork/es/java/javase/downloads/index.html

Comprobar Instalación:Escribir en la “Línea de Comandos” o “Símbolo del Sistema” el comando “javac” o “java”.

Instalación de Herramientas

Instalar Apache Ant

Instalación de Herramientas

Instalación:http://ant.apache.org/bindownload.cgi

Variables de Entorno:PATCH: C:\...\Apache\apache-ant-1.9.4\bin\ANT_HOME: C:\...\Apache\apache-ant-1.9.4

Instalación de Herramientas

Comprobar Instalación:Escribir en la “Línea de Comandos” o “Símbolo del Sistema” el comando “ant”.

Instalación de Herramientas

Descargar e instalar el SDK de Android

Instalación de Herramientas

Instalación:http://developer.android.com/sdk/installing/index.html?pkg=tools

Instalación de Herramientas

Variables de Entorno:

PATCH: %ANDROID_HOME%\tools%ANDROID_HOME%\platform-tools

ANDROID_HOME: C:\Program Files\Android\android-sdkandroid_sdk: C:\Program Files\Android\android-sdk

Instalación de Herramientas

Comprobar Instalación:Escribir en la “Línea de Comandos” o “Símbolo del Sistema” el comando “android” y/o “adb version”.

Instalación de Herramientas

Descargar la última versión de Node.js

Instalación de Herramientas

Instalación:http://nodejs.org/download/

Comprobar Instalación:Escribir en la “Línea de Comandos” o “Símbolo del Sistema” el comando “node --version”.

Instalación de Herramientas

¡Manos a la Obra!

Let’s do it!

I’m Batman

Jonathan RamírezWeb & Mobile Developer

hola@bitcuantico.com

@bitcuantico

www.jramirez.mx