Artículos
Inteligencia artificial y herramientas digitales

Cuando la IA trabaja para ti: de una idea en Gemini a una herramienta para tu web

Una calculadora de presupuestos permite explorar cómo crear una aplicación con IA, personalizarla en Google Sites y compartirla con otras personas.

Google anunció el 19 de octubre una función para exportar aplicaciones interactivas creadas en Gemini a Google Sites. El proceso genera un borrador privado que puedes editar antes de publicarlo. Para quienes quieren incorporar herramientas útiles a una página, esta integración ofrece un recorrido desde la idea hasta una aplicación que sus visitantes puedan utilizar. Exportar aplicaciones de Gemini a Google Sites — Google Workspace.

El punto de partida puede ser una tarea cotidiana. Por ejemplo, calcular un presupuesto a partir de las horas de trabajo, la tarifa, los materiales y otros gastos. Explicar qué necesitas, revisar lo generado y adaptar la página son parte del proceso.

Paso 1: convierte la necesidad en una instrucción

Entra en Gemini y pide que genere una aplicación interactiva. La instrucción debe definir los campos, las operaciones y la forma en que se mostrará el resultado.

Puedes copiar este prompt:

Actúa como un desarrollador web experto. Crea una aplicación web interactiva y moderna (HTML, CSS y JavaScript autocontenido) que funcione como una calculadora de presupuestos. Debe incluir obligatoriamente campos interactivos para: 1. Horas de trabajo. 2. Tarifa por hora (en USD). 3. Costo de materiales (en USD). 4. Otros gastos (en USD). La interfaz debe calcular el total en tiempo real en dólares estadounidenses ($ USD) y mostrar debajo un desglose claro de cómo se calculó paso a paso. Diseña con un estilo limpio, profesional y adaptable (responsive).

HTML, CSS y JavaScript son las tecnologías solicitadas para organizar el contenido, definir su apariencia y ejecutar los cálculos. Puedes pedir ajustes posteriores si faltan campos, las etiquetas resultan confusas o el diseño necesita cambios.

Paso 2: transfiere la aplicación a Google Sites

Cuando Gemini haya generado la aplicación interactiva, abre sus opciones y selecciona Exportar → Google Sites.

El borrador te permite continuar la edición de la página antes de compartirla.

Según Google, esta acción incorpora la aplicación a un nuevo borrador privado, donde puedes continuar la edición. La exportación requiere acceso a Gemini y, en cuentas institucionales, que Google Sites esté habilitado y permita crear y editar sitios. Exportar aplicaciones de Gemini a Google Sites — Google Workspace.

Si recibes únicamente código, comprueba que has abierto la aplicación interactiva y que puedes localizar la opción de exportación.

Paso 3: personaliza la página y comprueba la herramienta

Abre el borrador en Google Sites. Añade un título, una descripción y los elementos visuales que identifiquen tu página. También puedes incorporar una sección de contacto si resulta útil para el propósito del sitio.

Explica qué hace la calculadora y qué queda fuera. En este ejemplo, el presupuesto suma trabajo, materiales y otros gastos; no incluye impuestos ni descuentos.

Después, comprueba una operación conocida: cuatro horas a US$25 suman US$100; materiales, US$30; otros gastos, US$20. Total esperado: US$150.

Este es un ejemplo ilustrativo para revisar la aritmética. Prueba también campos vacíos, valores negativos y decimales.

Revisa la vista previa para computadoras y celulares. Comprueba que se puedan leer las instrucciones, completar los campos y consultar el resultado sin dificultad.

Paso 4: publica y comparte

Cuando hayas revisado el contenido y el funcionamiento, haz clic en Publicar. Configura la dirección del sitio y quién podrá verlo. Después, abre la dirección publicada para comprobar el acceso. Publicar y compartir un sitio — Ayuda de Google Sites.

Si quieres utilizar un dominio personalizado, tendrás que conectarlo y completar su configuración. Publicar en Google Sites no incorpora automáticamente la calculadora a una web alojada en otro servicio. Usar un dominio propio — Ayuda de Google Sites.

Un recorrido para recordar

Prompt — Crear → Export — Transferir → Publish — Lanzar.

Entre esas etapas están tus decisiones: qué necesita la herramienta, cómo debe presentarse y qué resultados debe entregar.

Una calculadora de presupuestos es un punto de partida. ¿Qué tarea que repites tú o tus visitantes convertirías en una aplicación para tu web?

Fuentes

Comparte esta publicación

Puedes compartir los enlaces, descargar los recursos habilitados y republicar mi material propio sin modificaciones y sin fines comerciales. Conserva mi firma e incluye un enlace a la publicación original de REDES. Los recursos de terceros conservan sus propias condiciones de uso. Condiciones de uso.

Compartir en Instagram

Elige una imagen y copia la autoría con el enlace. Después descárgala o abre el menú de compartir del dispositivo.

Cuando la IA trabaja para ti…. Tu idea puede convertirse en una app para tu web.. Gemini + Google Sites · Desliza para ver cómo.. Esquema ilustrativo.
Descargar imagen

Si Instagram aparece en el menú, selecciónalo. Si no, abre Instagram y carga la imagen descargada. Pega el texto en la descripción; en Stories, agrega el enlace con el sticker de enlace si está disponible.

El texto y el enlace no se añaden automáticamente a la imagen. La publicación final la realizas tú desde tu cuenta.

Conserva la imagen completa y la firma. Uso sin modificaciones ni fines comerciales; incluye el enlace a REDES. No apliques filtros ni recortes.