<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>Aula · jcarroyos</title>
        <link>https://arroyocreativa.com/aula/</link>
        <description>while art: code()  Blog</description>
        <lastBuildDate>Sun, 27 Sep 2026 00:00:00 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>es</language>
        <item>
            <title><![CDATA[¿Cuánto código necesita un diseñador hipermedia?]]></title>
            <link>https://arroyocreativa.com/aula/cuanto-codigo-diseno-hipermedia/</link>
            <guid>https://arroyocreativa.com/aula/cuanto-codigo-diseno-hipermedia/</guid>
            <pubDate>Sun, 27 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Un mapa de recursos tecnológicos, de low code a code, para discutir en clase hasta dónde debe llegar hoy un diseñador hipermedia en programación.]]></description>
            <content:encoded><![CDATA[<p><em>Programación Hipermedia.</em></p>
<p>¿Cuánto código necesita saber hoy alguien que diseña hipermedia? En clase no quise responderlo con un temario, sino con un mapa: dibujé en el tablero los recursos tecnológicos que tiene a mano un diseñador, ordenados de low code a code, para ver el panorama completo y abrir la discusión desde ahí.</p>
<p>La pregunta no tiene una sola respuesta, pero el mapa deja ver dónde está lo más interesante: no en el extremo más cómodo, sino en una zona que apenas quedó insinuada en el tablero.</p>
<p>La clase se propuso revisar el panorama de posibilidades creativas que tiene hoy un diseñador hipermedia y, a partir de él, discutir qué alcance en programación necesita para ejercer su rol profesional. En lugar de partir de un lenguaje o de una herramienta, partimos de la pregunta.</p>
<p>Recorrimos el mapa sobre un eje que va de low code a code. En un extremo están los gestores de contenidos, como WordPress y Notion, donde se publica sin escribir código. Luego viene la infraestructura: GitHub, GitHub Pages, Codespaces, el control de versiones y Copilot como asistente de IA. En el centro, HTML, CSS y JavaScript, que llegan al navegador; Teachable Machine como puerta al aprendizaje automático; y el camino que va de una API a los datos en JSON, a las bases de datos y a los sistemas de información. Hacia el lado del código, la API de DeepSeek, los system prompts y Python. Todo converge en lo que el mapa llama sistemas potenciados por IA para la programación hipermedia.</p>
<figure class="medio_butQ"><a href="https://mastodon.art/@jcarroyos/117344776247555869" target="_blank" rel="noopener noreferrer" title="Ver en Mastodon"><img src="https://cdn.masto.host/mastodonart/media_attachments/files/117/344/776/134/241/771/original/ae858a2748810388.jpg" width="3344" height="2481" alt="Mapa dibujado a mano con marcador negro sobre fondo blanco. Un eje horizontal va de «low code», abajo a la izquierda, a «code». Sobre él se agrupan recursos: gestores de contenidos (WordPress, Notion); infraestructura (GH Pages, GitHub, Codespaces, VC, Copilot IA); una estrella con HTML, CSS y JS que apunta al navegador; Teachable Machine (ML); API → JSON dentro de bases de datos y sistemas de información; DeepSeek API IA con system prompts; y Python. En el borde derecho, WebXR, 3D, RA, VR y videojuegos. Abajo, en un círculo: «Sistemas potenciados por IA para la Programación Hipermedia»." loading="lazy" decoding="async"></a></figure>
<p>Al borde del tablero quedaron WebXR, el 3D, la realidad aumentada y virtual, y los videojuegos. Con el mapa completo a la vista, la clase se abrió a la discusión.</p>
<p>El mapa insinúa una zona que no alcancé a dibujar del todo: la de la gamificación. Es la zona de las estructuras de interacción y de programación más complejas, y a la vez la más pertinente para el diseño hipermedial.</p>
<p>Ahí entran los motores de juego. Con ellos, lo que se diseña ya no se limita a una página: puede ser una experiencia en línea y multijugador, e incluso salir de la pantalla. A través del puerto serial, un motor de juego puede comunicarse con sistemas físicos embebidos como Arduino o ESP32, y la interacción pasa a involucrar objetos, sensores y espacios.</p>
<p>Si esa es la zona más pertinente para el oficio, el alcance en programación de un diseñador hipermedia no puede quedarse en el extremo low code: tiene que llegar a las estructuras de interacción que hacen posibles esas experiencias.</p>
<p>La próxima vez dibujaría la zona de gamificación de forma explícita en el mapa, con los motores de juego y la conexión serial con Arduino y ESP32, para que la discusión pueda llegar hasta ahí.</p>]]></content:encoded>
            <category>Pensamiento visual</category>
            <category>Herramientas digitales</category>
            <category>IA en el aula</category>
        </item>
    </channel>
</rss>