Se trata de una herramienta de desarrollo visual muy fácil de usar, con la que incluso los no programadores podrán desarrollar sus aplicaciones.

Transcripción

1 APP INVENTOR es un entorno de desarrollo de aplicaciones para dispositivos Android. Para desarrollar aplicaciones con App Inventor sólo necesitas un navegador web y un teléfono o tablet Android (si no lo tienes podrás probar tus aplicaciones en un emulador). App Inventor se basa en un servicio web que te permitirá almacenar tu trabajo y te ayudará a realizar un seguimiento de sus proyectos. Se trata de una herramienta de desarrollo visual muy fácil de usar, con la que incluso los no programadores podrán desarrollar sus aplicaciones. Al construir las aplicaciones para Android trabajarás con dos herramientas: App Inventor Designer y App Inventor Blocks Editor. En Designer construirás el Interfaz de Usuario, eligiendo y situando los elementos con los que interactuará el usuario y los componentes que utilizará la aplicación. En el Blocks Editor definirás el comportamiento de los componentes de tu aplicación. Requisitos para su configuración Ordenador y sistema operativo. - Macintosh (con procesador Intel): Mac OS X 10.5, Windows: Windows XP, Windows Vista, Windows 7. - GNU / Linux: Ubuntu 8 +, Debían 5 + Navegador. - Mozilla Firefox 3.6 o superior - Nota: Si está usando Firefox con el NoScript extensión, tendrás que girar la extensión de. Vea la nota en la página de resolución de problemas. - Apple Safari 5.0 o superior. - Google Chrome 4.0 o superior. - Microsoft Internet Explorer 7 o superior Comprobar la configuración de Java. En este paso es necesario actualizar la máquina virtual de java del equipo a la última versión, así que se recomiendo descargar el componente e instalarlo. A

2 continuación se presenta el link de descarga. Material Cómo empezar a crear con App Inventor? Consultar la siguiente dirección URL: Luego presiona click en la opción de Color Verde Get Started Dar Click en el botón superior derecho de color naranja CREATE

3 Si es la primera vez que se ingresa, se pedirá autorización para trabajar Novedades Ahora APP Inventor nos permite seleccionar entre seis idiomas. Conceptos: Editor de bloques Con el Editor de bloques vamos a definir cómo se comportará la aplicación. Estableceremos lo que los componentes deben hacer y cuándo hacerlo. Por ejemplo, que debe ocurrir cuando el usuario pulsa un botón.

4 El Editor de bloques se ejecuta en una ventana independiente. Al hacer clic en Abrir el editor de bloques de la ventana de diseño, el archivo del programa del Editor de bloques se descargará y a continuación se debe ejecutar. El Editor de bloques tiene dos fichas en la esquina superior izquierda: Built-In (incorporados) y My Blocks (mis bloques). Los botones de debajo de cada ficha se amplían y se muestran los bloques cuando se hace clic. Los bloques Built-In son el conjunto estándar de bloques que están disponibles para cualquier aplicación que construyas. Los bloques My Blocks contienen bloques específicos que están vinculados al conjunto de componentes que has elegido para tu aplicación. Propiedades Los componentes tienen propiedades que se pueden ajustar para cambiar la forma en que el componente aparece o actúa dentro de la aplicación. Para ver y cambiar las propiedades de un componente, primero debe seleccionar el componente deseado en la lista de componentes. Los valores de algunas propiedades de ciertos componentes no son modificables, aun así si se podrán consultar. Los componentes tienen propiedades que se pueden ajustar para cambiar la forma en que el componente aparece o actúa dentro de la aplicación. Para ver y cambiar las propiedades de un componente, primero debe seleccionar el componente deseado en la lista de componentes. Los valores de algunas propiedades de ciertos componentes no son modificables, aun así si se podrán consultar.

5 Componentes Los componentes son los elementos básicos que utilizamos para hacer aplicaciones Android. Son como los ingredientes de una receta. Algunos componentes son muy simples, como una Etiqueta (Label), que sólo muestra el texto en pantalla, o un botón (Button) que se pulsa para iniciar una acción. Otros componentes son más elaborados: un lienzo (Canvas) que puede almacenar imágenes fijas o animaciones, un sensor de movimiento (AccelerometorSensor) que funciona como un mando de Wii y detecta cuando se mueve o agita el teléfono, los componentes para hacer o enviar mensajes de texto, los componentes que para música y video, los componentes para obtener información de sitios Web, y así sucesivamente. Para utilizar un componente en tu aplicación, debes hacer clic, arrastrar y soltar en el visor (Viewer) en el centro de Designer. Cuando se agrega un componente al visor, también aparecerá en la lista de componentes a la derecha de este. Los componentes tienen propiedades que se pueden ajustar para cambiar la forma en que el componente aparece dentro de la aplicación. Para ver y cambiar las propiedades de un componente, primero debe seleccionar el componente deseado en la lista de componentes. Los valores de algunas propiedades de ciertos componentes no son modificables, aun así si se podrán consultar. Pruebas: Al momento de realizar pruebas tenemos cuatro opciones para configurarlas en vivo, mientras construimos aplicaciones.

6 1. Por conexión WiFi Es necesario que el PC y el dispositivo Android estén en la misma red WiFi. Paso 1: Instalar la App MIT App Inventor Companion desde Play Store. Paso 2: Ejecutar MIT App Inventor Companion en el dispositivo Android. Paso 3: Estando ambos dispositivos conectados a la misma red WiFi, ir al menú Connect de App Inventor 2 y seleccionar AI Companion. Aparecerá un código (tanto textual como QR) Paso 4: En el dispositivo Android, introducir el código textual o escanear el código QR.

7 2. Por cable USB: Está opción es la menos recomendable debido a la necesidad de drivers para conectar el dispositivo móvil al PC. Paso 1: Instalar el software de configuración aistarter: Mac OS X Windows GNU Linux. Paso 2: Descargar y ejecutar MIT App Inventor Companion en el dispositivo Android. Paso 3: Iniciar aistarter descargado en el paso 1, en Mac no es necesario ejecutarlo ya que queda ejecutándose en segundo plano Paso 4: Configurar el dispositivo Android en modo depuración USB En la mayoría de dispositivos tenemos esa opción en Ajustes > Aplicaciones > Desarrollo En Android 4.0 y posteriores se encuentra en Configuración > Opciones para desarrolladores. Paso 5: Conectar el dispositivo al PC mediante el cable USB Nos debemos asegurar que se conecta como dispositivo de almacenamiento masivo. Paso 6: Comprobar la conexión: Paso 7: Probar las aplicaciones en App Inventor 2: Connect > USB. 3. Con Emulador: Esta opción nos permite probar las aplicaciones sin necesidad de un dispositivo Android. Paso 1: Instalar el software de configuración aistarter: Mac OS X Windows GNU Linux. Paso 2: Iniciar aistarter descargado en el paso 1, en Mac no es necesario ejecutarlo ya que queda ejecutándose en segundo plano. Paso 3: Ejecutar el emulador en App Inventor 2, mediante la opción Connect > Emulator

8 Esta operación puede tardar varios minutos y debemos dejar que el emulador se cargue completamente. El emulador viene con el MIT App Inventor Companion instalado pero puede que necesite ser actualizado (nos aparecería un mensaje para actualizarlo). 4. Instalación manual de la aplicación (.APK) App Inventor nos permite generar la aplicación en formato.apk para poder ser instalada en cualquier dispositivo Android Paso 1: Crear el fichero.apk. Utilizaremos la opción de App Inventor 2 Build > APP (save.apk to my computer). Paso 2: Transferir el fichero.apk al dispositivo Android Lo más sencillo puede ser utilizar una tarjeta SD, aunque hay múltiples opciones. Paso 3: Instalar la aplicación en el dispositivo Android

9 Necesitamos permitir que se instalen aplicaciones de orígenes desconocidos: Ajustes > Seguridad / Aplicaciones > Fuentes / Orígenes desconocidos.