TIC II

martes, 28 de abril de 2026

REALIDAD AUMENTADA

Actividad 1:

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

Actividad 2:

Descarga arloopa
Probamos la app

Actividad 4

Descarga en tu móvil chromeville science
Entra en este enlace y pon una de tus láminas en la pantalla.
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

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 5: 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 4: ARLOOPA STUDIO

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

OPCIÓN 3: ZAPPAR

lunes, 20 de abril de 2026

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:

Content (contenido): El texto o imagen real.
Padding (Relleno): Espacio invisible dentro de la caja.
Border (Borde): La línea que rodea el relleno.
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:

Interno: Dentro de etiquetas <style> en el HTML.
En línea: Directamente en la etiqueta (poco recomendado).
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

martes, 7 de abril de 2026

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

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:

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

viernes, 20 de marzo de 2026

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.

martes, 3 de marzo de 2026

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

miércoles, 11 de febrero de 2026

Día internet seguro

Vídeo formativo

Archivo de trabajo

Documento a presentar en el blog enlazado e insertado

TIC II

Páginas

martes, 28 de abril de 2026

Crear realidad aumentada

REALIDAD AUMENTADA

Actividad 1:

Actividad 2:

Actividad 4

CREAR REALIDAD AUMENTADA

OPCIÓN 1: ASSEMBL EDU

Listado de vídeos para trabajar con assemblr edu

OPCIÓN 2: ZAPWORKS

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

OPCIÓN 5: 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 4: ARLOOPA STUDIO

lunes, 20 de abril de 2026

CSS

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

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

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

4. Los 3 pilares que vas a tocar siempre

5. ¿Dónde se pone el CSS?

6. ¿Cómo conectar el archivo externo?

7. ¿Qué significa cada parte?

8. Diferenciar elementos: Clases e IDs

1. Clases (.nombre) - Multiusos

2. ID (#nombre) - Único

3. Selectores Combinados

9. Recursos y Manuales

10. Ejemplo en Codepen

Subir la web a github

martes, 7 de abril de 2026

Html 5 y css

viernes, 20 de marzo de 2026

Diseños

martes, 3 de marzo de 2026

Impresión 3D

miércoles, 11 de febrero de 2026

Día internet seguro

Páginas

martes, 28 de abril de 2026

REALIDAD AUMENTADA

Actividad 1:

Actividad 2:

Actividad 4

CREAR REALIDAD AUMENTADA

OPCIÓN 1: ASSEMBL EDU

Listado de vídeos para trabajar con assemblr eduOPCIÓN 2: ZAPWORKS

OPCIÓN 5: 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 4: ARLOOPA STUDIO

lunes, 20 de abril de 2026

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

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

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

4. Los 3 pilares que vas a tocar siempre

5. ¿Dónde se pone el CSS?

6. ¿Cómo conectar el archivo externo?

7. ¿Qué significa cada parte?

8. Diferenciar elementos: Clases e IDs

1. Clases (.nombre) - Multiusos

2. ID (#nombre) - Único

3. Selectores Combinados

9. Recursos y Manuales

10. Ejemplo en Codepen

martes, 7 de abril de 2026

viernes, 20 de marzo de 2026

martes, 3 de marzo de 2026

miércoles, 11 de febrero de 2026

Listado de vídeos para trabajar con assemblr edu

OPCIÓN 2: ZAPWORKS

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