.. Copyright (c) 2025 Allan Avendaño Sudario Licensed under Creative Commons Attribution-ShareAlike 4.0 International License SPDX-License-Identifier: CC-BY-SA-4.0 ========================================= React - Cliente de IA generativa ========================================= .. topic:: Objetivo específico :class: objetivo Integrar el servicio de procesamiento de lenguaje natural en el dashboard para generar descripciones automatizadas, recomendaciones o resúmenes interpretativos de los datos climáticos en tiempo real Actividades previas ===================== Ambiente de desarrollo ---------------------- 1. Acceda a su proyecto *dashboard* en Codespaces o en su máquina local. 2. Cree y utilice la(s) rama(s) de desarrollo. 3. Instale los paquetes y levante el servidor, con: .. code-block:: bash npm install npm run dev Actividades en clases ===================== 1. Obtenga una cuenta `Cohere `_ y el token de acceso a la `API Keys `_. 2. Instale el paquete de `Cohere-AI `_ en su proyecto React: .. code-block:: bash npm install cohere-ai 3. Cree ``CohereAssistant`` para que se encargue de interactuar con la API de Cohere del envío de consultas con los parámetros del clima y el manejo de la respuesta, considerando: a) La documentación con los ejemplos en `Endpoints / Chat `_. b) Un mecanismo para controlar el `límite de llamadas a la API `_. c) `El manejo de errores `_ de la respuesta. 4. Maneje la respuesta de ``CohereAssistant`` en la interfaz del dashboard del clima. 5. Compruebe el resultado en el navegador, asegurándose de que el asistente pueda responder a las consultas del usuario sobre el clima. Versionamiento -------------- 1. Versione local y remotamente la(s) rama(s) de desarrollo en el repositorio *dashboard*. 2. Genere la(s) solicitud(es) de cambios (pull request) para la rama principal y apruebe los cambios. Despliegue ---------- 1. Desde la línea de comandos, ejecute el comando de transpilación y despliegue del sitio web, con: .. code-block:: bash npm run deploy a) De ser necesario, elimine, corrija o comente las secciones de código identificadas por el transpilador. b) Vuelva a ejecutar el comando de transpilación y despliegue del sitio web. 2. Compruebe el resultado en el navegador, con la URL: `https://.github.io/dashboard` Conclusiones ============ .. topic:: Preguntas de cierre * ¿Qué conceptos sobre procesamiento de lenguaje natural y consumo de APIs de modelos de lenguaje identificaste como esenciales para la correcta integración del asistente climático, y cómo los complementaste con la información proporcionada por la IA generativa? * ¿Cómo garantizaste que el flujo de datos entre el usuario, el asistente del clima (Cohere) y la interfaz del dashboard fuera eficiente y coherente, especialmente considerando posibles respuestas ambiguas o extensas? * ¿Qué reflexiones éticas surgen al integrar una IA generativa como Cohere en un dashboard que proporciona recomendaciones sobre el clima, y cómo aseguras la responsabilidad sobre la información que se muestra al usuario? Actividades autónomas ===================== Recursos extras ------------------------------ En redes: .. raw:: html