Creación de aplicaciones para Android con AppInventor

edit  

Jornadas técnicas en Calatayud

[[Archivo:http://www.google.es/imgres?hl=es&sa=X&biw=1366&bih=619&tbm=isch&prmd=imvnsa&tbnid=_qtcsirPWGHRtM:&imgrefurl=http://www.zonadeseguridad.net/google-app-inventor/&docid=VqaipOgZTp5ThM&imgurl=http://www.zonadeseguridad.net/wp-content/uploads/2011/08/Google-App-inventor.png&w=528&h=298&ei=aRLFT9PjLMSLhQeKhYj0CQ&zoom=1&iact=hc&vpx=113&vpy=160&dur=242&hovh=169&hovw=299&tx=123&ty=74&sig=106349743121018817851&page=1&tbnh=131&tbnw=205&start=0&ndsp=18&ved=1t:429,r:0,s:0,i:70]]

edit   ¿Qué es App Inventor? edit   ¿Dónde? edit   ¿Quién puede ir?

edit   ¿Cuándo? edit   ¿Qué haremos? http://appinventor.mit.edu/sites/appinventor.mit.edu/files/AppInventor-Doc-Diagram.png Instalacion Instalación Instalación http://beta.appinventor.mit.edu/learn/setup/index.html En linux: http://beta.appinventor.mit.edu/learn/setup/setuplinux.html Primero debemos tener una cuenta en Google Debemos tener instalado SDK de java App Invetor es entorno para desarrollar aplicaciones Android Es un entorno web Las aplicaciones que desarrollemos quedan en la nube Estarán accesibles siempre que conectemos a la página logeados Necesitamos instalar AppInvetor Setup (Sitio de descarga arriba) Se puede seguir facilmente el proceso de instalación el la página Para esta sesión usaremos windows por evitar problemas de compatibilidad con móviles por usb Uso en entorno web Documentación Documentación http://beta.appinventor.mit.edu http://beta.appinventor.mit.edu/learn/tutorials/index.html https://sites.google.com/site/appinventorspain Al abrir el entorno vamos a tener tres entorno para trabajar diseñador de componentes Editor de bloques Un dispositivo de teléfono Android un emulador El teléfono conectado usb En ambos casos los cambios se ven instantaneos en el dispositivos Más recursos Más recursos AI Java Bridge Conversión automática de las apps de inventor para el market de Google Actividad Actividad Instalación Hola, gatito http://www.appinventor.org/hellopurr Pintar en pantalla http://beta.appinventor.mit.edu/learn/tutorials/paintpot/paintpot-part1.html Actividad 3 Mole Math Componentes Cavas ImageSprite Sound Labels HorizontalArrangements Button Clolk Colocando componetes Basic==>Canvas (Width fill, Height 300) Animation==>ImageSprite (Rename Mole, Picture mole.png) Basic==> Button ((Rename ResetButton, Text Reset) Basic==>Clock Screen Arrangement ==> HorizontalArrangement Debajo del botón) Basic Label (2) Label1(Rename HitsLabel, text Hits) Label2 (Rename HitsCountLabel, text 0) Screen Arrangement ==> HorizontalArrangement Debajo del anterior Basic Label (2) Label1(Rename MissesLabel, text Misses) Label2 (Rename MissesCountLabel, text 0) Comportamiento a los componentes Mover el topo Crearemos el procedimiento MoveMole Lo invocaremos cuando se inicie el juego El lienzo va a ser nuestra pantalla El Canvas 0,0 fill,300 Cuentas Canvas 200px, Mole.png 36 ps Maximo en fila 200-36 = 164 (0-164) (Canvas.Width - Mole.Width) Igual de altura (Canvas.Height- Mole.Height) Creando el procedimiento Abrimos el editor de bloques# Vamos a la seccion BuitIn==>Definition Arrastramos toProcedure (nombre MoveMole) MyBlock==>Mole.MoveTo Para probar el funcionamiento botón derecho sobre el procedimiento y opción Do it Vemos como Mole cambia de posición en la pantalla Invocar al procedimiento al arrancar la aplicación MyBlock==>Screen1.Initialize MyDefinition==> call.MoveMole y lo encajamos Mover Mole cada segundo My Block==> Clocl1.timer MyDefinition==> call.MoveMole y lo encajamos El intervalo es la propiedad timerInterval en el diagrama de componentes no de bloques La puntuación Ahora cada vez que se toque la pantalla queremos actualizar los contadores Si ha acertado incrementaremos en el label de hits Si ha fallado en el label de misses MyBlock==> Canvas1.Touched Build.in=>Control.ifelse Resetear marcadores Cuando hagamos un click poner a cero las etiquetas Añadido que vibre el teléfono Que cuando cacemos al topo el móvil vibre Sound1.vibrate Para ello agregamos en el diseño de componente el elemento sound Y procedemos según la imagen Y A JUGAR, QUE NUESTRO ESFUERZO NOS HA CONSTADO!!!!!!! Otras referencias web http://android.scenebeta.com/tutorial/tutoriales-de-app-inventor