Projectes · Cas

Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu

Disseny webDesenvolupament WordPressMigració des de DrupalCentre educatiu 2023
Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu
iesffg.cat · 119 pàgines · de Drupal a WordPress el 2023
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 passar onze anys de Drupal a WordPress sense perdre cap data. 119 pàgines, 284 entrades i 2.122 arxius de mediateca, amb les seves dates i les seves rutes originals: hi ha documents que continuen marcant el juliol del 2014. No es va reescriure el centre des de zero: es va mudar sencer.

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 clau

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.

119
pàgines publicades
284
entrades d’actualitat
2.122
arxius migrats amb la seva data original
1977
curs en què l’institut va obrir les portes
13
programes i projectes vigents amb pàgina pròpia
10
seccions de menú que ordenen tota la informació
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.

La part que no es veu en cap captura és la migració. L’API del lloc encara retorna 2.122 arxius datats el 2014 amb les rutes de Drupal intactes i pàgines creades el 28 de juliol del 2014. Conservar dates i adreces no és una mania d’arxiver: és el que fa que un enllaç de fa deu anys en un correu de l’AMPA continuï 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
01L’encàrrecUn institut públic amb onze anys de Drupal al darrere
02La decisióPrimer els avisos oberts, després la presentació
03La migració119 pàgines, 284 entrades i 2.122 arxius amb la seva data
04La web2023: deu seccions, un vermell i les plataformes a un clic
Galeria · el projecte en imatges (clica per ampliar)
El que urgeix, a dalt: places vacants i cua virtual. Formar ciutadans responsables, solidaris i competents. Tres famílies professionals, FP Dual i Erasmus. Les famílies consulten l'institut des del mòbil. Dels 12 als 16 anys, explicat sense argot. Dues-centes vuitanta-quatre entrades, ordenables per data. Llibres, armariets i menjador: el que es busca al setembre. Cada tràmit a la seva columna, dins d'un tauler compartit.
Concepte i sistema · moodboard, tipografia, components i composició
Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu Institut Francesc Ferrer i Guàrdia, un institut públic que canvia de tecnologia sense perdre l’arxiu
Així dissenyem tots els casos →
"Té una història de gairebé 50 anys, ja que funciona des del curs 1977/78."iesffg.cat
Crèdits · qui ha disparat
Vídeo de benvingudaPau Martínez Bernadas

Vols un resultat així per al teu projecte?

Següent projecte

Sandra Dachs, una web que s’aparta perquè es vegi l’obra