ANEXO DE LA GUÍA DE APRENDIZAJE Nº 3

Estimado aprendiz en este formato usted debe desarrollar correctamente los ejercicios
dispuestos en la guía N.º 3, (ítem 3.1.1 y 3.1.2) como evidencias de que ha alcanzado el
resultado de aprendizaje propuesto para esta actividad de aprendizaje.

ITEM 3.1.1

Revise detalladamente la página que se relaciona a continuación y haga un estudio minucioso

de su contenido. En este sitio web, se describe un tutorial que le ayudará a empezar la
construcción de su primera aplicación teniendo en cuenta los diferentes elementos de APP
Inventor.

https://sites.google.com/site/aprendeappinventor/tutoriales/nuestra-primera-aplicacion

Redacte ahora en forma clara y concisa con sus propias palabras, el procedimiento a seguir,
en la construcción de una aplicación atendiendo los fundamentos de APP Inventor estudiados
a lo largo de este programa en los diferentes documentos y recursos dispuestos en la
plataforma y nuevamente explicados en la página recomendada
1. El primer pasó una vez accedidos con nuestra cuenta de Gmail a app inventor.
1.1. Hacemos clic en comenzar un proyecto nuevo.
1.2. Al que llamaremos calculadora y damos clic en aceptar.

2. Primero vamos a arrastrar todos los elementos que conforman la aplicación.

2.1. En la parte del diseñador.
2.2. Antes de arrastrar los bloques damos clic en Screem1 de la columna componentes.
2.3. En sus propiedades, ponemos que la disposición sea centrada.

3. Arrastramos de la sección Interfaz de usuario

3.1. Al visor 2 etiqueta y 2 campos de texto.
3.2. Intercalando unos con otros. Como queda en la imagen.
4. Seleccionamos el componente Etiqueta 1
4.1. En sus propiedades en la casilla Texto
4.2. Escribimos Primer Número
4.3. En la columna componentes damos clic en Cambiar Nombre
4.4. Lo renombramos por Primer Número

5. Seleccionamos de la columna de componentes

5.1. Campo de texto 1.
5.2. En sus componentes en la casilla ancho
5.3. Marcamos la opción ajustar al contenedor
5.4. Y la casilla pista borramos el texto escrito por defecto.
6. Repetimos estos pasos con el segundo añadido de etiqueta 6.1. Nombraremos
segundo número y con el segundo campo de texto.

7. Ahora pasamos a la sección Disposición

7.1. Arrastramos al visor 3 disposiciones horizontales.

8. En las propiedades de los tres componentes.

8.1. Marcamos en propiedades el ancho ajustar al contenedor.
9. Arrastramos tres Botones
9.1. De la sección interfaz
9.2. Al interior del primer Disposición horizontal.

10. En las otras dos disposiciones horizontales añadimos un botón en cada una.
11. A los botones de la primera disposición horizontal les cambiaremos por 11.1. Sumar, Restar,
Multiplicar, Dividir.
11.2. Al texto para botón 5
11.3. Lo llamaremos raíz cuadrada del primer número.
11.4. Al texto para botón 6
11.5. Lo llamaremos raíz cuadrada del segundo número.
11.6. Para ello hay que realizarlo seleccionando cada componente y darle el nombre
indicado en sus propiedades.

12. Arrastramos al visor un campo de texto.

12.1.En las propiedades de este componente
12.2.12.2. Volvemos a ajustar el ancho al contenedor.
12.3.En sus propiedades des marcamos el recuadro de Habilitar que por defecto estará
marcada.
12.4.Y borramos el texto de la casilla pista, cambiamos el nombre por Texto resultado
13. A continuación arrastramos un nuevo botón,
13.1. Al que llamaremos Limpiar.

13. Seguido arrastramos al visor una Disposición Horizontal

13.1.Con las propiedades de ancho al contenedor y disposición horizontal derecha.
14. Arrastramos un botón
14.1.Dentro de la última disposición horizontal.
14.2.Con el nombre salir.
Ya tendremos todos los elementos que conforma la parte visible de la aplicación.

15. Ahora dando clic en la opcion Bloques, pasamos a dar las funciones que se realizaran
en la parte vible de la aplicación.
15.1.Para ir configurando los distintos elementos de la aplicación 16.2. Damos clic sobre el
boton salir lo marcamos.
16.3. En los bloques que sugen seleccionamos es el primero de todos.

16. Ir a la sección de bloques control

Encajar en el bloque anterior el bloque llamado cerrar aplicación
 17. Pasamos a dar funciones al botón Limpiar
17.1.Seleccionamos el botón limpiar.
17.2.Seleccionamos el bloque de la imagen

18. Seleccionamos el componente Texto_Resultado.

18.1.En los bloques que surgen seleccionamos el que se ve en la imagen verde
18.2.Lo encajamos al bloque anterior.

19. Ir la sección de bloques Texto

19.1.Encajar el primer bloque de la lista al final del bloque verde.

20. Pasamos a configurar todos los botones de operaciones.

20.1.Empezamos por el botón sumar 21.2. Seleccionamos el primer bloque.

21. Marcar el componente Texto_Resultado

 21.1.Seleccionar el bloque verde de la imagen dentro del bloque anterior.

22. Ir a la sección de bloques llamada Matemáticas

22.1.Encajar al final del bloque verde, el bloque que pertenece a la operación de sumar.

23. Ir a la sección de bloques llamada Matemáticas

23.1.Encajar al final del bloque verde, el bloque que pertenece a la operación de sumar.

23.Ir Seleccionar el componente Texto_Número_1

23.2.De las opciones de bloques que surgen seleccionar el de la imagen.

23.3.Para encajarlo en el primer hueco del bloque azul de sumar.

24. En la Seleccionar el componente Texto_Número_2

24.1.De las opciones de bloques que surgen, seleccionar el de la imagen.
24.2.Para encajarlo el segundo hueco del bloque azul de sumar.
 25. Ir Seleccionar el componente Texto_Número_1
25.1.De las opciones de bloques que surgen seleccionar el de la imagen.
25.2.Para encajarlo en el primer hueco del bloque azul de sumar.

26. En la Seleccionar el componente Texto_Número_2

26.1.De las opciones de bloques que surgen, seleccionar el de la imagen.
26.2.Para encajarlo el segundo hueco del bloque azul de sumar.

27. Repetir estos pasos para las otras operaciones matemáticas.

27.1.Cambiando el bloque azul por el de la operación que le corresponda de restar, dividir y
multiplicar.
28. Restar:

29. Multiplicar:

30. Dividir:

31. Ir Seleccionar el componente Raíz_cuadrada_del_Primer_Número 30.1. Seleccionamos el

primer bloque de la lista que surge.
32. Ir a la sección de bloques Matemáticas
32.1.Encajar al final del bloque verde, el bloque raíz cuadrada.

33. Seleccionar el componente Texto_Número_1

33.1.Arrastrar al final del bloque azul el bloque verde claro de la imagen.

34. Repetir los pasos para configurar las opciones de Raiz cuadrada del segundo numero.

ITEM 3.1.2

Revise el documento de apoyo de la guía 2 y retome la propuesta de mejora de servicio al

cliente, mediante el desarrollo de una aplicación móvil, que usted planteo como evidencia en
esa guía. Hasta este momento usted describió en forma de texto la propuesta al caso de
estudios Taxis Colombia, ahora desarrolle la misma propuesta, pero en forma gráfica,
(diagrama de flujo, flujo grama, diagrama de casos, de uso, etc.)

Para el desarrollo del diagrama es necesario que usted seleccione el modelo grafico que más
se adapte a sus necesidades. A manera de recordar, le volvemos a citar el caso en estudio.
Modelo de casos de uso
Caso de Estudio - Taxis Colombia.

Taxis Colombia, empresa líder en prestar el servicio de transporte de pasajeros a nivel nacional,
quiere mejorar su servicio de atención al cliente (Empresa-Taxistas-Pasajeros) por lo cual abre
una convocatoria, para que cualquier persona participe en el desarrollo de una aplicación móvil.

Envíe estas respuestas a su tutor siguiendo la siguiente ruta: Menú del

curso/Actividades/Evidencias de Actividad de aprendizaje 3/Envío de la
Actividad de Aprendizaje 3

¡MUCHOS ÉXITOS!