Institut Ferrer i Guàrdia
Canviar de tecnologia. Conservar la memòria.
L’encàrrec
L’Institut Francesc Ferrer i Guàrdia és un centre públic de Sant Joan Despí que funciona des del curs 1977/78: gairebé cinquanta anys i tres edificis. Fa ESO, batxillerat, tres famílies de formació professional i programes d’inserció, i es defineix com a institut plurilingüe i internacionalitzador. La seva web feia onze anys que era en Drupal, amb un subtema fet a mida per al centre.
Un institut no té un públic: en té dos. Les famílies busquen l’avís dels llibres o del menjador, i l’alumnat vol entrar al Moodle abans que soni el timbre; enmig hi ha onze apartats d’informació —estudis, secretaria, departaments, projectes— que ningú no hauria de recórrer per trobar una data.
Què vam fer
Vam muntar la portada com el tauler de l’entrada. Primer els tràmits oberts —places vacants, cua virtual—, després els accessos que es fan servir cada dia (XTEC, Moodle, iEduca, correu, intranet) i només llavors la presentació del centre. A sota, els destacats del curs —llibres, armariets, menjador— en cinc targetes iguals: foto, titular i botó.
Vam migrar pàgines, notícies i arxius de Drupal a WordPress. La nova estructura conserva contingut del centre i permet consultar registres de mediateca anteriors al redisseny de 2023. La data del registre ajuda a situar-ne la història; no equival per si sola a la data de creació de cada imatge. No es va reescriure el centre des de zero: es va traslladar el contingut a una nova estructura.
Vam ordenar deu seccions i tres nivells de menú. Institut, Estudis, Secretaria, Actualitat, Projectes, Departaments, Coordinació TIC, AFA, Empresa i Contacte. Cada etapa té el seu tauler a secretaria, els documents de centre van en PDF, els plànols van per planta i hi ha una bústia pròpia per a les empreses que acullen pràctiques.
Un sol vermell, el de l’escut. El #DA251C mana a la capçalera, als botons, als enllaços i a l’apartat actiu del menú; la resta és gris de paper, cantonades gairebé rectes i un cos de 16/28 pensat per llegir textos llargs. Al peu, els segells obligatoris del Departament, el FEDER i el Pla de Recuperació.
La informació d’avui i l’arxiu d’ahir.
La web d’un institut no es jutja per la portada. Es jutja per si una família troba l’avís dels armariets sense trucar per telèfon. Per això el primer de la pantalla no és qui som, sinó què hi ha obert avui: els tràmits amb caducitat a dalt, i la història del centre —que és llarga i bona— una pantalla més avall.
Institut Francesc Ferrer i Guàrdia · arxiu
Canviar de web. Conservar la memòria.
Una migració també és conservar el context: què és cada contingut, on es consulta i quina data té al registre. Aquest exemple del fons del centre ho fa visible.
Data del registre de mediateca
No és la data de captura de la fotografia.
- Una pàgina de context
- Història del centre
- Un arxiu consultable
- La imatge originalimagen10.png · 923 × 632
El contingut manté una història pròpia.
La fotografia es pot consultar a la mediateca de WordPress i s’identifica a la pàgina que explica la història del centre. El registre conserva una data anterior al canvi de web de 2023.
El projecte en xifres
Què hi ha a sota
El sistema visual és curt expressament: contenidor de 1140 px, fons de pàgina #F7F7F7, peu #EFEFEF i un cos de 16 px amb interlineat de 28 —relació 1,75— perquè aquí s’hi llegeixen textos llargs: un projecte educatiu, les vies d’accés a un cicle, el calendari del curs. Els titulars de bloc van a 24 px en negreta i les cantonades són gairebé rectes: 1 px als botons d’avís, 6 px als de tràmit. El vermell #DA251C apareix 265 vegades i és l’únic que decideix jerarquia.
Una prova concreta és la imatge imagen10.png: la mediateca pública conserva un registre datat el 5 de maig de 2022 i la pàgina «Història del centre» referencia aquesta imatge. L’arxiu es pot consultar a la seva ruta de WordPress. Conservar contingut i metadades requereix comprovar també els enllaços antics: aquest exemple no demostra que totes les adreces anteriors continuïn funcionant.
La resta és lampisteria amb l’ecosistema de la Generalitat: tretze accessos directes a XTEC, Moodle, iEduca, SAGA, Esfera, Qbid i la resta de plataformes on viu de debò la gestió; taulers incrustats per etapa a secretaria; plànols del centre per planta en PDF; i el bloc de finançament europeu amb la referència del programa, que en un centre públic no és decoració sinó obligació.
Com va anar
Galeria · el projecte en imatges (clica per ampliar)
"Té una història de gairebé 50 anys, ja que funciona des del curs 1977/78."iesffg.cat
Crèdits · qui ho va fer
Vols un resultat així per al teu projecte?
