ACTIVIDAD 3 ITEM 3.3Tu primera aplicación Para el desarrollo de la aplicación debemos conceptualizar estas herramientas principales de App Inventor:
El Diseñador (designer), Diseñador (designer), el lugar donde se diseña la aplicación. Se ejecuta en el navegador web. El Editor de bloques (blocks editor), aplicación Java donde configuramos el comportamiento de nuestro desarrollo. Es una aplicación independiente, que corre en una ventana diferente a la instancia del navegador. El teléfono, teléfono, 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, http://beta.appinventor.mit.edu/, para iniciar realizaremos los siguientes pasos: 1. en la ventana damos click en NEW, ubicado en el lado izquierdo. izquierdo. 2. Ingresamos el nombre del proyecto en una sola palabra. 3. Seguidamente se abrirá abrirá el Diseñador el cual cual contiene los componentes componentes para realizar el proyecto. Los componentes de App Inventor se encuentran en el lado izquierdo de la pantalla de diseño, bajo el título Palette . Estos componentes son elementos que nos ayudan a desarrollar las aplicaciones. Para utilizar un componente en su aplicación, tendrá que hacer clic y se arrastra sobre el visor (Viewer ), ), en el centro de la pantalla de diseño. Cuando añadas un componente en el visor, también aparece en la lista de componentes (C o m p o n e n t s ), ), a la derecha del visor.. Los componentes tienen propiedades, que se presentan en la parte derecha de la pantalla (P r o p e r t i e s ) y que se pueden ajustar para cambiar la forma en que el componente interactuará con la aplicación. 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 configuración 1. Arrastra y suelta un Button hasta Button hasta Screen1, en el área del visor ( (v i e w e r ). El componente Button se encuentra en la sección Basic de la paleta (palette ). 2. En la lista de propiedades de Button1, Button1, el botón que acabamos de disponer, en imagen, haz clic sobre ninguno (none) ( none) ... 3. Haga clic en agregar (Add) (Add) ... . 4. Selecciona el archivo 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 aplicación se va a comportar. Le diremos a los componentes lo que deben hacer y cuándo hacerlo. Vas a decirle al botón, que en realidad es la fotografía 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 elaboración del plato. El editor de bloques tiene dos pestañas en la esquina superior izquierda: Integrados (Built-in) y mis bloques (My blocks) . Los botones situados debajo de cada pestaña muestran los bloques cuando se hace clic. Los Integrados son un conjunto de bloques genérico, que encontraremos disponibles independientemente de la aplicación que vayamos a crear. Son siempre los mismos. Los bloques debajo de la pestaña de mis bloques contienen bloques específicos, vinculados con el conjunto de componentes que hemos elegido para la aplicación. Varían según los componentes seleccionados previamente y cambian si cambiamos componentes sobre la marcha. Para hacer que se reproduzca el sonido al tocar (pulsar) el botón con la foto del gatito, tendrás que pulsar la pestaña My Blocks, desplegar los bloques de la sección 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 botón y, tras desplegar los bloques de la sección Sound1, arrastrar el bloque callSound1.Play al lienzo central, aproximándolo al bloque When Button1.Click do, de modo que ambos encajen como en un rompecabezas, lo que la aplicación 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 rápidamente, lo que android considera un Click), oiremos como el teléfono 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 teléfono está conectado, puedes descargar e instalar directamente la aplicación en el teléfono.
2. Puede descargar la aplicación al ordenador, como un archivo APK, que se puede distribuir y compartir, e instalar manualmente en los teléfonos que utilizan el programa Android. 3. Se puede generar un código de barras, que se puede utilizar para instalar la aplicación en tu teléfono con la ayuda de un escáner de código de barras, como el escáner de código de barras ZXing (disponible gratuitamente en el Android Market). Este código de barras funciona sólo para tu propio teléfono.Si deseas compartir la aplicación con los demás, tendrás que descargar el archivo APK al ordenador y compartir el archivo.
ITEM 3.4 Caso de Estudio- Taxis Colombia.
