3.

3 - ACTIVIDADES DE APROPIACIN DEL CONOCIMIENTO

(CONCEPTUALIZACIN Y TEORIZACIN).

Continuando con las acciones formativas de esta tercera gua de aprendizaje lo

invitamos a revisar el siguiente enlace:

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

Titulado Tu primera Aplicacin. En este sitio web, se describe un tutorial que

le ayudar a empezar la construccin de su primera aplicacin teniendo en
cuenta los diferentes elementos de APP Inventor. Estudie detalladamente esta
pgina y luego en el documento anexo a esta gua, redacte en forma clara y
concisa con sus propias palabras, el procedimiento a seguir, en la construccin
de una aplicacin 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 pgina recomendada.

TUTORIAL APP INVENTOR 2

Pasos Iniciales

1. Ingrese a la URL http://appinventor.mit.edu/explore/ y de click en el

botn

2. Para trabajar en APP INVENTOR debe tener una cuenta de Google

creada, inicie sesin con sus datos de cuenta

3. Al ingresar usted podr ver la consola central donde se ubican los

proyectos creados, en mi caso he creado 4 de los cuales Prueba y
Prueba1 fueron ejercicios de Exploracin y Cachorro y Animalitos son
apps bsicas finalizadas y ya en servicio.
 4. Por defecto el sistema est en ingls, si usted lo considera pertinente,
puede cambiar el idioma con los men superiores

5. De click en el botn el sistema le preguntar

cual es el nombre que se asignara a su proyecto, recuerde que el
nombre no puede tener espacios entre caracteres

Entorno de Desarrollo

En la barra superior del lienzo de trabajo encontrara el botn Screen, este

corresponde a las vistas que tendr la aplicacin, el botn aadir ventana le
permite crear nuevos screen.

Por defecto el lienzo aparece en modo Diseador, en este modo usted

configurar todos los componentes visuales y objetos internos que requiere su
APP.
El modo Bloques le permite configurar los eventos y mtodos que tendr la
aplicacin.

En el men componentes, se encuentran los objetos que usa la aplicacin,

recuerde que hay componentes visibles en la APP y otros que son ocultos de
cara al cliente, sin embargo en el bloque de componentes, el desarrollador
podr ver todos los elementos requeridos, en el bloque medios usted puede
cargar los elementos requeridos de media como imgenes y sonido.
Construyendo la APP

Para este caso lo que quise hacer fue una APP que al momento de presionar
una de las imgenes de la pantalla en la parte inferior apareciera el nombre
del animalito y que se reprodujera el sonido caracterstico del animal de la
imagen.

Se utiliz 4 botones en los cuales se insert las imgenes de un Mico,

un pollo, un tigre y un pingino, se usaron imgenes de animales tiernos
puesto que el pblico objetivo son nios de 1 a 3 aos (realice este ejercicio
pensando en mi hija menor)

Los botones se organizaron en un contenedor de disposicin tabular

, se insertaron 4 objetos de sonido

en los cuales se cargar los archivos en formato mp3 en el bloque de
propiedades.

Se parametriza una etiqueta que deber mostrar el nombre del

animalito cuando se presiona el botn, este comportamiento se parametrizara

mediante eventos en el botn de Bloques

A continuacin pego pantallazo del modo Diseador para evidenciar el
proceso de insercin de objetos y configuracin de propiedades.

Parametrizando los eventos y mtodos de la APP

Como se mencion anteriormente, los eventos y mtodos de la APP se

configuran en el modo Bloques , una de las funcionalidades de APP

INVENTROR es la configuracin de los elementos de programacin, los eventos,
mtodos y objetos se ven como fichas de un rompecabezas, basta con
juntarlos para empezar a construir bloques de programacin, es vlido sealar
tambin que hay objetos que son compatibles y otros que no, esto ayuda a las
personas que como yo no tienen idea de programacin a construir los bloques
de instrucciones necesarios para su APP.

Explicacin de la Rutina

Inicialmente quera construir una APP que al momento de presionar un botn

mostrara el nombre del animal, su sonido caracterstico y hecho esto, tomara
una foto de la persona que manipula el programa, lamentablemente bajo el
estndar de APP INVENTOR no existe un mtodo que tome la foto, dentro de
las opciones que aparece esta activar la cmara, la solucin es un
complemento en JAVA.

Teniendo en cuenta que no tengo la competencia para desarrollar el

complemento se decide crear la APP que al momento de presionar un botn
mostrara el nombre del animal y su sonido caracterstico nicamente, el
resumen de la rutina es:

El bloque cuando aparece cuando el usuario da click al objeto en el que

quiere parametrizar el evento y mtodo, en este caso, para el Objeto Boton1
en el evento Clic, deber Poner el texto de Etiqueta3 que es variable (el
nombre del animalito) y llamara el sonido1 que ser reproducido en ese
momento, para los 4 botones se parametriz la misma rutina.

Tambin se crea un bloque que har que la etiqueta donde aparece el nombre
del animal este en blanco cuando se abra la aplicacin, para esto se utiliza el
objeto Screen1 en el evento inicializar deber ejecutar el mtodo <poner la
etiqueta3 como texto >.

Prueba de la APP e Instalacin

En mi caso instale el emulador de Android aiStarted, este se debe activar para

luego hacer conexin con la consola de APP INVENTOR

Una vez abierto el emulador, de click en conectar emulador

Activo el emulador de click en el icono de aiStarted y espere a que se muestre
la aplicacin en la pantalla

Generacin de Paquete de Instalacin.

El paquete de instalacin lo puede generar como ejecutable que se guarda en

el ordenador o mediante un cdigo QR

En este caso se trabajar como cdigo QR que ser ledo en un mvil con un
programa de lector de cdigos de barra.
 3.4 - ACTIVIDADES DE TRANSFERENCIA DEL CONOCIMIENTO.
Monitorea Mviles en Servicio
Recuerde queSolicita Servicio
en la gua de aprendizaje anterior (No 2), en el tem 3.3, usted
plante una propuesta de mejora de servicio al cliente mediante el desarrollo
de una aplicacin mvil, para atender el caso de estudio Taxis Colombia, la
Reporta Novedades a Servicios de Emergencia
Pagando Servicio
cual envo a su tutor como evidencia de la actividad de aprendizaje No 2,
consignada en el documento anexo a la gua.

Ahora tome esa misma propuesta y desarrolle en forma grfica, (diagrama de

Activando Botn de Pnico Consulta Registro de Viajes
flujo, flujo grama, diagrama de casos, de uso, etc.) toda la informacin que
Cliente Empresa
describi en forma textual en la actividad anterior. Para el desarrollo del
diagrama es necesario que usted seleccione el modelo grafico que ms se
adapte a sus necesidades.
Identifica Conductor
Toma Servicio

Simula Tarificador
Activando Botn de Pnico

Calcula Ruta
Consulta Registro de Viajes

Calcula Distancia Conductor

APP Emite Aviso de SOS