Curso sobre crear aplicaciones con ChatGPT para controlar el tiempo y la facturación de clientes, sin saber programar y usando formato HTML.
En esta sesión vamos a mancharnos las manos con lo que se conoce como Bycoding: programar sin tener ni idea de código gracias a la inteligencia artificial. Le hemos pedido a ChatGPT que nos diseñe una aplicación funcional para controlar el tiempo que dedicamos a cada cliente y su facturación total.
Para que esto no se quede en un simple chat, es crucial forzar la apertura del Canvas. Desde ahí, la IA nos escupe la estructura de la herramienta programada. El proceso que hemos seguido es puro pragmatismo: copiamos el código generado, lo llevamos a un editor de texto básico como TextEdit o el Bloc de notas, lo pasamos a texto sin formato y lo guardamos exclusivamente con la extensión .html.
Hemos montado un producto mínimo viable en tiempo real y guardado en local para no perder los datos al cerrar. La aplicación permite añadir clientes, establecer una tarifa por hora y tiene un cronómetro funcional. Hemos hecho la prueba empírica añadiendo a «Calzados Muñoz» a 95 € la hora y a «Plataformas Pérez» a 159 €, viendo cómo el sistema calcula automáticamente la facturación al detener el contador.
También nos hemos pegado con la realidad técnica: los errores de formato ocurren. Hemos visto que si el archivo no se abre bien a la primera en el navegador, no hay que entrar en pánico. Simplemente revisamos que la extensión sea .html correctamente asignada o le pasamos el error directamente a la IA para que nos dé la solución inmediata.
Solo para miembros inicia sesión o suscríbete por 15 €/mes para acceder a los vídeos exclusivos, edición de imágenes, prompts avanzados y a nuestros cursos.
Conclusiones
Pues ya lo vemos, montar una herramienta a medida no requiere años de estudio de desarrollo web. Usando ChatGPT como nuestro programador particular, podemos iterar el código HTML, resolver fallos en cuestión de segundos y terminar con un panel de control de tiempos que funciona perfectamente en nuestro navegador.
Propuesta de tareas
- Genera el código para la app de control de tiempo en el Canvas y guárdalo en tu ordenador asegurándote de usar la extensión .html.
- Abre el archivo en tu navegador, da de alta dos clientes ficticios con tarifas diferentes y prueba el cronómetro para ver cómo suma la facturación en euros.
- Pídele a la IA que modifique el código para añadir un panel visual distinto o colores corporativos y actualiza tu archivo local con los nuevos cambios.
¿Quieres que te eche una mano revisando el código HTML si te da algún error al abrirlo en tu navegador?
¿Tienes dudas? Si te atascas, recuerda que tenemos nuestros canales: el NotebookLM para consultas rápidas, el hilo en Telegram para la comunidad y el formulario para incidencias técnicas.
¡Nos vemos en la siguiente lección!
Deja una respuesta