Inicio > FirefoxOS > Mi Primera App en FireFoxOS

Mi Primera App en FireFoxOS

Ya debemos tener instalado nuestro FireFoxOS-simulator en nuestro ordenador, y hemos podido revisar algunas cosas.

Si aun no lo sabes, FireFoxOS es un Sistema Operativo totalmente estructurado en HTML5 + CSS3 y javascript, por lo tanto, todas sus aplicaciones son escritas en html5, estilizadas con css3, y las funcionalidad se la otorga javascritp, tan sencillo como eso.

Ahora vemos aqui un poco de como se ve y mueve FireFoxOS-simulator.

Pero ya basta de escribir de tantas tonterías, vamos a lo que todos quieren ver, como hago un Hola Mundo.

Como ya hemos dicho nuestra aplicación sera basada en código html5,css3 y javascript.

Entonces lo primero que haremos sera escribir el código de una estructura básica en html5 (Basandonos en este snippet de css-tricks)

<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hola Mundo!!</title>
</head>

<body>
<h1>Hola Mundo!!</h1>
</body>
</html>

Y guardamos este codigo como index.html dentro de nuestra carpeta “holamundo”

Ahora crearemos el archivo mas importante que es: manifest.webapp, podemos descargar de este enlace una plantilla y adaptarla a nuestra aplicación.

{
  "name": "Hola Mundo",
  "description": "Mi primera aplicacion en FireFoxOS",
  "launch_path": "/index.html",
  "icons": {
    "128": "/img/icon-128.png"
  },
  "developer": {
    "name": "Alexis Sánchez",
    "url": "http://about.me/aasanchez"
  },
  "default_locale": "es"
}

Ya con todo esto esta listo, para probar tu aplicacion solo debes abrir el panel de lanzamiento de FirefoxOS-simulator

FireFoxOS-Launch

Luego en el boton “Add Directory” seleccionar el directorio de nuestra aplicación y hacer click en el archivo manifest.webapp y hacer luego click en abrir.

Navegar por los paneles de nuestro Sistema Operativo hasta encontrar nuestra aplicación (Generalmente en el Ultimo Panel) y ejecutarla.

Anuncios
Categorías:FirefoxOS Etiquetas: , , ,
  1. Aún no hay comentarios.
  1. 7 septiembre, 2014 en 6:27 PM
  2. 18 marzo, 2015 en 10:23 AM
  3. 4 febrero, 2016 en 9:32 AM
  4. 31 agosto, 2016 en 12:11 PM

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: