Presentación

Portafalio de clase unidades semánticas 2025-1

Este Este portafolio personal ha sido elaborado por Lizeth Colorado Peña, estudiante de los últimos semestres del programa de Ciencia de la Información - Bibliotecología y Archivística de la Pontificia Universidad Javeriana, como parte de la asignatura Unidades Semánticas. En él se recopilan y organizan todas las actividades desarrolladas a lo largo del curso, incluyendo ejercicios autónomos, herramientas utilizadas, contenidos vistos en clase y reflexiones académicas. Este documento tiene como objetivo evidenciar el proceso de aprendizaje, el uso de recursos semánticos y la aplicación de los conceptos teóricos en el contexto académico y profesional de la gestión de la información.

Notas personales de clase

Imagen tomada en linea

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Unidades Semánticas: presentación

:::info Enlace de reuniones para todo el semestre:

https://meet.jit.si/unisemanticas

Para conectarse a este enlace basta con un navegador web (distinto a Microfosoft Edge) o descargar e instalar Jitsi para distintas plataformas :::

Presentación

:::success

Abordaremos la pregunta por cómo los computadores representan, almacenan y procesan significado. A esto se le llama representación de ontología (ontos: ser, logos: discurso, tradado de cómo son las cosas)

Para esto han habido dos enfoques:

  • grafos de conocimiento. Lenguajes de marcado que representan conocomiento como relaciones de tripletas de información Ejp: Wikidata, ejemplo Social Network, en ellas se usa SPARQL

    https://www.tldraw.com/r/hoggz3CeTze0Lqqa-MyL2?d=v0.0.1366.639.page

  • Modelos vectoriales de lenguaje: lo que tenemos es una representación numérica de un conjunto de palabras o de imágenes que nos permiten predecir la siguiente palabra o recombinarlas en frases u otras imágenes.

Habrá un moviento pendular entre:

  • Perspectivas teorico críticas: qué distanciamientos hay respecto al tema de la IA.
  • Aspectos computacionales. Como representar y manipular algorítmicamente texto con aras de llegar como representarlo vectorialmente.

:::

Logísitica y didática

Las clases serán en una modalidad combinada, lo cual quiere decir que algunas personas podrán tomarlas in-situ y otras en remoto. Para las clases in-situ, a partir de mañana 29 de enero y durante todo el semestre serán en el LabCI, en el horario asignado, de 7 AM a 9 AM. Para las clases remotas nos veremos en el enlace:

:::info Enlace de reuniones para todo el semestre:

https://meet.jit.si/unisemanticas

Para conectarse a este enlace basta con un navegador web (distinto a Microfosoft Edge) o descargar e instalar Jitsi para distintas plataformas :::

Es una clase teorico práctica con un fuerte componente de taller.

  • Haremos actividades prácticas durante la clase.
  • Tendremos a lo sumo 8 horas de trabajo autónomo entre clases que complementa las 4 de trabajo presencial acompañado.

La clase/taller, en sus dos modalidades requiere de un computador por participante, con el software especializado que compartimos ayer y que iremos instalando a lo largo del semestre. Es importante que puedan conectarse desde un equipo donde puedan compartir pantalla, abrir el micrófono e instalar/adecuar el software. Fue precisamente por estas razones que solicitamos el LabCI, pues requerimos de software especializado, dado lo importante del componente computacional en la clase.

Evaluación, mediaciones educativas y herramientas

  • Esas trabajo constituirá un portafolio personal web público que se presentara en sucesivos cortes cada uno con un porcentaje de evaluación repartido así:

    • 1er Corte 20%
    • 2do Corte 20%
    • 3er Corte 20%
    • Corte Final 40%

    A lo larto de varios corte se repartira un componente de autoevalación que será entre el 10% y el 20%

Las mediaciones serán mapas mentales, exposiciones y libretas computacionales.

Usaremos software libre y de código abierto con formatos abiertos y estandar, entre otros:

Editable de la gráfica

Actividad en clase

:::success

Ver y discutir el siguiente video

The moment we stopped understanding AI [AlexNet]:

{%youtube UZDiGooFs54 %} :::# Unidades Semánticas: presentación

breaks: false tags: unidades semánticas

Caja de herramientas

En sesión pasada, dijimos que usaríamos una caja de herramientas particular. En esta sesión la configuraremos y empezaremos a usar.

Consola de comandos

:::success

  1. Leer el hipertexto sobre la Consola o terminal de comandos.
  2. Abrir la consola de comandos o terminal. :::

Instaladores o gestores de Software.

Desde la consola de comandos, instalar el siguiente software:

:::success

  1. Leer la documentación de Scoop.
  2. Seguir los pasos para instalarlo.

Importante: No hacer los pasos de la instalación portable. :::

:::success Usando Scoop instalar Git. :::

Capturadores de pantalla: flameshot

:::success Con scoop, instalar Flameshot :::

Mapas mentales: Freeplane

:::success

  1. Con scoop, instalar Freeplane.
  2. Hacer una captura de pantalla de la terminal o consola con Flameshot, una vez hallamos terminado la instalación, y pegarla abajo en la sección del portapapeles. :::

Una vez hallamos terminado la instalación de Freeplane, veremos algo como esto en la consola:

Installing 'freeplane' (1.12.8) [64bit] from 'extras' bucket
freeplane_bin-1.12.8.zip (58,5 MB) [==========================================================================] 100%
Checking hash of freeplane_bin-1.12.8.zip ... ok.
Extracting freeplane_bin-1.12.8.zip ... done.
Linking ~\scoop\apps\freeplane\current => ~\scoop\apps\freeplane\1.12.8
Creating shim for 'freeplane'.
Making C:\Users\lab-info\scoop\shims\freeplane.exe a GUI binary.
Creating shortcut for Freeplane (freeplane.exe)
'freeplane' (1.12.8) was installed successfully!
'freeplane' suggests installing 'java/openjdk11' or 'java/openjdk17'.

Démonos cuenta de las dos últimas líneas en este mensaje:

'freeplane' (1.12.8) was installed successfully!
'freeplane' suggests installing 'java/openjdk11' or 'java/openjdk17'.

:::success Con scoop, instalar java/openjdk17 :::

Actividad auónoma

:::success

Leer la documentación en línea sobre Freeplane y construir un mapa mental con los elementos más relevantes del video que vimos la sesión pasada

Importante El mapa mental debe tener:

  • Secuencia y jerarquía de ideas importantes y las ideas contenidas dentro de ellas.
  • Recursos visuales que amplíen la idea.
  • Posturas y/o inquietudes personales sobre las ideas presentadas.

Un esquema de mapa mental que siga las recomendaciones debería lucir más o menos así:

Y es importante traer a clase, tanto el archivo del mapa (terminado en .mm), como la carpeta nombrada similar (terminada en _files) donde están las imágenes que se anexaron al mapa:

:::

Portapapeles

Si la adición de un bucket es correcta debería aparecer algo como:

scoop bucket add extras
Checking repo... OK
The extras bucket was added successfully.

Pantallazo de instalación de Freeplane.

Una vez instalado, me aparecion de la siguiente forma la interfaz: Maxi López-Gómez

Evidencia instalación freeplane Rubén Darío Torres# Caja de herramientas

breaks: false tags: unidades semánticas

Markdown

Agenda:

  • Pequeño tutorial de Markdown.
  • Estrategias metacognitivas.
  • Socialización de avances del portafolio, inquietudes y dudas.

Pequeño tutorial de Markdown

Para publicar existen varios formatos y uno de los más populares es HTML, que es un estandar ampliamente extendido. Sin embargo este tiene varios inconvenientes:

  • Es verborrageo: escribir mucho para decir poco.
  • Mezcla presentación (CSS), funcionalidad (JavaScript) y contenido (HTML), en tres lenguajes distintos, pues si bien existen capas de seperación, en la practica una página HTML contiene además JavaScript y CSS. Por ello tenemos que enfrentarnos a aspectos distintos del proceso de publicación si escribimos HTML.

Para evitar esos problemas se han inventado los lenguajes de etiquetamiento ligero.

:::success Introducción a los lenguajes de etiquetamiento ligero. Leer la página de la Wikipedia introductoria a los lenguajes de etiquetamiento ligero y luego socializar comprensiones e inquietudes.

Duración 5 minutos :::

Una comparación breve:

Miremos la [página de la universidad Javeriana] y ubiquemos parte de su contenido.

Y ahora veamos su código fuente:

Y dentro del mismo, busquemos un contenido particular. Por ejemplo, "Financiación y Becas", que corresponde al contenidos de la solapa por omisión.

Si nos damos cuenta este código HTML describe esa sección:

<div class="journal-content-article " data-analytics-asset-id="13845312" data-analytics-asset-title="finaciación y becas h2" data-analytics-asset-type="web-content">
	

	<h1 style="display:none">Pontificia Universidad Javeriana</h1>

<h2 style="display:none">Financiación y becas</h2>
</div>

En contraste, si quisieramos producir una presentación equivalente, tendríamos esto en Markdown

## Financiación y becas

Que se vería cómo

:::success Tutorial de Markdown

  • Duración: 10 a 15 minutos

Crear una subpágina en HedgeDoc/Docutopia, desde el navegador web con la siguiente convención

  1. La primera parte corresponde al dominio web:

    https://docutopia.sustrato.red/

  2. La segunda parte, que agregamos a la anterior, corresponde al correo del usuario institucional:

    https://docutopia.sustrato.red/offray.luna

  3. La tercera parte, que agregamos a la anterior, corresponde al ejercio particular que esa persona está hacido, unido a la primera por :

    https://docutopia.sustrato.red/offray.luna:Markdown

  4. Seguir el Tutorial de Markdown, pegando las lecciones desarrolladas en la subpágina personal anteriomente creada.

  5. Durante el ejericio y después del recuadro verde, pegar la dirección con el tutorial :::

  • https://docutopia.sustrato.red/offray.luna:Markdown
  • https://docutopia.sustrato.red/ValentinaV:Markdown
  • https://docutopia.sustrato.red/Thomas.Mart%C3%ADnez:Markdown
  • https://docutopia.sustrato.red/coloradoplizeth:Markdown
  • https://docutopia.sustrato.red/e-daza01:Markdown
  • https://docutopia.sustrato.red/cristancho.n:Markdown
  • https://docutopia.sustrato.red/maximino.lopez:Markdown
  • https://docutopia.sustrato.red/dario.montenegro:Markdown
  • https://docutopia.sustrato.red/penagosv-a:Markdown
  • https://docutopia.sustrato.red/jariasr?both
  • https://docutopia.sustrato.red/rtorres:Markdown :::info

Anotaciones sobre Markdown :::

Actividad autónomas

:::success Estrategias metacognitivas

Crear una subpágina titulada metacognición, Markdown, donde documentemos la siguiente pregunta

Cuando nos enfrentamos a aprende algo, ¿cómo sabemos qué sabemos/entendemos de ese tema? ¿Cómo sabemos qué ignoramos del mismo? ¿Cómo disminuimos lo que ignoramos para aumentar/afianzar lo que sabemos?

Dar explicación general y ojalá acompañada de ejemplos concretos. En particular nos interesa evidenciar y conversar de las estrategías autónomas y entre pares. :::# Markdown

breaks: false tags: unidades semánticas

Breve recuento y presentación

Agenda:

  • Breve recuento y presentación
  • Retoma de Markdown y estrategias metacognitivas

Breve recuento y presentación

:::success

Para sesiones de tutoria escribir un correo a offray.luna@javeriana.edu.co solicitando el horario de tutoria de la semana.

Llevar preguntas específicas, una vez se han:

  1. Consultado previamente con otros aprendices.
  2. Revisado las notas hipertextuales de la sesión y seguido las instrucciones. :::

Retoma de Markdown y estrategias metacognitivas

Para modelar conocimiento en los computadores, es importante saber cómo conocemos como humanos. Al conocimiento sobre el conocimiento se le llama metacognición y una buena forma de saber que uno entiende algo, es mirar qué tanto uno puede acompañar el proceso de aprendizaje de alguien más.

:::success Dividiremos el grupo en dos subgrupos:

  1. Thomas: https://meet.jit.si/unisemanticasGrupo1
  2. Lizeth: https://meet.jit.si/unisemanticasGrupo2

El resto de la gente se unirá dichos grupos e intentaremos hacer la actividad de Markdown de la sesión 3 :::

Inquietudes

Local first software# Breve recuento y presentación

breaks: false tags: unidades semánticas

Mapas mentales y publicación en Internet Archive

  • Socialización de avancess y resolución de dudas.
  • Estrategias metacognitivas.

Socialización de avancess y resolución de dudas

Para este momento deberíamos tener cuatro ejercicios listos para la preparación de nuestro portafolio.

  1. Ejercicio de Markdown (web).
  2. Configuración de la caja de herramienta (computador personal).
  3. Documentación del proceso metacognitivo (web)
  4. Mapa mental de LLMs (Large Language Models, AlexNet) (web)

Preguntas

Cómo abrir mapas mentales de Freeplane

Si hacemos mapas en Freeplane, podemos ver los archivos de mapas en el navegador de archivos de esta manera

El hecho de que no aparezca ícono en el archivo .mm quiere decir que no está asociada una aplicación a la extensión de archivo. Hay dos maneras de lidiar con esto.

  1. Click con el botón secundario sobre el nombre del archivo y seleccionamos "abrir con" y seleccionamos la aplicación dentro del PC. El inconveniente de esta, es que requiere saber dónde quedó instalada.
  2. Abrimos primero la aplicación, en este caso Freeplane, y desde allí abrimos el archivos.

Como exportar los mapas desde Freeplane a otros formatos

En un mapa abierto cliqueamos esta secuencia:

Archivo > Exportar mapa y dentro de la ventana emergente, seleccionamos: "Grafico vectorial escalable".

Si navegamos nuestro disco duro, veremos que aparece un archivo extra y que el mismo está asociado a el navegador web o a un software de edición de gráficos (Inkscape, InDesing, etc)

y si cliqueamos en el archivo recien exportado, lo abriremos en el navegador web:

Cómo publicar mapas mentales.

Usaremos para la publicación de nuestros mapas, Internet Archive, que es sostenida por una entidad sin ánimo de lucro y enfocada en la preservación cultural por medios digitales.

:::success Crear una cuenta en Internet archive.

  • Duración: 5 minutos

Para esto cliquear en el enlace signup y seguimos las instrucciones, llenando los formularios respectivos.

:::

Una vez hallamos creado la cuenta, cliqueamos en el botón de "Upload"

Veremos una opción para subir archivos (botón verde) o para subir música (botón azul)

Cliqueamos el botón "Upload Files" y aparecerá una nueva página que dice "Choose files to upload"

Una vez hallamos exportado el mapa en formato SVG, como explicamos en la subsección anterior, seleccionamos todos los archivos, incluida la carpeta de imágnes y los arrastramos hacia la nueva página

Una vez hayamos llenado el formulario, veremos el mensaje de carga de archivos así:

Una vez haya terminado la carga de archivos, Internet Archive, nos dirigirá a la página que los indexa, que se ve algo así:

En el recuado de opciones de descarga ("Download options"), cliqueamos "Show all"

Veremos algo de este estilo:

Se han creado además nuevos archivos en formatos como .xml, .torrent y de metadatos que permiten compartir estos archivos y sus metadatos incluso cuando Archive está fuera de línea.

:::success Subir nuestro mapa mental y sus archivos asociados y exportados a Internet Archive

Luego cliquear el archivo .svg y enlazarlo como una imagen, después de éste recuadro verde. :::

  1. Mapa mental de AlexNet por Ruben

  2. Mapa mental de AlexNet por Lizeth

  3. Mapa mental de AlexNet por Thomas

  4. Mapa mental de AlexNet por+ Juan Pablo Arias Romero

  5. Mapa mental Alexnet Maxi López-Gómez

6.Mapa Mental Alexnet redes neuronales Nestor Cristancho

  1. Mapa Mental Dario Montenegro

  2. Mapa Mental por Valentina Penagos

9.Mapa Mental por Esteban Ramirez

10.Mapa Mental por Valentina Vanegas

10.Mapa Mental Eduar Daza

breaks: false tags: Unidades Semánticas

Estrategias metacognitivas

  • Socialización de avances del portafolio.
  • Estrategias metacognitivas.

Socialización de avances del portafolio

En la sesión anterior, creamos y compartimos unos mapas mentales respecto a cómo funcionan los modelos vectoriales de lenguaje.

Si miramos un momento del video, este explica de manera mucho más precisa que una imágen genérica de internet, cómo ocurre el reconocimiento de patrones:

Hay múltiples capas:

Socialización de estrategias metacognitivas

En la sesiones anteriores, quedamos de documentar en Markdown cuáles son las estrategias metacognitivas que usamos en una subpágina dentro de Docutopia:

Actividad autónoma

:::success Hacer un mapa mental, siguiendo las recomendaciones previas sobre el video How Internet will (one day) Transform the goverment ::: Mapa mental How Internet will Transform the goverment - Rubén Torres

Mapa mental - How the Internet will (one day) transform government - Maxi López-Gómez

Mapa Mantal freeplane - How the Internet will (one day) transform goverment - Eduar Daza

Mapa mental How Internet Dario Montenegro Dario Montenegro

Mapa Mantal freeplane - How the Internet will (one day) transform goverment Nestor Fabian Cristancho. Nestor Fabian Cristancho Mapa Mental How the Internet will (one day) transform goverment, Juan Pablo Arias Romero. Juan Pablo Arias Romero

**Mapa pental Thomas Martínez Sánchez Thomas Martínez Sánchez

Mapa Valentina Vanegas - How the internet will (one day) transform goverment

Consultalo también en Archive

breaks: false tags: unidades semánticas, LabCI, MAI3

Dimensiones icónicas, enactivas y simbólicas de la computación

Agenda:

  • Protocolo de grabación de las sesiones.
  • Dimensiones icónicas, enactivas y simbólicas de la computación.
  • Publicación en línea ágil, ligera y con formatos abiertos.

A lo largo de la sesión podremos compartir dudas y socializar avances (para los asistentes remotos, cliquear el ícono de levantar la mano)

Protocolo de grabación de las sesiones

Como hemos acordado que las sesiones pueden ser grabadas con la participación proactiva de los aprendices, este será el protocolo para hacerlo.

  • Las grabaciones serán hechas desde Jitsi.

  • El/la estudiante que inicie la grabación lo indicará a través de un mensaje de texto enviado por Jitsi, indicando su correo electrónico institucional:

    Soy fulane y me ofrezco para hacer la grabación de la sesión. Quien quiera una copia me puede escribir a: {cuenta.institucional}@javeriana.edu.co

  • La persona volutaria de la grabación enviará un enlace a quienes se lo pidan con la grabación publicada en Internet Archive, con licencia CC Attribution Share Alike.

Dimensiones icónicas, enactivas y simbólicas de la computación

Socializando las historias personales y colectivas de la computación

Thomas

  • Intervención personal: Primer interacción con el computador gracias a mi hermano, eso fue en 2003 cuando mis padres compraron el primer computador de la familia y precisamente mi hermano era quien más lo utilizaba.
  • Conocimiento colectivo: necesidad asociada a la tela y a base de ello surgen los primeros computadores

Nestor Cristancho

  • Mi primera interacción con un computador fue en el año 1998 cuando mi familia adquirió este computador tenía Windows 1995. Este computador colaboro con el desarrollo de varias tareas, igual a mi edad lo use para jugar los juegos que traía integrados.
  • Inicia con el invento de las primeras máquinas de cálculo automáticas, que podían considerarse propiamente un “computador” el tamaño era de gran longitud que ocupaba gran espacio. Respondían a la necesidad durante la Segunda Guerra Mundial de descifrar códigos secretos enemigos.

Rubén

  • El recuento personal era sobre como los que nos denominamos los migrantes digitales veíamos compleo acceder a un computador personal, y la dificultad para los procesos de almacenamiento de información a través de disquetes.
  • Frente a la teoría en general de la computación, el ARPANET fue una de la sprecursoras de la internet, a través las redes de computadores que se inventaros para asuntos de defebsa por parte de Estados Unidos.

Eduar

Al igual que Thomas, se que empezo desde los telares con una tarjeta perforada despues de ello se creo una maquina grandisima como mas o menos en los años 40 que abarcaba un piso completo.

Maxi

  • En mi caso, el primer contacto con la computación, se dio como en el año 98 y fue porque una hermana compro un conputador con Windows 98.

  • Posteriormente, cuando entre al colegio, el acercamiento a los computadores, era en un espacio que se llamaba el telecentro, qué era un espacio donde la comunidad se podía conectar a internet y tener contacto con los computadores. Pero la conexión era muy básica, para intentar ingresar al correo electrónico se tardaba hasta 1 hora y para lograr enviarlo podía tardar mucho más tiempo.

Dario

  • Intervención personal: Mis inicios con un PC, ocurrió en el aula del colegio, donde tenían algunos computadores para la clase de “Computación”. Lo curioso de esto, es que en el colegio teníamos que compartir el computador con otro compañero teniendo en cuenta la cantidad de computadoras, contra la cantidad de estudiantes. Posteriormente, tuve que enfrentar al mundo de la tecnología cuando ya inicié el pregrado en la Universidad.
  • Conocimiento Colectivo: Creo que algo importante de los computadores, fue la creación de “Wikipedia” donde cualquier persona podía crear contenido, editarlo, modificarlo y alimentarlo diariamente. Pero a su vez no se debe considerar como primera fuente de información para investigaciones y toma de decisiones, ya que la información allí consignada puede ser completamente errónea.

Juan Pablo

  • Punto personal, la minituarización del hardware que ha posibilitado que se pueda tener un computador en un celular, por otro lado Internet el avance que ha traido en cuanto al acceso a la información. Como ejemplo personal el primer contacto con la red fue en la Luis Ángel Arango, que había que hacer fila para sentarse al frente del computador para hacer una consulta, para ver hoy en día que internet esta presente en todo.
  • ** En cuanto a la historia de la computación, el desarrollo de computacional realizado por el matematico Alan Touring para descifrar la maquina de codificación de la maquina Enigma de Alemania.

Valentina Vanegas

  • Tuve interacción con un computador a la edad de 8 años, mis primeras acciones dentro de este ambiente recuerdo que eran para conocer los programas que tenía, como Encarta, la enciclopedia. También tuve mis primeras interacciones en linea en el Messenger del correo.
  • Creo que la computación nace en el marco de una guerra. Sin embargo el hombre siempre tuvo maquinas que cumplian funciones similares.

Lizeth Colorado

  • Intervención personal:Mi primera integración con las computadoras fue en las clases de sistemas en primaria, donde nos enseñaban lo básico sobre el software y hardware, y el buscar en mi primera encarta para realizar tareas y exploración de los demás programas de su momento
  • Conocimiento colectivo: inicio como invento de maquino para cáñculo mecanico.

El Dynabook y alternativas a la computación moderna.

En Tracing the Dynabook de Jhon W. Maxwell se habla de que Alan Kay y su grupo de Xerox Parc hablaban de tres dimensiones de la computación

  • Icónica: imágenes.
  • Enactiva: acciones.
  • Simbólica: símbolos (comandos, palabras números)

Desafortunadamente cuando empresas como Apple y Microsoft popularizaron la computación, a la mayoría de personas les llegó sólamente los dos primeros aspectos: acciones sobre imágenes, en detrimento de la dimensión simbólica.

Un ejemplo es arrastrar a la papelera:

  • La ventaja de la manera iconico enactiva es que no require altas curvas de entrenamiento y se puede usar sin conocer instrucciones puntuales.

  • La desventajas son:

    • Dependemos de quienes conocen la dimensión simbólica que hace posible esta dimensión iconico enactiva.
    • No podemos automatizar labores repetivas de manera eficiente.

Vamos a alentar la dimensión simbólica a lo largo de todo este curso. Si quisiéramos hacer esto de manera simbólica, sería de esta manera:

:::success Ejericio, crear y borrar un archivo desde la consola de comandos o terminal.

  1. Abrir la terminal y ubicarnos en la carpeta de documentos.
  2. Crear un archivo.
  3. Mover el archivo a la papelera de reciclaje

:::

  1. Solapa o tab.

  2. Prompt o mensaje de bienvenida.

  3. Ubicación: C:/Users/lab-info quiere decir:

    • C:/: particicón del disco duro C.
    • Users/: subcarpeta de usuarios, dentro de la partición anterior.
    • lab-info subcarpeta del usuario lab-info dentro de la subcarpeta anterior.

Una vez nos hemos ubicado donde estamos, revisemos qué ubicaciones posibles hay adentro de donde estamos. Para ello teclamos:

ls

La salida será esta:

Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
d----       12/01/2024 11:22 a.m.                .cisco
d----       25/09/2024 10:11 a.m.                .conda
d----        30/05/2024 9:13 a.m.                .config
d----       25/09/2024 10:18 a.m.                .matplotlib
d----       12/01/2024 11:25 a.m.                .ms-ad
d----        28/10/2024 7:13 a.m.                .Protege
dar--       12/01/2024 11:21 a.m.                Contacts
dar--        13/02/2025 8:03 p.m.                Desktop
dar--        17/02/2025 8:19 a.m.                Documents
dar--        14/02/2025 2:45 p.m.                Downloads
dar--       12/01/2024 11:21 a.m.                Favorites
dar--       12/01/2024 11:21 a.m.                Links
dar--         9/12/2024 9:51 a.m.                Music
dar--       12/01/2024 11:22 a.m.                OneDrive
dar--        12/02/2025 8:56 p.m.                Pictures
dar--       12/01/2024 11:21 a.m.                Saved Games
d----        16/02/2024 9:13 a.m.                scoop
dar--       12/01/2024 11:22 a.m.                Searches
dar--        21/01/2025 8:35 a.m.                Videos

De izquierda a derecha, la información que se presenta por columnas es la siguente:

  • Mode: conjunto de propiedades del elemento mostrado.
  • LastWrite: última vez que se modificó el archivo.
  • Length: longitud del archivo.
  • Name: nombre del archivo o carpeta.

Nos moveremos a la carpeta de documentos:

PS C:\Users\lab-info> cd .\Documents\
PS C:\Users\lab-info\Documents>

:::info Observese cómo en la medida en que nos movemos en subcarpetas, aumentan elementos a nuestra ubicación. :::

Ahora creamos el archivo desde la consola de comandos y veremos el resultado lado a lado tanto en la consola, como en la representación icónica o GUI (Graphical User Interface):

Ahora movamos esto a la carpeta de descargas:

Eduar

breaks: false tags: unidades semánticas, LabCI, MAI3

Micrositios de documentación y publicación (parte 1)

Retomaremos desde la sesión anterior extendiéndolo con la creación de micrositios web de documentación y publicación. Para ello usaremos la herramienta mdBook.

:::success Seguir la guía de mdBook y realizar la instalación. :::

Lo siguiente que haremos será mirar si está instalado tree, que nos permite ver desde la consola de comandos, la estructura arbórea de una carpeta, con todas sus subcarpeta y documentos.

cd Documents

:::success

Vamos a usar mdBook para crear la estructura de nuestro primer libro. Para ello seguiremos la guía de mdBook cambiando:

  1. la carpeta LabCI/ por Unisemanticas
  2. El título por "Portafolio Web de Fulene de Tal"

:::

Una vez inicializada la carpeta del libro deberemos ver algo similar a esto:

tree
Listado de rutas de carpetas
El número de serie del volumen es 0496-3A1F
C:.
└───LabCI
    ├───book
    └───src

que corresponde a una estructura de carpetas y archivos dentro de nuestro disco duro:

Los archivos .toml usan el lenguaje de marcado ligero para configuración llamado TOML. Queremos mirar en detalle este archivo. Para ello usaremos lite-xl

:::success Instalar los paquetes de Scoop para lite-xl y lite-xl-addons :::

Una vez instalado, abrimos lite-xl desde el menú de incio. Veremos algo similar a esto:

Para abrir un archivo presionamos la combinación de teclar Ctrl + o

Y en la medida en que vamos completando rutas de archivos, nos sugiere caminos posibles para terminarlas:

breaks: false

Micrositios de documentación y publicación (parte 2)

Agenda:

  • Reconfiguración de mdBook y depuración de errores.
  • Creación de tablas de contenido.
  • Poblando contenidos de la tabla.

En nuestra sesión anterior configuramos mdBook e hicimos una primera modificación para que nos permitió lanzar el entorno.

:::success

Ver secciones de mdbook:

breaks: false

Micrositios de documentación y publicación (parte 3)

:::info Hoy tendremos una sesión más corta, hasta las 8:30 AM, por compromisos con el doctorado en Comunicación Lenguajes e Información de la Facultad. :::

Agenda:

  • Continuar con el tutorial de mdBook.

Desarrollo

:::success Ver:

Inquietudes

Qué pasa con los sitios que contienen mapas mentales.

Supongamos que queremos crear la página de Markdown corresponde a estos mapas (provistos por Maximino)

El Código Abierto En El Campo De La Democracia

Para ello, cliqeuamos show all

y en el listado de archivos elegimos el archivo SVG

El código fuente de la página debería lucir así

El código abierto y la democracia

En este mapa mental muestro la principales ideas de Clay Shirky en su charla de Ted ...

Mapa mental Maxi

Ver todos los archivos

breaks: false

Repositorios de código

Hasta el momento dimos una mirada panorámica de la clase, consideramos algunos rudimentos y herramientas básicas para el desarrollo de la misma en modalidad de taller, entre otros:

  • Gestores de código (Scoop).
  • Lenguajes de etiquetamiento ligero (Markdown).
  • Intro a los Modelos vectoriales de lenguaje (AlexNet).
  • Cómo el código abierto y la democracia están relacionados (Shirky).
  • Estrategias metacognitivas.
  • Publicación de conenidos en línes (mdBook).

Esto nos permite tener un lugar propio donde damos cuenta de nuestros aprendizajes e inquietures.

:::success Publicar una muestra del portafolio Colocar a continuación de este recuadro, un pantallazo de libro en mdBook en la parte que muestra el mapa mental de la charla de Shirky. :::

Mapa mental de Thomas Mapa mental de Thomas

Mapa Mantal freeplane - How the Internet will (one day) transform goverment Nestor Fabian Cristancho. Nestor Fabian Cristancho

Mapa Mental Dario Montenegro

Mapa Mental Ruben Torres

Mapa Mental Clay Eduar

**Mapa Mental Juan Pablo Arias Romero

Valentina Vanegas:

Mapa Mental Valentina Vanegas

Control de versiones en la práctica

Como podemos ver en los mapas anteriores, hasta el momento, tenemos una mirada panorámica de un tecnología, llamada el control de versiones y sus posibibles influencias en la argumentación. Vamos a adentrarnos en las consecuencias prácticas, habilitando un sistema de control de versiones para nuestros portafolios personales.

:::success Seguir las intrucciones de creación de repositorios de Fossil en Chissel para:

  1. Crear una cuenta en ChisselApp.
  2. Configurar allí un repositorio de fossil.
  3. Compartir un enlace al repositorio configurado de cada quien, después de este recuadro.

Importante El usuario con el que ingresamos a la configuración es el que aparece despues de chiselapp.com/user/ :::

Los enlaces anteriores, dan cuenta de una configuración mínima el repositorio. Ahora vamos a poblar los repositorios de contenidos, usando la jerarquía que hemos acordado para el repositorio (es decir, colocar allí lo que está dentro de la subcarpeta wiki/).

Desde la terminal nos ubicamos en la carpeta donde tenemos nuestro portafolio (la carpeta de mdbook).

Verificamos si fossil está instalado ejecutando:

fossil version

cuya salida debería ser similar:

This is fossil version 2.23 [47362306a7] 2023-11-01 18:56:47 UTC

:::info En caso de que aparezca un error instalamos fossil con scoop. :::

Clonar el repositorio

:::info Adquirir una copia local del repositorio remoto, es decir todos los archivos que lo conforman y su historial. :::

Clonaremos el repositorio que creamos en el paso anterior.

:::info En el siguiente ejemplo, cada cual debe usar la dirección de su propio repositorio que debe reemplazar por la dirección de comodín.

https://mutabit.com/repos.fossil/labci/ :::

  1. Desde la terminal confirmoas que estamos ubicados en la carpeta del repositorio.

    ls

    y los contenidos deben ser:

    wiki/
book/
book.toml

  2. Clonar el repositorio creado en el paso anterior, en esa carpeta:

    fossil clone https://www.chiselapp.com/user/{mi-usuario}/repository/{mi-repository} unisemanticas.fossil

  3. Aparece un mensaje del estilo:

    Unable to verify SSL cert from mutabit.com
  subject:   CN = comunal.red
  issuer:    C = US, O = Let's Encrypt, CN = R10
  notBefore: 2025-01-07 21:15:07 UTC
  notAfter:  2025-04-07 21:15:06 UTC
  sha256:    d0f6056295e2c629697c4d22fedbae0a3f58a81e6af0865b11552f7af5761fbf
accept this cert and continue (y/N/fingerprint)?

    Aceptamos ese mensaje y el siguiente.

  4. Al final del proceso de clonación aparece algo de este estilo:

    Round-trips: 2   Artifacts sent: 0  received: 4
Clone done, wire bytes sent: 556  received: 1308  remote: 45.55.37.99
Rebuilding repository meta-data...
  100.0% complete...
Extra delta compression... none found
Vacuuming the database...
project-id: f31c90d73aa8bcba82a7abdba8256ac314184da6
server-id:  03647e07f4aa3b9f28fbf2831e0d4954b1987093
admin-user: lab-info (password is "DTRH4EVUiq")

  5. Hagamos verificación extra listado de nuevo los contenidos del directorio (ls). Deberíamos ver un nuevo archivo de extensión .fossil:

    wiki/
book/
book.toml
labci.fossil

Abrir el repositorio y agregarle contenidos.

Desde powershell, en la carpeta de trabajo (la misma del paso anterior) ejecutamos:

fossil open {mi-repo}.fossil --keep

Debería aparecer algo de este estilo:

Pull from https://mutabit.com/repos.fossil/labci/
Round-trips: 1   Artifacts sent: 0  received: 0
Pull done, wire bytes sent: 321  received: 347  remote: 45.55.37.99
project-name: <unnamed>
repository:   C:/Users/lab-info/Documents/Repositorios/LabCI/labci.fossil
local-root:   C:/Users/lab-info/Documents/Repositorios/LabCI/
config-db:    C:/Users/lab-info/AppData/Local/_fossil
project-code: f31c90d73aa8bcba82a7abdba8256ac314184da6
checkout:     1308ac36af92f70aae85698b72f03eb8751a2775 2025-03-02 23:19:18 UTC
tags:         trunk
comment:      initial empty check-in (user: offray)
check-ins:    1

:::info La bandera (o el flag) --keep indica que si la carpeta donde abriremos el repositorio tiene contenidos, queremos mantenerlos (keep) :::

Agregraremos archivos al repositorio. En particular, todos los que están en la subcarpeta wiki.

fossil add wiki/*

La salida debería ser algo de este estilo:

ADDED  wiki/chapter_1.md
ADDED  wiki/herramientas/mdbook.md
ADDED  wiki/presentacion.md
ADDED  wiki/SUMMARY.md
ADDED  wiki/unisemanticas/portafolio/alexnet.md
ADDED  wiki/unisemanticas/portafolio/markdown.md
ADDED  wiki/unisemanticas/portafolio/metacognitivas.md
ADDED  wiki/unisemanticas/portafolio/shirky.md
ADDED  wiki/unisemanticas/sesiones/25A9.md

:::info Adicionar archivos a un repositorio es una manera de indicar que queremos estar pendientes de su historia, es decir de los cambios en esos archivos. :::

Haremos nuestro primer commit.

fossil commit -m "Iniciando con los primeros archivos del wiki."

Y aparecerá algo de este estilo:

Pull from https://mutabit.com/repos.fossil/labci/
Round-trips: 1   Artifacts sent: 0  received: 0
Pull done, wire bytes sent: 394  received: 347  remote: 45.55.37.99
New_Version: 2779f106596d5546cc8ee6a46d66c2c6913d00ffd8e4eec4fa474cd330a369e6
Sync with https://mutabit.com/repos.fossil/labci/
Round-trips: 1   Artifacts sent: 6  received: 0
Sync done, wire bytes sent: 6268  received: 345  remote: 45.55.37.99
Warning: The check-in was successful and is saved locally but you
         are not authorized to push the changes back to the server
         at https://mutabit.com/repos.fossil/labci/

Lancemos ahora la interfaz web local:

fossil ui

Veremos algo como esto:

  1. Es la línea de tiempo local (en mi propia máquina).
  2. Es el check-in.

Si hacemos click en el el checkin veremos el detalle de los archivos que fueron agregados o editados de alguna manera en ese cambio:

breaks: false

Sincronización de repositorios

En la sesión anterior, creamos el repositorio remoto, hicimos una copia (clon) local y agregamos archivos al mismo. En esta sesión haremos cambios a esos archivos y sincronizaremos de vuelta el repositorio local con el remoto.

:::success Modificar el archivo presentacion.md colocando una breve presentación personal de cada aprendiz. :::

Una vez hallamos publicado el repositorio en línea veremos esto:

Y si miramos el repositorio local, en la medida que le hagamos cambios, lo veremos reflejado en su línea de tiempo.

Esta desincronización normal que está ocurriendo, invita a resincronizar nuestras líneas de tiempo locales y remotas. Esto es lo que haremos en la siguiente parte.

Si revisamos nuestro último mensajes despúes del commit, debe decir algo como esto:

Pull from https://chiselapp.com/user/lgruben2002/repository/Rubenrepositorio
Round-trips: 1   Artifacts sent: 0  received: 0
Pull done, wire bytes sent: 420  received: 367  remote: 74.208.229.64
New_Version: efb5a0c6d9c3d4538f0c55abdc2175edef26f6d82cf544ea917bb391617ecde4
Sync with https://chiselapp.com/user/lgruben2002/repository/Rubenrepositorio
Round-trips: 1   Artifacts sent: 2  received: 0
Sync done, wire bytes sent: 1243  received: 364  remote: 74.208.229.64
Warning: The check-in was successful and is saved locally but you
         are not authorized to push the changes back to the server
         at https://chiselapp.com/user/lgruben2002/repository/Rubenrepositorio

Revisemos las últimas 4 líneas:

  • Sync done, wire bytes sent: 1243 received: 364 remote: 74.208.229.64: La sincronización fue hecha. Cuántos bits se enviaron y recibieron y a qué servidor (dirección IP).

  • Warning: The check-in was successful and is saved locally but you are not authorized to push the changes back to the server at.

    Advertencia: el checkin fue enviado exitosamente y está salvado localmente pero usted no está autorizado a empujar cambios de regreso al servidor.

Vamos a acreditarnos ante el repositorio remoto, de manera que contemos con esos permisos para empujar los cambios.

fossil sync https://{usuario}@chiselapp.com/user/{usuario}/repository/{mi-repositorio}

Si la sincronización fue exitosa deberíamos ver algo como esto:

Round-trips: 2   Artifacts sent: 16  received: 0
Sync done, wire bytes sent: 3935  received: 1253  remote: 74.208.229.64

El mensaje Sync done, se refiere a que la sincronización fue terminada exitosamente. Ahora veamos la línea de tiempo remota del repositorio:

:::success Compartir los enlaces a las líneas de tiempo de los repositorios remotos de cada aprendiz, después de este recuadro. :::

:::success Adicionar al repositorio de cada cual el archivo book.toml de la carpeta raíz y hacer un commmit. :::

Si cliquamos en el checkin deberíamos ver las línes de configuración:

Revisando los portafolios de cada aprendiz

EDUAR DAZA

RUBÉN TORRES

Corte 1

Corte 1 (continuación)

Entornos de publicación reproducibles y herramientas amoldables

Entornos de publicación reproducibles y herramientas amoldables (cont)

Libretas computacionales y lectura hipertextual

Live Coding (programación en vivo)

Flujos documentales computacionales

Control de lectura interactiva e hipertextual

Representando y procesando datos en Pharo

breaks: false

Introducción al pensamiento algorítmico

Continuar el ejercicio de evaluación de la participación proactiva, usando el listado de repositorios de la sesión 13.

:::info La narrativa de datos construida durante esta sesión pueden encontrarse cliqueando en:

Revisando la participación continua

:::

:::success Si tenemos acceso al código fuente en Markdown de la sesión 13, escribir una secuencia de instrucciones finita que diga cómo tomar dicho código fuente y obtener las direcciones de cada repositorio para cada estudiante. Crear una subsección con los passos para cada cual, a continuación de este recuadro.

Al final de la secuencia se debería tener, para cada estudiate, el nombre del/la estudiante y en enlace a su repositorio de código. :::

Estrategia de fulane

  1. Tomar el código fuent en Markdown de la sesión 13 y dividirlo por lineas.
  2. En cada una de las lineas verificar si la línea contiene un enlace.
  3. En caso de que lo contenga hacer ...

Estrategia Rubén Torres

A continuación se hará un breve recuento de como logramos realimentar el ejercicio de enseñanza y la actividad en tiempo real a través del timeline de chiselapp

  1. Se ingresa inicialmente a la [sesión 13 de markdown].(https://docutopia.sustrato.red/unisema:25A13?both)
  2. Se valida la relación de timeline publicado por los diferentes asistentes, y que direcciones tienen los repositorios(Chiselapp).
  3. Se revisan las líneas que tengan enlaces a Chiselapp y que en el dominio se encuentren partes coincidentes.
  4. Se verifica el código fuente de lo que está asociado a cada estudiante
  5. una vez se ingresa a uno de los repositorios, este remitirá directamente al timeline, momento en el que daremos clic sobre el "Check-in".

4. Una vez se haya dado clic, podremos vusualizar las diferentes modificaciones realizadas en nuestro portafolio, tanto las eliminadas (1) como adicionadas (2)

4. Para que podamos tener dicha visualización es importante que en GTK hayamos guardado los cambios de nuestro documento interactivo y generar la visualización previa

Estrategia Valentina Vanegas

¿Cómo podemos evaluar la participación de los inscritos a la clase a través de a línea de tiempo de la sesión #13?

  1. Lo primero es verificar el listado de repositorio que fueron enlazados en dicha sesión.
  2. Vemos que 10 personas participaron y enlazaron la línea de tiempo trabajada en Chiselapp.
  3. Se realiza la respectiva verificación de cada enlace.
  4. Todos parecen estar funcionando correctamente ✅.
  5. Una vez realizada la verificación, puedo llevar desde la vista de markdown es decir, el código fuente a mi glamorous o a mi repo en Lite.

Estrategia Juan Pablo Arias Romero

  1. Ubicar la página en la que se encuentran las líneas del tiempo del grupo.
  2. En Glamorous abrir una nueva hoja de trabajo.
  3. En la hoja de trabajo, se abre una una secuencia de Pharo para introducir el código con el que se va ejecutar la recopilación de la líneas del tiempo del grupo.
  4. un ejmplo del código sería el utilizado en la sesión anterior

Eatrtegia - Maxi López

  1. Yo arranco por entender el proposito de la instruccción.
  2. Luego ubico la información que requiero para el desarrollo de la actividad.
  3. Posteriormente identifico la estructura de la información, en este caso, si esta subdividida, si las líneas tienen enlaces y si estos enlaces me llevan a la información que dicen contener.
  4. Luego, tomaría el código fuente con las direcciones de los repositorios y los copio en un apágina nueva de Glamorous, para poder ejecutarlo.
  5. En Glamorous, se crearía la esctructura

Estrategia - Thomas Martínez

  1. Verificaría cada uno de los enlaces para poder comprender de cuantos repositorios estamos por revisar.
  2. Una vez verificados se procede a ingresar a cada uno de los enlaces los cuales se tomarán para poder dar ubicación a cada uno.
  3. abriría una nueva página en glamorous en donde pondría cada uno de los enlaces anteriormente mencionados y posteriormente los catalogaría.
  4. finalmente exportaría el código de glamorous.

Estrategia Dario Montenegro

Postcondición Validar la cantidad de fuentes reportadas en la sesión 13. Al final de procedimiento debemos tener 10 direcciones de repositorios, una para cada estudiante, con su respectivo nombre.

  1. Dividir el documento 13 en líneas.

  2. Revisar las líneas donde se encuentran las direcciones de los repositorios.

    • ¿Cuáles líneas contienen direcciones de ChiselApp?

  3. Al identificar las líneas de los repositorios puedo comenzar con el código en Glamorous para traer el repositorio de cada persona.

  4. Por medio del código fuente, revisar si todas las direcciones se puede ingresar directamente al repositorio usando el navegador web.

Estrategia Nestor Fabian Cristancho

  1. Seguir las intrusiones e indicaciones dadas en la clase 13 Corte1.
  2. Identificar la información que se encuentra en la clase 13 donde interactuamos el profesor y el estudiante.
  3. Revisar las líneas de tiempo de cada participante para ver se funcionan y si lo llevan al sitio indicado.
  4. Determinar lo parámetros estipulados por el profesor si las líneas de tiempos están completas (Mirar los avances).
  5. Después de ver e identificar el código de fuente y el dominio y llevar las líneas de tiempo al Lite-xl.exe y glamorous, y así estar actualizado en los diferentes sitios.

breaks: false

Socialización: Challenge Yourself

Usaremos nuestro sistema de selección al aza de portafolios, que hemos venido desarrollando para revisar los avances en el ejercicio de Challange Yourself, dejando una huella de tales selecciones, al margen de la asistencia síncrona a clase, aunque escuchando a quienes asisten y participan activamente.

Seleccionando un/a estudiante al azar tenemos:

https://chiselapp.com/user/dariomontenegro/repository/Repositorio/timeline

Revisando el sistema de archivos de este repositorio podemos ver que el capítulo de Challenge Yourself

Lectura hipertextual interactiva de portafolio

:::success Empezaremos a hacer anotaciones colectivas via Hypothesis y mirando dónde aplican para el caso propio. Entre otras revisaremos

  • La completitud (5 secciones con varios ejercicios por sección)
  • El formateo, de acuerdo a lo explicado.
  • La correctitud sintática

Y miraremos cómo esos casos aplican al portafolio propio. Enlazar a continuación las líneas de tiempo de los estudiantes presentes :::

Actividad autónoma

:::success Segundo Corte La siguiente semana tener el portafolio actualizado con todas las actividades desde el primer corte hasta acá, incorporando las observaciones hechas durante las sesiones presenciales.

Dichas actividades incluyen, de manera general:

  • Narrativas de datos (challange yourself)
  • Lectura anotada en Hypotesis (Represetando y procesando datos en Pharo).
  • Actividades de clase (Mi interpretación de la experiencia de live coding, entre otras)
  • Mapas mentales de Anjana Vakil
  • Las mejoras a las observaciones pertinentes, anteriore (ejp: portada de portada del portafolio o que los nuevos mapas incorpores las observaciones a los anteriores). :::

breaks: false

Socialización: Challenge Yourself (parte 2)

Continuaremos haciendo la lectura anotada hipertextual e interactiva del estudiante seleccionado al azar la sesión anterior:

https://chiselapp.com/user/dariomontenegro/repository/Repositorio/timeline

Revisando el sistema de archivos de este repositorio podemos ver que el capítulo de Challenge Yourself

Y seleccionaremos estudiantes al azar para ir revisando los ejercicios colocados en línea:

  • Lizeth Colorado: ausente.

Esta conversación se aclara con la lectura Representando y procesando datos en Pharo

Preguntas

¿Qué es la llavecita de tuercas?

La llave que aparece al lado de ciertos mensajes u objetos indica que Glamorous Toolkit no reconoce a ese elemento. Si la cliqueamos nos dará opciones: o bien crear ese elemento desconocido o bien usar alguno que se llama parecido y que sí conoce.

Sin embargo esto no afecta para nada las reglas que hemos visto, es un aspecto de interfaz gráfica de usuario y no un elemento subyacente de las reglas de sintaxis o tipos de datos básicos vistos hasta el momento, ni se refiere a las distintciones entre clase e instancia.

breaks: false tags: unidades semánticas

Caja de herramientas

En sesión pasada, dijimos que usaríamos una caja de herramientas particular. En esta sesión la configuraremos y empezaremos a usar.

Consola de comandos

:::success

  1. Leer el hipertexto sobre la Consola o terminal de comandos.
  2. Abrir la consola de comandos o terminal. :::

Instaladores o gestores de Software.

Desde la consola de comandos, instalar el siguiente software:

:::success

  1. Leer la documentación de Scoop.
  2. Seguir los pasos para instalarlo.

Importante: No hacer los pasos de la instalación portable. :::

:::success Usando Scoop instalar Git. :::

Capturadores de pantalla: flameshot

:::success Con scoop, instalar Flameshot :::

Mapas mentales: Freeplane

:::success

  1. Con scoop, instalar Freeplane.
  2. Hacer una captura de pantalla de la terminal o consola con Flameshot, una vez hallamos terminado la instalación, y pegarla abajo en la sección del portapapeles. :::

Una vez hallamos terminado la instalación de Freeplane, veremos algo como esto en la consola:

Installing 'freeplane' (1.12.8) [64bit] from 'extras' bucket
freeplane_bin-1.12.8.zip (58,5 MB) [==========================================================================] 100%
Checking hash of freeplane_bin-1.12.8.zip ... ok.
Extracting freeplane_bin-1.12.8.zip ... done.
Linking ~\scoop\apps\freeplane\current => ~\scoop\apps\freeplane\1.12.8
Creating shim for 'freeplane'.
Making C:\Users\lab-info\scoop\shims\freeplane.exe a GUI binary.
Creating shortcut for Freeplane (freeplane.exe)
'freeplane' (1.12.8) was installed successfully!
'freeplane' suggests installing 'java/openjdk11' or 'java/openjdk17'.

Démonos cuenta de las dos últimas líneas en este mensaje:

'freeplane' (1.12.8) was installed successfully!
'freeplane' suggests installing 'java/openjdk11' or 'java/openjdk17'.

:::success Con scoop, instalar java/openjdk17 :::

Actividad auónoma

:::success

Leer la documentación en línea sobre Freeplane y construir un mapa mental con los elementos más relevantes del video que vimos la sesión pasada

Importante El mapa mental debe tener:

  • Secuencia y jerarquía de ideas importantes y las ideas contenidas dentro de ellas.
  • Recursos visuales que amplíen la idea.
  • Posturas y/o inquietudes personales sobre las ideas presentadas.

Un esquema de mapa mental que siga las recomendaciones debería lucir más o menos así:

Y es importante traer a clase, tanto el archivo del mapa (terminado en .mm), como la carpeta nombrada similar (terminada en _files) donde están las imágenes que se anexaron al mapa:

:::

Portapapeles

Si la adición de un bucket es correcta debería aparecer algo como:

scoop bucket add extras
Checking repo... OK
The extras bucket was added successfully.

Pantallazo de instalación de Freeplane.

Una vez instalado, me aparecion de la siguiente forma la interfaz: Maxi López-Gómez

Evidencia instalación freeplane Rubén Darío Torres

EDUAR DAZA

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Unidades semánticas corte 2

Linea de Tiempo - Lizeth Colorado

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Ejercicios de Markdown

:::success Tutorial de Markdown

  • Duración: 10 a 15 minutos

Crear una subpágina en HedgeDoc/Docutopia, desde el navegador web con la siguiente convención

  1. La primera parte corresponde al dominio web:

    https://docutopia.sustrato.red/

  2. La segunda parte, que agregamos a la anterior, corresponde al correo del usuario institucional:

    https://docutopia.sustrato.red/offray.luna

  3. La tercera parte, que agregamos a la anterior, corresponde al ejercio particular que esa persona está hacido, unido a la primera por :

    https://docutopia.sustrato.red/offray.luna:Markdown

  4. Seguir el Tutorial de Markdown, pegando las lecciones desarrolladas en la subpágina personal anteriomente creada.

  5. Durante el ejericio y después del recuadro verde, pegar la dirección con el tutorial :::

Solución paso a paso

Utilizando el Tutorial en línea.

Cursivas y Negrita

Cursiva:

Para poner una palabra o palabras en cursiva en Markdown, debe poner al inicio y al final de las palabra un guión bajo (_ )

¡Escribir en Markdown no es difícil!

Negrita

Para poner una palabra o palabras en negrita en Markdown, debe poner al inicio y al final de las palabra dos asteriscos ( ** ) ¡Completaré estas lecciones!

Combinado

Se puede utilizar tanto las cursivas como negritas en la misma línea. También puede abarcar múltiples palabras.

"Por supuesto", susurró ella. Entonces, gritó: "Todo lo que necesito es un poco de moxie!"

En algunas palabras en negrita y cursiva.En general, no importa en qué orden ponga los asteriscos o los guiones bajos.

Si está pensando, Esto es increible, probablemente está en lo correcto.

Encabezados

Los encabezados son utilizados frecuentemente en sitios web, artículos en revistas o noticias, para llamar la atención sobre una sección. Tal como su nombre indica, estos actúan como títulos o subtítulos sobre secciones.

Existen seis tipos de encabezados, en tamaños decrecientes:

Encabezado uno

Encabezado dos

Encabezado tres

Encabezado cuatro

Encabezado cinco
Encabezado seis

Para realizar encabezados en Markdown, debe comenzar la frase con el símbolo de la almohadilla (#). Debe colocar el mismo número de almohadillas como el tamaño del encabezado que quiera crear. Por ejemplo, para un encabezado de tipo uno, necesitaría utilizar una almohadilla (# Encabezado uno), mientras que para un encabezado tres, necesitaría utilizar tres (### Encabezado tres).

Encabezado y cursiva

No puede hacer que el encabezado este en negrita, pero sí se puede poner en cursiva ciertas palabras.

El Simbolismo Colombiano en Cien años de soledad

Algunas palabras sobre el libro Cien años....

Enlaces

Existen dos tipos diferentes de enlaces en Markdown, pero ambos funcionan de forma similar.

  1. Enlace en línea: El primer tipo de enlace es el llamado enlace en línea. Para crear un enlace en línea, hay que encerrar el texto del enlace entre corchetes ( [ ] ), y después encerrar el enlace entre paréntesis ( ( ) ).

Búscalo

También puede dar énfasis a los textos de los enlaces, si desea. Usted realmente, realmente quiere ver esto.

También puede crear enlaces dentro de encabezados.

Las últimas noticias desde la BBC

  1. Enlace de referencia: Como el nombre implica, el enlace es una referencia a otro lugar en el documento. Este es un ejemplo sobre ello: Aquí hay un enlace a otro lugar Aquí hay otro enlace más Y de nuevo regresamos al primer enlace

Las "referencias" anteriores son los segundos pares de corchetes: otro lugar y otro-enlace. Al final de un documento en Markdown, esos corchetes están definidos de forma apropiada como enlaces a sitios externos. Una ventaja del tipo de enlace en referencia es que múltiples enlaces al mismo sitio sólo necesitan ser actualizados una sola vez.

Los enlaces de referencia no aparecen en el archivo final renderizado desde el formato Markdown. Están definidos dándoles el mismo nombre de etiqueta encerrada entre corchetes, seguido de dos puntos y seguido del enlace.

¿Quiere ver algo divertido(www.zombo.com)?

Bien, tengo el sitio web para usted(www.stumbleupon.com)!

Imágenes

Las imágenes también tienen dos estilos, igual que los enlaces y ambos funcionan de manera similar. La diferencia entre los enlaces y las imágenes es que en el código de las imágenes están precedidas por un símbolo de exclamación ( ! ).

  1. El primer estilo de imagen es llamado, un enlace en línea a una imagen. Para crear un enlace en línea a una imagen, escriba primero un símbolo de exclamación ( ! ), encierre el texto entre corchetes ( [ ] ), y después encierre el enlace entre paréntesis ( ( ) ). (El texto entre corchetes es una palabra o frase que sirve para describir la imagen para personas ciegas.)

Un bonito tigre

Aunque no es necesario añadir el texto entre corchetes para que funcione de igual manera, hará que el contenido creado sea accesible para su audiencia, incluyendo personas que son ciegas, utilizan lectores de pantalla, o no tienen conexiones rápidas de internet.

  1. Para las imágenes incluidas como referencia, seguiremos el mismo patrón que para los enlaces de referencia. Deberá preceder el código de Markdown con un símbolo de exclamación, después dos corchetes para el texto y dos corchetes más para la etiqueta de la imagen. Al final de su página de Markdown, definirá la imagen correspondiente para esa etiqueta, de esta manera: ![El padre fundador][Padre] Al final de su página de Markdown, definirá una imagen para la etiqueta, de esta manera: [Padre]: http://octodex.github.com/images/founding-father.jpg.

Gato negro

Gato naranja

Citas

Si necesita hacer una llamada de atención a una cita de otra fuente, o incluir una cita de una revista, entonces la sintaxis cita de Markdown's será útil. Una cita es una frase o párrafo que a la que se la ha dado un formato específico para llamar la atención del lector. Por ejemplo:

"El pecado de no hacer nada es el más mortal de los siete pecados. Se ha dicho que para que los hombres malvados logren su propósito, solo es necesario que los buenos hombres no hagan nada".

Para crear una cita, todo lo que tiene que hacer es añadir al inicio de la línea el símbolo de "mayor que" (>).

Leí esta interesante cita hace unos días:

"Sus ojos lo habían llamado y su alma había saltado a la llamada. ¡Vivir, errar, caer, triunfar, recrear la vida de la vida!"

También puede colocar un símbolo en cada línea de la cita. Esto es particularmente útil si su cita ocupa múltiples párrafos. Cabe destacar que incluso las líneas en blanco deben contener el símbolo. Esto asegura que toda la cita está agrupada en conjunto.

Allá en otros tiempos (y bien buenos tiempos que eran), había una vez una vaquita (¡mu!) que iba por un caminito. Y esta vaquita que iba por un caminito se encontró un niñín muy guapín, al cual le llamaban el nene de la casa...

Este era el cuento que le contaba su padre. Su padre le miraba a través de un cristal: tenía la cara peluda.

El era el nene de la casa. La vaquita venía por el caminito donde vivía Betty Byrne: Betty Byrne vendía trenzas de azúcar al limón.

Las citas pueden contener otros elementos de Markdown como por ejemplo cursiva, imágenes o enlaces:

Se apartó bruscamente de ella, temeroso de que de la familiaridad pasase a las burlas y deseando desaparecer antes de verle ofrecer su mercancía a otra persona, a un turista inglés o a un estudiante de Trinity. La calle por donde caminaba, Grafton Street, prolongaba aquella sensación de desalentada pobreza. Al extremo de la calle había una placa dedicada a la memoria de Wolfe Tone. Le vino a la memoria el haber asistido con su padre a la colocación de ella. Y evocaba con amargura el oropel chillón de la ceremonia. Había cuatro delegados franceses subidos en una camioneta y uno de ellos, un joven rollizo y sonriente, sostenía un palo, al extremo del cual había un cartel con este letrero: VIVE L'IRLANDE!

** Listas**

Existen dos tipos de listas en el universo conocido: sin orden y ordenadas. Esa es una manera muy vistosa de decir que existen listas en las que delante de cada elemento hay simplemente un punto y listas precedidas de números.

  1. Para crear una lista sin orden, deberá escribir delante de cada elemento de la lista un asterisco ( * ). Cada elemento de la lista tendrá su propia línea.
  • Harina
  • Queso
  • Tomates

  1. Una lista ordenada va precedida con números, en vez de asteriscos.

  2. Cortar el queso

  3. Pelar los tomates

  4. Rebozar los tomates en harina

Puede escoger añadir cursiva, negrita o enlaces dentro de las listas, como puede imaginar.

  • Azalea (Ericaceae Rhododendron)
  • Crisantemo (Anthemideae Chrysanthemum)
  • Dalia (Coreopsideae Dahlia)

De manera ocasional, podría tener la necesidad de crear una lista con campos anidados creando una lista dentro de otra. No tema, porque la sintaxis de Markdown es exáctamente la misma. Todo lo que necesita recordar es hacer sangrado o separación del margen de cada asterisco de un espacio o más que el elemento del campo anterior. Por ejemplo, en la lista siguiente, vamos a añadir algunas listas secundarias para cada elemento principal de la lista, describiendo a los personajes más en detalle:

  • Silvestre
    • Tornasol
    • Profesor
    • No tiene pelo
    • Suele vestir de verde
  • Castafiore
    • Cantante de ópera
    • Tiene el pelo blanco
    • Puede que no este muy bien de la cabeza

Aunque podría añadir listas añadidas de manera indefinida, normalmente es buena idea no sobrepasar los tres niveles, de otra forma el texto podría convertirse en un enredo.

Hay todavía un truco más sobre las listas y el sangrado, que vamos a ver y que tiene que ver con el caso de utilizar párrafos. Supongamos que quiere crear un elemento de la lista que requiere un contexto adicional (pero no en otra lista)

Por ejemplo, podría tener este aspecto:

  1. Cascar los huevos en un recipiente.

    Ahora, va a cascar los huevos de forma que no sea un desastre.

    ¡Si causa un desastre, utilice papel de cocina o un paño para limpiarlo!

  2. Agregar un litro de leche al recipiente.

    Básicamente, tome la misma recomendación que en el punto anterior: no ensucie todo, pero si lo hace ¡límpielo!

  3. Frotar el salmón con la mantequilla.

    Realice movimientos verticales. Julia Child una vez bromeó

    Arriba y abajo y por todas partes, así es como se unta mantequilla al salmón.

  4. Pasar el salmón por el recipiente con los huevos y la leche.

    Aquí tiene algunas técnicas para realizarlo:

    • Asegúrese que no hay truchas ni niños presentes
    • Utilice ambas manos
    • Tenga siempre papel de cocina o un paño para limpiarse en caso de desastre.

Para crear este tipo de texto ordenado, su párrafo debe comenzar en una línea por debajo del punto correspondiente, y debe estar desplazado del margen del punto por lo menos un espacio.

  1. Cascar los huevos en un recipiente.

    Ahora, va a cascar los huevos de forma que no sea un desastre.

    ¡Si causa un desastre, utilice papel de cocina o un paño para limpiarlo!

  2. Agregar un litro de leche al recipiente.

    Básicamente, tome la misma recomendación que en el punto anterior: no ensucie todo, pero si lo hace ¡límpielo!

  3. Frotar el salmón con la mantequilla.

    Realice movimientos verticales. Julia Child una vez bromeó

    Arriba y abajo y por todas partes, así es como se unta mantequilla al salmón.

  4. Pasar el salmón por el recipiente con los huevos y la leche.

    Aquí tiene algunas técnicas para realizarlo:

    • Asegúrese que no hay truchas ni niños presentes
    • Utilice ambas manos
    • Tenga siempre papel de cocina o un paño para limpiarse en caso de desastre.

Tenga en cuenta que los primeros dos elementos tienen un espacio simple. Esto parece un poco raro, así que quizás quiere darle la indentación adecuada para que coincidan la alineación de los caracteres (como los elementos tres y cuatro). En estos párrafos, puede incluir todo tipo de otros elementos de Markdown , como citas, o ¡incluso otras listas!

En el recuadro inferior, convierta todos los puntos de la lista en sus propios párrafos.

  1. Cortar el queso Asegúrese de que el queso está cortado en pequeños triángulos.

  2. Pelar los tomates Tener cuidado con el cuchillo. Para más información pelando el tomate, ver el ensayo de Thomas Jefferson: Tom Ate Those.

Parrafos:

Markdown tiene varias formas de dar formato a los párrafos.

Tomemos algunas líneas de una poesía como ejemplo. Supongamos que queremos escribir texto que tenga la siguiente apariencia:

¿Qué me contradigo? Sí, me contradigo. Y ¿qué?, (Yo soy inmenso y contengo multitudes.)

Ahora, podría pensar que simplemente escribiendo cada verso en su propia línea sería suficiente para resolver el problema:

¿Qué me contradigo? Sí, me contradigo. Y ¿qué?, (Yo soy inmenso y contengo multitudes.) ¡Desafortunadamente, estaría equivocado! Este texto en Markdown una vez renderizado simplemente se mostraría todo en una única línea: ¿Qué me contradigo? Sí, me contradigo. Y ¿qué?,(Yo soy inmenso y contengo multitudes.).

Si fuerza a insertar una nueva línea, al final esto rompería el conjunto:

¿Qué me contradigo?

Sí, me contradigo. Y ¿qué?,

(Yo soy inmenso y contengo multitudes.) Esto es lo que es conocido como ruptura dura; lo que nuestra poesía necesita es una ruptura blanda. Puede conseguir esto insertando dos espacios después de cada nueva línea. Esto no es posible de mostrar, ya que los espacios son invisibles, pero tendría este aspecto:

¿Qué me contradigo?·· Sí, me contradigo. Y ¿qué?,.. (Yo soy inmenso y contengo multitudes.) Cada punto ( · ) representa un espacio del teclado.

Aquí estoy
en el lagar de la sidra, probando la pulpa melosa y pardusca
y chupando con una paja el jugo fermentado.

Además de dar formato a las poesías, uno de los usos más comunes de estas rupturas débiles es a la hora de dar formato en listas de párrafos. Recordemos en la lección anterior que insertamos una nueva línea para múltiples párrafos dentro de una lista.

  1. Cascar tres huevos en un recipiente. Ahora, va a cascar los huevos de forma que no sea un desastre. ¡Si causa un desastre, utilice papel de cocina o un paño para limpiarlo!

  2. Agregar un litro de leche al recipiente. Básicamente, tome la misma recomendación que en el punto anterior: no ensucie todo, pero si lo hace ¡límpielo!

    ¡Ha completado todas las lecciones!

Lo crea o no, sólo acabamos de empezar a explorar lo que se puede lograr con Markdown. Hay muchas implementaciones “extendidas” de Markdown que dan soporte a formatos como tablas, listas de definición, notas a pie de página y más. Ya que no son estándares, no son esenciales para aprender los conceptos básicos, que hemos presentado aquí.

Si le gustaría aprender más sobre esas implementciones de Markdown, está invitado/a a explorar cualquiera de estas otras apicaciones y tutoriales sobre Markdown. Aquí hay algunas opciones:

https://daringfireball.net/projects/markdown/

https://spec.commonmark.org/dingus/

https://johnmacfarlane.net/babelmark2/faq.html

https://www.markdownguide.org

https://dave.autonoma.ca/blog/2019/05/22/typesetting-markdown-part-1/

http://idratherbewriting.com/2013/06/04/exploring-markdown-in-collaborative-authoring-to-publishing-workflows/

https://en.wikipedia.org/wiki/Markdown#Example

https://docs.gitlab.com/ee/user/markdown.html

https://docs.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Mapa mental de AlexNet

Mapa mental de AlexNet

:::success Leer la documentación en línea sobre Freeplane y construir un mapa mental con los elementos más relevantes del video que vimos la sesión pasada.

Importante El mapa mental debe tener:

  • Secuencia y jerarquía de ideas importantes y las ideas contenidas dentro de ellas.
  • Recursos visuales que amplíen la idea.
  • Posturas y/o inquietudes personales sobre las ideas presentadas.

Es importante traer a clase, tanto el archivo del mapa (terminado en .mm), como la carpeta nombrada similar (terminada en _files) donde están las imágenes que se anexaron al mapa. :::

Respuesta

Socialización referente a al video sobre las IA en expecifico el desarrollo y funcionamiento de Alexnet, el cual se explica como un modelo de inteligencia artificial que revolucionó la visión por computadora al usar redes neuronales profundas para clasificar imágenes a gran escala y por medio de este avance se logro que las máquinas aprendierean de grandes conjuntosde datos de manera efectiva, mejorando aplicaciones como el reconocimiento facial y la personalización de contenido. El impacto que ha llevado, ha permitido obtener un enfoque más generalizado en el uso de IA en diferentes áreas de nuestra vida cotidiana.

  • Mapa mental - Alexnet Mapa mental de AlexNet por Lizeth

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Estrategias metacognitivas

:::success Estrategias metacognitivas

Crear una subpágina titulada metacognición, Markdown, donde documentemos la siguiente pregunta

Cuando nos enfrentamos a aprender algo, ¿cómo sabemos qué sabemos/entendemos de ese tema? ¿Cómo sabemos qué ignoramos del mismo? ¿Cómo disminuimos lo que ignoramos para aumentar/afianzar lo que sabemos?

Dar explicación general y ojalá acompañada de ejemplos concretos. En particular nos interesa evidenciar y conversar de las estrategías autónomas y entre pares. :::

Respuesta

Actividad autonoma

Cuando nos enfrentamos a aprende algo:

  • ¿Cómo sabemos qué sabemos/entendemos de ese tema?
  • ¿Cómo sabemos qué ignoramos del mismo?
  • ¿Cómo disminuimos lo que ignoramos para aumentar/afianzar lo que sabemos?

Dar explicación general y ojalá acompañada de ejemplos concretos. En particular nos interesa evidenciar y conversar de las estrategías autónomas y entre pares.

Respuesta:

  • Al momento de enfrentarnos a aprender algo, para saber cómo sabemos de un tema nuevo que lo entendemos, pienso que se pueden utilizar diferentes herramientas, como crear una reflexión personal acerca de preguntarnos a sí mismos: "¿Qué es lo que ya conocemos?".Y, de esa forma, saber si entendemos con claridad sobre este tema, esto permitiéndonos evaluarnos sobre este; pienso que otra herramienta puede ser enriquecedora al momento de enfrentar lo que sabes, puede ser entablar conversaciones con personas que tengan un dominio del tema, para continuar con esa evaluación de lo que aprendemos. De forma autónoma, pienso que podemos enriquecernos con la información que nos ofrecen documentos, libros, ver videos o conferencias relacionados con los temas que estamos aprendiendo. Y con el fin de crear una práctica de todo lo que hemos estudiado para así evaluar si nuestro conocimiento adquirido es certero o carece aún de mayor conocimiento. Ya teniendo conocimientos clave podriamos pensar que tenemos conociemto en algo, ya que me da la posibilidad de compartir mis conocimientoscon otros, y enriqueciendo o aprendiendo diario en adelante. Imagen tomada en linea de pexels

  • Pienso que, para crear una identificación de nuestra ignorancia en temas conocidos y demás, y lograr disminuirla de manera positiva, considero que es fundamental adoptar herramientas que permitan crear la formulación de preguntas tanto abiertas, permitiendo una autoevaluación y realizar una valoración con otros, lo que nos permite descubrir conceptos que aún no hemos dominado. Una vez que identificamos estas brechas, podemos llenarlas mediante un plan de estudio estructurado, la búsqueda de recursos educativos específicos, la participación activa en grupos de estudio y la enseñanza a otros; estas prácticas no solo consolidan lo que sabemos, sino que también revelan nuevas dudas, generando así un ciclo de aprendizaje dinámico y enriquecedor. Img, tomada en linea

  • Al momento de querer aprender, en lo personal me gusta tener presente estas herramientas que mencioné en la primera respuesta, cosas como leer, escuchar cosas relacionadas y demás. Por ejemplo, el tema de la cocina, las recetas y demás son temas que me llaman la atención, y me gusta ver videos o series acerca de esto, en donde aprendo tips, recetas y demás, que después trato de poner en práctica y aun así, poco a poco voy logrando obtener una experiencia y un enriquecimiento sobre este tema, esto siempre lo busco realizar tanto en temas de gusto personal como en temas digitales.

Imagen tomada en línea

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Podrá el código abierto cambiar la democracia

Actividad 6 - Actividad autónoma

Mapa mental How Internet will Transform the goverment

:::success Hacer un mapa mental, siguiendo las recomendaciones previas sobre el video How Internet will (one day) Transform the goverment :::

RESPUESTA

En el video de How Internet will (one day) Transformthe goverment, de Clay Shirky, Se evidencia una importancia referente a la colaboración y la apertura en el sentido de la programacióndel código abierto. Día a día es mayoe la evidencia del poder que la tecnología y como este puede generar cambios en la sociedad, ademas que la importancia de generar y mantener una voluntad frente a la participación ciudadana referente a la toma de decisiones. La necesidad de adaptar herramientas colaborativas a la democracia y el gobierno, como puede ser la tecnología que puede facilitar la colaboración y la democracia de la información, reflejando la importancia y la paarticipación en la sociedad actual. Estos aspectos se pueden relacionar con mi cotidiano en términos de cómo la tecnología y la colaboración pueden impactar en la forma en que se toman decisiones en mi comunidad, en mi trabajo y en mi vida personal. También me hace reflexionar sobre la importancia de la transparencia y la participación ciudadanaen la sociedad actual.

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Dimensiones icónicas, enactivas y simbólicas de la computación - Parte 1

Socializando las historias personales y colectivas de la computación

  • Intervención personal:Mi primera integración con las computadoras fue en las clases de sistemas en primaria, donde nos enseñaban lo básico sobre el software y hardware, y el buscar en mi primera encarta para realizar tareas y exploración de los demás programas de su momento
  • Conocimiento colectivo: inicio como invento de maquino para cálculo mecanico. Mi primera encarta como de las primeras herramientas con las que tuve relación, en el uso del computador

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Mapas mentales sobre las charlas de Anjana Vakil

:::success Hacer el mapa mental de las charlas de Anjana Vakil:

  • Programming accross paradigms

    {%youtube j5Oys1aL27w %}

  • Object Oriented Programming is not what I thought {%youtube TbP2B1ijWr8 %}

El mapa debería ser suficientemente detallado para que otra persona pueda exporner.

:::

Respuesta

Tras escuchar toda la conferencia de Anjana Vakil, me queda evidente que los paradigmas de programación no son normas incuestionables, sino métodos diferentes de razonamiento. Cada uno es un instrumento cognitivo que nos facilita enfrentar un problema desde una visión distinta. Y eso, en esencia, transforma la programación en un acto profundamente humano: no solo implica indicar a la máquina qué realizar, sino también seleccionar la manera en que deseamos pensar acerca del problema. Las metáforas que emplea —como la línea de montaje para lo funcional, o el sudoku para lo declarativo— no solo simplifican los conceptos, sino que me hacen recordar que programar es, al concluir el día, un método para modelar el mundo.

Además, me quedo con esta noción: en ocasiones, modificar el paradigma transforma totalmente la manera en que interpretamos un problema. Al igual que cuando evolucionamos de un tablero caótico en estilo OO a un flujo limpio con transformaciones funcionales. En esos instantes, se comprende que los paradigmas no son dogmas, sino mapas: algunos nos resultan más útiles que otros, en función del terreno.

Esto me conduce a la conclusión más significativa de todas:

No se trata de programar bien en un solo estilo, sino de pensar mejor. Cuanto más variados sean nuestros modelos mentales, más flexibles y creativos seremos como programadores.

  • Mapa mental - Programming accross paradigms Mapa mental de Programming accross paradigms por Lizeth

El discurso de Anjana Vakil va más allá de una descripción técnica de la programación orientada a objetos; representa una invitación a reconsiderar desde el principio nuestra percepción de los programas y sistemas. Su perspectiva desafía la visión tradicional basada en clases, atributos o estructuras estáticas, para centrarse en algo mucho más potente y versátil: el comportamiento y la interacción entre objetos.

Mediante el uso de metáforas biológicas, alusiones filosóficas y paralelismos con otros paradigmas como la programación funcional, Anjana muestra que el auténtico núcleo de la OOP no reside en lo que los objetos son, sino en sus funciones. El secreto reside en los mensajes, en la respuesta de los objetos a estos, y en cómo ese modelo facilita la construcción de sistemas resistentes, modulares y capaces de resistir.

Es una conferencia que no solo instruye, sino que cambia tu perspectiva sobre la programación. Si alguna vez creíste que OOP representaba una camisa de potencia, posiblemente estabas observando el atuendo incorrecto.No es cuestión de replicar estructuras del entorno natural, sino de desarrollar sistemas que se inspiren en su versatilidad.

Deshacerse de las clases y comenzar a reflexionar sobre la composición, la comunicación y la modularidad.

Esta parte es crucial para comprender por qué tantos rechazan OOP: lo adquirieron de manera equivocada. Si modificamos la perspectiva, OOP podría transformarse en una herramienta mucho más potente y humanizada. El enfoque centrado en los objetos no implica clases ni jerarquías; Estamos hablando de desarrollar sistemas como agrupaciones de entidades comunicativas, encapsuladas y autónomas. Lo crucial no es la estructura interna, sino el comportamiento perceptible y la manera en que se vinculan. Opino que la perspectiva de Anjana Vakil acerca de la POO me hizo reconsiderarla no como un conjunto de normas técnicas, sino como una filosofía de diseño flexible, que si la vinculo con la carrera, la puedo interpretar como la organización de datos en archivística. Al enfocarse en mensajes y conductas (no en jerarquías estrictas), la POO se transforma en un instrumento para construir sistemas modulares y resistentes, como un archivo bien organizado donde cada documento tiene la habilidad de responder a consultas sin revelar su complejidad interna. Esto me reconcilia con la programación: ya no es un código invisible, sino un modelo para administrar interacciones, algo que, en mi papel de futuro archivista, considero sumamente beneficioso. El secreto radica en enfocarse en "qué hace" (acción) y no en "qué es" (estructura). Es como si estuvieramos llegando.

  • Mapa mental - Object Oriented Programming is not what I though Mapa mental de Object Oriented Programming is not what I though por Lizeth

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Live Coding (programación en vivo)

:::success Sensibilización sobre la programación en vivo (live coding)

  • Duración: 15 minutos.

Visitar las páginas de:

  1. Live Coding en Docutopia.
  2. Live Coding en la Grafoscopedia.

Documentar, en el repositorio personal ¿que impresiones, sensasiones, inquietudes nos produce esta práctica? ¿Qué video en particular revisaron?

Hacer un commit al repositorio y compartir en enlace al código fuente documento, después de este recuadro. :::

Impresiones del Live Coding

En términos generales, el documento se enfoca en examinar el concepto de Live Coding, definido como una práctica performativa en la que el código informático se escribe y se ejecuta al mismo tiempo, por lo que se inicia observando las modificaciones en tiempo real. Las actividades se manifiestan en áreas como música, documentación, visualización y hacktivismo, además de incorporar herramientas revolucionarias que cuestionan los métodos convencionales de programación que se fundamentan en archivos de textos. Creo que es crucial subrayar que desafía la barrera convencional que considera la programación como un proceso opaco y abstracto, además de que facilita una experiencia más transparente y participativa de la creación tecnológica. Comprendo que no es simplemente una técnica, es una filosofía que cuestiona el método convencional para comprender la programación, convirtiéndola en un proceso dinámico y activo.

  • ¿Qué video en particular revisaron? El espectáculo de la programación, por Sam Aaron en TEDxNewcastle

  • ¿Que impresiones, sensasiones, inquietudes nos produce esta práctica? En su conferencia "Programming as Performance", Sam Aaron redefine la programación como una actividad creativa y comprensible mediante Sonic Pi, un dispositivo que convierte el código en música en directo. A través de comandos básicos como 'play y sleep', enseña a crear melodías y sonidos, permitiendo que los usuarios se deleiten con ritmos, efectos y manipulación en vivo de la música. Destaca cómo estos instrumentos básicos pueden utilizarse para reproducir piezas clásicas, y también para que los niños puedan elaborar desde melodías sencillas hasta elaboradas composiciones de música electrónica. Adicionalmente, Aaron subraya cómo Sonic Pi puede impulsar la creatividad humana, rectificando la percepción errónea de que la tecnología es algo inaccesible.

    Por otro lado, Anjana Vakil también enfatiza la importancia de utilizar Sonic Pi como una plataforma de enseñanza, que va más allá de la simple instrucción musical, pues permite a estudiantes y profesores una interacción práctica y divertida con la tecnología. Al exhibir cómo el manejo en tiempo real de sonidos y loops convierte el proceso de creación musical en un juego, Vakil evidencia que estas herramientas pueden transformarse en potentes instrumentos educativos. En este contexto, la utilización de Sonic Pi genera un sentimiento de admiración, entusiasmo y empoderamiento, ya que demuestra que con simples instrucciones de código se puede generar música, independientemente de la experiencia previa en programación.

    No obstante, también surgen inquietudes sobre la manera en que muchos alumnos y docentes perciben la tecnología, quienes aún se sienten alejados de estas herramientas debido a la escasez de conocimiento o tiempo para obtenerlas. Esto indica la necesidad de reevaluar la educación tecnológica y hacerla más accesible y significativa. Para concluir, el uso de Sonic Pi no solo ofrece un método innovador de instrucción en música y programación, sino que también genera un entorno para que tanto niños como adultos desarrollen habilidades creativas y tecnológicas que les permitan expresarse, resolver problemas y colaborar en nuevas esferas.

    En mi opinión, la discusión sobre Sonic Pi demuestra cómo la tecnología, especialmente cuando se emplea en un ámbito tan creativo como la música, puede transformarse en un instrumento sumamente accesible y divertido. Lo que me asombra es cómo, con simples comandos, cualquier persona puede iniciar la creación de música, incluso sin poseer conocimientos previos de programación. Es un procedimiento que ofrece una gran capacidad y protección, ya que permite experimentar en tiempo real y visualizar los resultados de manera inmediata. Además, me hace pensar en la importancia de integrar la tecnología de manera práctica en la educación, de tal forma que los estudiantes no solo empleen la tecnología para consumir, sino también para generar y expresarse. Pienso que la idea de que la programación puede ser tan esencial como leer o escribir, y creo que podría transformar la forma en que entendemos el proceso de aprendizaje.

    Video redferencia

Challenge Yoursself

En esta sección se evidencia los ejercicios realizados en clase sobre la lectura interactiva e hipertextual de Representando y procesando datos en Pharo y Challenge Yourself.

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Pokemon

En esta sección se evidencia el ejercicio de pokemon como trabajo final de la clase.

Caja de herramientas

Actividad 1 - Desarrollo en Clase

Caja de herramientas

Herramientas utilizadas en clase para la realización paso a paso del protafolio. Img. tomada de la web

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Scoop

  • Intalación de Scoop, ya disponible en computador.

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Flameshot

  • Intalación de flameshot-Capturas de pantalla, ya disponible en computador.

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Freeplane

  • Instalación de Freeplane-Mapas mentales, ya disponible en el computador
    • Atajos de teclado Freeplane:
      • 'Ctrl' + 'N' = Crear nuevo mapa
      • 'Ctrl' + 'S' = Guardar mapa
      • 'Ctrl' + 'F' = Buscar nodo o contenido específico
      • 'Ctrl' + 'Z' O +'Y' = Deshacer y rehacer cambios

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

mdbook

Microwik es un lugar donde podamos colocar nuestra memoria en linea y hacerla disponible para esto utilizaremos mdBook:

#Instalación

Para verificar que está instalado, desde la terminal escribimos:

mdbook help

Comandos para llamar el mdbook

mdbook serve --open

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Lite-XL

  1. Instalación de lite-xl y lite-ax-addons Lite-XL Lite-XL-addons

    • Abrir Lite-xl Intento 1

    • Para abrir un archivo presionamos la combinación de teclar Ctrl + o

    • Y en la medida en que vamos completando rutas de archivos, nos sugiere caminos posibles para terminarlas: :::warning Cambiar nombre del libro :::

Intento dos, abrir Lite-XL y abrir book.toml Uploading file..._aj7nq6iyg

Actividad 10 - Desarrollo en Clase

Micrositios de documentación y aplicación - Parte 2

  • Entrar a Lite-xl Intento 1

  • Abriendo carpeta web Intento 1

:::success Desde la terminal:

  1. Ubicarse en la carpeta del libro configurado en sesión anterior.
  2. Lanzar lite-xl. :::

  • Mismo conectido desde la Terminal y la visualización de archivos

  • Abriendo Lite-xl desde la Terminal

  • Si comparamos el archivo de configuración con las subcarpetas creadas automáticamente por mdbook init, nos daremos cuenta que la subcarpeta src/ corresponde al la configuración src = "src".

:::success Modificar la carpeta del código fuente de nuestro libro por wiki, como aparece en el ejemplo anterior. :::

  • Aparece error
    • Interpretación ejemplo:
      'mdbook serve --open 2025-03-02 00:24:36 [ERROR] (mdbook::utils): Error: Couldn't open SUMMARY.md in "C:\Users\lizka\Documents\Documents\Repositorios\USemanticas\wiki" directory 2025-03-02 00:24:36 [ERROR] (mdbook::utils): Caused By: El sistema no puede encontrar la ruta especificada. (os error 3) PS C:\Users\lizka\Documents\Documents\Repositorios\USemanticas>' Este mensaje nos dice: cuando ocurre el mensaje 2025-02-24 07:59:56, de qué naturaleza es: [ERROR] detalles del mismo: Error: Couldn't open SUMMARY.md in "C:\Users\lab-info\Documents\Repositorios\LabCI\wiki" directory
    • Solución: Que renombremos la carpeta de los archivo y que sea coherente con el cambia realizado en Lite-xl, (Se puede realizar el cambio por la visualización de archivos y directamente deste la Terminal con la función)

:::success Renombrar la carpeta src por wiki para hacerla consistente con el archivo de configuración. :::

  • Actualización sin error

:::success Entrar a la subcarpeta wiki/ y abrir el archivo chapter_1, modificándolo a nuestro acomodo. :::

  • Actualización del nimbre y cambios en tiempo real

:::info Para parar al servidor de la Terminal oprimir 'ctrl + c' :::

Creación de tablas de contenido :::success Con el servidor de mdbook detenido, ubiquémonos en el archivo SUMMARY.md. Su contenido es este: 

# Summary

- [Chapter 1](./chapter_1.md)

:::

Si miramos en detalle se trata de una lista que apunta a direcciones del disco duro en la carpeta local. Esto se reconoce porque dichos enlaces empiezan por ./, por ejemplo ./chapter_1.md. Vamos a extender esa tabla de contenidos para que de cuenta de los trabajos que llevamos hasta el momento. Para ello usaremos la documentación oficial de mdBook sobre tablas de contenido.

Actividad 11 - Actividad autónoma

Código tabla de contenidos

:::warning Error al actualizar la tabla de contenidos :::

:::success Agreagar las memorias de lo ido trabajado en clase, por medio de Line-xl, para nuestro portafolio :::

breaks: false Autor: Lizeth Colorado tags: Clase Unidades Semanticas

Actividad autónoma

  1. Instalar Glamorous Toolkit (Windows Intel para la mayoría) y ejecutarlo.

  2. Instalar Grafoscopio. NO incluir instalar otros paquetes.

  3. Documentar las dudas y subirlas al portafolio. Se pueden subir al portafolio.

RESPUESTA

  1. Glamorous Toolkit instalada
  2. Grafoscopio instalado
  3. Sin preguntas