Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro...
Transcript of Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro...
![Page 1: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/1.jpg)
Desarrollo de Apps Multiplataforma para Dispositivos Móviles
Phonegap - Cordova
Pedro A. Castillo Valdivieso Universidad de Granada
Desarrollo para iOS en XCode
![Page 2: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/2.jpg)
! Un solo código para varias plataformas. iOS
Veamos el proceso (básico) para crear aplicaciones con Phonegap en:
• iOS – http://basic-steps.blogspot.com.es/2013/02/phonegapmac-creating-phonegap-project.html
• Win-Phone
Phonegap – Un solo código
2
![Page 3: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/3.jpg)
! Un solo código para varias plataformas. iOS
Debemos bajar el paquete Phonegap-Cordova y descomprimirlo:
Phonegap – Un solo código
3
1
![Page 4: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/4.jpg)
! Un solo código para varias plataformas. iOS
Dentro de la carpeta ios tenemos una utilidad para crear el proyecto XCode:
Phonegap – Un solo código
4
2
![Page 5: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/5.jpg)
! Un solo código para varias plataformas. iOS
Lo más fácil es ejecutar un comando en la aplicación terminal indicando el nombre del proyecto y la carpeta a usar:
Phonegap – Un solo código
5
3
![Page 6: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/6.jpg)
! Un solo código para varias plataformas. iOS
La aplicación crea el proyecto completo:
Phonegap – Un solo código
6
4
![Page 7: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/7.jpg)
! Un solo código para varias plataformas. iOS
Phonegap – Un solo código
7
5
![Page 8: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/8.jpg)
! Un solo código para varias plataformas. iOS
Ya en XCode podemos cargar el proyecto
Lo desplegamos:
Phonegap – Un solo código
8
6
![Page 9: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/9.jpg)
! Un solo código para varias plataformas. iOS
Podemos ejecutarlo con la opción “Run” indicando el simulador:
Phonegap – Un solo código
9
Botón para ejecutar la
aplicación en el simulador
Indicamos en qué tipo de dispositivo
queremos ejecutarla
Vemos los avisos y el
estado de la ejecución
7
![Page 10: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/10.jpg)
! Un solo código para varias plataformas. iOS
Podemos cambiar la vista
Y ver la información de depuración:
Phonegap – Un solo código
10
Tipo de vista con la salida de depuración
activa
La ventana de depuración nos
muestra los mensajes que hayamos programado
8
![Page 11: Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en](https://reader034.fdocuments.co/reader034/viewer/2022042622/5face07adb62034e316ba843/html5/thumbnails/11.jpg)
! Un solo código para varias plataformas. iOS
Phonegap – Un solo código
11
9