Saltar la navegación

Proyecto Final

App Turísticia. Interfaz

Un ejemplo de cómo podría diseñarse la aplicación del proyecto planteado al inicio, se puede resumir en la muestra que nos ofrecen las siguientes pantallas:

Fuente Propia. Pantalla de Inicio (CC0)
Fuente Propia. Menú Principal (CC0)

Seleccionamos la opción de Santa María y nos aparece la siguiente pantalla:

Fuente Propia. Pantalla de un lugar de interés (CC0)

En esta pantalla, podemos encontrar los siguientes elementos:

  • Botón de Información: se enlazará a una pantalla con una etiqueta que contiene información relativa a ese monumento o lugar de interés.
  • Botón de Audio: Si el audio no ocupa mucho se puede poner este botón que activa la reproducción.
  • Botón de Audio 2: Es la opción que nos ofrece si el audio ocupa mucho espacio. Se vincula con VisorWeb1 que nos mostrará la pantalla de, por ejemplo, SoundCloud donde tendremos guardada nuestra reproducción. De esta forma, aligeramos nuestra aplicación ocupando menos espacio.
  • Botón Maps: Que hace que aparezca una imagen de Street View de Google Maps del lugar elegido.
  • Botón <<<: Regresa al menú principal.

Se podría haber incluido otro botón para acceder a una pantalla que active un VisorWeb y muestre el mapa de localización.

Por último se ofrece, como quedaría la pantalla de texto:

Fuente Propia. Información del lugar de interés (CC0)

Estas dos últimas pantallas se repetirían para cada uno de los lugares de interés.

Para dotarlo de mayor contenidos, se podrían incluir audios en español, inglés y francés, y textos en los diferentes idiomas, enriqueciendo la aplicación y haciéndolo más accesible para todo tipo de personas.

Ejemplo de Código

El código de la pantalla 1, sería sólo para pasar al menú principal:

Fuente Propia. Código pantalla inicial (CC0)

El código del menú principal muestra la programación de solo dos botones:

Fuente Propia. Código Pantalla Menú (CC0)

Al acceder a la pantalla de Santa María, se muestra el código de cada uno de los botones presentados en el apartado anterior de la interfaz:

Fuente Propia. Código ejemplo lugar de interés (CC0)

Y por último, el código de la pantalla del texto, sería sólo del botón para regresar a la página anterior:

Fuente Propia. Código pantalla texto (CC0)