Realidad Virtual

Veamos en que consiste la realidad virtual mediante estos dos vídeos:

Vamos a trabajar la realidad virtual mediante los dos enlaces siguientes:

1. Consumo de contenidos. tipología y formato.
2. Aplicaciones de la Realidad Virtual en formación y educación

Debemos realizar las siguientes tareas:

• Tarea 1: crea una infografía o presentación con genially sobre la realidad virtual contestando a los siguiente puntos:
• Qué es la Realidad Virtual #VR
• TIPOS de realidad virtual.
• Normas a cumplir en el uso de la VR, peligros que puede provocar en la salud, si hay límite de edad, etc. Os dejo el siguiente enlace para consulta: http://allvreducation.blogspot.com.es/2016/07/10-preguntas-y-respuestas-en-torno-la.html

Para esta tarea os dejo dos artículos donde nos cuenta qué es una infografía y el modo de hacerlo:

10 reglas para hacer una infografía

Cómo hacer una infografía: qué es, herramientas gratis para diseñar un infograma y guía paso a paso

• Tarea 2: visita y si quieres busca una o varias de las fotografías esféricas que más te hayan gustado o impactado y publícalas en el panel colaborativo “Consumo de contenidos VR fotos 360”, mediante una entrada que se titule “Imagen de Nombre y apellidos” subiendo la imagen y el motivo de su subida.
• Para descargar imágenes 360 puedes hacerlo desde commons.wikipedia, pixabay, flirck poniéndo en la búsqueda "panorama 360" o "equirectángulares".
• Visitando desde google maps el lugar y descargando mediante streetview download 360 
• Tarea 3: Visita y si quieres busca uno o varios de las vídeos 360º que hayas visualizado y más te hayan gustado o impactado e introduce la url en el panel colaborativo “Consumo de contenidos VR vídeo”, mediante una entrada que se titule “Imagen de Nombre y apellidos” subiendo la imagen y el motivo de su subida. Intenta seleccionar el/los que consideres puedan tener un posible uso educativo o divulgativo. Puedes encontrar vídeos 360 en youtube, pixabay, https://deovr.com/
• TAREA 4 OBLIGATORIA: entra en deligtex edu y crea cuenta con el código del profesor GHD94. Una vez que estés dentro crea tu espacio virtual sobre la temática solicitada.
• Debes tener elementos de su biblioteca creativa.
• Puedes introducir hasta 10 elementos. Entre ellos debes tener:
• vídeo.
• Imágenes.
• Objetos 3D
• Debe ser un museo sobre tus científicas y sus trabajos.
• Puedes elegir entre escenario o foto 360 
• Debes programar algún personaje dentro de tu espacio virtual mediante CoBlocks Básicos:  un sistema de programación visual por bloques muy similar a Scratch. Con los bloques básicos puedesm over, rotar y escalar objetos en el espacio,crear eventos e interacciones (ej: "Cuando el jugador haga clic en la puerta, que la puerta gire y se escuche un sonido"), activar animaciones predefinidas de los personajes (caminar, saludar, bailar), además de programar transiciones para cambiar de una escena a otra.
• Tutoriales sobre delightex edu: canal youtube 
• Tutoriales: otro canal de youtube con la plataforma muy "migada" 
• Tutorial sobre viaje virtual en Cospace (su antiuo nombre) 
  
  
• Tutorial sobre museo virtual en Cospaces (su nombre antiguo)
  
   
• TAREA 5 OBLIGATORIA: Crea un espacio virtual de reuniones sobre lo que quieras en framevr.io
• Ejemplo de espacio virtual https://framevr.io/estructuras1eso
• Tutorial 
  
  

Enlaces de interés:
mejores juegos VR gratuitos en 2025

Crear realidad aumentada

REALIDAD AUMENTADA

Actividad 1:

1. Montar nuestro mergecube 
2. Buscar en la tienda oficial de nuestro móvil app poniendo las palabras merge cube
3. Probar el cubo que hace la función de marcador.
   

Actividad 2:

1. Descarga arloopa

   Probamos la app
   

Actividad 4

1. Descarga en tu móvil chromeville science
2. Entra en este enlace y pon una de tus láminas en la pantalla.
3. Enfoca con tu movil y la app abierta. 

Actividad 5: zapworks

Escanea código con tu smartphone

Actividad 6: Onirix

Escanea el código QR

CREAR REALIDAD AUMENTADA

Deberéis utilizar dos plataformas para crear vuestro material de realidad aumentada sobre las mujeres científicas que habéis investigado. 

Debe permitirnos conocer sobre ellas y sobre su trabajo.

Recomendaciones Onirix y metAclass 

OPCIÓN 1: ASSEMBL EDU

Assemblr EDU: Immersive 3D/AR Platform for Teachers & Learning

Listado de vídeos para trabajar con assemblr edu

OPCIÓN 2: ZAPWORKS

Zapworks: The Most Powerful All-In-One WebAR platform

https://zap.works/

OPCIÓN 3: ONIRIX

Dentro de la propia aplicación tenéis muchos manuales y el modo de funcionamiento es casi el mismo que todos.

https://studio.onirix.com/

Un manual más extenso

OPCIÓN: 3 METACLASS

 

Para trabajar con metaclass se debe hacer todo desde el dispositivo móvil

OPCIÓN 4: AUGMENT

OPCIÓN 5: ARLOOPA STUDIO (DE PAGO)

Si quieres pagar y mejorar tu experiencia https://studio.arloopa.com/

OPCIÓN 6: ZAPPAR (PAGO)

CSS

1. ¿Cómo funciona? El concepto de "Selector"

Para cambiar algo en tu web, CSS necesita saber a quién le hablas y qué quieres hacerle. La estructura básica es esta:

Selector { Propiedad: Valor; }

• Selector: El elemento al que quieres cambiarle el aspecto (ej. todos los títulos).
• Propiedad: Lo que quieres cambiar (ej. el color).
• Valor: El nuevo ajuste (ej. azul).

---

2. El "Modelo de Caja" (The Box Model)

Este es el secreto mejor guardado de CSS: para el navegador, todo en una web es una caja. Un botón, un párrafo o una imagen.

 

Cada caja tiene cuatro capas, de adentro hacia afuera:

1. Content (contenido): El texto o imagen real.
2. Padding (Relleno): Espacio invisible dentro de la caja.
3. Border (Borde): La línea que rodea el relleno.
4. Margin (Margen): Espacio invisible fuera de la caja que la separa de otras.

---

3. ¿Por qué se llama "en Cascada"?

Las reglas se aplican de arriba hacia abajo. Si dices que los títulos son rojos al principio, pero azules al final, el navegador aplicará el último color: azul.

Dato clave: La regla más específica y la que aparece "más abajo" en el código suele ser la que gana.

---

4. Los 3 pilares que vas a tocar siempre

Categoría	Propiedades comunes	¿Para qué sirve?
Colores	color, background-color	Cambiar el tono del texto o del fondo.
Texto	font-size, font-family, text-align	Tamaño, fuente o alineación de la letra.
Layout	display: flex, grid, width	Organizar cómo se colocan los elementos.

---

5. ¿Dónde se pone el CSS?

La forma más profesional es la externa:

1. Interno: Dentro de etiquetas <style> en el HTML.
2. En línea: Directamente en la etiqueta (poco recomendado).
3. Externo (Ideal): Un archivo separado llamado estilos.css conectado a tu HTML.

---

6. ¿Cómo conectar el archivo externo?

Copia y pega este código dentro de la sección <head> de tu HTML:

<link rel="stylesheet" href="estilos1.css">

---

7. ¿Qué significa cada parte?

• <link>: Indica que necesitamos un archivo externo.
• rel="stylesheet": Aclara que el archivo es una hoja de estilo.
• href="estilos1.css": La ruta del archivo. Ojo: debe estar en la misma carpeta que tu HTML.

---

8. Diferenciar elementos: Clases e IDs

1. Clases (.nombre) - Multiusos

Se pueden usar en varios elementos a la vez.

/* HTML */ <p class="texto-destacado">Soy verde</p> 

/* CSS */ .texto-destacado { color: green; font-weight: bold; }

2. ID (#nombre) - Único

Solo puede haber uno por página (como un DNI).

/* HTML */ <p id="parrafo-unico">Soy único</p> 

/* CSS */ #parrafo-unico { background-color: yellow; border: 2px solid black; }

3. Selectores Combinados

Para ser quirúrgico. Ejemplo: solo párrafos dentro del footer.

footer p { font-size: 10px; color: gray; }

---

9. Recursos y Manuales

Descarga el material complementario aquí:

Manual 1 

Manual 2

---

10. Ejemplo en Codepen

https://codepen.io/amartind11/pen/bNwJLwX

Subir la web a github

SUBIR LA PÁGINA A GITHUB

Os dejo este manual para subir la página a github

 Manual para subir la página web

 CSS

Manual 1

Manual 2

Html 5 y css

 Buenas a todos, todos.

vamos a trabajar con html5 y css

 para ello tenéis los manuales en el siguiente enlace 

Según se leen los manuales se va realizando la tarea.

TAREA

Crear una página web en la que describan la carrera (biografía, trayectoria profesional, logros...) de:

• Al menos dos mujeres contemporáneas que trabajen en ámbitos STEM.
• Al menos una de ellas deben ser ingenieras.
• Estos referentes deben ser de o trabajar en España (o Latinoamérica, en caso de centros latinoamericanos).
• Deben estar trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas
  

Se valorará la creación de perfiles que aún no estén publicados en Wikipedia, por lo que no solo se aceptan perfiles de mujeres muy relevantes, sino mujeres del entorno local que trabajan en ámbitos STEM,  con trayectoria profesional en STEM o estudiantes del centro que desarrollan proyectos tecnológicos relevantes (por ejemplo, en programas como Technovation, MujeresTech, etc.), que están trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas.
 

Ejemplo de web

La página deberá crearse:

• Mediante una página gratuita en Google Sites,github... (o plataforma similar elegida por el centro). También se puede crear en la propia web del centro (con libertad de ejecución según la estructura de dicha web).
• Con un formato similar a las páginas biográficas de Wikipedia (biografía, trayectoria profesional, premios...), para facilitar su posterior incorporación en esta enciclopedia online.
• Incluyendo contenido multimedia, como imágenes o vídeos. Se valorará la inclusión de entrevistas con las referentes (en formato vídeo, texto o audio).
• Obligatorio que aparezcan los tres apartados: biografía, trayectoria profesional, premios/logros.
• Obligatorio que existan imágenes.
• Obligatorio que exista vídeo o vídeos
• Obligatorio que existan enlaces externos a otras webs.
• Obligatorio una tabla
• Obligatorio que dentro de la página existan enlaces internos (anclas) acada uno de los apartados, para facilitar la lectura.
• El idioma es libre.

La lista de cotejo para la web es la siguiente:

EJEMPLOS DE MUJERES EN STEAM

• VALPAT: https://www.valpat.tech/quienes-somos/ 
• Lola Priego. 
• Búsqueda joven ingeniera en google.
  

 BUSCADORES DE PERSONAS:

Para conocer el trabajo de las personas tenemos páginas que nos lo facilitan. 

• Google
• Idcrawd
• pipl
• Muchos mas enlaces  para técnicas osint
  

Para decidir sobré que científica o investigadora española realizo la web os dejo un par de enlaces:

• Mujeres STEAM por provincias.
• Mujeres científicas e investigadoras españolas 2025

Para buscar información podéis utilizar los google dorks, redes sociales o páginas especiales para ello.

OSINT: buscar información de personas en la red

Y os recuerdo que debemos subir la página a github, aunque esto lo veremos más tarde

Diseños

 Debemos crear un diseño/llavero con freecad para imprimirlo en nuestra flamante nueva impresora.

Para ello, primero veremos los conceptos claves de la impresión 3D con la entrada del gran Carlos Sánchez Barbero.

Después debemos diseñar una pieza con las siguientes características

• Si es redonda unos 35 mm de diámetro, agujero para introducir el llavero.
• Rectangular: 20x60mm
• Alto 3 mm
• Diseño libre

Una vez finalizada las piezas, exportaremos a gcode mediante el laminador e imprimiremos. 

Impresión 3D

Veamos en un principio el entorno cierta piezas y la  configuración gracias a Carlos Sánchez Barbero.

 Archivo inicial de Carlos Sánchez barbero

Comencemos a trabajar con freecad, para ello debemos realizar los siguientes ejercicios. Os adjuntos los vídeo tutoriales que os pueden servir para realizar estas primeras prácticas de toma de contacto con la app:

 

Ejercicio 1:

 

 

Tutorial 2

 

ejercicio

 

Tutorial 3

 ejercicio

 

 

 

 

 

Capturas y enlaces a los archivos en el blog 

 

Realizamos también los ejercicios de esta hoja

Hoja 1 

 

Ayuda en los vídeo tutoriales de obijuan