- 1. App InventorTaller de desarrollo de aplicaciones AndroidIES
Galileo, Almera2013
2. Introduccin Las aplicaciones Android se desarrollanmediante
el ADK (java). Se requiere cierto nivel de conocimientos
enprogramacin. App Inventor se centra en las estructuraslgicas y en
diseos visuales de pantalla. Heredado de Scratch. 3. Esquema
general 4. Designer 5. Designer. Partes1.Palette, contiene todos
los elementos que podemosinsertar en nuestra aplicacin.2.Viewer,
simula la apariencia visual que tendr laaplicacin en el
mvil.3.Components, muestra la lista de los componentes quese han
colocado en el proyecto.4.Media, muestra las distintas imgenes y
sonidos queestarn disponibles para el proyecto.5.Properties,
aparecern todos los detalles que sepuedan cambiar del componente
seleccionado. 6. Blocks Editor 7. Blocks Editor. Pestaas1.Built-in,
contiene los bloques que componen ellenguaje de programacin
propiamente dicho,distribuidos en las secciones Definition, Text,
Lists,Math, Logic, Control y Colors.2.My blocks, contendr una lista
de los elementos quehayan sido colocados en la pantalla Viewer
deldiseador para poder acceder mediante el programa asus
propiedades y eventos3.Advanced, permite acceder de forma global a
algunaspropiedades comunes a todos los elementos quehemos colocado
en el Viewer y que sean de un mismotipo. 8. Elementos de
programacin I Sentencias. Al programar necesitamos a menudo
decirleal ordenador que haga algo. Se distinguen rpidamenteporque
expresan una accin a realizar con un verbo enimperativo. Los ms
habituales son call, set y def(abreviatura de define). 9. Elementos
de programacin II Condiciones. Con frecuencia necesitamos
realizardistintas acciones en funcin de que ocurra o no algo. EnApp
Inventor para condicionar nuestro programa tenemoslas estructuras
if-then, if-then-else , while y choose:En todos estos bloques se
puede ver como tenemos en la parte superiorun espacio para encajar
el test o pregunta que se hace el programa paradecidir por donde
continuar su flujo. Las tres primeras estructuras sonhabituales en
la mayora de los lenguajes, la ltima, choose, esprcticamente igual
a if-then-else con la diferencia de que permitedevolver una
variable en funcin de que se cumpla o no el test. 10. Elementos de
programacin III Bucles. Un bucle provoca la ejecucin repetida de
variassentencias. En App inventor disponemos de los bucleswhile,
for range y foreach:El primero ejecutar el bloque de sentencias que
se encajen en elapartado do mientras se cumpla la condicin que
refleje el test. for rangees el tpico bucle for de otros lenguajes
de programacin y, como tal,tiene las opciones de elegir el nombre
de la variable que itera, sucomienzo, fin y el tamao de los saltos
de iteracin. Finalmente, foreaches un iterador sobre los elementos
de una lista. 11. Elementos de programacin IV Variables. Disponemos
de las herramientas para definir ycambiar variables. El tipo puede
ser numrico o un texto yse declara al asignarle un valor por
primera vez.En el grfico anterior se ve como se declara una
variable llamadatotal_alumnos y se le da un valor numrico de 30.
Adems se ven dosbloques muy importante en App Inventor. Su lenguaje
cuenta con unaestructura de datos llamada list (lista) que es
similar a los Arrays de otroslenguajes de programacin. Se ve el
bloque con el que se define la listaalumnos (se define vaca al no
aadirle ningn item) y tambin se ve elbloque en el que se le aaden
dos elementos a la lista alumnos. En esteejemplo se le aade el
texto que contienen los cuadros de textoTextBox1 y TextBox2. 12.
Elementos de programacin V Eventos. Es indispensable que los
programas que seancapaces de responder a la interaccin del usuario
con elinterfaz. Es ah donde toman su importancia los bloquesde App
Inventor, para ejecutar acciones en respuesta a loseventos que se
produzcan en el telfono o el tablet. El nombre de los distintos
eventos dependen del objetoque los provoca. Un botn avisa de cuando
se ha hechoclic sobre l, mientras que el acelermetro avisa decuando
se ha agitado el mvil, la mensajera de cuando seha recibido un
mensaje, el objeto de Twitter de cuandohemos sido mencionados en
esa red social, la cmara defotos de cuando se ha hecho una foto y
assucesivamente. 13. Elementos de programacin VI 14. Usar App
Inventor I App Inventor requiere alguno de estos sistemas
operativos: GNU/Linux: Ubuntu 8+, Debian 5+ Macintosh (con
procesador Intel): Mac OS X 10.5, 10.6 Windows: Windows XP, Windows
Vista, Windows 7 Necesita tambin de conexin a Internet y uno de los
siguientesnavegadores web con estas versiones mnimas: Mozilla
Firefox 3.6, sin la extensin NoScript instalada Apple Safari 5.0
Google Chrome 4.0 Microsoft Internet Explorer 7 Se necesita tambin
una cuenta de Gmail y Java Web Start. 15. Usar App Inventor II El
software para ejecutar los programas se descarga
de:http://appinventor.mit.edu/explore/content/install-app-inventor-software.html
Este software permitir no solo ejecutar los programas ennuestro
mvil o en el emulador, sino que dispone adems deun intuitivo
interfaz de depuracin que ayuda a encontrarerrores de programacin.
En el navegador hay que introducir la
direccinhttp://beta.appinventor.mit.edu/. Entonces pedir
nuestrosdatos de acceso al correo de Gmail. 16. Usar App Inventor
II En App Inventor los proyectos se guardan en la nube, esdecir, en
los servidores del MIT. Por tanto, podemos abrirnuestros proyectos
desde cualquier ordenador con conexin aInternet sin que tengamos
que llevar los archivos de un lado aotro. 17. AutoraNOTA: partes de
este documento han sido sacadas del artculoUso de AppInventor en la
asignatura de Tecnologas de la Informacin y la Comunicacindel
INTEF.
