12
Desarrollo de Apps Multiplataforma para Dispositivos Móviles Desarrollo para Firefox-OS Pedro A. Castillo Valdivieso Universidad de Granada [email protected]

Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

Desarrollo de Apps Multiplataforma para Dispositivos Móviles

Desarrollo para Firefox-OS

Pedro A. Castillo Valdivieso Universidad de Granada

[email protected]

Page 2: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

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

Firefox-OS

2

Page 3: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

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

Firefox-OS

3

1

Page 4: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

  Una vez instalado lanzamos el simulador:

Firefox-OS

4

2

Page 5: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

  Encendemos el simulador:

Firefox-OS

5

3

Page 6: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

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

Firefox-OS

6

4

Page 7: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

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

Firefox-OS

7

5

Page 8: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

  En una ventana se muestra el simulador

Firefox-OS

8

6

Page 9: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Desarrollar para Firefox-OS

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

Firefox-OS

9

7

Page 10: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Ejemplos

  Veamos

Firefox-OS

10

Page 11: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Ejemplos

  Veamos

Firefox-OS

11

Page 12: Desarrollo para Firefox-OSmercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Firefox OS-like environment that looks and feels like a mobile phone. After i go to Web Developer

!   Ejemplos

  Veamos

Firefox-OS

12