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 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 

 

 

Día internet seguro

 

Vídeo formativo

Archivo de trabajo

Documento a presentar en el blog enlazado e insertado

Reto: App inventor + IA (número o imágenes)

 Diseña un modelo de inteligencia artificial artificial de números o de imágenes que sea útil para la sociedad.

Debes plantear el tema a tu profesor para que te de el visto bueno.

Entre las propuestas puede ser una aplicación que te recomiende que carrera elegir, si debes ir por letras o ciencia, pero no debe basarse en notas sino tener en cuenta otros factores. App para decidir a que jugador fichar...Busca un tema que te apasiones y crea algo útil con IA.

Para poder hacer esto debes hacer un análisis exhaustivo sobre el tema.

Os dejo como ejemplo la empresa olocip:

• https://olocip.com/
• IA agricultura

Para ello, te dejo por aquí unos tutoriales sobre el tema:

• Asistente de números (lista con vídeos para  realizar la app)
• Detector de hojas
• Ejemplo realizado por un servidor, está mejor el de las compañeras: IA con reconocimiento de imagen
• Ejemplo realizado por compañeras vuestras con reconocimiento de imagen:

La entrega deberá constar se las siguientes partes:

1. Captura del estudio realizado sobre  el tema.
   
2. Captura o enlace al mokup de tu app creado con moqups o mockflow
3. Enlace para descargar modelo de ia desde onedrive.
4. Enlace para descargar archivo ai desde onedrive.
5. QR para descargar apk
6. Vídeo explicativo del modelo de IA
7. Vídeo explicativo de la aplicación creada.

Modelo ejemplo de IA

Repaso app inventor :

Realizamos la práctica guiada del enlace Práctica guiada 4

Alumnos nuevos realizamos primera app y App de preguntas y respuestas del siguiente enlace Entrada tic primero bachillerato

Trabajo con Machine Learning for kids

Para trabajar con Machine learning for kids tenemos dos opciones, crear cuenta de manera individual como indica los vídeos que vienen en el apartado siguiente o utilizar el entorno protegido de la clase con la cuenta  creada por el profesor.

En nuestro caso vamos a utilizar la segunda opción, y los pasos que debes seguir son los siguientes:

• Una vez que lleguen al aula, dales sus credenciales y pídeles que sigan este flujo:
• Login: Deben entrar en la web y pulsar en Log In. Deben usar el usuario y contraseña que tú les creaste (no necesitan email).
• Crear Proyecto:
• Pulsar en "Add a new project".
• Elegir el nombre y el tipo de reconocimiento: Texto, Imágenes, Números o Sonidos.
• Fase 1: Entrenar (Train):
• Deben crear "cubos" (etiquetas/categorías). Por ejemplo: Feliz y Triste.
• Añadir ejemplos dentro de cada cubo (mínimo 5-10 ejemplos por etiqueta para que funcione).
• Fase 2: Aprender y Probar (Learn & Test):
• Pulsar el botón "Train new machine learning model".
• Esperar a que la barrita cargue. Una vez listo, deben escribir o mostrar algo nuevo para ver si la máquina acierta y con qué confianza.
• Fase 3: Crear (Make):
• Pulsar en "App inventor".
• Crear extensión.
• Abre app inventor, incorpora la extensión mediante el archivo descargado desde ML4kids en tu proyecto. Ahora deben programar el juego o la app usando esos bloques de IA.

        Ahora en app inventor, aparecerán bloques nuevos con el nombre de su proyecto. Ahora deben programar el juego o la app usando esos bloques de IA.

Trabajo en local o en la nube

Una vez que creamos los modelos podemos trabajar en la nube o en local, En la siguiente tabla os muestro las ventajas e inconvenientes:

Característica	Proyecto en la Nube	Proyecto Local
¿Necesita cuenta?	Sí (Usuario/Password)	No (Entrada directa)
Acceso remoto	Desde cualquier lugar	Solo en ese mismo ordenador
Privacidad	Datos viajan a internet	Datos se quedan en el PC
Control del profesor	Puedes supervisar a distancia	Tienes que ir físicamente a su PC
Riesgo de pérdida	Muy bajo	Alto (si borran la caché)

Hacemos uso de la herramienta Machine Learning for Kids

 

En los dos siguientes vídeos nos explican cómo crear una cuenta en ML4kids

Crea la app detector de sentimientos

Ahora que ya tenemos nuestra cuenta para incorporar la IA a nuestros proyectos de App Inventor, veamos los pasos para crear la aplicación "detector de sentimientos":

Lista de vídeos para crear un sensor de

 sentimientos

 

 

Fundamentos de la inteligencia artificial

Para trabajar esta parte tenemos en el aula virtual el material sobre el tema