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 Cordova 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 Cordova siguiendo los pasos explicados en la teoría.

• Crear un proyecto de prueba llamado HolaMundo.

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

• Compilar y probar el código de ejemplo (incluido en la generación) 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 Cordova 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 Cordova.

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

• html: en este primer proyecto con Cordova 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.