Saltar navegación

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

Aplicación para móviles creada por alumnos para su viaje al CERN - 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 9 de junio de 2026 por Angel Luis H.

1 visualizaciones

Descargar la transcripción

Hola, somos Javier, Demaria y Asim 00:00:00
Y hoy vamos a presentar 00:00:04
My Assumption 3-2-3 00:00:06
Primero vamos a ver qué es App Inventor 00:00:11
El primer día, el segundo día, el tercer día y el último día 00:00:15
¿Qué es App Inventor? 00:00:22
Como se puede ver, App Inventor divide en dos sets. 00:00:24
Uno es la interfaz gráfica y el segundo es el bloc de código. 00:00:32
La interfaz gráfica es la interfaz que se puede ver qué está haciendo 00:00:37
y el bloc de código es la procedura de la interfaz gráfica de la app. 00:00:43
Para la primera pantalla, creamos un bloque que cuando presionamos este botón, abre otra pantalla con el mapa interactivo. 00:00:49
¿Y la interfaz de la primera pantalla? 00:01:05
¿Qué? 00:01:10
La interfaz. 00:01:11
Es blanca. 00:01:13
Ah, tenemos aquí el botón y en el fondo de la pantalla tenemos el logo. 00:01:16
Y el botón en la cara es oval, hay que explicar todo en detalle. 00:01:23
El botón es oval, tiene el texto en blanco y el botón de fondo en azul. 00:01:30
Ok, primero tenemos el Hostel. El Hostel es donde los estudiantes se quedan durante el viaje a la tienda, durante Ginido. 00:01:39
Primero tenemos, esta es la interfaz que tenemos, cuatro botones. En estos botones tenemos la lengua, que voy a explicar después. 00:01:53
extra voz para extraer la textospeed, la ventaja del hostel y ir a los 00:02:07
de los días. Como puedes ver, cuando haces clic en la lengua, la lengua, la lengua, la lengua, 00:02:16
puedes ver qué lengua está en, por ejemplo, primero tenemos en inglés, 00:02:27
en inglés y en español y el fondo de la interfaz gráfica son algunas fotos del hostel 00:02:36
luego tenemos el código, tenemos dos palabras, el acento y la lengua 00:02:50
Cuando clicamos en el botón de la lengua, si está en inglés, cambia a español, y si está en español, a inglés. 00:02:58
Lo mismo con el acento, para el ritmo. 00:03:10
Sí, para explicar las variables y todo. 00:03:14
Sí, para explicar. La variable es un bloc de código que mantiene un valor. 00:03:16
Y luego tenemos el texto que cambia a inglés o español, como hemos visto antes. 00:03:23
Luego tenemos otro botón para ir a otro escenario. 00:03:34
El botón para parar el texto de expresión. 00:03:41
Otro botón para decir la información sobre el hostel. 00:03:47
Y cuando aparece la pantalla, la texturización automáticamente dice 00:03:51
¡Bienvenido a UNIMASTER! 00:04:00
Esta es la interfaz del día 1. 00:04:05
Ponemos una mapa con muchos marcadores de los lugares que veremos en el día 1. 00:04:08
Aquí, bueno, con diferentes colores. 00:04:15
También ponemos una línea para establecer una ruta a través de los marcadores y ponemos un botón de la misma lengua como dice mi compañero. 00:04:20
Este botón, cuando presionas, dice una pequeña descripción de Geneva. Este botón pone el zoom en el hostel de Geneva que está aquí. 00:04:35
Esto es para detener la voz de la descripción, esto es para encontrar a quién eres, y esto es para ir al siguiente clip. 00:04:49
Y hay una imagen en el fondo y los botones de la letra. 00:05:00
Y tiene en la imagen en el fondo el logo de Geneva. 00:05:07
Y esto es el código, empezamos con estos bloques, que significa que cuando haces un clic largo en un marcador, te muestra una foto del lugar durante un periodo de tiempo, 00:05:14
Luego, como se dice con el texto a la palabra, una pequeña descripción del lugar en español o en inglés. 00:05:41
Cuando haces un clic en el marco, solo te muestra el nombre del lugar para un pequeño periodo de tiempo. 00:05:54
Y este es el reloj, para ajustar el tiempo para que cuando el reloj termine, se esconde y se ponga todo en la normalidad. 00:06:14
En el segundo día, el descanso es siempre el mismo que el primer día, con otras posiciones obviamente. 00:06:27
En el fondo tenemos seis botones, uno para explicar un poco sobre ANC, otro para el lenguaje, otro para regresar al día uno y para ir al día tres. 00:06:43
y luego tenemos el finito que localiza tu posición para ayudar al usuario a ir a otro lugar y a la barra de detención. 00:07:05
Este es el código de las dos leyes. 00:07:23
Mira, ¿por qué no te examino en inglés? Si yo te examinaba en inglés, estamos en tecnología. 00:07:31
Pero es básicamente lo mismo que antes, aquí ponemos el variable de la lengua, aquí los marcadores, el clic largo, todo esto y todo esto, 00:07:35
Aquí tenemos los clics cortos, el timer, el botón de fila, la ubicación del hostel y eso es todo. 00:08:04
Y el otro clic, sí. 00:08:18
Bueno, aquí tenemos el Day 3 al que vamos a ir en turno. 00:08:21
Esta es la interfaz gráfica del D3 y tenemos un botón en el medio para ver más imágenes. 00:08:30
Cuando haces clic puedes ver estas dos imágenes. 00:08:40
Esto es algo que no puedes ver. 00:08:45
Entonces, si clic en el botón de PDF, te envía a PDF para ver toda la información sobre el CERN y, principalmente, lo mismo con el sitio web del CERN. 00:08:48
Y luego... 00:09:03
Sí, el sitio web del CERN. 00:09:05
Sí. 00:09:09
Y siempre tenemos lo mismo para volver al último día o ir al siguiente día. 00:09:11
Y eso es todo. 00:09:18
Aquí tenemos todos los bloques del día 3. 00:09:22
Estos son los bloques que ponen aquí un número random de 1 a 8 00:09:26
y dependiendo de qué número la máquina pone uno de estos en las imágenes. 00:09:34
Aquí es para esconder todas las cosas que no queremos ver. 00:09:44
Aquí es el timer que cuando termine de esconder la imagen y poner la luz. 00:09:49
Y aquí tenemos el blog con una variable, este es el enlace del PDF y este es el enlace de la web de ellos. 00:09:58
Luego tenemos la procedura de clicar en el PDF y en la web. 00:10:14
Como puedes ver, cuando clicas en el botón de la web, la procedura es un nuevo tipo de bloc, un elemento, en el que tienes que poner una fuente, una URL, con el PDF, y lo mismo con el sitio web de CERN. 00:10:24
Puedes ver aquí cuál es el código de esta pantalla y eso es todo. 00:10:52
Esta es la pantalla del día 4. Aquí tenemos algunos marcos que establecen el lugar. 00:11:06
Este es un lugar que vamos a ver. Este botón te muestra una foto y esta otra foto. 00:11:15
Esto te envía a un video de biodiversidad, esto a un video de RedFox y esto a un video de Brayheron. 00:11:29
Esto es para ver una mapa que muestra el plan de las Naciones Unidas. 00:11:37
Esto es para Stop Voice y esto es para el idioma que dijimos antes. 00:11:51
Este botón que tenemos ahora tiene un bloque que dice que cuando presionas el botón saldrá de la aplicación y eso es todo. 00:12:00
Bueno, con el botón de mapas que tenemos, este es el código, un código simple, 00:12:12
Cuando haces clic en el botón de mapas, se abre otra pantalla y puedes ver la interfaz y el plan de las Naciones Unidas para más o menos localizar donde estás y conseguir un viaje fácil a las Naciones Unidas. 00:12:20
Y también tenemos un vuelo de vuelta a BigFox. 00:12:40
Aquí tenemos los bloques que hemos introducido para hacer que este botón funcione. 00:12:45
Inserimos un sensor de ubicación que dice que cuando haces clic en el botón, con el sensor de ubicación, se ubica en ti. 00:12:58
Esto es para el botón final. 00:13:10
Luego tenemos el mismo código de clave como el de la otra pantalla, 00:13:20
y también el mismo elemento diferente para mostrar imágenes. 00:13:28
Y luego tenemos tres otros botones, que son los videos de Red Fox, Red Helm o Biodiversity 00:13:34
que cuando lo haces, abres otro escenario con el video, con el video de Youtube 00:13:42
explicando, eh, sí, con el... 00:13:49
Este es el código que usamos para mostraros este vídeo, que es lo que decimos a la web viewer, que es un blog, 00:13:53
a una url en la que ponemos el enlace del video en la url de la web 00:14:13
y esto es para iniciar el value 00:14:22
Gracias por la atención 00:14:28
No, no, no, me han grabado 00:14:30
Ah, ah, gracias por la atención y espero que os guste 00:14:32
No, no, terminad, no, te he preguntado una cosa 00:14:35
Ok, si quieres o quieres esta aplicación, podemos venderla para ti, dependiendo de lo que quieras. 00:14:39
vas a usarlo en un aeropuerto para que algunas personas vayan a Geneva 00:14:59
y tengan una guía muy buena y simple, o tal vez la podamos vender para personas individuales 00:15:08
y probablemente vendremos más 00:15:19
Idioma/s:
en
Idioma/s subtítulos:
es
Materias:
Ciencias de la computación 1
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Bachillerato
    • Primer Curso
Autor/es:
Ángel Herrero Acero
Subido por:
Angel Luis H.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
1
Fecha:
9 de junio de 2026 - 17:48
Visibilidad:
Público
Centro:
IES ISAAC ALBÉNIZ
Duración:
15′ 27″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
1.65

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid