Crea tus apps con mit APP INVENTOR Materiales de inicio a la programacion en android Crea tus apps con MIT App Inventor 1. Qué es App Inventor 2. Entorno web 3. Probar las Apps 4. Primera App: sumas 5. Segunda App: par o impar 6. Tercera App: lienzo 7. Cuarta App: app multiventana 8. Quinta App: nivel de burbuja 2 Qué es AppInventor 1. Que es App INVENTOR Hoy en día, el uso de los dispositivos móviles es de lo mas habitual, tanto para uso personal como profesional. Normalmente la mayoría de estos dispositivos disponen de tecnología táctil para hacer más sencillo e intuitivo su uso, especialmente a personas no familiarizadas con la tecnología. 3 Qué es AppInventor MIT App Inventor es una herramienta web de programación visual y con ella vas a poder crear tus propias Apps para dispositivos Android. Con App Inventor no necesitas tener unos extensos conocimientos sobre sintaxis de programación, ya que mediante la unión de bloques vas a poder dotar de instrucciones a los componentes que vayan a formar tus Apps, creando desde aplicaciones muy simples hasta aplicaciones mucho mas complejas. 4 Qué es AppInventor Crear una cuenta de App inventor App Inventor es un producto desarrollado por el Instituto Tecnológico de Massachusetts (MIT) junto con Google, de manera que como requisito se debe disponer de una cuenta de Google para acceder a la web de MIT App Inventor. Seguidamente podrás ver paso a paso como crear un perfil de App Inventor y así comenzar a programar. 5 Qué es AppInventor Paso 1: Acceder a la web MIT App Inventor Accede a la web oficial mediante este enlace: http://appinventor.mit.edu/ Paso 2: Crear un acceso a la web Una vez tengas abierta la web, verás en la barra superior un icono de color naranja donde dice Create apps!, haz clic en él y asocia tu cuenta de Google para acceder a la plataforma y comenzar a programar. Más adelante verás cómo cambiar el idioma. Si no tienes una cuenta de Google, puedes crearla en: https://accounts.google.com/SignUp?hl=es Paso 3: Comenzar a trabajar Una vez hayas introducido tu cuenta de Google, te aparecerá un texto con el Acuerdo de Licencia de Uso, y al pulsar aceptar ya tendrás acceso a la interfaz de programación como se muestra en la siguiente diapositiva. 6 Qué es AppInventor 7 Qué es AppInventor 8 Qué es AppInventor Cambiar el idioma La primera vez que abres la web aparece un cuadro de texto en el centro informándote de que no tienes proyectos, animándote a crear nuevos. La web de App Inventor de manera predeterminada se muestra en inglés, pero en la barra de herramientas superior podrás ver una opción desplegable con todos los idiomas disponibles. Haz clic en la pestaña y selecciona Español. 9 Entorno web 2. ENTORNO WEB App Inventor es un entorno de programación visual, que permite crear • Barra de herramientas Apps usando objetos e instrucciones en • Barra de la App abierta forma de bloques. Estas instrucciones • Paleta proporcionarán funcionalidades a los • Visor objetos o componentes de la App para que • Componentes hagan una u otra cosa. • Media • Propiedades En las siguientes diapositivas podrás ver las diferentes partes del entorno de trabajo. 10