Introducción a la creación de aplicaciones

Saltar a:
  1. Describiendo la aplicación
  2. Publicar la aplicación
  3. Derterminar si la aplicación esta instalada
  4. Almacenar datos localmente
  5. Ejecución offline y uso de APIs para dispositivos avanzados

Las Aplicaciones Web Abiertas son simplemente sitios web. Creados usando tecnologías Web standard que funcionan en cualquier buscador y pueden ser desarrolladas utilizando tus herramientas preferidas.

El proyecto Mozilla Labs Open Web Applications propone pequeñas expansiones que permitan convertir sitios existentes en aplicaciones que corran en un entorno de computación rico, divertido y potente. Estas aplicaciones funcionaran tanto en escritorios, buscadores y dispositivos móviles además de ser más faciles de encontrar y ejecutar que un sitio web. Teniendo acceso a un creciente conjunto de novedosas funcionalidades, como la sincronización entre los diferentes dispositivos de usuario.

Describiendo la aplicación

Lo único que debe hacer para crear una aplicación web a partir de un sitio web es añadir el application manifest. Se trata de un archivo JSON que describe su aplicación, incluyendo su nombre, iconos y una descripción legíble.

El manifest debe estar albergado en el mismo dominio que el sitio web y debe servirse con un Content-Type de application/x-web-app-manifest+json. Para más detalle sobre el manifest vease la documentacion, para ayudarle a arrancar puede probar el online manifest checker.

Publicar la aplicación

Existen una serie de proveedores, desde grandes empresas a start-ups, que estan construyendo almacenes (stores) de aplicaciones Web que se encargan de gestionar busquedas, opiniones, clasificaciones y facturación. Pero no es obligatorio poner su aplicación en uno de estos almacenes. Puede distribuirla directamente desde su propio sitio. Tan solo creando un botón o enlace que invoque el siguiente código JavaScript:
view plainprint?
  1. function installCallback(result) {  
  2.     // great - display a message, or redirect to a launch page  
  3. }  
  4.   
  5. function errorCallback(result) {  
  6.     // whoops - result.code and result.message have details  
  7. }  
  8.   
  9. navigator.mozApps.install({  
  10.     url: "http://path.to/my/example.webapp",  
  11.     onsuccess: installCallback,  
  12.     onerror: errorCallback  
  13. }); 

Invocar navigator.mozApps.install() hace que el buscador cargue el manifest y pregunte al usuario si desea instalar la aplicación. Si el usuario aprueba la instalación, la aplicación será instalada en el buscador.

Puede opcionalmente pasar el atributo install_data a la función install(), para persistir información en el almacén de datos de usuario para aplicaciones instaladas. Esta información puede ser sincronizada con otros dispositivos, pudiendo ser proporcionada por la aplicación empleando la llamada amInstalled() (Vease Determining whether the app is installed). Por ejemplo:

view plainprint?
  1. navigator.mozApps.install({  
  2.     url: "http://path.to/my/example.webapp",  
  3.     onsuccess: installCallback,  
  4.     onerror: errorCallback,  
  5.     install_data: {  
  6.         user_id: "some_user"  
  7.     }  
  8. });

Derterminar si la aplicación esta instalada

Cuando un buscador carga la página de la aplicación, la página necesita gestionar el caso en que el usuario no haya instalado la aplicación. Es posible comprobar si la aplicación se encuentra instalada mediante la llamada amInstalled(),  de esta manera:

view plainprint?
  1. function getInstalledCallback(data) {  
  2.     if (data) {  
  3.         // yes, we're installed  
  4.         // data.manifest has the manifest  
  5.         // data.install_time is when it was installed  
  6.         // data.install_origin is the domain that called install  
  7.         // data.install_data has the optional data from install  
  8.     } else {  
  9.         // not installed!  
  10.     }  
  11. }  
  12.   
  13. navigator.mozApps.amInstalled(getInstalledCallback);  

Almacenar datos localmente

El localStorage API proporciona almacen de pares llave-valor para información persistente que puede utilizarse para realizar un seguimiento de la información de usuario entre visitas a la aplicación. Si el usuario posee un buscador moderno, como Firefox 4 o posterior, o Chrome, también es posible utilizar IndexedDB, un almacen de datos para el lado del cliente estructurado y de alto rendimiento.

Si posee información que deba ser compartida entre instancias de su aplicación a través de varios dispositivos que utilice el usuario entonces debe usar LA opción install_data de la función install(), como indicamos anteriormente.

Ejecución offline y uso de APIs para dispositivos avanzados

Los buscadores web modernos han añadido gran cantidad the funcionalidades que permiten a tus aplicaciones ejecutarse offline o aprovechar las capacidades de los dispositivos. Aquí se listan algunos enlaces útiles:

Etiquetas y colaboradores del documento

Etiquetas: 
Colaboradores en esta página: teoli, manfontan, inma_610
Última actualización por: teoli,