Categoría: Educación y tecnología

¿Cómo generar contenidos sin barreras en nuestras aulas virtuales?

El 9 y 10 de octubre participé del FIEP, en la Universidad Nacional de Villa María donde di junto a la Lic. Mailén Turletto un taller llamado “Creación de contenidos sin barreras de acceso en nuestras aulas virtuales”.

Los temas que tratamos fueron:

• El principio del acceso universal (personas con diversidad funcional, con dispositivos antiguos, con mala conectividad, etc.). 
• Problemas de acceso temporales y permanentes. 
• Los cuatro principios: perceptible, operable, comprensible, robusto.
• Aplicación de los principios en el taller: 
  • Evaluación del contraste de colores
  • Configuración del texto alternativo en imágenes
  • Publicar texto marcado semánticamente (títulos, encabezados, nunca subirlos como imágenes)
  • Navegación a través del teclado
  • Creación de PDFs accesibles
  • Subtitulado de videos (a cargo de la Lic. Mailén Turletto)

Aquí comparto un video que grabé posteriormente para compartir los conceptos trabajados en el taller, y debajo la presentación por diapositivas en formato LibreOffice.

Hice algunos videos para mis estudiantes que comparto también por este lado, para quienes tengan ganas de empezar a aprender a usar una hoja de cálculo.

Los videos están realizados utilizando LibreOffice Calc, que es parte de la suite ofimática libre que se descarga desde este enlace y se puede compartir libremente: https://es.libreoffice.org/

Video 1: Primeros conceptos

Video 2: Trabajar con distintas hojas

Video 3: Referencias absolutas (signo pesos)

Video 4: Manejo de fechas y horas

Video 5: Condicionales y condiciones anidadas

Estoy trabajando en la carga de contenidos en una plataforma Moodle, y muchos/as docentes me envían algunos cuadros en imágenes que podrían estar en texto. Por una cuestión de accesibilidad, siempre que el tiempo me alcanza, paso esos cuadros a código.

Voy a ir guardando en este posteo esos códigos, para volver a usarlos yo misma, y para compartir con quienes se encuentren en una situación similar.

Recuadrito a la derecha de un texto

<div style="float: right; width: 40%;background-color: #d5dfee; padding: 1.5em; margin: 2em; border: 1px #123872 solid; text-align: center;"><em>"He pasado una noche estupenda, pero no ha sido esta"</em></div>

Recuadrito con bordes redondeados

<div style="float: right; width: 40%;background-color: #d5dfee; padding: 1.5em; margin: 2em; border: 1px #123872 solid; text-align: center; border-radius: 25px;"><em>"He pasado una noche estupenda, pero no ha sido esta"</em></div>

Recuadro título de pestaña

<div style="width: 80%; border: 2px solid #012760; text-align: center; padding: 1em; margin-left: auto; margin-right: auto; background-color: #C6D2DD;">
    <h4 style="color: rgb(1, 39, 96); text-align: center;">Clase 1</h4>
</div>

Imagen con pie de imagen a la derecha del texto

<div style="clear: both;"><div style="float: right; width: 20%;"><img src="https://irisfernandez.com.ar/betaweblog/wp-content/uploads/2023/04/405px-Tux.png" alt="tux"><p style="font-size: 70%; font-style: italic; text-align: center;" >Fuente: Wikipedia</p></div><p>Tux es el nombre de la mascota oficial de Linux. Creado por Larry Ewing en 1996, es un pequeño pingüino de aspecto risueño y cómico basado en una imagen que Linus Torvalds encontró en un servidor FTP. </p></div>

Lista de ítems

<br>
<div style="clear: both;">
    <div style="float: left; border: 1px solid #000077; padding: 0.5%; margin: 0.9%; width: 5%; text-align: center; font-size: 300%; color: #000077;">1</div>
    <div style="float: left; border: 1px solid #000077; padding: 1em; margin: 1em; width: 60%; text-align: center; ">

        <p>Primer paso</p>
    </div>
</div>

<div style="clear: both;">
    <div style="float: left; border: 1px solid #000077; padding: 0.5%; margin: 0.9%; width: 5%; text-align: center; font-size: 300%; color: #000077;">2</div>
    <div style="float: left; border: 1px solid #000077; padding: 1em; margin: 1em; width: 60%; text-align: center; ">

        <p>Segundo paso</p>
    </div>
</div>

<div style="clear: both;">
    <div style="float: left; border: 1px solid #000077; padding: 0.5%; margin: 0.9%; width: 5%; text-align: center; font-size: 300%; color: #000077;">3</div>
    <div style="float: left; border: 1px solid #000077; padding: 1em; margin: 1em; width: 60%; text-align: center; ">

        <p>Tercer paso</p>
    </div>
</div>

<div style="clear: both;">
    <div style="float: left; border: 1px solid #000077; padding: 0.5%; margin: 0.9%; width: 5%; text-align: center; font-size: 300%; color: #000077;">4</div>
    <div style="float: left; border: 1px solid #000077; padding: 1em; margin: 1em; width: 60%; text-align: center; ">

        <p>Cuarto paso</p>
    </div>
</div>

En estos meses, desde la difusión del ChatGPT, se pusieron en discusión varias estrategias con respecto al vínculo entre educación e Inteligencia Artificial, desde la prohibición hasta la apropiación.

Por mi parte, creé un grupo en Facebook y otro grupo en Linkedin con el objetivo de recopilar información, y elaboré este video en el que hablo del tema y propongo no perder el eje: atender a la diversidad, cuidar la accesibilidad, evitar los sesgos, prestar atención a las licencias y a la soberanía tecnológica.

Enlaces mencionados en el video:

Gonzalo Zabala en CONFERENCIA “INNOVACIÓN, TECNOLOGÍA Y NEUROCIENCIA EN LA ENSEÑANZA”. A partir del minuto 29. https://www.youtube.com/watch?v=1QP_SgAz8dA

¿Tienen política los artefactos? Langdon Winner
Publicación original: “Do Artifacts Have Politics?” (1983), en: D. MacKenzie et al. (eds.), The Social Shaping of Technology, Philadelphia: Open University Press, 1985. Versión castellana de Mario Francisco Villa. http://www.ub.edu/prometheus21/articulos/tienen.pdf

Ernesto Mislej – Cientifico de Datos | No Dejes Para Mañana https://youtu.be/g0LNEBwrOps

Chat-GPT y la automatización del trabajo. Patrick Stasny https://ctxt.es/es/20221201/Culturas/41634/Patrick-Stasny-inteligencia-artificial-chat-gpt-ludismo-trabajo-consciencia.htm

Xataca
https://www.xataka.com/aplicaciones/lensa-genera-avatares-hipersexualizados-para-mujeres-gran-reto-ia-desprenderse-nuestros-sesgos

Trampa en la facultad https://www.rfi.fr/es/francia/20230112-trampa-en-la-facultad-el-50-de-los-trabajos-entregados-realizados-con-inteligencia-artificial

Predecir éxito académico
https://www.universia.net/ar/actualidad/orientacion-academica/puede-inteligencia-artificial-predecir-fracaso-escolar-1161371.html

Publicidad errores de tipeo
https://www.adsoftheworld.com/campaigns/with-ai-you-can-create-images-from-words-better-make-sure-they-are-the-right-ones

Campaña errores de tipeo https://www.adsoftheworld.com/campaigns/with-ai-you-can-create-images-from-words-better-make-sure-they-are-the-right-ones

Noticia Discapacidad y reconocimiento facial https://www.perfil.com/noticias/actualidad/insolito-un-hombre-tuerto-se-pego-un-ojo-de-caricatura-para-que-lo-reconozca-la-app-mi-argentina.phtml

Sesgos https://www.xataka.com/aplicaciones/lensa-genera-avatares-hipersexualizados-para-mujeres-gran-reto-ia-desprenderse-nuestros-sesgos

Generar video con vocabulario
https://twitter.com/jesusisflipping/status/1616188264540688384?s=20&t=ZIB6FOM2ktM790nJgh1K_w

ChatGPT https://openai.com/blog/chatgpt/
Dall-e https://labs.openai.com/
Cookup https://cookup.ai/
Futurepedia https://www.futurepedia.io/

Gracias Marisa Conde, Ricardo Leithner, Gonzalo Zabala, Aldo Ferrari y Carlos Rodríguez por los enlaces compartidos en las redes.

¡Hola! Hoy publico por acá tres tutoriales que hice de Gimp a pedido de mi hermana Griselda <3

Son tutoriales que empiezan desde cero, para el/la que no sabe nada de nada, pero no van despacito sino que muestro muchas cosas en el mismo video.

Espero que lo disfruten!!

Tutorial 1: Crear un archivo, dibujar unas figuras, utilizar el balde para rellenar, visualizar las opciones de las herramientas, utilizar relleno con transparencia.

Tutorial 2: Utilizar capas para crear un paisaje

Tutorial 3: Combinar dos imágenes utilizando capas y transparencia

Muchas veces tenemos ganas de recortar un fragmento de video, pero cuando intentamos hacerlo con un software de tipo OpenShot o Kdenlive, nos damos cuenta de que se nos cuelga todo. El tema de esos programas es que funcionan en modo gráfico, tenemos que ver el video mientras lo recortamos y por eso exige muchísima memoria RAM.

La alternativa es entonces, ver primero el video, anotar (con el antiquísimo sistema de lápiz y papel) desde dónde hasta dónde es el fragmento que queremos recortar.

Después, abrir la terminal (en mi caso, en Huayra, CTRL + ALT + T) y escribir:

ffmpeg -ss 00:03:00.0 -i efemeride.mp4 -t 00:01:00.0 recorteefemeride.mp4

-ss 00:00:00 es la hora, minuto y segundo donde comienza el recorte que queremos obtener

-i efemeride.mp4 es el archivo original del que queremos obtener un fragmento.

-t 00:01:00 es la duración del recorte (en este caso 1 minuto). Para poner “hasta dónde” en lugar de la duración hay que usar -to

recorteefemeride.mp4 es el archivo de salida que se genera con el fragmento obtenido.

Se puede en un solo paso recortar un fragmento y cambiar también el formato del video:

ffmpeg -ss 00:01:12 -i recuerdos.mp4 -t 00:02:30 recuerdos.avi

También utilizar ffmpeg para convertir, sin recortar nada:

ffmpeg  -i recuerdos.mp4  recuerdos.avi

Escribiendo ffmpeg -h se obtiene ayuda sobre los parámetros.

Fuentes y más datos sobre conversión de formatos:

Blog Recontruccion Virtual http://blog.reconstruccionvirtual.es/ffmpeg-recortar-un-video/

Sitio b5un https://b5un.com/en/article/57/quick-guide-to-convert-videos-with-ffmpeg.html

Continuando con el ciclo de charlas de Clementina, esta vez una charla para personas que quieren tener un sitio web sin pagar hosting ni nic.

Comparto aquí las diapositivas:

Y aquí el enlace al video de la charla: