Aquest projecte desenvolupa un sistema web on, cada cop que es carrega una nova pàgina dins un iframe, s’envia informació al servidor. Aquest servidor, desenvolupat amb Flask i Python, desa les dades (acció, URL i data) dins d’una base de dades MySQL. Es fa servir una petició POST amb JSON i es connecta a la base de dades amb un usuari amb permisos. La pàgina HTML mostra el visor i el menú per triar pàgines. Els fitxers es transfereixen via scp i la connexió al servidor pot fer-se amb IP o domini en lloc de localhost.
Associar codi a event
Aquest codi crea una API amb Flask que permet registrar activitats en una base de dades MySQL. Utilitza CORS per permetre peticions des d’altres orígens. Quan rep una sol·licitud POST a la ruta /registre, extreu les dades (accio i url) del cos JSON, hi afegeix una marca temporal i ho desa a la taula Activitat. Finalment, confirma l’operació i retorna un estat “ok”.
Aquest fitxer tour.html es una pagina web amb un iframe i un menu
El JS s’encarrega de canviar la pàgina de l’iframe quan cliques.
El menu te dues seccions (Secció 1 i 2), i cada una té dues opcions que apareixen al passar el ratolí.
Quan fas clic a una opció, es canvia la pagina que es veu dins del quadre gran (iframe) de sota.
L’iframe és com una finestra que mostra altres pàgines web dins d’aquesta mateixa.
El codi CSS fa que tot es vegi ben organitzat i amb colors foscos.
Enviar POST amb JSON
(Esta posat amb txt perque aixi puc mandar-ho)
Aquest codi JavaScript controla un menú i un visor iframe en una pàgina web. Quan l’usuari selecciona una opció del menú (menu), es canvia l’URL del visor (visor.src). Un cop el visor ha carregat la nova pàgina, s’envia una petició POST a un servidor Flask amb la informació de l’acció (“carregat”) i l’URL carregada, per registrar aquesta activitat.
Script Base de dades
