+ Presentación sobre iOS

Desarrollo de Apps Multiplataforma
para Dispositivos Móviles
Phonegap - Cordova
Desarrollo para iOS en XCode
Pedro A. Castillo Valdivieso
Universidad de Granada
[email protected]
Phonegap – Un solo código
! 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
2
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 Debemos bajar el paquete Phonegap-Cordova y descomprimirlo:
1
3
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 Dentro de la carpeta ios tenemos una utilidad para crear el
proyecto XCode:
2
4
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
3
 Lo más fácil es ejecutar un comando en la aplicación terminal
indicando el nombre del proyecto y la carpeta a usar:
5
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 La aplicación crea el proyecto completo:
4
6
Phonegap – Un solo código
5
! Un solo código para varias plataformas. iOS
 7
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 Ya en XCode podemos cargar el proyecto
 Lo desplegamos:
6
8
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 Podemos ejecutarlo con la opción “Run” indicando el simulador:
7
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
9
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 Podemos cambiar la vista
 Y ver la información de depuración:
8
La ventana de
depuración nos
muestra los mensajes
que hayamos
programado
Tipo de vista con
la salida de
depuración
activa
10
Phonegap – Un solo código
! Un solo código para varias plataformas. iOS
 9
11