Ejercicios de App Inventor – Nivel básico Ejercicio 3.

- Monumentos de Sevilla – 1ª Parte

Descripción de la aplicación

En este ejercicio hay que realizar una aplicación móvil que en una primera pantalla muestre una
portada con una imagen la ciudad de Sevilla y tres botones.
Cada botón hace referencia a un monumento de Sevilla, y abrirá otra pantalla donde podremos
ver una descripción de dicho monumento con su foto, un botón emitirá un audio con dicha
descripción, un segundo botón con un acceso a la Wikipedia de dicho monumento, y finalmente
un botón que cerrará dicha ventana y volverá a la ventana inicial.
A continuación, se indican los pasos a seguir y se muestra el resultado de las ventanas de diseño
usadas en este caso.

Pasos a seguir:

0.- Descargar los recursos, descomprimiendo los archivos en una carpeta que se tenga localizada

1.- Comenzamos un nuevo proyecto que llamamos MonumentoSevilla

2.- Modificar las propiedades de la ventana “Screen1” siguientes:

• Disposición horizontal: Centro
• Disposición vertical: Arriba
• Nombre de la aplicación: Monumentos de Sevilla
• Color de fondo: el que se desee, en nuestro caso naranja
• Icono: imagen descargada con nombre “icono.png”
• Marcamos la opción Enrollable
• Título: Monumentos de Sevilla

3.- Colocar una etiqueta con las siguientes propiedades:

• Marcar la opción negrita
• Tamaño de la letra: 24
• Ancho: Ajustar al contenedor
• Texto: Monumentos de Sevilla
• Posición del texto: centro

4.- Colocar una imagen con las siguientes propiedades:

• Ancho: Ajustar al contenedor
• Foto: imagen descargada con el nombre “Sevilla.jpg”

5.- Insertar un primer botón con las siguientes propiedades:

• Ancho: Ajustar al contenedor
• Texto: La Giralda
• Modificar el nombre: Btn_Giralda

www.profedeinformatica.es 1 Justo Rodríguez Orta

Ejercicios de App Inventor – Nivel básico Ejercicio 3.- Monumentos de Sevilla – 1ª Parte

6.- Insertar un segundo botón con las siguientes propiedades:

• Ancho: Ajustar al contenedor
• Texto: Torre del Oro
• Modificar el nombre: BtnTorreOro

7.- Insertar un tercer botón con las siguientes propiedades:

• Ancho: Ajustar al contenedor
• Texto: Plaza de España
• Modificar el nombre: BtnPlazaEsp

8.- Insertar un cuarto botón con las siguientes propiedades:

• Texto: SALIR
• Color del texto: Rojo
• Marcar opción “Negrita”
• Modificar el nombre: BtnSalir

9.- Insertar una etiqueta con tu nombre

10.- Añadir tres ventanas con los siguientes nombres: VGiralda; VtorreOro; VPlazaEsp y para
cada ventana realizar los puntos apartados 11 a 19 siguientes modificando la opción que
corresponda en cada ventana y teniendo en cuenta el código de colores.

11.- Posicionarse en la ventana VGiralda / VTorreOro / VPlazaEsp y modificar las siguientes

propiedades:
• Color de Fondo: Modificarlo al gusto
• Marcar la opción “Enrollable”
• Título: La Giralda / Torre del Oro / Plaza de España

12.- Incluir una etiqueta en la ventana VGiralda / VTorreOro / VPlazaEsp con las siguientes
propiedades:
• Marcar la opción “Negrita”
• Tamaño de la letra: 24
• Ancho: Ajustar al contenedor
• Texto: La Giralda / Torre del Oro / Plaza de España
• Posición del texto: centro

13.- Agregar una imagen a la ventana VGiralda / VTorreOro / VPlazaEsp con las siguientes
propiedades:
• Ancho: Ajustar al contenedor
• Alto para Plaza de España: 200 pixels
• Foto: LaGiralda.jpg / TorreDelOro.jpg / PlazaEspana.jpg (pulsar y subir archivo)

www.profedeinformatica.es 2 Justo Rodríguez Orta

Ejercicios de App Inventor – Nivel básico Ejercicio 3.- Monumentos de Sevilla – 1ª Parte

14.- Agregar una segunda etiqueta a la ventana VGiralda / VTorreOro / VPlazaEsp con las
siguientes propiedades:
• Ancho: Ajustar al contenedor
• Texto: Descripción que sobre La Giralda / Torre del Oro / Plaza de España se
encuentra en el documento MonumentosSevilla.txt

15.- Insertar un primer botón a la ventana VGiralda / VTorreOro / VPlazaEsp con las siguientes
propiedades:
• Ancho: Ajustar al contenedor
• Texto: Escuchar audio
• Cambiar nombre: BtnAudio

16.- Insertar un segundo botón a la ventana VGiralda / VTorreOro / VPlazaEsp con las siguientes
propiedades:
• Ancho: Ajustar al contenedor
• Texto: Wikipedia
• Cambiar nombre: BtnWikipedia

17.- Insertar un tercer botón a la ventana VGiralda / VTorreOro / VPlazaEsp con las siguientes
propiedades:
• Negrita: Habilitado
• Ancho: Ajustar al contenedor
• Texto: VOLVER
• Cambiar nombre: BtnVolver

18.- Insertar el elemento Reproductor (Paleta – Medios – Reproductor) en la ventana VGiralda

/ VTorreOro / VPlazaEsp con las siguientes propiedades:
• Origen: LaGiraldaOK.m4a / LaTorreDelOroOK.m4a / LaPlazaDeEspanaOK.m4a
(Pulsar y subir archivo)
• Cambiar nombre: AudioGiralda / AudioTorreOro / AudioPlazaEsp

19.- Insertar elemento ActivityStarter (Paleta – Conectividad – ActivityStarter) en la ventana

VGiralda / VTorreOro / VPlazaEsp con las siguientes propiedades:
• Cambiar nombre: EnlaceGiralda / EnlaceTorreOro / EnlacePlazaEsp

www.profedeinformatica.es 3 Justo Rodríguez Orta

Ejercicios de App Inventor – Nivel básico Ejercicio 3.- Monumentos de Sevilla – 1ª Parte

Ventanas de diseño
Screen1 VGiralda

VTorreOro VPlazaEsp

www.profedeinformatica.es 4 Justo Rodríguez Orta