desarrollo para firefox-osmercurio.ugr.es/pedro/tutoriales/phonegap/presentacion...firefox os-like...
TRANSCRIPT
![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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/1.jpg)
Desarrollo de Apps Multiplataforma para Dispositivos Móviles
Desarrollo para Firefox-OS
Pedro A. Castillo Valdivieso Universidad de Granada
![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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/2.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/3.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/4.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/5.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/6.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/7.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/8.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/9.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/10.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/11.jpg)
! 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](https://reader036.vdocument.in/reader036/viewer/2022080723/5f7be5badde55a70ea7542f9/html5/thumbnails/12.jpg)
! Ejemplos
Veamos
Firefox-OS
12