<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://arroyocreativa.com/aula/</id>
    <title>Aula · jcarroyos</title>
    <updated>2026-09-27T00:00:00.000Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <link rel="alternate" href="https://arroyocreativa.com/aula/"/>
    <subtitle>while art: code()  Blog</subtitle>
    <icon>https://arroyocreativa.com/img/favicon.ico</icon>
    <entry>
        <title type="html"><![CDATA[¿Cuánto código necesita un diseñador hipermedia?]]></title>
        <id>https://arroyocreativa.com/aula/cuanto-codigo-diseno-hipermedia/</id>
        <link href="https://arroyocreativa.com/aula/cuanto-codigo-diseno-hipermedia/"/>
        <updated>2026-09-27T00:00:00.000Z</updated>
        <summary type="html"><![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.]]></summary>
        <content type="html"><![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>
        <author>
            <name>Juan Carlos Arroyo</name>
            <uri>/sobre-mi/</uri>
        </author>
        <category label="Pensamiento visual" term="Pensamiento visual"/>
        <category label="Herramientas digitales" term="Herramientas digitales"/>
        <category label="IA en el aula" term="IA en el aula"/>
    </entry>
</feed>