DayFR Spanish

¿Cómo crear una aplicación a partir de una imagen sin saber codificar?

-

EL IowaIowa Las herramientas generativas como ChatGPT pueden codificar programas simples de manera eficiente. Y para guiarle en su puesta en servicio.

Los programadores profesionales pueden estar tranquilos: los programas a gran escala, por ejemplo, la gestión de la contabilidad o la nómina de una empresa, requieren experiencia avanzada y no pueden confiarse a la IA generativa. Por otro lado, si hay un área donde ChatGPTChatGPTClaude y otros están llamados a crear una revolución, es en la práctica del “código bajo” y el “no código”, estas interfaces para crearaplicacionesaplicaciones Dedicado a no programadores. La IA generativa es capaz de generar programas simples que un empleado podría necesitar en el curso de su actividad diaria.

Empezar desde una imagen

Una de las ventajas de la IA generativa proviene de que es posible transmitir a ChatGPT, Gemini o Claude una imagen que describa la interfaz que deseamos obtener, y a partir de esta visual, especificar las interacciones deseadas.

En la aplicación presentada aquí, utilizamos mapas de Francia disponibles en el sitio web D-Maps, que ofrece mapas descargables gratuitamente. Y en caso de que quieras reproducir este ejemplo paso a paso, los mapas que utilizamos son los siguientes: Mapa de Francia sin nombres de departamentos, Mapa de Francia con nombres de departamentos

La aplicación de mapas de Francia.

La aplicación que habíamos creado mediante ChatGPT se puede probar en esta dirección. Revela un mapa vacío de Francia. Al hacer clic en un departamento, el mapa se vuelve a mostrar con los nombres correspondientes.

Si volvemos a hacer clic, vuelve a aparecer la tarjeta vacía.

El mensaje para crear la aplicación.

Para crear esta aplicación, cargamos las dos tarjetas en ChatGPT y luego le dimos las siguientes instrucciones:

“Les proporcionaré dos imágenes.

El primero es un mapa de Francia con los departamentos, pero sin los nombres.

El segundo es un mapa de Francia con nombres de departamentos.

Me gustaría que crearas una aplicación web que muestre la primera tarjeta. Cuando el usuario hace clic en un departamento, aparece el nombre correspondiente.

Crear una aplicación que pueda ejecutar fácilmente desde un sitio web. »

ChatGPT luego produjo el código correspondiente. Y también nos dio las instrucciones a seguir para poner este código online. Fue necesario dialogar con él para ajustar ciertos aspectos. Tenga en cuenta también que fue necesario cambiar el nombre de los mapas de Francia para que tuvieran el mismo nombre que en el código que proporcionó. Sin embargo, en su mayor parte obtuvimos una aplicación que funciona sin tener que codificarla. Puedes probarlo con el ejemplo proporcionado aquí.

Tenga en cuenta que es posible hacer lo mismo desde Claude, Géminis u otros. Es más, si sabe escribir indicaciones largas y muy detalladas, podrá crear aplicaciones relativamente sofisticadas, a partir de elementos visuales como una simple captura de pantalla o modelos que puede encontrar en el sitio web de Notion.

Related News :