Salta al contenuto

associazionesud.com

Guide, strumenti interattivi ed eventi per gli studenti dell’Università di Messina.

2026Progettazione & sviluppo

Il sito ufficiale dell’Associazione SUD, progettato e sviluppato da zero. È allo stesso tempo la guida per le matricole dell’Università di Messina, con 25 guide passo-passo e 15 strumenti che funzionano nel browser senza inviare dati a nessuno, e il sistema con cui i membri dell’associazione gestiscono eventi, iscrizioni, candidature e comunicazione, senza mai toccare il codice.

  • HTML
  • Tailwind CSS
  • JavaScript
  • Supabase
  • PostgreSQL
  • 25

    guide passo-passo

  • 15

    strumenti nel browser

  • IT/EN

    traduzione del sito in inglese con un clic

Nel dettaglio

Guide per le matricole

4 punti1 / 10

  • 25 guide passo-passo scritte in modo semplice

    TOLC e OFA, immatricolazione e rinnovo, piano di studi ed esami su Esse3, tasse, ISEE-U, borse di studio ed esoneri, collaborazioni 150 ore, Erasmus, mensa ERSU, abbonamento ATM, Wi-Fi eduroam, account Microsoft, supporto DSA, sportello psicologico, biblioteche e prenotazione di un posto.

  • Una scheda per ogni corso di laurea

    Durata, accesso, dove si studia e cosa si fa dopo la laurea, con ricerca grande e filtri a pulsanti.

  • Pagine dedicate a ogni polo universitario

    Con le indicazioni per arrivarci, più il dizionario della matricola con filtri per argomento e i modelli di email pronti da inviare.

  • Guida agli organi di rappresentanza

    Spiega come funzionano e come si vota, con le pagine Chi siamo e Rappresentanti.

15 strumenti che funzionano nel browser

6 punti2 / 10

  • Calcolo delle tasse e simulatore di media

    Calcolatore delle tasse, simulatore di media e voto di laurea e convertitore di voti.

  • Strumenti per organizzare lo studio

    Checklist della matricola, pianificatore di sessione, timer di studio, countdown degli esami e countdown accademico con le scadenze ufficiali.

  • Requisiti per la borsa ERSU

    Uno strumento dedicato ai requisiti per la borsa di studio.

  • Mappa dei poli con i bus ATM

    Mappa interattiva dei poli con le linee e gli orari dei bus, più la pagina «Come arrivare».

  • I calcoli restano sul dispositivo

    Nessun dato personale viene inviato a un server.

  • Pagina Strumenti con ricerca e filtri per categoria

Sistema di traduzione

5 punti3 / 10

  • Pulsante IT/EN sempre a portata di mano

    Disponibile anche nel menu su telefono, per leggere tutto il sito in inglese.

  • Traduzione senza ricaricare la pagina

    Si attiva con un clic, senza lampeggi né cambi di pagina.

  • Il servizio di traduzione si carica solo su richiesta

    Chi non lo usa non viene tracciato da servizi esterni.

  • Nomi protetti dalla traduzione

    Il nome dell’associazione e i nomi dei rappresentanti non vengono mai tradotti.

  • Nessuna traduzione indesiderata

    La lingua del telefono non attiva nulla da sola e il banner del servizio è nascosto.

Gestione degli eventi

4 punti4 / 10

  • Pagina Eventi con una scheda per evento

    Ogni scheda ha il badge del dipartimento, la data di default e una data specifica.

  • In cima c’è sempre l’evento più vicino

    Quando una data scade, l’evento torna alla sua data di default.

  • Prenotazione a scelta per ogni evento

    Con un modulo interno del sito oppure con un link esterno.

  • Il cineforum SUD Movie Night si aggiorna da solo

    Segue la data e la descrizione della prossima proiezione.

Pannello admin per i membri dell’associazione

6 punti5 / 10

  • Area riservata con accesso protetto

    I membri gestiscono tutto il sito da qui, senza conoscenze tecniche.

  • Eventi

    Creazione, modifica ed eliminazione in pochi clic.

  • Candidature

    Tutte le richieste ricevute dalla pagina Unisciti a noi, in un unico posto.

  • Form

    Creazione dei moduli e consultazione delle risposte.

  • Database

    Barra dell’utilizzo dello spazio, consumo per argomento e grafico a torta.

  • Statistiche delle visite

Form creati direttamente dal sito

6 punti6 / 10

  • Editor per costruire un modulo senza scrivere codice

    Domande, campi obbligatori e limite di posti.

  • Moduli collegati agli eventi

    Il pulsante «Prenotati» compare da solo nella scheda dell’evento.

  • Risposte consultabili come in Google Moduli

    Riepilogo con una scheda per domanda (torta, barre o colonne), vista per domanda, risposta singola con frecce ed elenco in tabella.

  • Filtri, ordinamento e grafici

    Filtri, ordinamento per cognome e grafico dei dipartimenti; le risposte si esportano in PDF, generato direttamente nel browser.

  • Modulo del cinema con proiezioni a programma

    Tutti i campi sono obbligatori e c’è un link dedicato con anteprima social.

  • Mai più iscritti dei posti disponibili

    Se un modulo ha un numero di posti limitato, le iscrizioni vengono registrate una alla volta: anche se molte persone inviano nello stesso istante, il limite non viene superato.

Pagina «Unisciti a noi»

5 punti7 / 10

  • Candidatura per entrare nella squadra

    Con testi pensati per coinvolgere e una conferma chiara dopo l’invio.

  • Sempre in evidenza

    Pulsante colorato nel menu e nel footer, una fascia nella home e link nelle pagine Rappresentanti, Eventi e Organi.

  • Il candidato sceglie come essere ricontattato

    Su Instagram o su WhatsApp.

  • Riceve contatti con continuità

    Ogni candidatura arriva nell’area admin, salvata con data e ora.

  • Consenso registrato

    Il consenso al trattamento dei dati è salvato con data e versione dell’informativa, e il database rifiuta gli invii senza consenso.

Cura della parte legale

5 punti8 / 10

  • Privacy e Cookie Policy complete

    Aggiornate a ogni nuovo strumento, servizio di terze parti e funzione che tratta dati.

  • Avviso sui cookie alla prima visita

    Su tutte le pagine, con il link all’informativa.

  • Conservazione limitata dei dati

    Avviso e cancellazione delle risposte ai moduli dopo 6 mesi.

  • Promemoria per gli amministratori

    Ricordano quali dati è lecito chiedere nei moduli.

  • Note legali e fonti dichiarate

    Nelle pagine con contenuti ufficiali.

Cybersecurity

8 punti9 / 10

  • Permessi regolati nel database (Row Level Security)

    Ogni tabella ha il minimo indispensabile e solo l’amministratore può scrivere.

  • Limite ai tentativi di accesso per indirizzo IP

    Protegge dagli attacchi a forza bruta.

  • Protezione dallo spam senza servizi esterni

    Una piccola sfida di calcolo monouso, rilasciata dal database, con un tempo minimo prima dell’invio.

  • Limite di richieste al minuto

    Con un messaggio chiaro per l’utente.

  • Controlli sui dati anche nel database

    Formato, lunghezza e tipo; link e colori validati; esportazioni CSV protette dall’iniezione di formule.

  • Intestazioni di sicurezza e librerie bloccate

    CSP, HSTS e nosniff, file security.txt, librerie con versione fissa e verifica di integrità.

  • Font, icone e mappa serviti dal sito stesso

    Nessuna dipendenza da servizi esterni per questi elementi.

  • Audit di sicurezza periodici

    Con le correzioni applicate ogni volta.

Veloce e accessibile

3 punti10 / 10

  • Veloce anche da telefono

    Tailwind compilato, font locali e immagini ottimizzate.

  • Accessibilità curata

    Link «Salta al contenuto», focus ben visibile, rispetto di «riduci animazioni» e gerarchia corretta dei titoli.

  • SEO curato

    Sitemap, indirizzi canonici e anteprime social per ogni pagina.