Programamos con App Inventor 3: Mi primera App (II)

6

Click here to load reader

description

En esta sesión se introduce a los estudiantes en el manejo de la herramienta para conseguir crear nuestra primera app, mostrando cómo se programa el comportamiento de una aplicación a través de los bloques de código. Se introducen los conceptos de gestores de eventos y acciones.

Transcript of Programamos con App Inventor 3: Mi primera App (II)

Page 1: Programamos con App Inventor 3: Mi primera App (II)

Desarrollo de apps para móviles:Mi primera app: los bloques

Flor Palomares, PatriciaHuertas Fernández, José IgnacioMoreno León, Jesús Moriana Coronel, María

Septiembre 2012

1

Programamos Videojuegos y Apps

Page 2: Programamos con App Inventor 3: Mi primera App (II)

Estas diapositivas son una obra derivada del tutorial“Hello Purr”

disponible en http://appinventor.mit.edu/explore/content/hellopurr.html

©Programamos, Septiembre de 2013Algunos derechos reservados.

Este artículo se distribuye bajo la licencia“Reconocimiento-CompartirIgual 3.0 España" de CreativeCommons, disponible en

http://creativecommons.org/licenses/by-sa/3.0/es/deed.esEste documento (o uno muy similar)

está disponible en (o enlazado desde)http://programamos.es

Licencia

Page 3: Programamos con App Inventor 3: Mi primera App (II)

Nuestra primera app: HolaRonroneo

● Hasta el momento contamos con los componentes de la app

● Ya hemos definido su apariencia, ahora tenemos que programar su comportamiento

● Para programarlo utilizaremos el editor de bloques

Page 4: Programamos con App Inventor 3: Mi primera App (II)

Haciendo que suene el maullido: paso 1

● Bajo la paleta 'Mis bloques' en la parte izquierda del editor de bloques, pulsaremos sobre 'Botón 1' para abrirlo.

● Arrastra el bloque Button1.Click al area de trabajo.

● Los bloques verdes se llaman gestores de eventos (event handler), y determinan el comportamiento del móvil cuando sucede un evento: se presiona un botón, se gira el móvil, se pasa el dedo por una determinada zona...

● Siempre usan la palabra 'Cuando'. Por ejemplo: when Button1.Click es un event handler

Page 5: Programamos con App Inventor 3: Mi primera App (II)

Haciendo que suene el maullido: paso 2

● Pinchamos sobre Sound1 en la paleta y arrastramos el bloque Sound1.Play conectándolo a la sección “do” del bloque Button1.Click.

● Los bloques se unen como si fueran piezas de un puzzle.

● Los bloques morados y azules son de acción● Se colocan en el cuerpo de los gestores de eventos y

determinan la secuencia de acciones que ocurrirá cuando sucede un evento.

Page 6: Programamos con App Inventor 3: Mi primera App (II)

Ya está todo listo, ¡pruébalo!

● Tus bloques deberían estar así en este momento:

● ¡Pruébalo! Cuando pinches sobre el botón deberías escuchar el maullido del gato.

● ¡Enhorabuena! Tu primera app ya está ejecutándose.