https://es.wikieducator.org/index.php?action=history&feed=atom&title=.%5Cplanning 2026-06-19T11:48:20Z Historial de revisiones para esta página en el wiki MediaWiki 1.23.14 https://es.wikieducator.org/index.php?title=.%5Cplanning&diff=8354&oldid=prev 2012-05-31T18:27:05Z

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

ManuelRomero