ACTIVIDAD 3

ITEM 3.3Tu primera aplicacin

Para el desarrollo de la aplicacin debemos conceptualizar estas herramientas
principales de App Inventor:

El Diseador (designer), el lugar donde se disea la aplicacin. Se

ejecuta en el navegador web.
El Editor de bloques (blocks editor), aplicacin Java donde
configuramos el comportamiento de nuestro desarrollo. Es una
aplicacin independiente, que corre en una ventana diferente a la
instancia del navegador.
El telfono, conectado al ordenador mediante un cable USB. Puede ser
sustituido por el Emulador.

En nuestro Navegador de Internet vamos al siguiente Link:

http://beta.appinventor.mit.edu/, como es el primer proyecto estar en blanco,
para iniciar realizaremos los siguientes pasos:
1. en la ventana damos click en NEW, ubicado en el lado izquierdo.
2. Ingresamos el nombre del proyecto en una sola palabra.
3. Seguidamente se abrir el Diseador el cual contiene los componentes
para realizar el proyecto.
Los componentes de App Inventor se encuentran en el lado izquierdo de la
pantalla de diseo, bajo el ttulo Palette. Estos componentes son elementos
que nos ayudan a desarrollar las aplicaciones.
Para utilizar un componente en su aplicacin, tendr que hacer clic y se
arrastra sobre el visor (Viewer), en el centro de la pantalla de diseo. Cuando
aadas un componente en el visor, tambin aparece en la lista de
componentes (Components), a la derecha del visor..
Los componentes tienen propiedades, que se presentan en la parte derecha de
la pantalla (Properties) y que se pueden ajustar para cambiar la forma en que
el componente interactuar con la aplicacin. Para ver y cambiar las
propiedades de un componente, primero debe seleccionar el componente
deseado en la lista de componentes.
Pasos a seguir para seleccionar los componentes y propiedades de
configuracin
1. Arrastra y suelta un Button hasta Screen1, en el rea del visor (viewer). El
componente Button se encuentra en la seccin Basic de la paleta
(palette).
2. En la lista de propiedades de Button1, el botn que acabamos de disponer,
en imagen, haz clic sobre ninguno (none) ...
3. Haga clic en agregar (Add) ... .
4. Selecciona el archivo kitty.png, que has descargado antes.

5. Eliminar Text for Button1, que aparece bajo la propiedad text mediante la
tecla de retroceso.
Ahora utilizaremos el editor de bloques para editar el comportamiento de los
componentes:
Debemos realizar el siguiente procedimiento:
Con el Editor de bloques vamos a definir la forma en que la aplicacin se va a
comportar. Le diremos a los componentes lo que deben hacer y cundo
hacerlo. Vas a decirle al botn, que en realidad es la fotografa del gatito, que
reproduzca el sonido del maullido cuando el usuario lo toque. Si los
componentes son los ingredientes de una receta, puedes pensar en bloques
como las instrucciones de elaboracin del plato.
El editor de bloques tiene dos pestaas en la esquina superior
izquierda: Integrados (Built-in) y mis bloques (My blocks) . Los botones
situados debajo de cada pestaa muestran los bloques cuando se hace
clic. Los Integrados son un conjunto de bloques genrico, que encontraremos
disponibles independientemente de la aplicacin que vayamos a crear. Son
siempre los mismos. Los bloques debajo de la pestaa de mis
bloques contienen bloques especficos, vinculados con el conjunto de
componentes que hemos elegido para la aplicacin. Varan segn los
componentes seleccionados previamente y cambian si cambiamos
componentes sobre la marcha.
Para hacer que se reproduzca el sonido al tocar (pulsar) el botn con la foto del
gatito, tendrs que pulsar la pestaa My Blocks, desplegar los bloques de la
seccin Button1 y arrastrar y soltar al lienzo central el bloque When
Button1.Click do, que se refiere a la circunstancia que el usuario pulse el
botn y, tras desplegar los bloques de la seccin Sound1, arrastrar el
bloque callSound1.Play al lienzo central, aproximndolo al bloque When
Button1.Click do, de modo que ambos encajen como en un rompecabezas, lo
que la aplicacin nos indica con un sonoro clic, perfectamente audible.
Una vez hecho esto, pulsando sobre la foto (esto es tocando la pantalla en la
foto y retirando el dedo rpidamente, lo que android considera un Click),
oiremos como el telfono emite el maullido.

Ahora tenemos la palicaion casi lista para instalarla o empaquetarla como un

archivo para posteriormente instalarla:
Debemos tener en cuenta lo siguiente:
1. Si el telfono est conectado, puedes descargar e instalar directamente
la aplicacin en el telfono.

2. Puede descargar la aplicacin al ordenador, como un archivo APK, que

se puede distribuir y compartir, e instalar manualmente en los telfonos
que utilizan el programa Android.
3. Se puede generar un cdigo de barras, que se puede utilizar para
instalar la aplicacin en tu telfono con la ayuda de un escner de
cdigo de barras, como el escner de cdigo de barras ZXing
(disponible gratuitamente en el Android Market). Este cdigo de barras
funciona slo para tu propio telfono.Si deseas compartir la aplicacin
con los dems, tendrs que descargar el archivo APK al ordenador y
compartir el archivo.

ITEM 3.4 Caso de Estudio- Taxis Colombia.