SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
IESTP “RAMON COPAJA”
Lic. Noé ARPASI JIMENEZ -1-
APP INVENTOR 2 - CRONOMETRO
En la vista de diseño (construimos 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), tanto 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.
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º Iniciamos a 0 los dígitos del crono. Este bloque es el primero que se debe ejecutar al iniciar la
aplicación.
IESTP “RAMON COPAJA”
Lic. Noé ARPASI JIMENEZ -2-
2º Fijamos el comportamiento para cada uno de los botones
Al hacer Click en el botón btnInicar 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 btnResetear volvemos a cero todos los dígitos
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.

Más contenido relacionado

Similar a App inventor 2 cronometro

Curso MPLAB pic 4 compilando y simulando el programa 10p
Curso MPLAB pic 4 compilando y simulando el programa 10pCurso MPLAB pic 4 compilando y simulando el programa 10p
Curso MPLAB pic 4 compilando y simulando el programa 10p
Ruderocker Billy
 

Similar a App inventor 2 cronometro (20)

Timer
TimerTimer
Timer
 
MICROCONTROLADORES DISEÑO DEL CORTE II CRONOMETRO.pdf
MICROCONTROLADORES DISEÑO DEL CORTE II CRONOMETRO.pdfMICROCONTROLADORES DISEÑO DEL CORTE II CRONOMETRO.pdf
MICROCONTROLADORES DISEÑO DEL CORTE II CRONOMETRO.pdf
 
Manual para estudiantes del etabs 2013 [capitulo 1]
Manual para estudiantes del etabs 2013 [capitulo 1]Manual para estudiantes del etabs 2013 [capitulo 1]
Manual para estudiantes del etabs 2013 [capitulo 1]
 
Tarjeta integradora de aplicaciones (06)
Tarjeta integradora de aplicaciones (06)Tarjeta integradora de aplicaciones (06)
Tarjeta integradora de aplicaciones (06)
 
software para cálculos matemáticos
software para cálculos matemáticos software para cálculos matemáticos
software para cálculos matemáticos
 
Tecnologia macros natalia
Tecnologia macros   nataliaTecnologia macros   natalia
Tecnologia macros natalia
 
Informe de eventos topicos avanzados de programacion.
Informe de eventos topicos avanzados de programacion.Informe de eventos topicos avanzados de programacion.
Informe de eventos topicos avanzados de programacion.
 
Manual para estudiantes del etabs 2013
Manual para estudiantes del etabs 2013 Manual para estudiantes del etabs 2013
Manual para estudiantes del etabs 2013
 
Trabajo lego
Trabajo legoTrabajo lego
Trabajo lego
 
Trabajo lego
Trabajo legoTrabajo lego
Trabajo lego
 
Macros
MacrosMacros
Macros
 
Curso MPLAB pic 4 compilando y simulando el programa 10p
Curso MPLAB pic 4 compilando y simulando el programa 10pCurso MPLAB pic 4 compilando y simulando el programa 10p
Curso MPLAB pic 4 compilando y simulando el programa 10p
 
Macros1
Macros1Macros1
Macros1
 
Macros
MacrosMacros
Macros
 
Taller app inventor
Taller app inventorTaller app inventor
Taller app inventor
 
Macros
MacrosMacros
Macros
 
Simulador En Mplab
Simulador En MplabSimulador En Mplab
Simulador En Mplab
 
Tipos de algoritmos
Tipos de algoritmosTipos de algoritmos
Tipos de algoritmos
 
Tutorial proteus inicial
Tutorial proteus inicialTutorial proteus inicial
Tutorial proteus inicial
 
Tutorialproteus
TutorialproteusTutorialproteus
Tutorialproteus
 

Más de Noé Arpasi (12)

Atributos de aplicaciones basadas en WEB
Atributos de aplicaciones basadas en WEBAtributos de aplicaciones basadas en WEB
Atributos de aplicaciones basadas en WEB
 
Guia registrarse-schoology
Guia registrarse-schoologyGuia registrarse-schoology
Guia registrarse-schoology
 
Hi 04-pl-sublime text3
Hi 04-pl-sublime text3Hi 04-pl-sublime text3
Hi 04-pl-sublime text3
 
Pl 08-aplicacion-en-php-my sql
Pl 08-aplicacion-en-php-my sqlPl 08-aplicacion-en-php-my sql
Pl 08-aplicacion-en-php-my sql
 
Hi 07-programa de php que registra datos en my sql
Hi 07-programa de php que registra datos en my sqlHi 07-programa de php que registra datos en my sql
Hi 07-programa de php que registra datos en my sql
 
Programas de-php-realizados en clase
Programas de-php-realizados en claseProgramas de-php-realizados en clase
Programas de-php-realizados en clase
 
Pl 04-proyecto03-convertir
Pl 04-proyecto03-convertirPl 04-proyecto03-convertir
Pl 04-proyecto03-convertir
 
Pl 02-codigo-calculadora
Pl 02-codigo-calculadoraPl 02-codigo-calculadora
Pl 02-codigo-calculadora
 
Practica de html5 y css3
Practica de html5 y css3Practica de html5 y css3
Practica de html5 y css3
 
Instalacion de Telegram en Chrome
Instalacion de Telegram en ChromeInstalacion de Telegram en Chrome
Instalacion de Telegram en Chrome
 
Instalación del plugin SFTP en Sublime Text 3
Instalación del plugin SFTP en Sublime Text 3Instalación del plugin SFTP en Sublime Text 3
Instalación del plugin SFTP en Sublime Text 3
 
Practica Crear Base de Datos en Hosting
Practica Crear Base de Datos en HostingPractica Crear Base de Datos en Hosting
Practica Crear Base de Datos en Hosting
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
Marc Liust
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
Yanitza28
 

Último (18)

Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 

App inventor 2 cronometro

  • 1. IESTP “RAMON COPAJA” Lic. Noé ARPASI JIMENEZ -1- APP INVENTOR 2 - CRONOMETRO En la vista de diseño (construimos 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), tanto 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. 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º Iniciamos a 0 los dígitos del crono. Este bloque es el primero que se debe ejecutar al iniciar la aplicación.
  • 2. IESTP “RAMON COPAJA” Lic. Noé ARPASI JIMENEZ -2- 2º Fijamos el comportamiento para cada uno de los botones Al hacer Click en el botón btnInicar 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 btnResetear volvemos a cero todos los dígitos 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.