diseÑo de juego de preguntas en el programa ......guia de trabajo programacion para app movil 1.8...
TRANSCRIPT
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
GRADO: Undécimo
Tiempo. 2 horas
NOMBRE DEL DOCENTE:
Angie Misley López López Rosa Elena Arevalo Sosa.
TÓPICO GENERATIVO ¿Por qué es importante conocer elementos que se usan en la programación para el desarrollo de
aplicaciones móviles?
HILOS CONDUCTORES:
¿Cómo diseñar y desarrollar aplicaciones móviles dirigidas al apoyo de la enseñanza aprendizaje de los estudiantes?
EXPLORACIÓN DEL TEMA:
Estructura de programación (APP MOVILES) De los lenguajes de programación más usados encontramos el sistema operativo Android, En la actualidad tiene en sus filas el Lenguaje de
Programación más popular, esto puede cambiar uno nunca sabe, hablamos de Java y otro más moderno
que puede llegar a reemplazarlo si es que deciden no usar más Java por algún motivo particular
hablamos de App inventor.
APRENDIZAJES EVIDENCIAS
Solución de problemas con tecnología
Aplicación de la programación en el
programa App inventor y en este
desarrollar prototipos de aplicaciones
móviles teniendo en cuenta diferentes elementos de programación.
Utiliza software de simulación para realizar aplicaciones y
programar, crear prototipos de aplicaciones móviles.
MATERIAL DE APOYO
Guía, videos, blog con información idónea al tema, correo electrónico, entre otros
programa App inventor.
META:
Los estudiantes desarrollarán comprensión acerca de qué tipo de software de simulación y elementos de programación que
se usan para el desarrollo de aplicaciones móviles.
DISEÑO DE JUEGO DE PREGUNTAS EN EL PROGRAMA
APP INVENTOR.
1. Se inicia cesión en App Inventor.
2. Se continua en el proyecto donde está el menú para hacer la
siguiente actividad.
3. Se agrega una nueva ventana con el nombre Cuestionario.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
4. Luego se agrega una Etiqueta en las propiedades se modifica la
letra y el color del título de Cuestionario la letra se pondrá en
tamaño 30.
5. Luego se agrega una disposición vertical tal como se muestra en
la siguiente imagen y en las propiedades de la disposición de le
coloca el ancho y el alto ajustado al contenedor.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
6. Ahora se agregara al contenedor 3 botones y a la disposición
vertical se le colocara la dispovertical al centro y
dispohorizontal centro.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
7. A los 3 botones que se agregaron se les colocara de ancho 40
tamaño de letra 20 y el color que se desee, pero deben quedar
centrados como se muestra en la siguiente imagen.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
8. Ahora se deberá añadir 4 ventanas más la primera se le colocara
el nombre de INSTRUCCIONES, la segunda preguntas, la
tercera preguntas2 y la cuarta Resultado.
9. Sediseñara en la ventana de INSTRUCCIONES, en esta ventana
se agrega un boton, a ese bonton se le cambiara en propiedades
se centra el texto y se edita el estito.
Tanbien se agrega una etiqueta y en esa etiqueta se agregara una
breve descreipcion de que tratara el cuestionario.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
10. La etiqueta se ajustara el ancho ajustado al contenedor y el
alto se arregra según el lardo de la instrucción.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
11. Luego se agrega un botn debajo de la etiqueta, tambien
iran a internet descargan un icono de volver y lo agregaran al
boton.
12. Para ventrar la imagen insertada en propiedades se debe
centrar, se va a instruccuines y se coloca dispohorizontal
centrado de esa manera quedara todo centrado.
Se insertara una imagen basia para colocar espacio entre el texto
y el boton.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
13. Ahora se diseñara otra de las ventanas que se añadieron en
este caso sera la ventana de preguntas.
14. Inicialmente se agregara un boton a la pantalla y colocaran
una imagen o un titulo del tema que trata la App que estan
desarrollando.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
15. Ahora se agregara 4 etiquetas seguidas y un campo de
texto.
16. En la primera etiqueta en las propiedades se le quita el
nombre y se colocara en su lugar la pregunta que se quiere hacer,
el ancho se ajusta alcontenedor y el alto se ajustasejun lo que se
escribe.Como semuestra a continuación.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
17. En las siguientes etiquetas se escriben en las propiedades
las opciones de respuesta.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
18. Después de agregar las opciones de pregunta en cada una
de las etiquetas, quedaría el campo de texto, el campo de texto
solamente el ancho de edita al contenedor.
19. Ahora se agrega una disposición horizontal y se ajusta el
ancho al contenedor, luego se insertan dos botones dentro de la
disposición agregada, a un botón se le coloca el nombre de
verificar y al otro siguiente, pero al que se le coloca como
nombre siguiente en propiedades se quita la propiedad visible
para que no se vea que dará de la siguiente forma.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
20. Por ultimo en esta ventana se agrega una disposición
vertical, se ajusta al ancho y alto del contenedor y se agregara
una etiqueta de imagen, se dejara vacía, pero el ancho y el alto
de dejara ajustado al contenedor también y se activa la opción
de escalar foto en propiedades.
21. Para esta imagen se deben subir dos imágenes a medios
una de bien y otra de mal pero no se van a colocar en la pantalla
solo se importaran a medios.
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
22. Ahora para la ventana de pregunta2 se hará exactamente
lo mismo pero se cambia de pregunta, Como se muestra a
continuación.
23. Ahora se diseñara la ultima ventana que es la de resultado,
para diseñar esta pantalla se agregara 3 disposiciones
horizontales una debajo de la otra el ancho de todas se ajustara
al contenedor, el alto de la primera se colocara a 50% y se
COLEGIO DE BOYACÁ SE-GU—11
SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0
GUIA DE TRABAJO PROGRAMACION PARA APP MOVIL
1.8 23/06/2020
Página 1 de 14
agregara una imagen, en la segunda se agregara un botón y se
coloca en el centro de la disposición y en la tercera también se
inserta un botón y se coloca en propiedades que quede hacia el
centro.
Queda de la siguiente forma.
Actividad
Los estudiante deberán colocarle diseño acorde a la aplicación
que están desarrollando y que les sirva para implementar en la
aplicación móvil que están desarrollando.