Desarrollo de Apps Multiplataforma para Dispositivos Móviles

Phonegap - Cordova

Pedro A. Castillo Valdivieso Universidad de Granada

pacv@ugr.es

Desarrollo para iOS en XCode

!   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

!   Un solo código para varias plataformas. iOS

  Debemos bajar el paquete Phonegap-Cordova y descomprimirlo:

Phonegap – Un solo código

3

1

!   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

!   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

!   Un solo código para varias plataformas. iOS

  La aplicación crea el proyecto completo:

Phonegap – Un solo código

6

4

!   Un solo código para varias plataformas. iOS

 

Phonegap – Un solo código

7

5

!   Un solo código para varias plataformas. iOS

  Ya en XCode podemos cargar el proyecto

  Lo desplegamos:

Phonegap – Un solo código

8

6

!   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

!   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

!   Un solo código para varias plataformas. iOS

 

Phonegap – Un solo código

11

9