5. Proceso de creación de una app con
MIT App Inventor consta de 3 fases:
Diseñador
Editor de bloques
Generador de app
6. APP: ALARMA HORARIA
Presentamos nuestro
Diseño de ALARMA
HORARIA, con
FECHA Y HORA ACTUAL.
Lo descargamos en nuestro
celular, previamente debemos
haber instalado el MIT APP
INVENTOR de PLAY STORE.
https://drive.google.com/file/d/1N0dZoqOW7aluOfGs4C9x1LB
y6OUi4iqL/view?usp=sharing
Como es creación nuestra, nos solicitan que aceptemos
Los riesgos de instalación. Lo probamos e interactuamos
Con los botones y los selectores de fecha y hora,
programamos la alarma, colocando ON (OFF para apagar)
7. MANOS A LA OBRA: DISEÑADOR
DISEÑAMOS NUESTRA PRESENTACION DE LA APP : DISPOSICIONES
HORIZONALES
8. Damos propiedades a las disposiciones
Del 01 al
04 el ALTO
es 10.
Al 05, le
Damos ALTO
40
9. 1ª Fila: SELECTOR DE FECHA Y ETIQUETA
Arrastramos y soltamos Renombramos la etiqueta:
etiTIEMPOACTUAL
10. Damos propiedades al selector de fecha y etiqueta
Al selector de fecha,
lo seleccionamos y le
damos propiedades:
Color de fondo: azul
Negrita>
Tamaño>25
Ancho> 50 percent>aceptar
Texto> FECHA
Color de letra: blanco
A la etiqueta, lo seleccionamos
y le damos propiedades:
Color de fondo: verde
Negrita>
Tamaño>25
Alto> ajustar al contenedor
Ancho> 50 percent>aceptar
Texto> HORA
Posición del texto> centro
Color de letra: negro
11. 2ª Fila: Selector de hora . Propiedades
Seleccionamos el SELECTOR DE HORA y
le damos propiedades:
Color de fondo: anaranjado
Negrita>
Tamaño>20
Alto> ajustar al contenedor
Ancho> ajustar al contenedor
Texto> ESTABLECER HORA DE ALARMA
Color de letra: negro
12. 3ª fila: Etiqueta . Propiedades
En la 3ra fila, arrastramos
una ETIQUETA, le
cambiamos nombre:
etiALARMA. Lo
seleccionamos y le damos
propiedades:
Color de fondo: rosado
Negrita>
Tamaño>25
Alto> ajustar al contenedor
Ancho> ajustar al
contenedor
Texto> ALARMA
Color de letra: negro
Posición de texto: centro
13. 4ª fila: Etiqueta y Botón . Propiedades
Etiqueta > propiedades:
Color de fondo: rojo
Negrita>
Tamaño>20
Alto> ajustar al contenedor
Ancho> automático
Texto> ALARMA
Color de letra: blanco
Posición de texto: izq
Arrastramos
una
ETIQUETA y
un BOTON y
soltamos.
Cambiamos
de nombre
al BOTON:
botONOFF.
Les damos
propiedades
a ambos.
BOTON> propiedades:
Color de fondo: anaranjado
Negrita>
Tamaño>25
Alto> ajustar al contenedor
Ancho> automatico
Texto> ONOFF
Posición del texto> centro
Color de letra: negro
14. 5ª fila: imagen y sonido
Seleccionamos la 5ª fila , DISPOSICION HORIZONTAL,
para ingresar una imagen y sonido de nuestra alarma.
15. 5ª fila: Relojes
Seleccionamos la 5ª
fila , DISPOSICION
HORIZONTAL, para
ingresar dos relojes, y
les cambiamos el
nombre: ACTUAL , y de
ALARMA.
17. TERMINOLOGIAS
BLOQUE TIPO ACCION
LOGICO Comprueba si sus argumentos
son iguales.
MATEMATICO Para colocar números.
TEXTO (DE CADENA) Cadena de texto.
TEXTO (UNIRSE) Agrega todas las entradas para
hacer una zona cadena.
18. SELECTOR DE FECHA
1.1.- Al seleccionar en la disposición horizontal, SELECTOR DE FECHA 1, aparecen
los bloques, los cuales jalamos y armamos los bloques. Primero el control CUANDO-
EJECUTAR, luego mas abajo el PONER-TEXTO, , también en Texto, buscamos UNIR.
19. UNIR
1.2.- Al seleccionar UNIR, damos clic en la tuerca, que nos permite ingresar mas
bloques. Se necesitan 05 bloques de cadena:
20. SELECTOR DE FECHA Y UNIR
1.3.- Al seleccionar SELECTOR DE FECHA 1, aparecen los bloques de DIA , MES y
AÑO, los cuales jalamos para formar el bloque UNIR.
21. UNIR Y TEXTO
1.4.- Seleccionamos TEXTO, jalamos el primer bloque 02 veces, que permite escribir
los separadores para la fecha.
22. II.- BLOQUE: PARA LA HORA, en la fila 5
• 2.- PARA LA HORA, formamos los bloques:
23. RELOJACTUAL Y etTIEMPOACTUAL
• 2.1.-En la disposición horizontal 5, seleccionamos RelojACTUAL, y
jalamos CUANDO-EJECUTAR. Luego en la disposición horizontal 1
seleccionamos etTIEMPOACTUAL
24. RelojACTUAL
• 2.2.-En la disposición horizontal 5, seleccionamos RelojACTUAL, y
jalamos LLAMAR RelojACTUAL FORMATO DE HORA, y también
LLAMAR RelojACTUAL ahora.
25. III.- BLOQUE PARA LA HORA DE ALARMA
• 3.- PARA ESTABLECER HORA DE LA ALARMA
30. botONOFF
• 4.1.- Seleccionamos botONNOFF, jalamos el bloque CUANDO-
EJECUTAR. Y en CONTROL, jalamos y encajamos SI- ENTONCES -SINO
31. • 4.2.- En botONOFF, damos clic en LOGICA, seleccionamos el de
COMPARACION y encajamos. Compara si en el botONOFF esta escrito
OFF. También encajamos el bloque botONOFF-TEXTO. Jalamos de
texto escribimos OFF.
32. Reloj2ALARMA
• 4.3.- Seleccionamos Reloj2ALARMA, jalamos el bloque PONER
reloj2ALARMA temporizador habilitado – COMO. Seleccionamos de
LOGICA, CIERTO y FALSO para cada bloque al finalizar.
33. • 4.4.- Seleccionamos botONOFF, jalamos 02 veces el bloque “PONER
botONOFF texto COMO”. En TEXTO jalamos el recuadro para escribir
ON y en el otro OFF, encajamos.
35. Reloj2ALARMA
• 5.1.- Seleccionamos Reloj2ALARMA, jalamos el bloque de control
CUANDO – TEMPORIZADOR- EJECUTAR. Y también el control SI –
ENTONCES.
36. Reloj2ALARMA
• 5.2.- Seleccionamos Reloj2ALARMA, jalamos del bloque Lógica
(para probar si dos argumentos son iguales).Colocamos como
argumento, del texto jalar 02 UNIR. Le agregamos una cadena a
ambos.
37. Reloj1ACTUAL
• 5.3.- En Reloj1ACTUAL, jalamos los convertidores LLAMAR – HORA , y
el LLAMAR – MINUTO, los colocamos en el primer argumento,
completamos con el convertidor LLAMAR AHORA en cada uno.
Separamos con UNIR, escribimos “:” .
38. SelectorDEHORA1
• 5.4.- En el segundo argumento, seleccionamos SelectorDEHORA1,
jalamos el componente Selector de hora y de minuto, y lo encajamos.
Para separar lo hacemos con UNIR, escribimos “:” .
39. SONIDO1
• 5.5.- En la parte de ENTONCES, seleccionamos Sonido1 , jalamos el
componente LLAMAR – REPRODUCIR y LLAMAR –VIBRAR. Así
también el componente de matemática , escribimos 3000.
40. Vemos la aplicación en el celular,
para revisar si esta todo ok.
DEBEMOS DESCARGAR EN EL
CELULAR EL MIT APP INVENTOR
DE PLAY STORE, Y COPIAR EL
CODIGO QR QUE SE GENERA
EN “AL COMPANION”.
UNA VEZ VERIFICADO LA APP
SE GENERA LA APK PARA
INSTALARLO EN EL CEULUAR.
41. • Sera un
aplicativo
que tendrán
que instalar
en su móvil.
• Se
descargara
en su pc.
GENERANDO LA APLICACION