Crear una aplicación para Firefox OS con Lungo

3 mayo, 2013 19:43 por

Crear aplicaciones para Firefox OS es un juego de niños. Si ya sabes crear páginas web, ya tienes todo lo que necesitas para empezar a crear aplicaciones compatibles con Firefox OS.

Hoy vamos a repasar una forma que personalmente creo bastante ágil para crear una aplicación para dispositivos móviles usando el framework de desarrollo Lungo.

El código del ejemplo se puede descargar desde github.

La novedad para muchos en este desarrollo, es la creación de un archivo manifest con la información de la aplicación:

{
"name": "Lungo Boilerplate",
"description": "Lungo Boilerplate para Firefox OS",
"launch_path": "/index.html",
"icons": {
"128": "/img/icon.png"
},
"developer": {
"name": "Nukeador",
"url": "https://www.mozilla-hispano.org/labs/"
},
"default_locale": "es"
}

El archivo manifest puede tener muchas más cosas, detalladas en la documentación de Marketplace, y que le dirá al dispositivo el icono y nombre de la aplicación a la hora de instalarla.

Para utilizar todas las ventajas que nos ofrece Lungo, simplemente tendremos que añadir los estilos en la cabecera:






Y las librerías js antes del cierre del body:



Con un poco de html definiendo sections y articles tendremos montada la interfaz completa de nuestra aplicación:

    
  • Título
    Este es mi texto
  • Este es el texto 2

Cabe destacar el uso que hace Lungo de los data-atributtes que nos permitirán definir muchos comportamientos, iconos, imágenes, destino de los enlaces o títulos. La documentación de Lungo es muy extensa y descriptiva al respecto de lo que se puede hacer.

Adicionalmente vemos la inclusión de una librería llamada base.js


Que nos permitirá que se invoque la instalación de la aplicación desde el elemento con id #install. Esto es muy útil por ejemplo si alojamos la aplicación web en nuestro servidor, la gente usa la aplicación desde nuestro dominio myapp.midominio.com y quiere instalarla en su dispositivo (ya sea Firefox OS, Firefox para Android o Firefox para escritorio). En próximos artículos veremos como usar el caché de aplicación para que esta no requiera conexión a la red.

Si queréis ampliar sobre Lungo, os recomiendo dar un vistazo al extenso hangout que realizaron con la gente de Desarrolloweb.com.

Enlaces:

The following two tabs change content below.

Nukeador

Global Communities Strategist at Mozilla
Rubén ha colaborado como voluntario en la comunidad Mozilla desde 2004. Actualmente dedica sus esfuerzos a ayudar a la comunidad en español y desde 2014 es empleado de Mozilla a tiempo completo como coordinador de estrategias comunitarias globales.

Compartir artículo:

  • ¡Participa!

    Firefox Friends »
    Agrega botones de Firefox en tu sitio web y comparte tu amor por Mozilla Firefox.
    Ayuda a otros usuarios en Twitter.
    Colabora con la comunidad »
    En Mozilla lo importante son las personas. Descubre cómo puedes colaborar.

    Boletín Firefox

    Suscríbete al boletín de novedades de Firefox.

  • Descargas

    Descarga los programas de Mozilla.

    Lo más visto

    cc-by-sa