Actividad preguntas y respuestas - Mit app Inventor - Facilitadora CDD Mg. Maria Luisa Quispe Chàvez
1. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
• Actividad2: PREGUNTAS
Y RESPUESTAS
Mg. María Luisa Quispe Chávez
2. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
Actividad 2: Video – Preguntas y respuestas
Funcionamiento general:
En esta actividad crearemos una aplicaciónque a partir de un video generaremos preguntas
y respuestas.
Entonces nuestra aplicación debe de ir de INICIO(VENTANA PRINCIPAL o SCREEN1) se
desplaza a PREGUNTAS, y de aquí a RESPUESTAS. Una vez en RESPUESTAS tiene la opción
de regresar a SCREEN1 o a PREGUNTAS.
Material para esta aplicación:
- Video de menos de 1 minuto.
- Preguntas
- Respuestas
- Imágenes para los fondos
Resultado final
Así queda la aplicación se te muestra una imagen del resultado final del diseño
3. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
¡¡Empezamos!!
Objetivo: Crear una aplicación donde al apretar un botón nos enviara a una ventana con
la información determina, y que al apretar otro botón debe volver a la ventana principal.
Cambiar el idioma:
Pasos:
I. Clicar El botón de New Project y nombrar el proyecto como “Mi PERÙ”
II. Una veznombradoel nuevoproyectoestaremosdentrodel programaenel apartadode DISEÑO
(Designer)
4. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
1. Lo primeroque debemoshacerescrearunaETIQUETA: para colocarunrotulootitulode nuestro
programa.
Para crear un ETIQUETA hay que ir a la Paleta, y dentrodel apartado “Interfase del usuario” coger
la ETIQUETA y arrastrarlo al visor (Viewer)
2. Cambiarlaspropiedadesde la ETIQUETA. Damosclic enla ETIQUETA, nos ubicamosenel
apartado PROPIEDADES donde encontramostodaslaspropiedadesde laetiqueta.
5. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
a) Darle color de fondo,dandoclicen COLOR DE FONDO, se
desplieganlosdiversoscolores
b) ActivarNEGRITA
c) CambiarTAMAÑO DE LETRA a 30.
d) Si deseacambiael TIPO DE LETRA.
e) En ALTO y ANCHO dejarloenautomático.
f) Modificarel apartado “Texto” y escribir“VEREL
VIDEOY CONTESTARLASPREGUNTAS”. escribirconespacios.
3. SeguimosenSCREEN1.Ahora colocaremosun VIDEOa nuestrapantallaprincipal.Paraello
buscaremosun videode menosde unminuto, segúnnuestroproyecto,lodescargamosennuestra
carpeta. Nos ubicamosenPALETA,MEDIOS, REPRODUCTOR DE VIDEO,loseleccionamosylo
arrastramos al visor.
Luegodamosclic al icono de REPRODUCTOR DE VIDEO, enPROPIEDADES, damos clicen ORIGEN,
SUBIR ARCHIVO, se abre una ventanadonde SELECCIONAMOSARCHIVOde nuestrapc, si es
menor de 01 minuto, podrá subir, damosACEPTAR y nos aparece su nombre. Podemosponerel
altoy ancho, volumen, etcenPROPIEDADES.
6. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
4. Ahoradiseñaremosel BOTONparair a laspreguntas. EnPALETA > INTERFAZ DE USUARIO>
BOTON, arrastramos unoy enPROPIEDADES,le damosnombre IR A LAS PREGUNTAS,color,
tamaño, etc.
III. Ahora crearemos ventanas para nuestras preguntas.
1. En DISEÑADOR > AÑADIR VENTANA, colocamos el nombre PREGUNTAS y aceptamos.
7. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
2. Abrimoslaventanade PREGUNTAS,nosubicamos enPALETA > INTERFAZ DE USUARIO.Damos
clicenETIQUETA,arrastramosal visor,paracolocarlapregunta.Hacemoslomismocon CASILLA
DE VERIFICACION,que seránparanuestrasalternativas.Repetimoselpaso2, tantasvecescomo
preguntas tenemos. Jalamos un BOTON para VER RESPUESTA.
3. Damos clic en ETIQUETA1, vamos a PROPIEDADES, cambiamoscolor de texto,tamaño,fondo,
etc. En el texto lo cambiamos y colocamos la pregunta1. Damos clic a CASILLA DE
VERIFICACION1,igualmente vamosa PROPIEDADES, cambiamoscolor,fondo,tamaño, etc,en
textocolocamoslarespuesta1. Estohacemosconlasdemás ETIQUETASYCASILLAS.Asítambién
cambiamos las PROPIEDADES del BOTON.
8. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
IV. Crearemos otra VENTANA para las respuestas.
1.- En DISEÑADOR > AÑADIR VENTANA, colocamos el nombre RESPUESTAS y aceptamos.
2.- En PALETA > INTERFAZ DE USUARIO, jalamos una ETIQUETA1 para colocar la pregunta1.
Jalamos 03 CASILLAS DE VERIFICACION para las respuestas. Añadimos 02 BOTONES para VER
VIDEO, y otro VER PREGUNTAS.
9. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
3. Seleccionamos la ETIQUETA1, luego en PROPIEDADES cambiamos color, fondo, etc, ke
cambiamos texto escribiendo la pregunta1. Ahora hacemos lo mismo en CASILLA DE
VERIFICACION1, en PROPIEDADES, cambiamos color, tamaño, etc y en texto escribimos la
respuesta1, dando un color a la respuesta correcta y le activamos VERIFICACION. Hacemos lo
mismo con las otras ETIQUETAS y CASILLAS DE VERIFICACION.
IV.- Cambiamosde DISEÑADORaBLOQUES para programar lasaccionesa los BOTONES,tanto de
la ventanaPRINCIPALcomode PREGUNTA y de RESPUESTA.
1.- En la ventanaPRINCIPAL,damosclicen el BOTON1> CONTROL,armamos CUANDOBOTON1
CLIC EJECUTAR > ABRIROTRA VENTANA,luegoagregamosTEXTO,escribiendoPREGUNTAS.
1
10. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
2. En la ventanaPREGUNTAS,damosclicen el BOTON1.Hacemoslo mismoque enel paso1,
colocandoenTEXTO, RESPUESTAS.
3. En la ventanaRESPUESTAS,damos clicenel BOTON1 y armamos el bloque,hacemoslomismo
que enel paso 1, colocandoenTEXTO, Screen1Igualmente hacemoslomismoconel BOTON2,
escribiendoen TEXTO,PREGUNTAS.
V.- Probaremosnuestraaplicación,revisaremossi loscontrolesfuncionan,si hayalgunadificultad
enel desarrollode esta.
1.- Para ello,hayque ira laopciónCONECTARdel menúsuperior.Dentrode estaopciónhayque
dar clic enALL COMPANION,se abre unaventanadonde hayun códigoQR y un código.
11. Creación de APPpara móviles Android Mg. María LuisaQuispe Chávez
2.-. En nuestrocelulardescargamoslaaplicaciónMITAPPINVENTOR,unavezinstalado,loabrimos
y leemosel códigoQR.Una vezescaneadoel códigooescritoel dígito,ennuestrapantallade
móvil aparecerálomismoque vemosenel simuladorde móvil enel ordenador.Ycarga nuestra
app enel celular,ahí probaremos sufuncionalidad.
4. Una vezque hemosverificadoque nuestraaplicación funciónle daos Guardar el proyecto.
Comosiempre acuérdate de guardarel proyectodandoclicenel menúsuperior PROYECTOS >
GUARDAR PROYECTOS.
5. Para que nuestros estudiantes puedan usar el aplicativo, tienen que instalar la aplicación MIT
APPINVENTOR.Luego,ennuestropc, damosclic en GENERAR, seleccionarunQR o un APK,es
decir una aplicación para instalar en el celular, el cual podemos enviar por el WhatsApp.