Ejercicios 1

Ejercicio 1 - Instalación y prueba (1 punto)

En este ejercicio vamos a realizar la instalación de las librerías necesarias para utilizar PhoneGap y a continuación crearemos una primera aplicación de ejemplo y la probaremos. Para ello seguiremos los siguientes pasos:

  • Instalar las librerías de Node.Js y de PhoneGap siguiendo los pasos explicados en la teoría.

  • Añadir plataformas de compilación para Android e iOS.

  • Compilar y probar el código de ejemplo inicial en los emuladores de Android e iOS.

  • Modificar el código de ejemplo para que en la página "index.html" únicamente se muestre "¡Hola Mundo!", en grande y centrado en la pantalla. Al pulsar sobre este texto se irá a una segunda página que pondrá "¡Adiós!", también en grande y centrado.

  • Importar los proyectos generados para cada plataforma en el IDE correspondiente (Android e iOS), analiza el código generado y prueba a ejecutarlos.

Ejercicio 2 - Importar nuestros proyectos (2 puntos)

En este ejercicio vamos a empaquetar como aplicaciones PhoneGap el resultado obtenido en los últimos ejercicios de esta asignatura. En todos los proyectos que vamos a crear tendremos que:

  • Instalar las plataformas de Android e iOS, compilar las aplicaciones y probarlas (en emulador o dispositivo real).

  • Incluir todos los assets (css, js, imágenes, etc.) que se utilicen dentro de la propia aplicación. Es decir, si por ejemplo algún proyecto accede a alguna librería desde su CDN tendríamos que descargarla, incluirla entre los recursos de la aplicación y modificar el código para que acceda de forma local. De esta forma las aplicaciones podrán funcionar sin necesidad de tener conexión a Internet.

  • Es importante que nos aseguremos de haber completado cada uno de los ejercicios correspondientes antes de incluirlos en la aplicación de PhoneGap.

Vamos a crear dos nuevos proyectos PhoneGap, con los nombres de carpetas y contenidos siguientes:

  • html: en este primer proyecto con PhoneGap empaquetaremos el resultado del ejercicio 3 de la primera sección "Introducción al desarrollo Web", llamado "Ejercicio 3 - Estructura de HTML" en el que había que utilizar las nuevas etiquetas semánticas de HTML5.

  • bootstrap: en esta segunda aplicación usaremos la web realizada en el último ejercicio de la sección sobre Bootstrap en el que había que crear una web de contenido libre que utilizara dicha librería.