Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

EDADES - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 4 de abril de 2024 por Isabel L.

18 visualizaciones

Más información Transcripción

Descargar la transcripción

Bueno, vamos a hacer otro tutorial, esta vez de App Inventor, esta vez para primero donar eso. 00:00:00
Entonces, como siempre, tendremos primero que meternos en App Inventor, crear un nuevo proyecto, 00:00:11
si queréis poder poner Beginner, le vamos a llamar... 00:00:19
Tenemos nuestra pantalla 00:00:23
Lo primero que hay que poner 00:00:41
Son las propiedades de esta pantalla 00:00:43
Aquí tenemos todos los componentes 00:00:44
Alineación de la pantalla 00:00:46
Centrada 00:00:51
Horizontal y vertical 00:00:53
Color 00:00:56
O todos estos 00:00:57
O si queréis vamos a color de consumidor 00:01:00
Dejemos uno demasiado clarito 00:01:02
Este 00:01:11
Animación 00:01:11
No suele funcionar 00:01:15
pero bueno si queréis alguna 00:01:16
alto contraste 00:01:18
bueno, podemos poner 00:01:24
que la queremos en horizontal 00:01:31
esto si queremos que se pueda 00:01:35
mover sobre la propia pantalla 00:01:48
y título 00:01:50
el juego de las errores 00:01:52
vamos con los elementos 00:01:54
tenemos 00:02:07
una etiqueta 00:02:09
un cuadro de texto 00:02:12
otra etiqueta 00:02:17
Otro cuadro de texto 00:02:20
Y un botón 00:02:23
Primera etiqueta 00:02:27
Vamos a llamar 00:02:31
Edad 00:02:35
Mejor siempre con minúsculas, ¿vale? 00:02:37
Propiedades de esta etiqueta 00:02:45
Pues 00:02:46
Yo no pondría color de fondo 00:02:49
Si alguien lo quiere poner, que lo ponga 00:02:51
Lo que sí pondría sería negrita 00:02:53
El tamaño 00:02:55
Bueno, podemos ponerlo un poquito más grande 00:02:58
La fuente, pues también podemos cambiar de fuente 00:03:01
Tiene margen, el ancho y el alto automáticos 00:03:11
Textos de la etiqueta, vamos a decir, introduce tu edad 00:03:20
Alineación en el centro 00:03:24
Color, por ejemplo, por rojo 00:03:34
Vamos con el cuadro de texto 00:03:38
A mí me gusta, sinceramente me gusta más que el color del cuadro de texto sea blanco 00:03:46
Negrita, italic 00:03:53
Tipo de fuente por defecto 00:03:58
Tamaño por defecto 00:04:01
Esto es conveniente quitarlo 00:04:03
Texto en el centro 00:04:06
Color de texto, pues como lo tenemos fondo blanco, mejor negro 00:04:12
Color de texto negro 00:04:17
Vamos con la etiqueta 2, pues la etiqueta 2 la vamos a llamar, este cuadro de texto le vamos a llamar edad, vamos con la segunda etiqueta, la vamos a llamar adulto, 00:04:19
color de fondo no 00:04:45
la vamos a poner negrita 00:04:56
un poquito más grande 00:04:58
la fuente es serif 00:05:00
texto 00:05:09
hemos dicho que 00:05:15
eres un adulto 00:05:16
centro 00:05:20
color del texto 00:05:32
negro 00:05:34
el color de fondo 00:05:34
el color de texto 00:05:39
de esta etiqueta rojo 00:05:42
¿vale? 00:05:44
color de fondo hemos dicho que mejor blanco 00:05:51
todo lo demás 00:05:54
esto hay que quitarlo 00:05:58
la alineación de texto 00:06:01
y el color de texto 00:06:04
para que tenga buen contraste 00:06:05
botón 00:06:11
vamos a llamar resultado 00:06:12
ya está 00:06:13
a este cuadro de texto le vamos a llamar 00:06:21
bueno, que ponemos en el botón 00:06:24
pues en el botón 00:06:39
a mi me gusta más rojito 00:06:40
vale 00:06:43
Si queréis poner italic en este caso 00:06:45
El tipo de fuente 00:06:51
La misma, el tamaño, lo mismo 00:06:56
La forma, a mí es que me gustan mucho 00:06:58
Los ovalados, pero 00:07:00
Y el texto, vamos a poner 00:07:01
Vamos a poner preguntas 00:07:05
¿Vale? Pues esto sería 00:07:07
Un poco la inicialización 00:07:19
Del juego 00:07:22
¿Vale? Que si tuviésemos que hacer 00:07:23
Un diagrama de equilibrio, pues esto sería 00:07:25
Lo que sería definición 00:07:27
De variables 00:07:29
y un poco 00:07:30
tipología de las variables 00:07:32
¿vale? lo equivalente 00:07:34
en cualquier caso sí que es cierto 00:07:36
que vamos a tener una variable 00:07:38
que es 00:07:40
edad 00:07:41
y que bueno, pues lo bueno 00:07:43
es bueno inicializar 00:07:49
y antes de empezar a hacer nada 00:07:50
pues sería conveniente que 00:07:54
hicieseis un diagrama de flujo 00:07:55
¿vale? 00:07:57
¿qué vamos a tener? 00:07:59
bueno pues cuando el botón 00:08:00
cuando hagamos clic en el botón 00:08:01
vamos a hacer vamos a hacer que lo que hayamos introducido aquí sea el valor de 00:08:03
la variable vamos a hacer que la edad se guarde cuadrito de texto 00:08:18
bueno ahora vamos con lo que realmente interesa 00:08:37
que esto ya sabemos de scratch y una condición si se cumple la condición 00:08:45
se hace una cosa y caso contrario se hace otra este es el rombito 00:08:52
si nuestra variable es mayor o igual 00:08:57
que 18 que hacemos pues ponemos este cuadrito de texto 00:09:12
Este cuadrito de esto va a tener un valor 00:09:22
Y si no va a tener otro 00:09:27
¿Qué valor va a tener? 00:09:29
Vamos a poner 00:09:32
Aquí 00:09:33
¿Qué no se cumple esa condición? 00:09:35
Pues entonces 00:09:44
No es hint, es test 00:09:45
Entonces nos va a decir 00:09:50
Que no 00:09:54
Bueno pues ya tenemos 00:09:55
Es así de fácil 00:10:02
No tiene mayores 00:10:03
Dificultades 00:10:06
es así, así de facilito 00:10:07
entonces lo que vamos a hacer 00:10:09
ahora es 00:10:11
comprobar que funciona 00:10:13
con el teléfono móvil 00:10:14
cargamos la aplicación en el 00:10:18
teléfono móvil, bueno ya la 00:10:36
tenemos aquí 00:10:49
ahora os la enseño 00:10:50
creo que 00:10:53
se ven las dos etiquetas 00:11:14
los dos cuadritos 00:11:17
vale, no todo lo 00:11:19
nítido que se puede ver porque tenemos un problema 00:11:21
aquí con la luz, vale 00:11:23
se ven los elementos 00:11:29
si yo le pincho ahí 00:11:32
y vamos a meter por ejemplo 00:11:39
al pulsar el botón 00:11:55
nos dice 00:12:00
que si eres un 00:12:01
adulto 00:12:08
ahora si se ve bien 00:12:13
si yo ahora en lugar de 20 00:12:16
introduzco otro valor 00:12:22
como puede ser 15 00:12:25
bueno, todavía queda el sí de antes 00:12:32
porque no le he dado al botón 00:12:37
pero en cuanto le he dado al botón 00:12:38
me parece que no 00:12:40
¿vale? 00:12:42
y así podríamos estar 00:12:44
pues utilizando la aplicación 00:12:47
con todas las edades que nos apeteciese 00:12:49
¿de acuerdo? 00:12:52
bueno 00:12:54
cosas 00:12:55
que a partir de aquí 00:12:56
podemos hacer en la aplicación 00:12:59
bueno 00:13:01
podemos meter una 00:13:14
podemos hacer una tercera categoría 00:13:17
o sea, de momento tenemos 00:13:20
adulto sí, adulto no 00:13:21
pero si 00:13:23
en este den 00:13:26
incluimos otro sí 00:13:27
ese 00:13:30
pues podríamos poner 00:13:30
otra condición 00:13:33
que nos dice que no 00:13:35
a partir de la cual 00:13:40
podríamos ir 00:13:44
haciendo esas tres categorías 00:13:46
también 00:13:48
aquí tenemos la funcional 00:13:49
entonces 00:13:52
esa funcional 00:13:54
por ejemplo nos permitiría 00:13:56
asociar 00:13:58
si get 00:14:00
globaledad es mayor que 18 00:14:02
por ejemplo 00:14:04
bueno 00:14:05
En el que es mayor de 18 no hay más historias, es adulto y punto, ¿vale? 00:14:08
Entonces el problema sería cuando no se cumpliese ese de que fuese mayor de 18, 00:14:13
que habría que meter aquí. 00:14:18
Pero eso también lo podemos meter mediante AND, mediante la función AND. 00:14:19
Si se cumple, por ejemplo, solamente para los adolescentes. 00:14:24
Si es menor de 18 pero mayor de 12, entonces eres un adolescente. 00:14:28
Y ahí podríamos utilizar ese AND. 00:14:35
O podríamos añadir aquí un if 00:14:37
Es crear esas tres categorías 00:14:40
Esa es otra opción 00:14:43
Y luego, evidentemente, mejorar la estética de esta aplicación 00:14:45
Esta aplicación realmente solamente tiene color de fondo 00:14:51
Podríamos poner imágenes 00:14:55
Podríamos poner elementos multimedia 00:14:57
Yo los elementos multimedia enriquecen muchísimo las aplicaciones 00:15:00
Un sonido de fondo 00:15:05
Por ejemplo, pues mejoraría muchísimo la aplicación 00:15:06
Un sonido cuando se toque el botón 00:15:10
Cada clic o lo que sea 00:15:12
Mejora la aplicación 00:15:14
Por ejemplo, si hacemos esas tres categorías 00:15:15
Elegir tres sonidos 00:15:18
Uno para cada categoría 00:15:19
Estos elementos multimedia de sonido 00:15:21
Sobre todo 00:15:24
Mejoran muchísimo 00:15:25
Hacen que la aplicación sea mucho más vistosa 00:15:27
Y más llamativa 00:15:30
De cara a un mercado es mucho más comercial 00:15:31
Entonces, bueno 00:15:33
Yo os animo a que a partir de ahora, pues, cojáis esta aplicación tan sencillota y hagáis las modificaciones que vosotros queráis para mejorarla. 00:15:35
Y esta sería la tarea. 00:15:47
Espero que os haya gustado y que, bueno, pues, que hayáis aprendido mucho. 00:15:49
Idioma/s:
es
Autor/es:
Isabel Lafuente
Subido por:
Isabel L.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
18
Fecha:
4 de abril de 2024 - 17:08
Visibilidad:
Público
Centro:
IES JOSÉ GARCÍA NIETO
Duración:
15′ 55″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
80.84 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid