Diferencia entre revisiones de «Usuario:ManuelRomero/Adroit Apache»

De WikiEducator
Saltar a: navegación, buscar
 
(5 revisiones intermedias por el mismo usuario no mostrado)
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)
+
  
−
 
+
|Right box 2 title=¿Qué haremos?
−
==Otras referencias web==
+
}}
−
 
+
[[Category:Scratch]]
−
http://android.scenebeta.com/tutorial/tutoriales-de-app-inventor
+
[[Category:Programacion]]

Última revisión de 07:14 30 may 2012



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é haremos?



http://appinventor.mit.edu/sites/appinventor.mit.edu/files/AppInventor-Doc-Diagram.png

Instalacion

Instalación



  1. Primero debemos tener una cuenta en Google
  2. Debemos tener instalado SDK de java
  3. App Invetor es entorno para desarrollar aplicaciones Android
    1. Es un entorno web
    2. Las aplicaciones que desarrollemos quedan en la nube
    3. Estarán accesibles siempre que conectemos a la página logeados
  4. 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

Icon inter.gif

Documentación


Al abrir el entorno vamos a tener tres entorno para trabajar

  1. diseñador de componentes
  2. Editor de bloques
  3. Un dispositivo de teléfono Android
    1. un emulador
    2. El teléfono conectado usb
  • En ambos casos los cambios se ven instantaneos en el dispositivos


Más recursos

Icon inter.gif

Más recursos




Actividad



Actividad 3 Mole Math

Componentes
Cavas
ImageSprite
Sound
Labels
HorizontalArrangements
Button
Clolk

Colocando componetes

  1. Basic==>Canvas (Width fill, Height 300)
  2. Animation==>ImageSprite (Rename Mole, Picture mole.png)
  3. Basic==> Button ((Rename ResetButton, Text Reset)
  4. Basic==>Clock
  5. Screen Arrangement ==> HorizontalArrangement Debajo del botón)
  6. Basic Label (2)
    1. Label1(Rename HitsLabel, text Hits)
    2. Label2 (Rename HitsCountLabel, text 0)
  7. Screen Arrangement ==> HorizontalArrangement Debajo del anterior
  8. Basic Label (2)
    1. Label1(Rename MissesLabel, text Misses)
    2. 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

  1. Abrimos el editor de bloques#
  2. Vamos a la seccion BuitIn==>Definition
  3. Arrastramos toProcedure (nombre MoveMole)
  4. MyBlock==>Mole.MoveTo

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

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

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

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

Sound.png 

Y A JUGAR, QUE NUESTRO ESFUERZO NOS HA CONSTADO!!!!!!!

Otras referencias web

http://android.scenebeta.com/tutorial/tutoriales-de-app-inventor


Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/Adroit_Apache&oldid=8346»