Empezar a programar para Firefox OS

Las aplicaciones para Firefox OS estan basadas en las Open Web Apps que usan tecnologías web, como HTML5, CSS3,Javascript ...

La fundación Mozilla ha creado un estandar para poder desarrollar aplicaciones web se denomina Open Web Apps, para mas información Aplicaciones Open Web Apps.

Las aplicaciones Web en adalante Webapps  pueden usar el hardware del dispositivo mediante Apis denominadas WebApis.

Listado de Webapis disponibles

Conceptos básicos de las tecnologías web

Para realizar aplicaciones para Firefox OS se tiene que tener conceptos básicos de HTML5, CSS y Javascript, dependiendo del nivel de la aplicación a realizar.

Las aplicaciones de Firefox OS como se basan en HTML5 pueden estar alojadas en un servidor propio o bien empaquetada y alojada en el marketplace de Firefox OS.

Preparando el entorno de desarrollador

Algunas herramientas que debemos tener instaladas.

• Tener instalado la última versión del Navegador Firefox Descargar Firefox
• Simulador de Firefox Os Como instalar el simulador de Firefox OS
• Recomendable tener un terminal con Firefox Os, ya que con el simulador esta muy limitado el uso de las apis, y contectado con el cable usb para debugar.
  
  Si tu país tienes la teleoperadora movil Movistar puedes adquirir el ZTE Open por unos 50€
• Un editor de código, Notepad++, Sublime Text 3 o el que uses por defecto para crear páginas web.

Tipos de aplicaciones en Firefox Os

En Firefox OS existen tres tipos de aplicaciones, hospedadas, privilegiadas y certificadas

Hospeadas: son aplicaciones que están hospedadas en servidores web y pueden usar algunas apis.

Privilegiadas: estas aplicaciones pueden usar apis mas sensibles, están empaquetadas, puede funcionar en modo offline, no se precisa tenerlas alojadas en un servidor propio, ya que se pueden subir al marketplace de FirefoxOs.

Certificadas: aplicaciones que tienen control absoluto del terminal, tienen accesos a toda la apis, de momento solo las pueden distribuir, telefonías o fabricantes de móvil.

Existe la posibilidad de probarlas como desenvolupador, mediante cable USB.

Hola mundo en Firefox OS

Toda aplicación web en Firefox OS, del tipo que sea tiene que tener un archivo manifest.webapp donde pondremos las directivas de la aplicación, recursos básicos y permisos que se deben otorgar dependiendo del uso de las Webapis

ejemplo básico de manifest.webapp

{
  "name": "Light",
  "description": "Mi primera aplicación para firefox OS",
  "version": "1.0",
  "launch_path": "/main.html",
  "icons": {
    "60": "/iconapp60.png"
  },
  "installs_allowed_from": ["*"],
  "type": "privileged",
  "developer": {
    "name": "tu_nombre",
    "url": "tu_web"
  },
  "default_locale": "es"
}

las propiedades más esenciales son el name, description, launch_path, un icono de 60x60 y el tipo de aplicación.

Ahora debemos crear el main.html, recuerda en salvar el documento en UTF-8

<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title>Titúlo de la aplicación</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
</head>
<body>
Hola mundo en Firefox OS<br />
abcdefghijklmnopqrstuvwxyz ñç<br />
áéíóúàèìòùäëïöü<br />
ÁÉÍÓÚÀÈÌÒÙÄËÏÖÜ
</body>
</html>

Por último lo debemos cargar al simulador o a nuestro dispositivo.

Categories: desarrollo, firefox os