Taller de Creación de Apps con App Inventor

Embed Size (px)

DESCRIPTION

Taller impartido por Igor Goikoetxea en Hirikilabs dentro de la iniciativa IKASKIDETZA.ORG 18/01/2014 - 16 h

Citation preview

  • 1. h ttp ://w w w .ik a s k id e tz a .o r g /T a lle r d e c r e a c i n d e A P P S 1 8 / 0 1 / 2 0 1 4 1 6 :0 0 h Ig o r G o ik o e t x e a Z u b ia E n H ir ik ila b s C / E a s o 4 1 - 4 3 1 p la n t a 2 0 0 0 6 D o n o s t ia S a n S e b a s t i n(e n t r a d a lib r e )h ttp : // b e t a .a p p in v e n to r. m it .e d u /

2. TALLER APP INVENTOR 18/01/2014 3. TALLER APP INVENTOR (I) App Inventor nos permite desarrollar aplicaciones Android por medio del navegador y utilizando un emulador y/o un telfono Android. Nuestro trabajo almacenar en servidores de Inventorse los App 4. TALLER APP INVENTOR (II) Para crear una aplicacin con app inventor: Definiremos el diseo de la aplicacin seleccionando y posicionando los componentes que vamos a necesitar.Por medio del editor de bloques iremos escogiendo los bloques necesarios en funcin de la aplicacin que tengamos pensado realizar. 5. TALLER APP INVENTOR (III) Diseo de la pantalla 6. TALLER APP INVENTOR (IV) Editor de bloques 7. TALLER APP INVENTOR (V) Pasos necesarios para preparar el equipo de trabajo (1) Comprobar la configuracin de Java http://java.com/inc/BrowserRedirect1.jsp?locale=es(2) Instalar el software de instalacin de App Inventorhttp://appinventor.mit.edu/explore/install-app-inventor-softwar (3) Permitir la instalacin de aplicaciones de origen desconocido en el telfono 8. TALLER APP INVENTOR (VI) Para empezar con App Inventor tenemos que tener acceso a INTERNET y debemos crearnos (si es que no la tenemos) un cuenta de GOOGLE Abrimos el navegador y accedemos a la web de App Inventor http://beta.appinventor.mit.edu/ Al ser la primera vez que accedemos aparecer la pgina de proyectos vaca, pinchamos en New para crear nuestra primera app 9. TALLER APP INVENTOR (VII) Diseamos la pantalla 10. TALLER APP INVENTOR (VIII) Pulsamos en Open the Blocks EditorY nos aparecer un mensaje para Abrir el fichero del editor de bloques (depende del navegador). Le decimos que s, Descargar, Abrir... 11. TALLER APP INVENTOR (X) Encajamos los bloques que nos interesen 12. TALLER APP INVENTOR (XI) Una vez diseado y programado es el momento de probar la aplicacin en vivo. Disponemos de dos opciones, utilizando un emulador o con un telfono Android (cable USB o Wifi) 13. TALLER APP INVENTOR (XII) Emulador: primero arrancamos el emulador y despus conectamos nuestra app al emulador 14. TALLER APP INVENTOR (XIII) Telfono AndroidDescargar e instalar MIT AICompanion en el telfonoConectar desde el editor de bloques por WifiEjecutar MIT AICompanion App en el telfono 15. TALLER APP INVENTOR (XIV) CONECTADOS!!! Si todo ha ido bien, el telfono que aparece en el lado derecho del editor de bloques aparecer en verdeCOMENCEMOS CON NUESTRA PRIMERA APP...