Desarrollo de Aplicaciones y Agentes de IA para la Academia
Creación de herramientas y aplicaciones web, sin necesidad de saber programar.
Dinámica en Vivo: Encuesta de Diagnóstico
Instrucciones de Participación:
- 1 Escanea el código QR de la derecha con tu teléfono celular o haz clic en el enlace web.
- 2 Completa las 4 breves preguntas (profesión, a qué te dedicas, de dónde eres y qué te gustaría crear).
- 3 No necesitas crear cuentas, registros ni contraseñas. ¡Es completamente anónimo!
- 4 Al terminar, presiona "Enviar". Veremos los resultados estadísticos y el resumen de IA en tiempo real en la siguiente pantalla.
Catálogo de Agentes de IA
Claude Cowork
Local / EscritorioAsistente persistente que automatiza tareas locales y de oficina, interactúa con el navegador y gestiona archivos directamente.
Cursor
Editor InteligenteEditor de código asistido por IA que permite crear aplicaciones completas utilizando únicamente lenguaje natural e instrucciones sencillas.
Antigravity 2.0
Asistente AutónomoPotente asistente de programación autónomo diseñado por Google DeepMind que pair-programa contigo directo en tus archivos.
ChatZ AI
Asistente WebPlataforma de conversación inteligente en la nube. Excelente para estructurar esquemas y códigos rápidos sin instalar nada.
KIMI
Lectura y ResumenAsistente web de Moonshot AI, famoso por su capacidad para procesar libros y documentos académicos gigantescos en la nube.
Genspark
Buscador AutónomoBuscador y estructurador basado en agentes que recopila información profunda de la web y crea informes detallados al instante.
OpenAI Codex
De Pago / Web y EscritorioAgente de escritorio y web utilizable por suscriptores de ChatGPT. Sigue la misma lógica que los otros agentes; ideal para quienes ya cuentan con una cuenta Plus.
OpenClaw
Local AvanzadoEstructura abierta para automatizar servidores y computadoras completas. Capaz de enviar alertas y responder instrucciones directamente desde el celular.
Claude Code
Terminal / ConsolaHerramienta de Anthropic para terminales de programadores. Rápido, ligero y poderoso, pero requiere dominar la pantalla de comandos negra.
Gemini CLI
Terminal / ConsolaLínea de comandos oficial para interactuar con los modelos de Google. Diseñado para automatizar tareas en el entorno de servidores.
Herramientas Clave y Enlaces de Descarga
Cursor
El editor inteligente principal que utilizaremos en las clases para programar nuestras páginas web en lenguaje sencillo.
- Reemplaza al bloc de notas tradicional.
- Autocompleta código con solo tabular.
- Permite dictar cambios completos con texto.
Antigravity 2.0
El agente de IA de Google que te ayuda a construir de forma autónoma pair-programando en tus archivos locales.
- Automatiza tareas completas de archivos.
- Corrección inteligente de fallas en vivo.
- Integración directa en el taller.
Claude Cowork
El asistente de escritorio persistente de Anthropic ideal para automatizaciones académicas generales, lectura de archivos y navegación.
- Ejecuta acciones de navegación web.
- Soporta lectura y creación de documentos.
- No requiere conocimientos técnicos previos.
Ejemplo Práctico: Agentes Web en la Nube
¿Cómo funcionan y para qué sirven?
A diferencia de los asistentes locales, los agentes como KIMI, ChatZ.AI o GENSPARK ejecutan sus procesos de manera autónoma en sus propias máquinas virtuales en la nube (usualmente servidores optimizados en China).
Cuentan con una ventana de contexto gigantesca, lo que los capacita para analizar en segundos artículos científicos completos, diapositivas complejas, tablas de datos y libros enteros sin sobrecargar tu computadora.
A partir de este artículo científico, crea una presentación profesional en PowerPoint de 10 diapositivas. Usa las gráficas más representativas, tablas o datos numéricos relevantes de la publicación. Planifica primero. Si tienes dudas me preguntas.
Práctica 1: Preparación y Publicación Web
Estructuración y Carpeta
Antes de subir tu aplicación a internet, es indispensable que esté correctamente organizada en tu computadora:
- Renombrar archivo: El archivo principal de tu aplicación web debe llamarse obligatoriamente
index.html(todo en minúsculas). - Crear una Carpeta: Coloca el archivo
index.htmldentro de una carpeta nueva en tu ordenador (ej.mi-primer-proyecto/). - Archivos adicionales: Si tu aplicación utiliza imágenes locales (como logotipos), hojas de estilo CSS externas o scripts JS, deben guardarse dentro de esa misma carpeta.
Despliegue y Publicación Gratuita
Sube la carpeta de tu proyecto a plataformas de alojamiento estático gratuito para obtener un enlace público y compartirlo:
Recomendado
- Haz clic en Add new project.
- Selecciona Deploy manually.
- Arrastra y suelta tu carpeta completa.
- En Site configuration, ve a Change project name (usa minúsculas y guiones).
- Actualizar: En la pestaña Deploys, vuelve a arrastrar la carpeta si editas el código.
- Haz clic en +Add y luego en Pages.
- Selecciona Deploy websites and fullstack apps instalnly.
- Arrastra y suelta tu carpeta completa.
- Escribe el Project name (nombre URL en minúsculas y sin tildes).
- Presiona Deploy site para publicar.
- Actualizar: Haz clic en Create deployment dentro del proyecto.
BONO EXTRA: Proyectos de Entretenimiento
Invitación Móvil Animada
Diseña una invitación web interactiva optimizada para móviles con música, efectos de telarañas reactivas al tacto y botones inteligentes.
Entra a este enlace de Pinterest: https://es.pinterest.com/pin/681099143666121985/ y mira cómo es esa invitación animada de Spider-Man.
Basándote en ese modelo, crea una invitación web interactiva optimizada para ver en celulares que tenga:
- Música de fondo de superhéroes (libre de derechos) con botón para apagarla.
- Telarañas en el fondo que se muevan e interactúen cuando toques la pantalla.
- Botones para confirmar asistencia por WhatsApp y para guardar el evento en Google Calendar automáticamente.
- Un panel flotante sencillo donde yo pueda escribir el Nombre, la Edad, la Fecha y la Dirección de la fiesta, y que la invitación se actualice en la pantalla al instante.
Primero dime cuál es tu plan para hacerla y luego me pides permiso para empezar a programar.
Fútbol de Canicas 2D
Crea una simulación interactiva 2D donde dos canicas con banderas nacionales juegan autónomamente al fútbol dentro de un círculo.
Quiero hacer un juego para el navegador de internet que sea idéntico a los videos de TikTok, X (https://x.com/lasia_fede/status/2077181093107646550/video/1), imagen, etc. donde dos canicas juegan al fútbol dentro de un círculo.
La idea es esta:
Cómo se ve: El fondo de la pantalla debe ser gris. En el centro hay un círculo grande gris con bordes blancos, y una portería con su red en la parte de arriba del círculo.
Las canicas: Son dos esferas grandes que tienen dibujadas las banderas de los países. Antes de empezar, debo poder elegir qué países juegan en un menú (por ejemplo, Argentina 🇦🇷 contra Inglaterra).
Cómo se mueven: Nosotros no controlamos nada, solo miramos. Al iniciar, las dos canicas empiezan a moverse solas y rebotan por todas partes contra las paredes del círculo y chocan entre ellas sin detenerse ni perder velocidad.
¡Metió Gol!: Si una de las canicas entra en la portería de arriba, se cuenta como gol. En ese momento, aparece un letrero rojo inclinado en el centro que dice 'GOAL', salen volando chispas rojas desde la red y la computadora grita el gol con voz entusiasta. Luego de celebrar, las canicas vuelven al centro del círculo y siguen rebotando.
El Marcador: Arriba de todo debe haber un marcador de fútbol que muestre las banderas redondas de los equipos, el logo de una copa, los goles de cada uno y el tiempo que va del partido en minutos (ej. 13').
Modo de juego: En el menú del inicio debo poder elegir si jugamos a ver quién mete primero 3 goles, o por tiempo (un partido rápido que dure un minuto real).
Crea todo el juego completo listo para abrir en la computadora con un solo archivo.