Aplicación de preguntas tipo test con App inventor 2 Primera parte

Como crear una aplicación de preguntas y respuestas con App Inventor 2


Si estás pensando en crear una aplicación de preguntas y respuestas para android este tutorial te puede ser útil.

Vamos a ver como crear preguntas  con tres respuestas diferentes para cada pregunta.

Para ello utilizaremos checkboxes.

Los componentes necesarios para esta primera parte serán

  • Un label para las preguntas.
  • Un label para indicar el número de la pregunta en el que estamos.
  • Tres checkboxes para las tres respuestas.
  • Do botones para navegar entre las preguntas. Uno para retroceder y otro para avanzar.
  • Estos botones los pondremos dentro de un arraguement horizontal.

En este primer tutorial solo veremos como crear las listas de preguntas y respuestas y navegar entre ellas.

App Android Preguntas y respuestas con App Inventor
App Android Preguntas y respuestas con App Inventor

Veamos como tendríamos que hacer el código en el editor de bloques.

  • Lo primero creamos las listas de preguntas y respuestas.
  • Para ello creamos una variable a la que llamamos "preguntas". Seguido enganchamos un bloque make list, y agregamos las preguntas con bloques text, todas las que queramos. En este caso para el tutorial con 5 va de sobra. XD.
  • Copiamos y pegamos esa lista y sustituimos el nombre por "respuestas a" pegamos otra vez y creamos "respuestas b" y volvemos a pegar y creamos "respuestas c".
  • Y claro, sustituimos las preguntas por las respuestas.
App inventor Lista de preguntas
App inventor Lista de preguntas
App Inventor lista de preguntas
App Inventor lista de preguntas

Crear procedimiento para seleccionar respuestas para cada pregunta.

  • Creamos una variable llamada numero de pregunta y empezará con el número 1.
  • Creamos un procedimiento llamado selección preguntas y respuestas. En este pondremos los text del label preguntas y los de las respuestas enganchandole un select list item.
  • En el select list item le diremos que seleccione de la lista de preguntas y para las respuestas pues cada una con la que corresponde.
  • En el index pondremos el global umero de pregunta. Para que si el index es = 1, pues se escojerá la pregunta uno de la lista de preguntas y la respuesta 1 de la lista de respuestas a,b y c.
Procedimiento para seleccionar preguntas y respuestas con App inventor 2
Procedimiento para seleccionar preguntas y respuestas con App inventor 2

Botones de navegación. Los botones los utilizaremospara avanzar en las preguntas y si lo deseamos pues retroceder.

  • Seleccionamos los bloques "when click" de los botones avanzar y retroceder.
  • Dentro pondremos un if-else para hacer una comprobación.
  • En el boton retroceder, si el index de número de pregunta es igual a 1. No hará nada. De lo contrario restará uno al index.
  • En el boton de avanzar, si el index de número de pregunta es igual al largo de la lista de preguntas pues no hará nada. De lo contrario sumará uno al index.
  • Y se llamará al procedimiento de llamada de preguntas y respuestas.
  • Ademas nos pondrá en el label de número de pregunta en que pregunta estamos.

Veamos las imágenes.

Botón retroceder pregunta App inventor 2
Botón retroceder pregunta App inventor 2
Boton avanzar pregunta App inventor 2
Boton avanzar pregunta App inventor 2

Escribir comentario

Comentarios: 7
  • #1

    Ramon (martes, 03 junio 2014 11:57)

    Muy bueno de momentos, esperando mas capitulos. Gracias

  • #2

    RUDI GONZALEZ RODRIGUEZ (viernes, 29 agosto 2014 16:15)

    amigo estoy echo un lio ete es mi correo rvdhy@hotmail.com necesito una ayudita

  • #3

    robledu (martes, 09 diciembre 2014 00:21)

    MUCHÍSIMAS GRACIAS, EXCELENTE.

  • #4

    Jonathan Cardozo (domingo, 25 enero 2015 03:35)

    Que tal, y yo creando mi app con programación, ardua esta herramienta me hubiese ayudado muchísimo a crear la app de https://play.google.com/store/apps/details?id=com.joncar.quizmachine

  • #5

    Adrian (jueves, 26 marzo 2015 14:50)

    Yo he echo este juego de preguntas en HTML5 dejo el enlace para que lo prueben:

    https://play.google.com/store/apps/details?id=cuanto_sabes_2_demo.namespace …

  • #6

    B. Aguirre C. (miércoles, 26 agosto 2015 20:33)

    saludos, puedes ayudarme a formular un FAQ con 108 preguntas, incluir unas 40 graficas alusivas a las preguntas y dar las respuestas

  • #7

    Jorge (jueves, 07 julio 2016 06:36)

    Excelente ejercicio! lo he implementado y ha funcionado, correctamente. Con base en lo enseñado por el profesor he creado otra variables globales llamadas respuestas_correctas y respuestas_falladas para concentrar ahí los resultados obtenidos por el test para al final mostrarlos en un notifier. Ahora mismo estoy en la etapa de implementar un crónometro regresivo para limitar la duración del test, gracias profesor por compartir su conocimiento, saludos desde México!