Firefox OS es el nuevo sistema operativo móvil para Smartphones que Mozilla ha lanzado este año. Diseñado para ser una alternativa completamente Open Source a las demás soluciones de sistemas operativos móviles utilizando estándares web abiertos tales como HTML5, CSS3 y Javascript, ademas de un conjunto de Web APIs con las que te puedes comunicar directamente con el navegador a través de Javascript y un marketplace para que subas tu aplicación.
Primeros pasos para codear en Firefox OS
Sólo necesitas tener conocimientos básicos de HTML5 y Javascript y algunas herramientas que vamos a describir. Primero, debes contar con la versión mas reciente de Firefox, esto para poder instalar Firefox OS Simulator y Bugzilla que te ayudaran a lanzar tu aplicación en el navegador y depurarla respectivamente. Ademas de un editor de texto plano que sea de tu preferencia.
Hay dos tipos de aplicaciones Firefox OS, empaquetadas y alojadas. Las primeras consisten en un archivo zip que contiene todo los recursos de tu aplicación, archivos HTML, CSS, JavaScript, imágenes, tipografías, etc. Las segundas consisten en una aplicación que se aloja en un servidor web, como cualquier otra página.
Para que funcionen estas apps, debes tener un archivo manifest válido. El archivo manifest.webapp contiene toda la información sobre tu aplicación, pero en esta introducción solo nos preocuparemos por tres aspectos básicos y necesarios:
- Nombre
- Descripción
- Ruta de lanzamiento
{
"name" : "Mi app",
"description" : "Mi primer app para Firefox OS"
"launch_path" : "/index.html"
}
El código anterior lo guardaremos en una carpeta “MiPrimerApp” con el nombre de manifest.webapp.
Y a continuación creamos el archivo index.html que especificamos en la ruta de lanzamiento y que guardaremos en el mismo lugar que nuestro manifest.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi primer app para Firefox OS</title>
<style> h1 {color:#222; text-align:center;}
<head>
<body>
<h1>Hola mundo desde Firefox OS</h1>
</body>
Ejecutando mi App
Para ejecutar esta aplicación en el simulador, abrimos Firefox, vamos al menú Herramientas > Desarrollador Web > Firefox OS Simulator. Nos abrirá una nueva pestaña en donde debemos localizar la opción Add Directory, damos clic y buscamos nuestra carpeta y a continuación seleccionamos nuestro archivo manifest el cual abriremos.
Si no tenemos ningún error, se ejecutara el simulador de Firefox OS y podremos ver nuestra app corriendo. Listo!, así iniciamos la introducción al desarrollo de apps en Firefox OS.
No olvides dejarnos tus comentarios o dudas al respecto y seguirnos en las redes sociales; si tienes algún problema ya más específico puedes enviarme un tweet a @jailandrade y con gusto te apoyaré.
Programa del miércoles en ninjacode.tv – “Introducción a Firefox OS”
Hola! Lo primero que decir que no se nada de desarrollo o programación, sin embargo me agrada bastante la idea y el planteamiento de Firefox OS como código abierto para facilitarle la vida a ustedes los desarrolladores, mi pregunta es la siguiente, cómo puedo hacer para construir una aplicación de mi blog basado en WordPress para Firefox OS? En Android es bastante fácil pero me ha costado conseguir la forma para hacerlo como el OS de Mozilla, espero puedan echarme un empujoncito, saludos.
Conseguir una sorprendente aplicación hoy es una necesidad, pero cuando buscamos en internet a los proveedores que nos pueden ayudar, descubrimos que puede ser muy doloroso y costoso, ya que es muy difícil encontrar desarrolladores de aplicaciones que ofrezcan aplicaciones con alta calidad, intuitivas y de precio economico. ¡Ya no es así! Gracias a Mantiz Game Studios.
En Mantiz ofrecemos soluciones para cada cliente, para que tengan una experiencia única mientras incrementan el impacto de su marca. Puedes ver nuestros servicios en:
http://www.mantizgs.com/mgs/esp/servicios.html
Estan seguros que funciona el codigo que proporcionan…?
Muy buena la información, me ayudo bastante para lo que queria hacer, lo entendi muy bien por la manera de la explicación