Hola, em dic Iván, tinc 16 anys i actualment estic cursant el meu primer any de cicle formatiu en informàtica. En aquest espai aniré compartint el que aprenc: des de conceptes bàsics de maquinari i programari, fins a programació, xarxes i projectes personals. El meu objectiu és anar creixent pas a pas en aquest món de la tecnologia i, al hora, deixar aquí un registre del meu progrés. Espero que trobis interessant el contingut i que aquest racó sigui útil tant per a mi com per a qualsevol que també estigui començant al camí de la informàtica.
Ivan Rodriguez Jimenez
Comunicació FrontEnd i BackEnd i integració del Widget a la pàgina web

Comunicació FrontEnd i BackEnd i integració del Widget a la pàgina web

Resum del projecte i eines

He creat un sistema perquè el meu xat aprengui de la informació real del meu web. M’he assegurat que sigui fàcil d’utilitzar, que no s’espatlli si hi ha un error de connexió i, sobretot, que sigui segur: les claus privades estan ben guardades on ningú les pot veure.

Així és com s’organitza tot:

  • La finestreta de xat: És el que veu l’usuari. Està pensada perquè qualsevol pugui preguntar el que necessiti al moment.
  • El motor central: És el cervell que rep els missatges, els gestiona i els passa a la intel·ligència artificial sense riscos.
  • L’arxiu de dades: Tota la informació del meu web està guardada en un fitxer molt lleuger. Això permet que el sistema trobi la resposta correcta en un tres i no res.
  • El túnel d’internet: Com que no pago un allotjament web car, faig servir una eina que connecta el meu ordinador amb la pàgina web de forma gratuïta.
  • La intel·ligència artificial: És qui redacta les respostes. Entén perfectament com parlem i fa servir les dades que jo li dono per no inventar-se res.

Ngrok

Flask

Com hem afegit el xat al web

Perquè el xat aparegui a WordPress, he utilitzat una eina anomenada WPCode. Aquesta utilitat serveix per afegir trossos de codi personalitzats al web de manera facil

Activació final del xat

Dins de l’apartat del Peu de pàgina, simplement hi posem el codi que la pròpia intel·ligència artificial ens ha ajudat a crear (que inclou el disseny i el funcionament del xat).

Un cop enganxat, només cal prémer el botó de “Guardar canvis”. En tornar a carregar el nostre web, el xat ja apareixerà a la cantonada a punt per fer-se servir.