viernes, 5 de febrero de 2016

Convierte tu Sitio Web Responsive en una App con Phonegap Parte 1

Una App de mi Sitio Web... Genial !!!

Tener un sitio web para tu empresa o negocio es un paso muy importante con respecto a la fidelización de tu marca, logo, productos y servicios. Pero más importante aún, es que estas poniendo tu negocio disponible para miles de personas, 24 horas al día y sin generar sobre costos.

Todo esto suena bien, pero debemos tener en cuenta las nuevas megatendencias de los celulares y dispositivos móviles. Según el tiempo.com en su articulo  Así será el 2015 en servicios de telefonía móvilEl mercado de telefonía móvil en Colombia ha alcanzado máximos históricos con una penetración que a septiembre de 2014 alcanzaba el 112,4 por ciento (53,5 millones de líneas activas). 

Por esta razón debemos asegurarnos que nuestro sitio web sea Responsive, es decir, que se adapte a cualquier dispositivo móvil sea celular o tableta. En un próximo articulo estaré publicando un tutorial donde aprenderán como hacer que su sitio web sea adaptable.

Ahora a lo que vinimos, suponiendo que nuestro sitio web es adaptable, entonces vamos a crear una aplicación móvil que nos dará un plus para posicionar nuestra empresa o negocio, como los grandes.

Lo primero que debemos hacer es tener una cuenta en el servicio Phonegap, si no la tienes debes crearla en Build Phonegap, una vez creada la cuenta y habiendo accesado vamos al siguiente paso.



Ahora debemos tener una aplicación de ejemplo que contenga las estructuras necesarias que componen una aplicación para que Phonegap pueda crear el paquete que se instala en los celulares y dispositivos móviles. Para ello vamos a descargar la aplicación demo "Hola Mundo" desde el repositorio de Github AQUÍ.

Esta aplicación demo contiene los archivos y la estructura necesaria para crear nuestra aplicación. Una vez hayas extraído los archivos comprimidos, aparecerá una carpeta responsiveapp, dentro encontrarás algo igual a lo que muestra la siguiente imagen. 


De todos los archivos extraídos, el más importante es el config.xml, el cual debemos editar con la información de nuestra aplicación, es decir de nuestra página web, nuestra empresa o negocio.


Ahora nos queda meter los archivos Responsive de tu sitio web dentro de la carpeta teniendo reemplazando nuestro index.html con el de nuestro sitio web.

Por ahora, tenemos suficiente trabajo por hacer antes de subir nuestros archivos al servicio de Phonegap, lo cual haremos en la segunda parte de este grandioso tutorial.

Espero les haya gustado y sigan los pasos para incursionar en el fabuloso mundo de las aplicaciones móviles.

Espero sus comentarios al correo elkinnocua@gmail.com y con gusto les responderé.