Tutorial con el que aprenderás a crear una app para Android sin conocimientos previos empleando App Inventor.
Crearemos una App de preguntas y respuestas tipo Quiz.
El aspecto al finalizar será:
![](https://1.bp.blogspot.com/-pV3OlEJQ4ok/XiC_Wz2_tsI/AAAAAAAABN4/4kTNM6STJSIBBp1TjDcznU9MbppoyjN9QCK4BGAYYCw/s320/Screenshot_20200116-194511.jpg)
Al inicio la app mostrará la primera pregunta y la primera foto. El usuario deberá introducir su respuesta y hacer clic en el botón "Submit". La app comprobará si la respuesta es correcta (no influirá si se emplean mayúsculas o minúsculas) e informará al usuario. A continuación el usuario deberá hacer clic en el botón "Next" para visualizar la segunda pregunta y la segunda imagen.
Los componentes que emplearás son los que ves a continuación:
![](https://1.bp.blogspot.com/-Y9KGnb5VwGE/XiDGbXvBLkI/AAAAAAAABPA/R6uaNjN1ausg6Vf5tggaD31v6RNp8493QCK4BGAYYCw/s640/Nueva%2Bimagen%2B%25283%2529.jpg)
Crearemos una App de preguntas y respuestas tipo Quiz.
El aspecto al finalizar será:
![](https://1.bp.blogspot.com/-pV3OlEJQ4ok/XiC_Wz2_tsI/AAAAAAAABN4/4kTNM6STJSIBBp1TjDcznU9MbppoyjN9QCK4BGAYYCw/s320/Screenshot_20200116-194511.jpg)
Al inicio la app mostrará la primera pregunta y la primera foto. El usuario deberá introducir su respuesta y hacer clic en el botón "Submit". La app comprobará si la respuesta es correcta (no influirá si se emplean mayúsculas o minúsculas) e informará al usuario. A continuación el usuario deberá hacer clic en el botón "Next" para visualizar la segunda pregunta y la segunda imagen.
Los componentes que emplearás son los que ves a continuación:
![](https://1.bp.blogspot.com/-Y9KGnb5VwGE/XiDGbXvBLkI/AAAAAAAABPA/R6uaNjN1ausg6Vf5tggaD31v6RNp8493QCK4BGAYYCw/s640/Nueva%2Bimagen%2B%25283%2529.jpg)
El aspecto al finalizar será:
![](https://1.bp.blogspot.com/-pV3OlEJQ4ok/XiC_Wz2_tsI/AAAAAAAABN4/4kTNM6STJSIBBp1TjDcznU9MbppoyjN9QCK4BGAYYCw/s320/Screenshot_20200116-194511.jpg)
Al inicio la app mostrará la primera pregunta y la primera foto. El usuario deberá introducir su respuesta y hacer clic en el botón "Submit". La app comprobará si la respuesta es correcta (no influirá si se emplean mayúsculas o minúsculas) e informará al usuario. A continuación el usuario deberá hacer clic en el botón "Next" para visualizar la segunda pregunta y la segunda imagen.
Los componentes que emplearás son los que ves a continuación:
![](https://1.bp.blogspot.com/-Y9KGnb5VwGE/XiDGbXvBLkI/AAAAAAAABPA/R6uaNjN1ausg6Vf5tggaD31v6RNp8493QCK4BGAYYCw/s640/Nueva%2Bimagen%2B%25283%2529.jpg)
Links de descarga:
Imagen con los bloques de programación: rebrand.ly/quizmebloques
Proyecto App Inventor .aia: rebrand.ly/quizmeaia
Aplicación .apk: rebrand.ly/quizmeapk
Proyecto App Inventor .aia: rebrand.ly/quizmeaia
2.1 Diseño de la App.
Si quieres evitar escribir los textos puedes descargarlos:Lista de Preguntas
Lista de Respuestas
Lista de Imágenes
Descarga las imágenes que necesitas para hacer el tutorial haciendo clic en el botón derecho del ratón y seleccionando: "Guardar imagen como..."
Visualiza el vídeo mientras vas trabajando en una nueva pestaña. Páusalo o reduce la velocidad si lo prefieres. Y recuerda subir la calidad en Youtube (abajo a la derecha) si lo ves borroso.
2.2- Programación de la App con el editor de bloques.
En esta segunda parte del tutorial trabajamos con el editor de bloques..Imagen con los bloques de programción: rebrand.ly/quizmebloques