Archivo

Archive for the ‘FirefoxOS’ Category

Mi Primera App en FireFoxOS

3 febrero, 2013 4 comentarios

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: , , ,

Instalando Firefox-OS Simulator

3 febrero, 2013 3 comentarios

Desde hace un buen rato el amigo Arturo Martinez quien es uno de los representantes mas importantes de la fundación Mozilla para latinoamerica, ha estado en varios eventos donde hemos coincidido como ponentes hablando de FirefoxOS, de su potencial y todo eso, pero la verdad aunque la cosa me había llamado no me había dispuesto realmente buscar información para comenzar a hacer las pruebas, hasta hace unos días donde decidí hacer una instalación pensando que seria algo muy complicado, me dispuse toda una tarde libre para hacer la instalación de todos los archivos necesarios para hacer mi primera prueba, pero realmente estaba muy equivocado la instalación de todo lo necesario se haca LITERALMENTE en 2 pasos en extremo simples (y 2 pasos si y solo si no tienes firefox instalado en tu computador).

Entonces me dispongo a hacer un manual con todos los pasos en extremo detallados para que instales tu firefoxos-simulator y tengas todo lo necesario para hacer tu hola mundo en FireFox OS

Paso 1) Instalemos FireFox:
sudo apt-get install firefox

Paso 2) Instalamos FirefoxOS simulator
Buscamos FireFoxOS simulator como complemento de firefox.

Firefox-complementos

FireFoxOS

instalando

Este proceso tomara unos minutos, dependiendo de tu velocidad de conexión, por que esta extensión pesa unos 100Mb. Cuando la instalción termine, tendremos algo como esto.

firefoxosinstalado

y listo… ya con esto tenemos todas las herramientas necesarias para comenzar a hacer pruebas con firefox os, realmente no necesitamos mas nada, claro esta que para un desarrollo mas eficiente yo recomendaría instalar un Editor de código bueno como SublimeText2, y quizás un apache en tu computador para ir haciendo poco a poco las pruebas, pero eso es cuestión de gustos.

Para lanzar el Simulador de Firefox Os, hacemos lo siguiente.

FireFoxOS-Launch

Lanzando FirefoxOS simulator
(Nota: La calidad de colores es pobre en esta imagen por que es un gif, me dio flojera hacer un vídeo de esto)

Y listo, ya tienen el simulador de FireFox lanzado, pueden probarlo y jugar con el, la verdad es tan sencillo como esto, no hay que instalar SDK, ni nada por el estilo, es todo realmente simple, muy pocos pasos.

Categorías:FirefoxOS, Programación