sábado, 22 de noviembre de 2014

Simulador de Firefox OS 2.0

Instalación

El proceso para instalar y cargar una aplicación en el simulador de Firefox OS 2.0 es muy sencillo, solo sigue los siguientes pasos que también tienen sus ilustraciones para una mejor guía. La instalación se realizará en Mozilla Firefox versión 34.0. Pero los pasos son similares para otras versiones, por lo tanto no tendrás mucho inconveniente si tienes una versión antigua.

- Abrir el navegador Mozilla Firefox.
Fig 1. Mozilla Firefox versión 34.0

- Ir a la dirección; about:app-manager escribiéndola en la barra de direcciones.
Fig 2. URL del Administrador de aplicaciones.

- Se abrirá la ventana del Administrador de aplicaciones, similar a la Figura 3. Desde la cual se puede gestionar las aplicaciones, dispositivos conectados y simuladores. Si quieres más explicación sobre el Administrador de aplicaciones puedes dar clic en el botón de Ayuda que está en la esquina izquierda en la parte inferior de la ventana.
Fig 3. Ventana del Administrador de aplicaciones
- A continuación, se procederá a la instalación del simulador, y lo primero que se debe hacer es dar clic en el botón Iniciar simulador que se encuentra en la barra inferior de la ventana.

Fig 4. Iniciar simulador.

- La barra inferior cambiará y ahora se apreciará los botones Instalar Simulador y Cancelar. Como se pueden dar cuenta se da clic en Instalar Simulador, que nos llevará a una página oficial de Mozilla desde la cual se podrá descargar.
Fig 5. Instalar Simulador.
 - En la nueva página damos clic en el botón de color verde que tiene escritas las palabras Install Simulator. Que nos llevará a una nueva página.

Fig 6. Página con información de la instalación.

- En la nueva página se pueden observar distintas versiones de simuladores, de las cuales nosotros seleccionaremos la versión Firefox OS 2.0 Simulator, porque es la más reciente y estable hasta el momento. También existe la opción de instalar ADB Helper que les será útil si conectan su dispositivo Firefox OS a su computador para probar aplicaciones. 
Fig 7. Versiones del simulador de Firefox OS.
 - Seguidamente nos pedirá que confirmemos la descarga (Fig 8), esperamos a que termine la descarga (Fig 9) y una vez más nos pedirá que confirmemos la instalación pero esta vez advirtiéndonos de la instalación de software de terceros (Fig 10).

Fig 8. Permitir la descarga.
Fig 9. Descarga
  - El proceso de descarga tardará según la velocidad de conexión a Internet que poseas.

Fig 10. Aceptar la instalación.
- Ahora se puede volver a la URL del Administrador de aplicaciones y entre las versiones de simuladores podrás encontrar a la versión del Simulador de Firefox OS que hayas deseado.

Fig 11. Simulador instalado.


- Al dar clic en la versión que hayas instalado se podrá apreciar al simulador en acción.
Fig 12. Simulador de Firefox OS 2.0

 Cargar una aplicación

- En las nuevas versiones de Mozilla Firefox existen dos diferentes modos. El primero es por la ventana de Administración de aplicaciones y el otro es por WebIDE.

Mediante el Administrador de aplicaciones

En este método se debe ingresar clic en el botón de aplicaciones que se encuentra en la barra lateral izquierda. En la parte inferior del panel contiguo que se despliega, hay las opciones de agregar una aplicación alojada y empaquetada.

Fig 13. Añadir aplicaciones.
Para cargar la aplicación desde el Administrador de Aplicaciones primero la agregas, sea alojada o empaquetada, luego ejecutas el Simulador de Firefox OS y das clic en ACTUALIZAR y luego en DEPURAR. Automáticamente, la aplicación se cargará en el simulador y podrás probarla.

Fig 14. Cargar una aplicación.

Mediante el WebIDE

Personalmente recomiendo que uses este método porque te permite cargar las aplicaciones mucho más rápido y editar su "código en caliente".
Lo primero que debes de hacer es dar clic en el icono del menú de Firefox, del cual se desplegarán varias opciones, se escoge la opción de desarrollador y se despliega una lista mucho más extensa, de la cual nos interesa la que dice WebIDE (también puedes acceder mediante las teclas de acceso rápido Mayus+F8).

Fig 15. Acceder a WebIDE.

 - Se despliega el Firefox WebIDE que es muy intuitivo, en la parte de Seleccionar entorno de ejecución se puede elegir el simulador que se desee y en Abrir aplicación se pueden abrir aplicaciones empaquetadas o alojadas.
Fig 16. Firefox WebIDE.
Cargar una aplicación empaquetada.
Esta la forma más fácil para probar aplicaciones creadas por nosotros mismos. Se sigue los siguientes pasos para ejecutarla en el simulador:
-  Para cargar una aplicación empaquetada -por cualquiera de los dos métodos- se debe buscar entre los directorios, la carpeta que contiene la aplicación.

Fig 17. Carpeta que contiene la aplicación.
 - Y luego la aplicación se ejecutará y se la podrá ver en el simulador.
Fig 18. Uso de WebIDE para cargar aplicaciones alojadas.
 Como se presenta en la Figura 18 (el simulador al lado izquierdo y WebIDE del derecho).
Si quieres probar la aplicación que se utilizó en este post puedes encontrarla en el siguiente enlace: https://github.com/CristhianMotoche/HolaMundo-FirefoxOS
Puedes descargarla como .zip y luego descomprimirla o clonarla desde la terminal con $git https://github.com/CristhianMotoche/HolaMundo-FirefoxOS.git
Dudas y comentarios están bienvenidos.

No hay comentarios.:

Publicar un comentario