See this post in english hereEl pasado 20 de marzo tuve la oportunidad de asistir a los Firefox OS App Days de Valladolid, donde, tras unas cuantas sesiones de introducción, tuvimos un hackatón donde pudimos tener un primer contacto con la plataforma. La plataforma Firefox OS es, dicho de una forma sencilla, un núcleo de Android y un navegador, con lo cual todo el sistema, incluida la
pantalla de inicio, están hechos en HTML5, CSS y Javascript. La
diferencia importante con un navegador que se ejecute en Android o iOS, es que poseemos entrada mediante las API de Firefox OS a todas las
funciones del teléfono, contactos, calendario, etc. Desarrollo: Lenguajes, dispositivos y simulador El
desarrollo es
como el de cualquier aplicación web, es decir, HTML + CSS + Javascript, de forma que podemos extenderlo usando LESS, SASS, jQuery, Sencha... Para iniciar no necesitamos más que un editor de texto y Firefox para depurar, ya que el motor de renderizado del teléfono es exactamente idéntico que el de la versión para escritorio. Sin embargo, hay cosas que no se puedan probar en un navegador convencional, y para ello contamos con un simulador, que se instala
como un complemento de Firefox y nos faculta probar nuestras aplicaciones. Building Blocks Mozilla ha preparado, de forma adicional, determinadas plantillas CSS para los fundamentos
comunes (listas, botones, cabeceras,
mensajes de diálogo) de forma que vuestra aplicación tenga un apariencia oriundo y se integre con el
estilo del sistema. Es significativo resaltar que tendremos que copiar manualmente los archivos CSS, ya que de momento no contamos con ninguna plantilla vacía. Mi primer programa Tras la sesión de introducción pasamos al hackathon, es
caso menos de dos horas para construir una pequeña aplicación y iniciar a trabajar. Mi primer programa consiste en una pequeña lista de tareas: Los
estilos están tomados del repositorio de Github de Gaia, que es
como se llama la Interfaz de Usuario de Firefox OS. Las animaciones y el cambio de página se hacen con una mezcla de transformaciones CSS y Javascript, ayuda de los chicos de Mozilla y Telefónica I+D que estaban en el evento. Para gestión de la lista he funcionario knockout.js para gestionar la lista de tareas y el proceso de añadir una nueva. El fruto es lo que se aprecia en las capturas de pantalla: Siguientes pasos Esto es escaso más que un hola mundo, para que la aplicación fue funcional necesitaría guardar los datos, y se podría expandir enlazando las tareas con
acciones del calendario. Hay muchas cosas que se
pueden hacer, y parece una plataforma interesante. Enlaces Simulador de Firefox OS Building blocks Repositorio de Gaia en Github (UI de Firefox) Knockout.js Código de
ejemplo en Github