DesarrolloLibre

Desarrollo Web, Android, juegos y mucho más

Categorias
27-01-2017

Adobe PhoneGap es un framework para aplicaciones móviles propiedad de Adobe con el cual podemos emplear herramientas web como lo son HTML, CSS y JavaScript junto con todo su ecosistema para crear aplicaciones híbridas, que si bien no son nativas para Android, IOS y Windows Phone (ya que son páginas web renderizadas por ejemplo con Webview como en el caso de Android) tampoco son aplicaciones web ya que las mismas son empaquetadas para cada Sistema Operativo (apk en el caso de Android) desde un procesador en la plataforma de Adobe.

En esta entrada veremos como instalar el ambiente de desarrollo de Adobe PhoneGap Windows su instalador para móviles la cual se encuentra disponible para IOS, Windows Phone y por supuesto Android.

Los pasos para instalar Adobe PhoneGap están muy bien señalados en la página oficial de Adobe PhoneGap en Get Started; primero debemos instalar el ambiente de desarrollo de Adobe PhoneGap para Mac o Windows, para Windows el cual es un simple exe que practicamente se instala solo.

Inclusive podemos instalar Adobe PhoneGap vía Node.js si lo prefieres...

Una vez instalado el Adobe PhoneGap en nuestra PC ejecutamos la aplicación:

Phonegap lanzador

Y veremos una pantalla como esta:

Phonegap aplicación

Creamos el proyecto presionando sobre un más y luego "Create new PhoneGap project...":

Phonegap crear proyecto

Introducimos los datos básicos de nuestro proyecto como ubicación y nombre:

Phonegap crear proyecto datos

Y con esto tenemos nuestro proyecto listo para trabajar con él; para ver el fuente y abrirlo en nuestro IDE favorito tenemos que ir a la ubicación de nuestro proyecto sobre la carpeta www; en mi caso sería:

C:\Users\andre\Documents\phonegap\Prueba\www

Y es allí que debemos agregar nuestro plugins, JavaScript, CSS, imágenes y demás archivos de nuestro proyecto.

Si nos vamos a una dirección atras C:\Users\andre\Documents\phonegap\Prueba veremos otros elementos del proyecto como los plugins y la carpeta platforms en donde se genera nuestro proyecto al momento de ejecutarlo; finalmente ejecutamos nuestro proyecto presionando sobre:

Phonegap ejecutar aplicación

Y nos dará una dirección IP que debemos configurar en nuestro móvil:

Phonegap ip aplicación

Ahora desde nuestro Android tenemos que ir a la Google Play en la siguiente dirección:

PhoneGap Developer

O buscar "PhoneGap Developer" en la Google Play e instalar en nuestro dispositivo; una vez realizado esto configuramos la IP anterior y vemos nuestra aplicación en nuestro Android y podemos empezar a trabajar en nuestro proyecto PhoneGap:

Phonegap android app

Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Como dibujar con canvas y ciclos -HTML5

Como dibujar con canvas y ciclos -HTML5

Pulpo animado con solo CSS

Pulpo animado con solo CSS

MixitUp 3: animaciones y manipulación del DOM

MixitUp 3: animaciones y manipulación del DOM

Algunos artículos que te pueden interesar

Seleccionar rangos de elementos con CSS

Seleccionar rangos de elementos con CSS

A veces puede hacerse necesario seleccionar un rango de datos mostrados y es de casi obligatorio demarcar esta región seleccionada lo cual puede hacerse con CSS.

Andrés Cruz 27-07-2015

¿Cómo usar las Mixins en LESS CSS?

¿Cómo usar las Mixins en LESS CSS?

Con los Mixins podemos incrustar todas las propiedades de una clase en otra clase con sólo incluir el nombre de la clase como una de sus propiedades; funciona de forma muy parecida a las variables pero con clases enteras.

Andrés Cruz 13-09-2013

El elemento datalist en HTML5

El elemento datalist en HTML5

El elemento datalist provisto en HTML5 permite crear un conjunto de opciones viables para establecer como valor en otros elementos de tipo input.

Andrés Cruz 01-12-2014