Ana Borrego Toledo

aborrego

Creació d’un pla d’adreçament IP per la xarxa interna de MVs

by

Creació d’un pla d’adreçament IP per la xarxa interna de MVs Aquest pla d’adreçament IP està basat en la xarxa 10.0.100.0/26, que permet fins a 62 adreces útils. S’ha reservat la IP 10.0.100.1 per al professor i la 10.0.100.2 per al servidor FTP. Les màquines virtuals s’han organitzat per taules (illes), amb 5 màquines per taula. Cada màquina té una IP pròpia i es segueix una nomenclatura clara: MV-Taula.Número. Host Físic: 10.0.100.1 Servidor FTP: 10.0.100.2 Màquines virtuals: de 10.0.100.11 a 10.0.100.45 Total màquines virtuals: 20 Xarxa disponible: fins a 10.0.100.62 (queden IPs lliures per ampliar) 1. Xarxa Xarxa: 10.0.100.0/26 Màscara: 255.255.255.192 Rang d’IPs útils: 10.0.100.1 – 10.0.100.62 (62 adreces usables) Adreça de xarxa: 10.0.100.0 Broadcast: 10.0.100.63 Passarel·la (porta d’enllaç): 10.0.100.1 (Host del professor) Servidor DNS: 10.0.100.64 (fora de la xarxa, però posat com a referència) HOST FÍSIC Nom Funció IP HostFísic Màquina-professor 10.0.100.1 SERVIDOR Nom Funció IP ServidorFTP Servidor FTP 10.0.100.2 MÀQUINES VIRTUALS PER TAULA Cada taula té 5 màquines virtuals, seguint la nomenclatura: MV-Taula.Número Nom Illa (Taula) Número IP MV-1.1 1 1 10.0.100.11 MV-1.2 1 2 10.0.100.12 MV-1.3 1 3 10.0.100.13 MV-1.4 1 4 10.0.100.14 MV-1.5 1 5 10.0.100.15 MV-2.1 2 1 10.0.100.21 MV-2.2 2 2 10.0.100.22 MV-2.3 2 3 10.0.100.23 MV-2.4 2 4 10.0.100.24 MV-2.5 2 5 10.0.100.25 MV-3.1 3 1 10.0.100.31 MV-3.2 3 2 10.0.100.32 MV-3.3 3 3 10.0.100.33 MV-3.4 3 4 10.0.100.34 MV-3.5 3 5 10.0.100.35 MV-4.1 4 1 10.0.100.41 MV-4.2 4 2 10.0.100.42 MV-4.3 4 3 10.0.100.43 MV-4.4 4 4 10.0.100.44 MV-4.5 4 5 10.0.100.45

Cartelleria de les carpes

by

cartelleria de les carpes M’he encarregat de crear els cartells dels perfils professionals del cicle de Sistemes Microinformàtics i Xarxes, així com el de l’Ecocarpa, una carpa especial dedicada a la sostenibilitat i la tecnologia verda. Per al disseny dels cartells, he utilitzat Adobe Express, una eina que m’ha permès combinar textos, icones i imatges de manera senzilla i atractiva. Gràcies a aquesta plataforma, he pogut crear dissenys clars i visuals que representen perfectament cada perfil professional i la temàtica de l’Ecocarpa. Amb aquesta cartelleria, volem donar visibilitat a les diferents sortides professionals del nostre cicle i destacar la importància de la tecnologia i la sostenibilitat en el món actual Cartells Cartell: Ecocarpa Cartell: Administrador/a sistemes Cartell: Administrador/a xarxes Cartell: Programador web

Configuració de tauletes per fer el registre in-situ

by

Configuració de tauletes per fer el registre in-situ He configurat les tauletes per a la fira de manera que estiguin llestes per funcionar de forma automàtica. El procés inclou la configuració del Wi-Fi perquè les tauletes es connectin automàticament quan s’engeguin, sense necessitat d’intervenció manual. Això assegura que tots els dispositius estiguin sempre connectats a internet, estalviant temps i evitant problemes durant l’esdeveniment. COM CONFIGURAR AUTOMÀTICAMENT EL WIFI Per connectar-te al wifi i posar-lo automàticament: Obre els Ajustos del teu dispositiu. Selecciona “Wi-Fi” o “Xarxes” (dependrà del dispositiu). 3. Activa el Wi-Fi, si no ho tens activat i tria la teva xarxa Wi-Fi de la llista de xarxes disponibles. 4. Introdueix la contrasenya del Wi-Fi si te’n demana. 5. Per a posar la connexió automàtica, activa l’opció que diu “Connectar-se automàticament” o “Recordar la xarxa” (això farà que el dispositiu es connecti automàticament la pròxima vegada que estiguis a prop de la mateixa xarxa).

Millores estètiques i funcionals

by

Millores estètiques i funcionals Tornar al repte 1.6 He millorat estèticament el meu xat bot. Per això vaig utilitzar ChatGPT: Vaig demanar-li el que volia i li vaig adjuntar el meu frontend: “M’agradaria que ho fessis més estètic, amb cantonades arrodonides, algun efecte visual agradable i que tingui un efecte flotant. Vull que els colors siguin en tons liles, combinant amb aquesta paleta: #8D358A, #7B4CA8… A més, en comptes de ‘Chatbot’, vull que el text digui alguna cosa com ‘Parla amb l’Ana!’ i que la font sigui “Poppins”.. Explicació de les millores: Clarificació: He fet que la redacció sigui més fluida i entenedora. Estètica: He utilitzat un llenguatge més precís per indicar els elements visuals desitjats. Efecte flotant: He remarcat aquest detall perquè sigui més clar que vols un efecte visual lleuger o amb ombra. Personalització: He reforçat la idea que vols un text més amigable en comptes de “Chatbot”.  

Creació d’un punt de recollida de dispositius electrònics en desús

by

Creació d’un punt de recollida de dispositius electrònics en desús Tornar al repte 1.6 Creació d’un punt de recollida de dispositius electrònics en desús Per crear un punt de recollida eficient de dispositius electrònics en desús, podem seguir aquests passos: Ubicació – Col·locar el punt de recollida en llocs visibles i accessibles: centres comercials, escoles o altres espais públics de gran afluència. – Utilitzar cartells grans i visibles per indicar la ubicació exacta del punt de recollida i guiar els usuaris. Disseny – Contenidors adequats: Utilitzar contenidors específics per a dispositius electrònics, amb compartiments per a diferents tipus de materials (telèfons mòbils, ordinadors, bateries, etc.), per evitar la contaminació creuada de materials reciclables. – Accés senzill: Dissenyar els contenidors per facilitar la disposició dels dispositius, amb una obertura ampla i fàcil d’utilitzar. Recompenses motivadores – Oferir recompenses per la entrega dels dispositius, com ara descomptes en productes tecnològics, targetes de regal o punts acumulables per a futurs descomptes. – Sorteigs: Organitzar competicions o sorteigs per als usuaris que més dispositius reciclin, amb premis atractius com gadgets tecnològics o experiències relacionades amb la tecnologia. Informació sobre Reciclatge i Reutilització – Cartells informatius: Col·locar informació clara i concisa sobre com es reciclen els dispositius, els beneficis del reciclatge i els perills de no fer-ho (com la contaminació ambiental). O també fer cartells digitals: instal·lar pantalles que mostrin vídeos curts sobre el procés de reciclatge i reutilització de dispositius electrònics. – Codi QR per a més informació: Afegir codis QR als contenidors o cartells que redirigeixin els usuaris a webs o apps amb informació detallada sobre el reciclatge. Col·laboracions -Aliances amb empreses tecnològiques: Cercar col·laboracions amb marques de tecnologia per a oferir recompenses exclusives o donar suport al projecte. -Treballar amb organitzacions ecologistes per garantir que els dispositius recollits es reciclin correctament i de manera sostenible.

Generar l’API Key a Google IA Studio i configurar-la a Google Colab

by

Generar l’API Key a Google IA Studio i configurar-la a Google Colab Tornar al repte 1.6 A Google AI Studio, els estudiants menors de 18 anys no poden generar la seva pròpia API Key, ja que la plataforma té restriccions d’edat. A causa d’això, alguns companys no van poder obtenir accés. Per solucionar el problema, el professor va proporcionar una API Key compartida perquè tots els afectats poguessin utilitzar-la a Google Colab i treballar amb les eines de Google AI sense restriccions. Generar una API Key a Google AI Studio ⚠ Nota: Google requereix tenir 18 anys per generar una API Key pròpia. Si teniu restriccions per edat, haureu d’utilitzar la que us ha donat el professor. 1 Accedir a Google AI Studio Aneu a Google AI Studio. Inicieu sessió amb el vostre compte de Google (si teniu restriccions, potser no podreu generar una API Key). 2 Generar la clau API Aneu a Settings (Configuració). Busqueu API Key i feu clic a Generate API Key. Guardeu la clau en un lloc segur. Configurar l’API Key a Google Colab 1 Obrir Google Colab Aneu a Google Colab i creeu un nou notebook. A Google Colab, fes clic a la icona de clau  a la barra lateral dreta. 2. Afegir la API Key A “Key”, escriu: GOOGLE_API_KEY   A “Value”, enganxa la clau API proporcionada pel professor.

Desplegament en MV d’un backup del WP personal

by

DESPLEGAMENT EN MV D’UN BAKCUP DEL WP PERSONAL Tornar al repte 1.6 He desplegat la pàgina web a la MV, copiant fitxers, configurant nginx i la base de dades, ajustant permisos i reiniciant el servidor. Finalment, he actualitzat el fitxer /etc/hosts per resoldre el domini correctament. Primer hem de instal·lar la MV que ens han proporcionat.  Ara ens hauria de sortir en el VirtualBox I ens connectem per ssh a la nostre màquina virtual. Copia tots els fitxers del directori de treball a la MV Per copiar els fitxers del directori de treball a la MV, primer has de comprovar que estàs al directori correcte amb pwd. Si no ho estàs o no saps la ruta, pots utilitzar find ~/ -type d -name “wordpress” per localitzar-lo. Un cop tinguis la ruta, entra al directori amb cd /ruta/del/directori. Finalment, copia tots els fitxers a la MV amb scp -r * vagrant@172.24.199.205:/home/vagrant/. I ara comprobem que s’hagin copiat. Descomprimeix l’arxiu “tar.gz” a la MV Per descomprimir l’arxiu “tar.gz” a la MV, primer has d’estar connectat per SSH. Un cop dins de la MV, executa la següent comanda per descomprimir l’arxiu dins del directori /home/vagrant/:   I ara comprobem que s’hagin descomprimit. Crea el directori “/var/www/html/$NOM” a la MV Creem el directori (sudo mkdir /var/www/html/$NOM) i executem: cd /var/www/html/ per comprobar que s’ha creat Copiar el contingut del directori “20250317-$NOM” dins del directori creat Ara copiem el contingut del directori descomprimit dins del directori que acabes de crear:   Canviar el propietari del directori creat i el seu contingut a l’usuari “www-data” excecutem : sudo chown -R www-data:www-data /var/www/html/$NOM Copiar el fitxer “$NOM.conf” dins del directori /etc/nginx/sites-available/  Per copiar el fitxer de configuració de Nginx ($NOM.conf) dins del directori /etc/nginx/sites-available/, primer has d’assegurar-te que el fitxer es troba a la ubicació correcta dins de la màquina virtual. Si no saps on es troba, utilitza la comanda ls per localitzar-lo. Si el fitxer, per exemple aborrego.conf, es troba en un directori concret com /home/vagrant/nginx/ o /vagrant/nginx/, copieu-lo amb la següent comanda: sudo cp /home/vagrant/nginx/aborrego.conf /etc/nginx/sites-available/ Aquesta comanda copiarà el fitxer de configuració de Nginx al directori adequat per la configuració de llocs disponibles.   Crear un enllaç simbòlic del fitxer a “/etc/nginx/sites-enabled/” (surt error ja que quan ho vaig fer per primer cop després vaig netejar la terminal.)   Executar les ordres del fitxer “$NOM.sql” dins del servidor de BBDD he utilitzat la comanda següent per executar el fitxer: sudo mysql -u root < /home/vagrant/mariadb/aborrego.sq Per assegurar-me que les ordres s’han aplicat correctament, entro a MySQL com a root: sudo mysql -u root -p Un cop dins de MySQL, comprovo que la base de dades aborrego s’ha creat correctament: SHOW DATABASES; Per verificar que l’usuari aborrego s’ha creat correctament, executo aquesta comanda: SELECT User, Host FROM mysql.user; i Per assegurar-me que l’usuari té tots els privilegis sobre la base de dades aborrego, executo: SHOW GRANTS FOR ‘aborrego’@’localhost’; Restaura el fitxer “20250317-$NOM.sql” dins de la BBDD que he creat. Dins del servidor de la base de dades posem: USE aborrego; Ara que tenim la base de dades seleccionada, puc restaurar el fitxer utilitzant la comanda mysql des de la línia de comandes

Integració del widget al WordPress

by

Integració del widget al wordpress Tornar al repte 1.6 He integrat un widget al wordpress per insertar el meu xatbot a la meva pàgina web. Pots comprovar-ho fent click aquí. Primer, has d’entrar al mode edició de la teva pàgina amb Elementor. Per fer-ho, ves a la teva pàgina des del panell de WordPress i fes clic a Editar amb Elementor. Això obrirà l’editor de pàgines de Elementor on podràs modificar el contingut. A la barra lateral esquerra d’Elementor, hi trobaràs una llista d’elements que pots arrossegar a la teva pàgina. Busca l’element “HTML” a la barra de cerca. Aquest element et permet afegir codi HTML personalitzat. Un cop hagis trobat l’element HTML, arrossega’l i col·loca’l a la secció de la pàgina on vols que aparegui el widget. Un cop el tinguis a l’espai seleccionat, obre’l fent clic sobre el quadre de text. Aquí és on hauràs de pegar el codi HTML/JavaScript del teu widget. Un cop hagis pegat el codi, ves a la part inferior de l’editor de Elementor i fes clic al botó “Desar” per guardar els canvis. També pots clicar “Publicar” si estàs treballant en una nova pàgina. Això farà que els canvis s’apliquin a la pàgina i el teu widget es mostrarà allà on l’has col·locat. Finalment, ves a la teva pàgina en viu i comprova que el widget es mostra correctament. Fes una prova per assegurar-te que el codi HTML/JavaScript està funcionant bé i que es fa la comunicació amb el backend (com la petició al servidor Flask via Ngrok) sense cap error.

en_USEnglish
caCatalan en_USEnglish
Ana Borrego Toledo