1. El «Cervell» a Apps Script
Primer de tot, vaig necessitar que el xatbot tingués un lloc on «pensar» sense exposar la meva API Key. Vaig anar a Google Apps Script i vaig crear el projecte que veus a la imatge:
He programat la funció
doPost(e): Aquesta funció és la que rep els missatges des de la web.He definit el rol de la IA: Com pots veure al codi, li he dit explícitament que és l’Assistent de la LAN Party de Castellbisbal i que ha de ser breu.
He publicat l’script: Vaig clicar a «Nuevo despliegue», el vaig configurar com a «Aplicación web» i vaig posar que «Cualquiera» hi tingués accés. Al final, vaig copiar l’URL que em va donar (l’endpoint).
2. Preparant la interfície a Google Sites
Amb l’URL del script copiada, vaig anar al meu editor de Google Sites.
He fet servir l’eina «Insereix»: Al menú lateral dret, vaig triar l’opció amb la icona
< >.He enganxat el meu codi HTML/CSS: Vaig triar la pestanya «Insereix codi» i vaig posar-hi tota la part visual: els estils Dark Mode i la lògica de JavaScript.
He connectat el front amb el back: Dins d’aquest codi, vaig buscar la línia
const SCRIPT_URLi hi vaig enganxar l’URL que havia tret de l’Apps Script. Sense això, el xat no enviaria res enlloc!
Justificació de la Integració del Xatbot (Resum)
1. Experiència d’Usuari (UX) i Usabilitat
L’ús d’un widget amb un disseny adaptat (Dark Mode) millora directament la usabilitat de la web. A més, s’ha programat el model amb una instrucció de sistema per actuar de forma breu i tecnològica com a assistent de l’esdeveniment. Això optimitza la User Experience (UX), ja que resol els dubtes dels usuaris a l’instant, incrementant la satisfacció del client gràcies a una interacció ràpida i eficient.
2. Seguretat com a Responsabilitat Ètica (API Keys)
Protegir els recursos de l’organització és una obligació professional innegociable. Per aquest motiu, s’ha fet servir Google Apps Script com a back-end (creant la funció doPost). El fet de gestionar la clau de l’API (apiKey) de forma interna i oculta en aquest script , en lloc d’exposar-la directament al codi HTML públic de la web, garanteix una seguretat crítica que evita l’ús maliciós o el robatori de recursos.
