Sito di Sezione

Il sito di Sezione, il sito pubblico di ESN Milano Statale, è milanostatale.esn.it, raggiungibile anche come www.esnmilanostatale.it. È un sito Satellite, il modello che ESN International offre alle Sezioni. Questa pagina dice cosa contiene e come si svolgono le operazioni di manutenzione più frequenti.

Il sito

Chi lo cura

Il sito lo gestisce e lo aggiorna l'IT Manager, che si coordina con il Partnership Manager per i contenuti sui partner (art. 18 del Regolamento interno). Le guide qui sotto sono state scritte per il WG ICT, chiuso nel 2026 (vedi Working Group): dove nominavano il referente del WG ICT, oggi ci si rivolge all'IT Manager.

Cosa contiene

• Gli eventi, copiati dall'annuncio rivolto agli studenti Erasmus.
• La Survival Guide per gli studenti Erasmus, alla pagina /survival-guide: un PDF collegato in modo permanente, conservato nel Drive nella cartella «Survival Guide Erasmus».
• Meet our staff: la pagina About ESN → ESN Milano Statale presenta i volontari a partire da una variabile JavaScript, members, con le foto conservate nel repository GitHub esnmilanostatale/esnmilanostatale.github.io.

Gestire il sito

Accedere

1. Vai su milanostatale.esn.it/user.
2. Scegli login without galaxy.
3. Inserisci le credenziali, che si chiedono all'IT Manager.

Aggiungere un evento

Da verificare. Questa pagina contiene informazioni incomplete o non confermate. Questi passi risalgono a quando gli eventi si annunciavano agli Erasmus su un gruppo Facebook; vanno confrontati con il sito attuale.

1. Dal menu di gestione in alto, scegli Content → Add content → Event.
2. Apri l'evento come è stato annunciato agli studenti Erasmus e riportane i dati nella pagina dell'evento sul sito:
   • nome dell'evento, data e ora;
   • Body, cioè la descrizione: togli le emoji e togli i collegamenti a moduli Google e simili, perché sul sito tutto è pubblico;
   • l'immagine dell'evento, da scaricare e inserire nel campo Image;
   • i dettagli facoltativi: tipo di evento, ESNcard richiesta, prezzo.
3. Clicca Save in fondo alla pagina.

Aggiornare la Survival Guide

La pagina /survival-guide rimanda a un file che resta valido finché Survival Guide - public.pdf nella cartella del Drive «Survival Guide Erasmus» viene sostituito, mai rinominato né cancellato. A ogni modifica richiesta:

1. Apri la cartella condivisa sul Drive; se non la vedi, chiedi l'accesso all'IT Manager.
2. Scarica l'ultimo PowerPoint aggiornato e fai le modifiche.
3. Salvalo con la data dell'aggiornamento nel nome, per esempio Survival Guide - Aggiornata al 12.09.2023.pptx.
4. Esporta il PDF con lo stesso nome: Survival Guide - Aggiornata al 12.09.2023.pdf.
5. Duplica il PDF e rinomina la copia Survival Guide - public.pdf.
6. Carica i tre file nella cartella condivisa; quando il Drive chiede se sostituire i file esistenti, accetta.
7. Togli la vecchia versione del PDF e del PowerPoint: nella cartella devono restare solo i tre file nuovi.
8. Controlla che la pagina del sito mostri la nuova versione.

Se una pagina non si aggiorna dopo le modifiche

Nel menu di gestione in alto, dall'icona a forma di casa, scegli Flush All Caches.

Aggiungere un volontario a «Meet our staff»

1. Manda al nuovo volontario il foglio di calcolo «Meet your staff on website» da compilare e chiedigli una foto profilo; ritagliala quadrata (proporzioni 1:1).
2. Carica l'immagine nel repository GitHub esnmilanostatale/esnmilanostatale.github.io.
3. Apri la pagina About ESN → ESN Milano Statale e clicca Edit.
4. Nel menu Text Format scegli Plain Text, così l'editor non altera il codice.
5. Aggiungi la persona alla variabile members con i dati del foglio di calcolo (schema sotto, «La voce in members»). Per il campo img, sull'immagine in GitHub fai clic destro → Copy image address.
6. Inserisci la persona in una riga della pagina (schema sotto, «La foto nella riga»).
7. Riporta Text Format su Rich Text e clicca Save in fondo alla pagina.

La voce in members:

var members = {
  "nome_cognome": {"name": "Nome Cognome", "img": "<collegamento all'immagine su GitHub>",
    "profile": "<breve presentazione>", "from": "<città> - <ruolo>", "studies": "<studi>",
    "place": "<luogo>", "quote": "<citazione>", "lang": flags.italian + flags.english},
  …
};

La foto nella riga:

<div class="member-row-5 middlemember"><img class="memberimg desn" onclick="openModal('nome_cognome')"
src="<collegamento all'immagine>" /><br /><span>Nome Cognome</span></div>

• member-row-5: quante foto contiene la riga, 3, 4 o 5;
• middlemember: solo per la persona al centro di una riga dispari, da 3 o da 5;
• desn: la classe che dà il colore al cerchio della foto; la legenda della guida è o arancione, p rosa, d blu scuro, g verde, b azzurro;
• openModal('…'): la chiave della persona nella variabile members;
• src: il collegamento all'immagine nel repository GitHub.

Riferimenti

• IT Manager · Partnership Manager · Canali di Comunicazione

Ultimo aggiornamento: 2026-10-06