MIT App Inventor 2 (Cronómetro)
Vamos a crear una pequeña aplicación, en este caso un cronómetro, con la
herramienta MIT A...
En la vista de diseño (aquí construímos el entorno del usuario), colocamos en
la pantalla componentes de tipo Label para l...
Las propiedades del componente Clock que hemos usado en la aplicación son:
TimerInterval
Intervalo del temporizador en mil...
Para finalizar, componemos el bloque que contiene la lógica que se ejecutará
cuando se dispare el evento de reloj cada seg...
Próxima SlideShare
Cargando en…5
×

Cronómetro con MIT App Inventor 2

11.533 visualizaciones

Publicado el

Cronómetro con MIT App Inventor 2.

Publicado en: Educación
0 comentarios
13 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
11.533
En SlideShare
0
De insertados
0
Número de insertados
1.419
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
13
Insertados 0
No insertados

No hay notas en la diapositiva.

Cronómetro con MIT App Inventor 2

  1. 1. MIT App Inventor 2 (Cronómetro) Vamos a crear una pequeña aplicación, en este caso un cronómetro, con la herramienta MIT App Inventor 2. App Inventor es al mismo tiempo un lenguaje de programación, una herramienta de diseño y un entorno de desarrollo de aplicaciones para móviles y tablets que funcionen con el sistema operativo Android. App Inventor permite también ejecutar las aplicaciones en un emulador, por lo que no es imprescindible disponer del teléfono para probar los programas.
  2. 2. En la vista de diseño (aquí construímos el entorno del usuario), colocamos en la pantalla componentes de tipo Label para los dígitos del cronómetro (Minutos MM y segundos SS) y componentes de tipo Button para los tres botones (Iniciar, Parar, Resetear). Tal como se observa en la figura del árbol de componentes (Components), tanto el bloque de dígitos como el bloque de botones están dentro de un Layout de alineación horizontal (LayoutDigitos_HA y LayoutBotones_HA). Como se observa en la figura anterior también se ha añadido en el diseño un componente oculto “Clock1” o Reloj. Este elemento proporciona un contador de tiempo que activa el evento "Timer" a intervalos regulares en la aplicación. Nota: Uno de los usos del componente reloj es emplearlo como temporizador (timer): una vez definido un intervalo de tiempo (1000 ms por defecto = 1 segundo), el temporizador se disparará en cada intervalo, activando un evento de temporizador.
  3. 3. Las propiedades del componente Clock que hemos usado en la aplicación son: TimerInterval Intervalo del temporizador en milisegundos. TimerEnabled Si es verdad, entonces el temporizador se activará. Pasamos ahora al App Inventor Blocks Editor (aquí construimos el comportamiento), para montar el puzzle que implementa la lógica de la aplicación, es decir, su funcionalidad. 1º Inicializamos a 0 los dígitos del crono. Este bloque es el primero que se ejecuta al iniciar la aplicación. 2º Fijamos el comportamiento para cada uno de los botones. Al hacer Click en el botón btnIniciar habilitamos el reloj y fijamos la frecuencia a 1000 para que dispare un evento de reloj cada segundo. Al hacer Click sobre el botón btnParar simplemente deshabilitamos el reloj. A partir de entonces no disparará ningún evento. Al hacer Click sobre el botón btnResetear volvemos ponemos a cero todos los dígitos.
  4. 4. Para finalizar, componemos el bloque que contiene la lógica que se ejecutará cuando se dispare el evento de reloj cada segundo. Aquí mediante el uso de if-else se va modelando el comportamiento de un crono para que conforme van aumentando los segundos aumenten los minutos etc... Resultado de la ejecución en el Emulador de dispositivo Android…

×