|
|
| Línea 1: |
Línea 1: |
| − | {{MiTitulo|Creación de aplicaciones para Android con AppInventor}} | + | <!-- {{:CalataJT/AppInventor/Nav}} --> |
| | | | |
| − | <br />
| + | {{MiTitulo|Día de Android con App Inventor :: Calatayud :: Junio - 2012}} |
| | | | |
| − | http://appinventor.mit.edu/sites/appinventor.mit.edu/files/AppInventor-Doc-Diagram.png
| + | {{Nodo_portal |
| − | ==Instalacion==
| + | |
| − | {{Actividad| | + | |
| − | Title=Instalación|
| + | |
| − | TOCdepth=2|
| + | |
| | | | |
| − | * http://beta.appinventor.mit.edu/learn/setup/index.html
| + | |Tema-caja=default |
| − | ** En linux: http://beta.appinventor.mit.edu/learn/setup/setuplinux.html
| + | |
| − | }}
| + | |
| | | | |
| − | #Primero debemos tener una cuenta en Google
| + | |Header box title=Jornadas técnicas en Calatayud |
| − | #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
| + | |Left column width=45 |
| − | **Para esta sesión usaremos windows por evitar problemas de compatibilidad con móviles por usb
| + | |
| − | ==Uso en entorno web==
| + | |
| − | {{Recursos web|
| + | |
| − | Title=Documentación|
| + | |
| − | TOCdepth=2|
| + | |
| − | * 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
| + | |
| | | | |
| | + | |Left box 1 title=¿Qué es App Inventor? |
| | | | |
| − | {{Recursos web|
| + | |Left box 2 title=¿Dónde? |
| − | Title=Más recursos|
| + | |
| − | TOCdepth=2|
| + | |
| − | * [http://amerkashi.wordpress.com/2011/07/10/howto-using-ai-javabridge/ AI Java Bridge]
| + | |
| − | * [http://amerkashi.wordpress.com/2011/02/14/automating-conversion-of-app-inventor-apk-to-google-market/ Conversión automática de las apps de inventor para el market de Google]
| + | |
| | | | |
| − | }}
| + | |Left box 3 title=¿Quién puede ir? |
| | | | |
| − | {{Actividad|
| + | |Left box 4 title= |
| − | TOCdepth=2|
| + | |
| − | # 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== | + | |Right box 1 title=¿Cuándo? |
| − | ;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
| + | |
| − | [[Archivo:procedimiento.png]]
| + | |
| − | *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
| + | |
| − | [[Archivo:inicializar.png]]
| + | |
| − | ====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
| + | |
| − | [[Archivo:clock.png]]
| + | |
| − | ====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
| + | |
| − | [[Archivo:ifelse.png]]
| + | |
| − | ====Resetear marcadores====
| + | |
| − | *Cuando hagamos un click poner a cero las etiquetas
| + | |
| − | [[Archivo:Reset.click]]
| + | |
| − | ====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
| + | |
| − | [[Archivo:sound.png]]
| + | |
| | | | |
| − | Y A JUGAR, QUE NUESTRO ESFUERZO NOS HA CONSTADO!!!!!!!
| + | |Right box 2 title=¿Qué haremos? |
| − | | + | |
| − | ==Otras referencias web== | + | |
| − | | + | |
| − | http://android.scenebeta.com/tutorial/tutoriales-de-app-inventor
| + | |
