associazionesud.com
Guide, strumenti interattivi ed eventi per gli studenti dell’Università di Messina.
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
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
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
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
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
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
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»
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
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
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
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.
Altri progetti:Sistema di Votazione per Unime's Got TalentGestore SUD Movie NightVoicePortal
Hai un progetto in mente?
Automatizzare un processo, rifare un sito, costruire da zero. Scrivimi due righe, ti rispondo entro 24 ore.