desarrollo para firefox-osmercurio.ugr.es/pedro/tutoriales/phonegap/presentacion...firefox os-like...

Desarrollo de Apps Multiplataforma para Dispositivos Móviles

Desarrollo para Firefox-OS

Pedro A. Castillo Valdivieso Universidad de Granada

pacv@ugr.es

!   http://www.mozilla.org/es-ES/firefox/os/ !   http://en.wikipedia.org/wiki/Firefox_OS

Firefox-OS

2

!   Desarrollar para Firefox-OS

  Instalar el complemento (simulador) en el navegador de escritorio:

Firefox-OS

3

1

!   Desarrollar para Firefox-OS

  Una vez instalado lanzamos el simulador:

Firefox-OS

4

2

!   Desarrollar para Firefox-OS

  Encendemos el simulador:

Firefox-OS

5

3

!   Desarrollar para Firefox-OS

  Hacer una carpeta donde haremos la aplicación HTML5   Crear el manifest.webapp

Firefox-OS

6

4

!   Desarrollar para Firefox-OS

  En la ventana del simulador, añadimos un directorio (seleccionamos el manifiesto):

Firefox-OS

7

5

!   Desarrollar para Firefox-OS

  En una ventana se muestra el simulador

Firefox-OS

8

6

!   Desarrollar para Firefox-OS

  Se muestra como primera pantalla el index.html tal y como hemos indicado en el manifiesto

Firefox-OS

9

7

!   Ejemplos

  Veamos

Firefox-OS

10

!   Ejemplos

  Veamos

Firefox-OS

11

!   Ejemplos

  Veamos

Firefox-OS

12