Qué es Appinventor? App Inventor parte de una idea conjunta del Instituto Tecnolégico de Massachusetts y de un equipo de Google Education. Se trata de una herramienta web de desarrollo para iniciarse en el mundo de la programacién. Con él pueden hacerse aplicaciones muy simples, y también muy elaboradas, que se ejecutaran en los dispositivos maviles con sistema operativo Android. App Inventor es un lenguaje de programacién basado en bloques (como piezas de un juego de construccién), y orientado a eventos. Sirve para indicarle al “cerebro” del dispositive mévil qué queremos que haga, y cémo. Es por supuesto muy conveniente disponer de un dispositive Android donde probar los programas segtin los vamos escribiendo. Sesion #1 Objetivos 1. Crear una cuenta Google 2. Instalar App Inventor 2 3. Instalar MIT Al2 Companion en el dispositivo Android, o conocer el emulador 4. Crear una aplicacién e instalarla en el movil 5. Conocer la pagina web de App Inventor (tutoriales, ejemplos, guias etc.) Crear una cuenta Google Es necesario crear una cuenta Google porque App Inventor es un trabajo conjunto entre Google y e! MIT (htto://web mit.edu/). Recuérdese que Android es de Google. Abrir el navegador. OJO, tiene que ser Google Chrome, Safari o Firefox. Internet Explorer atin no es compatible con App Inventor. Ira la pagina https://accounts.eaogle.com/ Utilizar una cuenta ya existente o crear una nueva. Nos hard falta para usar App Inventor. Seguir las instrucciones de la pagina de Google para crear una nueva cuenta. Instalar App Inventor 2 Buscamos “App Inventor” en el buscador de Google. Hacer clic sobre Front Page | Explore MIT App Inventor.Eront Page | Explore MIT App Inventor yi appinventor.miedul ~ Loaking for your App Inventor projects? They/e til here! Find out what's happening ‘wth App Inventor 1 Get Started. Folin thaee simple steps to bd your Youve visited ths page many Has. Last wisi: 1/44 ‘App Inventor (One aecount All of Google. Sign in wh your Google Accovnt App Inventor Hour of Code Teachers: Get suppor an tps for proparng for App Inventor hour About App Inventor. Create apps fer your onal Creating an App More results from mitacu » Se abrird la siguiente pagina: ‘App inventor 2 ‘One secount. All of Googie. Signin ‘wth your Google Account Tutofals Halo Purr - PaintPot (Pa 1). NojeMash- Forums - QuieMe in Inventor Now To App Inventor? - Pong Node 1 Invent Now Hacemos clic sobre el botén Create. Si no hemos abierto sesién en Google, el navegador nos pedird que lo hagamos ahora.Configurar el idioma App Inventor nos muestra inicialmente el interfaz en inglés, sin embargo, podemos utilizarlo también en castellano. La eleccién del idioma se hace pulsando sobre el icono de la bola del mundo situado en la esquina superior derecha de la pagina de App Inventor.My Projects Guide Report en Issue [email protected] + El interfaz esta traducido al castellano, pero podemos atin encontrar algunos textos genéricos de ayuda en inglés. En todo caso, serén muy pocos, y no deberiamos encontrar problemas para trabajar con la herramienta sin saber inglés. iEmpezamos! Una ver configurado en castellano pulsamos el botén Comenzar un proyecto nuevo... y le damos a nuestro proyecto el nombre “Miau” Esto nos lleva a la ventana principal de App Inventor. eR SSO ASAE La pantalla que estamos viendo se divide en partes: ~ Ala izquierda estan los objetos que vamos a usar para disefiar la pantalla de nuestra aplicaci6n. Botones, im4genes, dibujos, etc. Es como la paleta de un pintor ~ Después explicaremos la parte derecha ~ €Qué es la pantalla del centro? Representa la pantalla del mévil, y sirve para DISENAR el aspecto de la aplicacién. La llamaremos Visor Arriba a la izquierda hay un botén importante: Conectar. Para poder probar cémo funciona lo que vamos haciendo necesitamos transferirlo a un mévil, o usar el ‘emulador incluido en App Inventor (esta opcién es menos recomendable).Para conectar App Inventor con el mévil hacer clic en Conectar, y elegir la opcién Al COMPANION. Se abriré una pantalla como esta: Tueodigoes: Instalar MIT Al2 Companion en el dispositive Android, o conocer el emulador Para poder utilizar nuestro dispositivo como banco de pruebas tenemos que descargarnos de Google Play Store una aplicacién que se llama “Al2 Companion”. Buscarla en Google Play Store con ese nombre y descargarla ahora. Ocupa poco, ysdlo hard falta descargaria una vez. Abriremos ahora en el mévil la aplicacién que hemos descargado, haciendo clic sobre el icono MIT Al2 Companion. Puede estar en la pagina principal o dentro del grupo de Aplicaciones. Cuando se abra, elegiremos Connect with code (color naranja), y escribiremos el cédigo de letras y ndmeros (alfanumérico) que aparece en la pantalla del ordenador. Quien pueda leer cédigos OR puede hacerlo desde la pantalla ahora pulsando en el botén azul scan QR code. Para que esto sea posible el ordenador y el dispositive deben estar en la misma red, es decir, que deben tomar la IP del mismo rango, tipicamente del mismo enrutador (router). Si no disponemos de WIFI podremos utilizar el emulador, 0 una conexién USB (ver detalles para USB en la web de App Inventor). Para abrir el emulador, haremos clic sobre Conectar y elegiremos Ia opcién Emulador. No hay que hacer nada mds, tarda un poco, pero una vez que cargue se verd la pantalla en blanco de nuestra aplicaci6n. Iniciandose el emulador de Android Por favor espera, puede necesitar uno o dos minutos. Cancelar