Saltar navegación

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

LOS GATITOS - 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 2 de mayo de 2025 por Isabel L.

17 visualizaciones

Más información Transcripción

Descargar la transcripción

aplicación con este app inventor que va a consistir en es un reconocimiento de 00:00:19
imágenes entonces se podría aplicar nosotros vamos a hacer con gatitos pero se puede aplicar pues 00:00:26
a otras cuestiones de herramientas etcétera 00:00:33
bueno vamos a empezar entonces por la primera fase vamos a hacer un nuevo proyecto vale 00:00:39
Le vamos a llamar gatitos, ¿vale? El nivel vamos a decirle de intermedio, ya sabéis que aquí tenéis distintos entornos, pero a mí siempre me gusta el clásico y le doy a aceptar, ¿vale? Tenemos esta apariencia, ¿vale? 00:00:51
Lo primero que tenemos es con la pantalla 00:01:13
Empezamos con la pantalla 00:01:15
La pantalla la vamos a llamar 00:01:17
Los gatitos 00:01:20
Y lo único que vamos a hacer 00:01:21
Bueno aquí disposición 00:01:28
Podemos poner disposición centro 00:01:30
Horizontal y vertical 00:01:32
Y vamos a cambiarle 00:01:33
El color de fondo 00:01:37
Vamos a coger un color de fondo 00:01:38
Personalizado 00:01:42
Bueno y dentro de este color de fondo 00:01:43
Escogemos por ejemplo este color 00:01:56
vale, bueno, pantalla, vale, ahora, sobre esta pantalla vamos a ir poniendo elementos, entonces, elementos que muchos de ellos ya conocemos, como por ejemplo, elemento imagen, vale, este elemento imagen le vamos a dar un 60% de alto y un 60% de ancho, vale, 00:01:58
otro elemento que también vamos a añadir es el botón vale el botón pues podemos por ejemplo 00:02:31
cambiarlo la forma forma balada podemos también cambiarle por ejemplo el color 00:02:39
el tamaño si queréis el color el color del botón vamos a poner por ejemplo un azul intenso y le 00:02:48
vamos a comer vamos a cambiarle también color de texto le vamos a poner blanco y el texto le 00:03:00
vamos a poner siguiente o siguiente ratito vale en la función de este texto es principalmente 00:03:07
poder pasar las imágenes vale después otra cosa que vamos a hacer que ya también conocemos dentro 00:03:22
de medios, vamos a meter un sonido 00:03:28
vale 00:03:31
a este 00:03:34
a esta imagen la vamos 00:03:36
a cambiar el nombre, vamos a poner gatitos 00:03:39
vale 00:03:41
a este botón le vamos a cambiar 00:03:50
el nombre y le vamos a llamar siguiente 00:03:53
y al sonido pues le voy a llamar 00:03:55
sonido 00:04:01
no es necesario cambiarle, vale 00:04:02
bien 00:04:05
vamos a meter también una etiqueta 00:04:07
que también pues un poco 00:04:10
conocemos lo que es 00:04:12
vale 00:04:14
a la etiqueta le vamos a quitar 00:04:15
el texto 00:04:17
no va a tener ningún texto 00:04:18
y bueno, si queréis cambiar 00:04:21
el tamaño de la letra o el tipo 00:04:24
de la letra, también es una opción 00:04:26
y luego, lo nuevo que vamos a 00:04:28
poner es 00:04:30
este de aquí que se llama 00:04:31
selector de lista, bueno a este 00:04:33
selector de lista también le vamos a cambiar 00:04:38
el alto y el ancho 00:04:40
por ejemplo 20-20 00:04:41
vamos a poner 00:04:47
ancho 00:05:01
ajustar al contenedor 00:05:03
vale 00:05:05
el color 00:05:08
y el texto 00:05:10
que vamos a poner 00:05:16
en lugar de seleccionar de una lista 00:05:18
vamos a poner de que raza 00:05:20
es este partitito 00:05:23
o seleccione 00:05:24
la raza 00:05:26
vale y a este selector 00:05:28
le vamos a cambiar el nombre y le vamos a poner 00:05:37
razas 00:05:39
bueno, tenemos todos los elementos 00:05:40
de la pantalla, pero ahora hay que subir 00:05:47
todos los archivos 00:05:49
¿qué archivos tenemos que subir? pues tendríamos 00:05:50
que subir todos estos 00:05:54
más los dos 00:06:03
archivos de sonido 00:06:25
vale, yo lo que os aconsejo 00:06:26
si os dais cuenta 00:06:35
aquí los archivos están 00:06:40
son archivos JPG 00:06:45
vale 00:06:48
y están en minúsculas, entonces yo 00:06:49
cambiaría renombraría estos archivos vale y podría también pues por ejemplo los dos y subiría los dos 00:06:52
archivos de sonido que son el aplauso y el error que lo tenéis lo tenéis en el aula virtual vale 00:07:00
de tal forma que el nuevo entorno nos va a quedar de esta manera en la pantalla y ahora aquí todos 00:07:17
los archivos los que habéis subido de los patitos más luego los dos de mp3 vale entonces ya tenemos 00:07:27
aquí elementos la pantalla de imagen el botón selector de lista la etiqueta yo le llamo a 00:07:36
respuestas no tenéis por qué darle ningún nombre y el sonido vale y esta sería la parte del diseño 00:07:44
y todos los archivos asociados a esta aplicación que son los que tenéis aquí. 00:07:50
Esto sería la primera. 00:07:59
¿Vale? Entonces, para programar el botón vamos a crear una variable. 00:08:11
La variable la vamos a llamar fotos, por ejemplo. 00:08:20
Fotos, gatitos. 00:08:24
Y no es una variable normal, vamos a crear una variable cuyo tipo es un poco especial, que es una lista. 00:08:25
Vamos a construir una lista. Para construir una lista tenemos una serie de elementos. 00:08:34
Entonces, en nuestro caso van a ser las fotos de los gatitos, que tenemos 6. 00:08:39
1, 2, 3, 4, 5 y 6, ¿vale? 00:08:47
y ahora 00:08:52
es que tenemos los elementos 00:08:53
tenemos que poner cuáles son esos elementos 00:08:56
bueno, aquí a la hora de poner 00:08:58
los elementos hay que ser muy cuidadoso 00:09:17
porque tienen que tener 00:09:19
el mismo nombre que el archivo jpg 00:09:21
de las fotos, entonces 00:09:23
vemos que aquí tenemos estos archivos 00:09:25
y vemos que 00:09:27
este es el primero, entonces hay que 00:09:29
copiarlo exactamente igual, si está 00:09:31
mayúsculas en mayúsculas, si está en minúsculas 00:09:33
en minúsculas, tenemos que poner 00:09:35
por lo tanto 00:09:37
siguiente, pues el siguiente es 00:09:37
azul, el siguiente de la lista 00:09:43
es bengalí, el siguiente 00:09:51
es razdol, pero bueno el nombre es dol 00:10:01
el siguiente persa y el siguiente 00:10:03
siamés, ¿cómo funciona esta variable? pues esta variable 00:10:11
funciona a través del orden por lo tanto vamos a crear una variable que vamos a llamar orden y la 00:10:17
vamos a inicializar a 1 eso que significa ahora mismo esta variable el valor de esta variable es 00:10:28
a mi signo porque es el 1 si es 2 azul si es 3 venga 10 34 dol y si es 5 si es 5 persa si es 6 00:10:41
¿Vale? Bien, entonces vamos a coger el botón, vamos a hacer, al hacer clic, ¿vale? ¿Qué vamos a hacer? Pues que esta foto sea que, pues sea de esta lista, el nombre que aparece en esta lista, ¿vale? 00:10:49
Con el índice este de aquí, ¿vale? Y con el formato JPG. Entonces, ¿de qué lista? Pues de la lista que hemos dicho fotos y ¿con qué índice? Pues con el índice que hemos dicho orden, ¿vale? 00:11:32
claro, entonces, ahora mismo 00:12:02
solo veríamos el abicinio 00:12:05
o sea, si yo le doy al botón 00:12:07
pues veo la foto del abicinio 00:12:09
ahora, si yo 00:12:11
quiero que me siga pasando 00:12:14
pues tendré que poner 00:12:16
la variable orden 00:12:18
que sea orden más uno 00:12:20
claro, hasta aquí vamos 00:12:27
bien, pero ¿qué pasa? 00:12:46
cuando yo llego al sexto 00:12:48
el séptimo ya no 00:12:50
existe, entonces 00:12:52
¿qué tengo que hacer? Tengo que reiniciar 00:12:54
la lista. ¿Cómo podemos 00:12:56
reiniciar la lista? Bueno, pues para 00:12:58
reiniciar la lista, tendremos que decir 00:13:00
eso justamente. O sea, 00:13:02
si, 00:13:04
¿por qué gatito vamos? 00:13:05
Entonces, si la variable 00:13:08
orden 00:13:16
es mayor, es menor 00:13:17
mientras que la variable orden sea 00:13:22
menor o igual a 6, 00:13:24
¿vale? Voy 00:13:32
haciendo esto. Pero, ¿y 00:13:34
si ya me supero el 6? 00:13:39
Pues si no, si supero el 6 00:13:41
Tengo que reiniciar 00:13:45
Tengo que reiniciar 00:13:46
Tengo que poner el orden 00:13:48
Igual 00:13:55
Vamos a ponerlo a 0 00:13:56
Porque luego enseguida le sumamos 1 00:13:58
Le ponemos esto así 00:14:01
Y entonces ya enseguida le sumamos 1 00:14:06
¿No? 00:14:08
Entonces, ¿qué estamos consiguiendo? 00:14:08
Pues estamos consiguiendo 00:14:10
Lo que vamos a ver 00:14:12
Estamos consiguiendo lo siguiente 00:14:14
Vamos a conectar 00:14:18
con Anahí Companion 00:14:21
y vamos a ver lo que vemos 00:14:23
vale, vemos esto 00:14:33
que si yo le doy al botón siguiente 00:14:39
vamos pasando 00:14:41
los gatitos 00:14:43
y cuando llega el último volvemos a empezar 00:14:44
vale, o sea este sería 00:14:49
digamos que la primera parte 00:14:58
el botón siguiente 00:15:00
ahora vamos 00:15:02
con el selector de lista 00:15:04
bueno, ya tenemos que ya podemos 00:15:05
pasar las fotos 00:15:22
Entonces para ponerse las fotos hemos creado esto 00:15:23
Ahora a cada foto le tendremos que dar una serie de opciones 00:15:25
Para que ellos nos seleccionen la correcta 00:15:30
Esto se haría con este selector de lista 00:15:33
Este selector de lista tenemos el antes y el después de la selección 00:15:36
Entonces en el antes de la selección lo que tengo es que mostrar 00:15:42
Las diferentes opciones para cada foto 00:15:46
¿Vale? Para hacer eso vamos a crear otra variable que le podemos llamar respuesta. Espera, espera, es crear variable. Vamos a llamar respuesta, por ejemplo. Vale, ¿y qué va a tener esta variable respuestas? 00:15:49
Esta variable de respuestas tiene que estar sincronizada con esta variable fotos, por lo tanto, la variable fotos es una lista, luego esta será una lista de los mismos elementos, es decir, 6, ¿vale? 00:16:13
Ahora, si bien en la variable fotos cada uno de estos elementos correspondía al archivo de foto, en este caso cada uno de estos elementos a su vez va a ser una lista, una lista de opciones, yo considero que por lo menos tres elementos en cada opción, ¿vale? 00:16:37
Podéis hacerlo con duplicar 00:17:01
Si queréis, así 00:17:03
Pues resulta más fácil 00:17:04
¿Vale? Y luego en cada 00:17:06
En cada uno de estos, al menos 00:17:22
Uno tiene que coincidir con este 00:17:24
O sea, el primero es Abyssin 00:17:26
O sea, que como mínimo en esta lista 00:17:27
Tiene que haber un elemento 00:17:29
Que sea Abyssin 00:17:31
Pero aquí sí que podéis 00:17:33
Cambiar, bueno no 00:17:40
Porque luego si no, no se 00:17:41
No se sincroniza, entonces 00:17:43
Al menos uno de cada uno de estos elementos 00:17:45
tiene que coincidir con los elementos de esta lista, ¿vale? 00:17:47
Y así pues vamos a construir, digamos, una variable que es lista de lista 00:17:53
y evidentemente a esa lista tendremos que asociarle una variable que sea el índice 00:18:00
y la vamos a inicializar pues a 1, ¿vale? 00:18:10
Ya tenemos la variable que va a ser una lista de listas, ya te digo que os tiene que coincidir con esto, ¿vale? Y ahora ya sí que podemos coger aquí en razas antes de la selección, ¿vale? 00:18:30
Y este antes de la selección va a ser un poco parecido a lo que tenemos aquí, porque realmente lo que vamos es a ir asociando a cada foto los distintos nombres que van a aparecer en esta otra variable vista. 00:18:48
Entonces, antes de la selección va a tener la misma estructura que tenemos aquí, pero en lugar de ser el orden de las fotos, va a ser el orden de las respuestas. 00:19:04
pero en realidad pues va a tener una estructura similar, 00:19:18
vamos a tener este sí entonces, 00:19:22
vamos a aplicarle, vamos a ir cambiando, 00:19:24
incluso va a ser un poco más sencilla, 00:19:28
desde luego tiene que aparecer este sí entonces, 00:19:30
pero en lugar de este orden, 00:19:34
pues vamos a poner la otra variable, 00:19:37
el índice de respuestas menor que 6, 00:19:39
en lugar de poner las fotos, 00:19:42
en este caso no son las fotos, 00:19:47
lo que vamos es a poner 00:19:49
la lista 00:19:52
vamos a mirarlo 00:19:57
porque lo tengo hecho por aquí 00:20:03
y así ya lo veréis hecho 00:20:05
si no se alarga mucho el vídeo 00:20:07
aquí tenemos 00:20:16
esta variable 00:20:25
que yo he definido 00:20:26
que es una lista 00:20:27
de listas por así decirlo 00:20:30
y este es el índice 00:20:32
Entonces, antes de la selección, tenemos que poner, en lugar de poner la foto, lo que ponemos es los elementos de esta lista, que los tenéis aquí. 00:20:35
aquí tenéis 00:20:59
elementos 00:21:22
es la lista 00:21:24
esta de raza, entonces aquí ponemos 00:21:27
elementos 00:21:29
entonces, ¿qué elementos vamos a poner 00:21:31
ahí? pues vamos a 00:21:33
poner 00:21:35
los que correspondan a la lista 00:21:35
y lo que tenemos 00:21:39
es que tener un poco de cuidado 00:21:41
para que se sincronice 00:21:43
las fotos con los elementos de la 00:21:45
lista, eso 00:21:47
Puede ser un problema 00:21:48
Por eso hemos puesto aquí 00:21:50
Que cuando llega a 6 00:21:52
Pues empieza otra vez 00:21:54
Vale, yo creo que ahora sí se ve la lista 00:21:56
Este es el gatito 00:21:59
Vale 00:22:01
Pinchamos aquí 00:22:02
Y nos aparece una lista 00:22:04
¿Veis? 00:22:06
Bueno, es que esto es el siguiente 00:22:12
Le damos a siguiente 00:22:14
Pinchamos aquí 00:22:15
Y nos aparece otra lista 00:22:17
Pero aquí hay que tener cuidado 00:22:19
Es que 00:22:21
las fotos y las listas estén sincronizadas, porque si no, cuando después de la selección, si no están bien sincronizadas, pues podemos tener algún problema, pero en el momento lo único que tenemos es que ver que si yo paso la foto, la lista corresponde a esa foto, no hemos hecho nada más de eso. 00:22:23
Hay que poner un sí, sí que, si la selección de raza, esto lo tenéis aquí, raza es el selector de lista, entonces veis que tenéis los distintos bloques del selector de lista, elementos y uno de los bloques es selección. 00:22:46
¿Es igual a qué? Pues es igual a lo que teníamos puesto en la lista inicial 00:23:17
Hay un desfase, por eso en este caso hemos puesto que el índice de esa lista menos uno 00:23:23
Porque si os dais cuenta, como hacemos clic, pues hay un desfase entre el índice de una lista y otra 00:23:31
Entonces para evitar ese desfase hay que poner aquí un menos uno 00:23:40
¿Qué es igual? 00:23:44
Pues que es igual, decimos que es correcto 00:23:46
¿Vale? 00:23:49
Y aquí pues hemos puesto algo que quizá 00:23:50
Podemos ponerlo siempre 00:23:53
Y es que hemos puesto un elemento de sonido 00:23:54
En lugar de poner 00:23:57
Origen aplauso 00:23:59
Pues lo ponemos ahora 00:24:01
En la programación 00:24:02
Lo podríamos haber puesto en el diseño 00:24:03
Y entonces hablar de sonido 1 y sonido 2 00:24:06
Bueno, sería otra 00:24:08
Otra forma de hacerlo 00:24:10
y en la etiqueta pues ponemos correcto, que no, pues ponemos error y luego pues hay que pasar a la siguiente lista, entonces hay que pasar al siguiente índice, por eso antes de la selección le ponemos el 0, ¿vale? 00:24:11
Y después de la selección, vamos, es cuando aumentamos, porque si no, sigue habiendo ese desfase entre lo que es una lista y otra, y con esto terminaríamos la aplicación, el funcionamiento lo vemos ahora, bueno, este tenemos aquí, le damos al primer gatito que este es el avicinio, vale, pinchamos aquí, nos aparece la lista, vale, y la lista avicinio está en primer lugar, 00:24:31
lugar. Le damos a Visinio, y dice que es correcto. Pasamos al siguiente gatito. Sacamos la lista. 00:25:03
Y entonces el azul, que es el azul ruso, aparece en el segundo lugar. Le damos, le damos al 00:25:13
siguiente. Este es un bengalí. Le damos al bengalí, y le dice que es correcto. Le damos 00:25:23
a siguiente, le damos a persa, nos dice que es correcto, le damos a siguiente, le damos 00:25:30
a razol, nos dice que es correcto, le damos a siguiente, le decimos que sea mes, nos dice 00:25:39
que es correcto. Volvemos a inicializar la lista, otra vez con el avicino. Bueno, ¿qué 00:25:49
pasa si en lugar de darle al correcto 00:25:57
le damos a uno que no es correcto, por ejemplo 00:25:59
voy a decir que es bengalí 00:26:01
entonces me dice que es serrón 00:26:02
¿vale? al siguiente 00:26:04
azul, le damos a azul 00:26:06
me dice que es correcto 00:26:09
este es el bengalí, por ejemplo 00:26:11
si le doy a persa 00:26:14
me dice que es serrón 00:26:15
y así sucesivamente 00:26:18
hay que tener cuidado porque 00:26:20
el fallo 00:26:22
está en que 00:26:24
los índices que 00:26:26
corresponden a la lista de las fotos no coincidan con los índices que 00:26:28
corresponden a la lista de las respuestas. Si no tenemos cuidado con 00:26:33
esto, pues nos puede fallar la aplicación, pero si no la aplicación funciona muy bien. 00:26:39
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Materias:
Tecnología
Etiquetas:
Cultura, Tradiciones
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
Autor/es:
Isabel Lafuente Reboredo
Subido por:
Isabel L.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
17
Fecha:
2 de mayo de 2025 - 11:36
Visibilidad:
Público
Centro:
IES DIEGO VELAZQUEZ
Duración:
26′ 54″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
2.67

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid