Crea tu propia calculadora médica con IA y optimiza tu práctica clínica

Descarga la guía paso a paso

Paso a paso

Paso 1: Decide el tipo de calculadora

1. Piensa cómo quieres que sea tu calculadora: qué deseas calcular, qué datos de entrada necesitas y qué tipo de resultado esperas obtener.

2. Recopila toda la información necesaria y crea un documento de referencia que contenga los datos necesarios para asegurar su correcto funcionamiento (por ejemplo, guías de cálculo, rangos de valores o fórmulas).

__

Paso 2: Completa el prompt en ChatGPT

3. Dirígete a la web oficial de ChatGPT. Inicia sesión introduciendo tus credenciales de usuario y abre un nuevo chat, asegurándote de utilizar la última versión disponible (actualmente la versión GPT-4).

4. Escribe el prompt, incorporando información básica como por ejemplo el propósito de la calculadora, los valores de entrada necesarios, la fórmula para calcular el resultado... Además, adjunta el documento de referencia previamente realizado para obtener un mayor nivel de precisión y detalle.

Cuanta más información específica aportes, más ajustado será el resultado.

Utiliza el siguiente prompt:

Quiero generar una calculadora para calcular [el anion GAP ] y tengo un template de prompt que necesito que me ayudes a completar. Asume el rol de asistente técnico especializado en el desarrollo de calculadoras web, y utiliza únicamente la información del archivo que voy a compartir para completar las siguientes secciones del prompt:

1. Valores de entrada: Define los valores que el usuario debe ingresar, incluyendo nombres, unidades y un breve contexto si es necesario. 
2. Cálculos a realizar: Explica los cálculos específicos que deben realizarse con los valores de entrada para obtener el resultado final.
3. Interpretación de resultados: Indica los rangos o parámetros necesarios para interpretar los resultados correctamente.
4. Valores de salida: Describe qué información debe mostrar la aplicación al usuario como resultado.

A continuación, te paso el template de prompt en el que debes completar cada sección con base en la información del archivo.

" Crea una aplicación web simple para calcular [indicar el cálculo que queremos realizar]. La aplicación debe cumplir los siguientes requisitos:

1. Valores de entrada por parte del usuario:

• [Definir cada valor necesario, su nombre y unidad de medida]

2. Cálculos a realizar:

• [Detallar los cálculos específicos que la aplicación debe realizar con los valores ingresados]

3. Interpretación de resultados:

• [Especificar los rangos, parámetros y condiciones para interpretar los resultados]

4. Valores de salida:

• [Indicar la información específica que queremos mostrar al usuario como resultado final]

5. Requisitos de diseño y funcionamiento:

• El diseño debe ser atractivo y responsivo utilizando Tailwind CSS.
• Todo el código HTML, CSS y JavaScript debe estar en un solo archivo.
• Cargar Tailwind CSS desde un CDN.
• Proporcionar instrucciones claras sobre cómo ejecutar la aplicación.

Asegúrate de generar el código completo y ejecutable en un archivo HTML único

5. Revisa la respuesta y asegúrate que los valores, cálculos e interpretaciones son correctos y están bien especificados. Si es necesario, realiza ajustes o pide aclaraciones adicionales a ChatGPT.

¡Listo, ahora ya tienes tu prompt personalizado para poder crear el código HTML de tu calculadora!

Paso 3: Genera el código HTML

6. Inicia un nuevo chat y pega el prompt obtenido en el paso anterior. ChatGPT generará directamente el código HTML, CSS y JavaScript.

Revisa que el código sea completo y cumpla con todos los requisitos funcionales y de diseño especificados.

¡Ya tienes el código HTML listo para que tu calculadora funcione!

Resultado

Paso 4: Copia y guarda el código HTML

7. Copia el código HTML pulsando sobre el botón de “Copiar código” que aparece en la parte derecha de la respuesta generada por ChatGPT.

8. Abre un editor de texto simple en tu ordenador y pega ese mismo código. Si tu dispositivo es Windows, utiliza la aplicación “Bloc de notas”. Para Mac, selecciona “TextEdit”.

9. Pulsa sobre “Archivo” y posteriormente sobre “Guardar como”.

10. Pon nombre a tu archivo. Es muy importante que el nombre del archivo termine con “.html” para asegurar la correcta visualización de la calculadora. Si por defecto se guarda como “.txt”, cámbialo manualmente.

11. En cuanto a la codificación, selecciona la opción UTF-8 para garantizar que los caracteres especiales se muestran correctamente.

12. Por último, pulsa sobre el botón de “Guardar”.

Paso 5: Revisa y prueba el código generado

13. Dirígete a la ubicación donde has guardado el archivo HTML y haz doble clic sobre él. Acto seguido, la calculadora se abrirá en el navegador que tengas predeterminado.

¡Importante! Introduce los valores que correspondan para verificar su uso.

Resultado

Paso 6: Personalización y mejoras

14. Si deseas personalizar colores, íconos o fuentes, u observas errores tanto en el funcionamiento como en el diseño, dirígete a ChatGPT y, en la misma conversación, solicita que realice los ajustes que correspondan.

¡Importante! Cada vez que realices ajustes, recuerda repetir el proceso de pegar y guardar en el Bloc de Notas.

Resultado