Índice - Junta de Andalucía

1 Cuenca Minera Dto. Tecnologia UNIDAD: APP INVENTOR INTRODUCCI ELEMENTOS DE PROGRAMACI N EN APP 2,1,.- 2,2,- 2,3,,- 2,4,- DE D NDE ME BAJO EL APP INVENTOR?..6 INSTALACI N EN EL M VIL para prueba y depuraci n (debug)..105,1,- PRIMERA FORMA:..10 SEGUNDA FORMA:..12 TERCERA FORMA:..13 INSTALAR EL PROGRAMA EN NUESTRO M VIL PARA USO DE USUARIO (COMPILACI N)..14 GUARDAR EL 1 - Cuenca Minera Dto. Tecnologia 1. INTRODUCCI NAndroid es un sistema operativo gratuito que utiliza muchos tel fonos m viles actuales (tel fonosinteligentes = smartphone), est basado en LINUX. android pertenece a Google. Cada cierto tiempoaparecen nuevas versiones: (Cupcake), (Donut), (Eclair), (Froyo), (Gingerbread), (Honeycomb), (Ice Cream Sandwich), (Jelly Bean), Jelly Bean (Gummy Bear), (JellyBean), (KitKat), (kit kat), (Lollipop).

2 El android lo podemos programar f cilmente y realizar programas de f rmulas matem ticas,juegos, ubicaci n en los mapas de Google, mover un robot mediante Bluetooth, contestaci n autom ticade SMS,..Para aprender a programar el android necesito un ordenador y conexi n a Internet. En elordenador puedes hacer los programas y probarlos en un emulador instalado en el mismo ordenador. Si tienes un tel fono m vil o tablet con android puedes pasar los programas realizados al m vil para verc mo funcionan y programar el android , se Indican tres Con android SDK y Eclipse . Se realizan los programas escribiendo c digos en Java. Es la forma queutilizan los buenos Mediante una aplicaci n de pago (40 aproximadamente) llamada (B4A)BASIC4 android , para realizar programas de manera parecida a como se hace con Visual Mediante App inventor.

3 Es una forma intuitiva de hacer programas situando convenientementelas instrucciones como si fueran piezas de un puzzle. Utilizaremos App inventor para realizar nuestrosprogramas. Lo que s necesitas es estar conectado a Internet para poder utilizar el App inventor:- App Inventor apareci el 12 de julio de 2010, y se abri a todo el p blico en 15 de diciembre Lo desarrollaron entre Hal Abelson de MIT y los ingenieros de Google Ellen Spertus y LizLooney, junto con David Wolber profesor de USFCA y divulgador de la aplicaci 2 - Cuenca Minera Dto. Tecnologia - A principo de agosto de 2011 Google anunci que ya no mantendr a esta aplicaci n, pero quela har a c digo libre destinado a la educaci Una semana despu s el Instituto Tecnol gico de Massachusetts (MIT), una instituci n deeducaci n superior privada situada en Cambridge, Massachusetts ( ), anunci que se har a cargodel proyecto.

4 - El 31 de dicembre de 2011 App Inventor de Google dej de El 4 de marzo de 2012, el Instituto Tecnol gico de Massachusetts (MIT) volvi a poner elproyecto en En diciembre de 2013, MIT saca AI 2, una nueva versi n de App Inventor: - En noviembre de 2014 sale la opci n de idioma, con lo cual podemos ver la mayor a de los elementos en espa ol. - El 15 de julio de 2015 desaparece App inventor (el antiguo). Existe una aplicaci n web para pasar los proyectos .zip del App inventor al .aia del App inventor 2. Aplicaci n online. 2. ELEMENTOS DE PROGRAMACI N EN APP INVENTORLos programas se realizan mediante bloques, que son una especie de piezas de puzzle. No tiene programa fuente escrito en texto. Veamos algunos de esos bloques:2,1,. SENTENCIASAl programar necesitamos a menudo decirle al ordenador que haga algo.

5 En App Inventor existen numerosos bloques que son sentencias de programaci n. Se distinguen r pidamente porque expresan una acci n a realizar con un verbo en imperativo. Los m s habituales son call, set y def (abreviatura de define). Adem s, los bloques que son sentencias s lo est n disponibles en dos colores: azul para modificar variables o propiedades de un objeto y naranja para llamar a funciones. En la imagen siguientese ven algunos ejemplos de las sentencias para dividir un texto en partes, convertirlo a may sculas, cambiar la altura, texto o visibilidad de un recuadro de texto o definir una 3 - Cuenca Minera Dto. Tecnologia 2,2, CONDICIONESCon frecuencia necesitamos realizar distintas acciones en funci n de que ocurra o no algo. En AppInventor para condicionar nuestro programa tenemos las estructuras if then, if then else , while y choose:En todos estos bloques se puede ver como tenemos en la parte superior un espacio para encajar el test o pregunta que se hace el programa para decidir por donde continuar su flujo.

6 Las tres primeras estructuras son habituales en la mayor a de los lenguajes, la ltima, choose, es pr cticamente igual a if-then-else con la diferencia de que permite devolver una variable en funci n de que se cumpla o no el ,3,, BUCLESUn bucle provoca la ejecuci n repetida de varias sentencias. En App inventor disponemos de los bucles while, for range y primero ejecutar el bloque de sentencias que se encajen en el apartado do mientras se cumpla la condici n que refleje el test. for range es el t pico bucle for de otros lenguajes de programaci n y, como tal, tiene las opciones de elegir el nombre de la variable que itera, su comienzo, fin y el tama o de los saltos de iteraci n. Finalmente, foreach es un iterador sobre los elementos de una 4 - Cuenca Minera Dto. Tecnologia 2,4, VARIABLESD isponemos de las herramientas para definir y cambiar variables.

7 El tipo puede ser num rico o un texto y se declara al asignarle un valor por primera el gr fico anterior se ve como se declara una variable llamada total_alumnos y se le da un valor num rico de 30. Adem s se ven dos bloques muy importante en App Inventor. Su lenguaje cuenta con una estructura de datos llamada list (lista) que es similar a los Arrays de otros lenguajes de programaci n. Se ve el bloque con el que se define la lista alumnos (se define vac a al no a adirle ning n item) y tambi n se ve el bloque en el que se le a aden dos elementos a la lista alumnos. En este ejemplo se le a ade el texto que contienen los cuadros de texto TextBox1 y TextBox2 . EVENTOSEs indispensable que los programas que sean capaces de responder a la interacci n del usuario conel interfaz. Es ah donde toman su importancia los bloques de App Inventor, para ejecutar acciones en respuesta a los eventos que se produzcan en el tel fono o el nombre de los distintos eventos dependen del objeto que los provoca.

8 Un bot n avisa de cuandose ha hecho clic sobre l, mientras que el aceler metro avisa de cuando se ha agitado el m vil, la mensajer a de cuando se ha recibido un mensaje, el objeto de Twitter de cuando hemos sido mencionados en esa red social, la c mara de fotos de cuando se ha hecho una foto y as 5 - Cuenca Minera Dto. Tecnologia En la imagen anterior se pueden ver algunos de estos eventos. De esta selecci n se aprecia que conApp Inventor no s lo se dispone de objetos que se pueden colocar en la pantalla como un bot n o imagen,sino tambi n de otros muchos objetos que nos dan acceso a las funcionalidades que tienen los tel fonos y tablets android . Tenemos acceso a Internet, Bluetooth, hacer llamadas, enviar y recibir mensajes, las coordenadas de posici n GPS, n se puede apreciar como todos los eventos tienen la estructura When evento do , y son de color verde.

9 Tienen este color porque son parte de la secci n My blocks en el entorno de desarrollo. My blocks es donde se leen o manipulan las propiedades de los distintos elementos que hayan sido colocados manualmente en el entorno de dise o: botones, br jula, etiquetas, cuadros de texto, DE D NDE ME BAJO EL APP INVENTOR? El App inventor no es un programa que te tengas que bajar al ordenador. Funciona en cloud computing, el programa funciona mediante la conexi n a Internet, tu trabajas con el programa conectado directamente al servidor de App inventor. Es como una p gina web y en ella realizas las operaciones. Solo necesitas una cuenta de gmail. NOTA: hay versiones para poderlas instalar en el ordenador y trabajar sin estar conectado a internet (offline).- 6 - Cuenca Minera Dto. Tecnologia Para que funcione necesitas tener instalado JAVA.

10 Tambi n necesitas una cuenta de GoogleGmail. Para programar entra en la siguiente direcci n y te autentifica con tu direcci n de correo 4. INTERFACE- 7 - Cuenca Minera Dto. Tecnologia La figura muestra la ventana del dise paleta contiene todos los elementos que podemos insertar en nuestra aplicaci n. Hay elementos gr ficos como cuadros de texto, botones, lienzo de dibujo (Canvas) y elementos que no se ven en la pantalla del m vil, como base de datos (TinyDB), aceler metro, c mara de v deo, : El visor de la pantalla, simula la apariencia visual que tendr la aplicaci n en el m vil. Para a adir un elemento a la pantalla hay que arrastrarlo desde la paleta y soltarlo en el visor. Los elementos que no tengan visibilidad hay que arrastrarlos tambi n al viewer y autom ticamente se desplazar n debajo de l bajo el ep grafe Non visible components muestra la lista de los componentes que se han colocado en el proyecto.