Circolo Didattico Nº 3

Informazioni sul sito

In questa pagina descriviamo l'architettura del nostro sito illustrando brevemente le idee guida e l'organizzazione del contenuto.

Principi

Fin dalla prima edizione di queste pagine, l'11 aprile 1996, il nostro obbiettivo è quello di fornire un servizio agli studenti, alle famiglie e a quanti sono interessati al mondo della scuola.
Affinché l'informazione pubblicata sia fruibile dal maggior numero possibile di persone il progetto del sito si ispira a principi quali:

• Realizzare delle pagine con una organizzazione semplice e veloci da caricare, per permetterne l'accesso anche a chi utilizza collegamenti lenti
• Rendere leggibile il contenuto indipendentemente dal browser utilizzato
• Evitare di richiedere al lettore di installare estensioni o attivare funzioni non largamente disponibili
• Organizzare le pagine in modo da facilitare il recupero dell'informazione e fornire una struttura di navigazione agile e uno stile delle pagine coerente.

A questi principi, dopo pochi mesi dalla prima pubblicazione, se ne è aggiunto un altro che completa i quattro precedenti:

• Progettare e realizzare pagine accessibili a tutti indipendentemente dalla disabilita', conformi alle specifiche di progettazione universale del Consorzio W3C e del CAST

Stiamo imparando facendo, ma se nonostante il nostro impegno, incontri delle difficoltà nel raggiungere o consultare le informazioni contenute in queste pagine, scrivici a fiee00300a@istruzione.it

 [Inizio]

Il Progetto

Il progetto iniziale, redatto mettendosi dalla parte del potenziale lettore, ha permesso di mantenere l'organizzazione sostanzialmente inalterata nel corso delle varie edizioni.

Dall'edizione Nº 29 del 31 gennaio 2000, invece, in conseguenza dell'aumentato numero delle pagine, è stata riprogettata la navigazione che comprende anche, tra le varie caratteristiche aggiunte, un motore di ricerca nel sito, un indice alfabetico oltre alla mappa già esistente, una "Barra del Percorso" che aiuta il lettore nell'orientamento.

L'Organizzazione

Gli argomenti sono organizzati per gerarchie e alcuni, preminenti, hanno dei collegamenti diretti.

Dalla Home page sono immediatamente raggiungibili i materiali relativi all'Offerta Formativa (POF, Carta dei servizi, Regolamento Interno, Continuità Educativa), all'Autonomia e ai Progetti.
Le altre pagine sono raggruppate sotto cinque gerarchie principali: le scuole: Infanzia Don Minzoni, Primaria Don Minzoni e Primaria Cadorna, il Circolo e le Pagine dei genitori.

Sotto le tre scuole si trovano:

• la didattica, i progetti, le esperienze, le sperimentazioni, le attività facoltative
• i lavori degli alunni
• l'organizzazione didattica
• le dotazioni e servizi
• le informazioni logistiche

Nel circolo ci sono tutte le informazioni comuni alle tre scuole, che riguardano gli aspetti più propriamente organizzativi quali:

• il calendario scolastico
• le modalità di iscrizione
• gli orari di apertura degli uffici
• i servizi comunali
• tutti i progetti, le esperienze e le attività che coinvolgono le tre scuole
• i principali atti deliberati dagli organi collegiali

Nella Pagine dei genitori sono pubblicati:

• i progetti
• le esperienze

La Navigazione

Dall'edizione Nº 29 le pagine sono state corredate da una nuova struttura di navigazione.
In ciascuna pagina sono presenti i seguenti collegamenti:

• alla Home Page
• al Circolo
• alle tre Scuole
• alla Mappa e all'Indice
• al Motore di Ricerca

Tutte queste voci, poste orizzontalmente nella parte alta della pagina, sono associate a tasti di scelta rapida per facilitare la navigazione, in accordo con le indicazioni per l'accessibilità e permettono di andare rapidamente all'inizio di ogni gerarchia o di raggiungere l'informazione desiderata con un numero ridotto di passaggi. Sono ripetute in fondo ad ogni pagina.

È stata aggiunta inoltre la "Barra del Percorso" che dà un'immediata visione della posizione gerarchica della pagina visualizzata; i link presenti sulla barra permettono di raggiungere rapidamente i documenti precedenti nell'ordine gerarchico.

Il menu dei collegamenti della pagina è stato posizionato in una colonna sulla sinistra: in una cella con lo sfondo bianco come quello del corpo della pagina, sono presenti i collegamenti di gerarchia immediatamente inferiore alla pagina stessa, mentre nella parte con sfondo colorato ci sono quelli di pari gerarchia.

"Argomenti correlati" e "Vedi anche" sono due celle sottostanti, presenti solo all'occorrenza e contengono link ad approfondimenti presenti nel nostro o in altri siti.

In fondo ad ogni pagina è presente sempre un riferimento e-mail a cui chiedere eventuali informazioni e l'URL della Home page affinché nella eventuale pagina stampata o salvata su disco rimanga un riferimento al sito.

 [Principi]  [Inizio] 

Accessibilità

"La potenza del Web sta nella sua universalità. L'accesso a tutti senza riguardo alla disabilità è un aspetto essenziale"

Tim Barners-Lee direttore del Consorzio W3C e ideatore del World Wide Web

Nella progettazione di questo sito ci siamo impegnati a renderlo pienamente accessibile a tutti in accordo con le specifiche del Consorzio W3C e del CAST (ACRONYM) affinché tutte le informazioni risultino pienamente consultabili da persone:

• con disabilità fisiche o psichiche
• con browser differenti e configurati diversamente da quello utilizzato per lo sviluppo delle pagine
• che si trovano in condizioni ambientali sfavorevoli: rumore di fondo presente/assente, illuminazione scarsa/eccessiva
• che navigano senza l'uso delle mani, ecc.

Nello sviluppo delle nostre pagine, per raggiungere l'obiettivo della piena visibilità, abbiamo seguito le linee guida del TRACE CENTER http://trace.wisc.edu/world/web/ e le abbiamo controllate con BOBBY http://www.cast.org/bobby/ ottenendone l'approvazione.

I seguenti simboli presenti nella nostra home page, rappresentano il nostro impegno per un sito accessibile.

  D    Questo simbolo di accesso al Web, proposto dal Centro Nazionale per i Mezzi Accessibili (NCAM), è stato scelto tra 17 simboli e può essere utilizzato dai webmaster per segnalare che il loro sito contiene caratteristiche di accessibilità tali da soddisfare le necessità dei visitatori disabili. Questa immagine è stata creata dagli Stormship Studios di Boston, Massachusetts.

  D    Questo simbolo del Centro per la Tecnologia Speciale Applicata (CAST) http://www.cast.org/bobby/ indica che le pagine di questo sito sono state sottoposte a controllo per l'accessibilità per i disabili ed hanno ottenuto un riscontro positivo.

Progettazione Universale

Di seguito elenchiamo gli elementi di progettazione universale che abbiamo utilizzato per realizzare le nostre pagine.
Speriamo di aver realizzato un sito che sia contemporaneamente utile e accessibile.

1. ALT-tags e descrizione di tutte le immagini.
   Ci sono persone che non possono o non vogliono vedere le immagini, i ciechi o gli ipovedenti, ma anche coloro che hanno un collegamento lento e decidono di non caricare le immagini, o hanno un terminale non grafico. Per questo motivo tutte le immagini devono avere un breve testo alternativo che descriva l'immagine. Il browser presenta il contenuto dell'attributo Alt-text al posto dell'immagine. Dove è richiesta una descrizione più completa si può collegare all'immagine un file con un testo più ampio. Nel nostro sito tutte le immagini hanno l'attributo Atl-text e, ove necessario, anche l'attributo LONGDESC che rimanda ad un file di descrizione. Poiché non tutti i browser riconoscono quest'ultimo attributo, una D posizionata vicino all'immagine costituisce un ulteriore link alla descrizione.
   
   
2. Struttura di navigazione su tutte le pagine.
   In tutte le pagine sono presenti i collegamenti che portano alle pagine principali e a quelle di ricerca; la barra del percorso ed il menu dei collegamenti a sinistra indicano chiaramente la posizione della pagina che si sta consultando, all'interno della gerarchia del sito. I link principali sono replicati in fondo ad ogni pagina, dove sono presenti in chiaro anche l'indirizzo e-mail e quello della Home page.
   
   
3. I link a pagine esterne o trovate dal motore di ricerca aprono una nuova finestra.
   Poiché saltare ad un sito esterno o ad una pagina recuperata dal motore di ricerca, può produrre un cambiamento molto grosso nella posizione nell'albero gerarchico, in questi casi la pagina collegata viene aperta in una nuova finestra. È così possibile consultare le nuove informazioni e ritornare al punto di partenza chiudendo semplicemente la nuova finestra. Quando non è evidente dal contesto, i link esterni vengono segnalati.
   
   
4. Ritorna all'inizio
   In fondo ad ogni pagina e, nelle pagine lunghe dopo ogni sezione, è presente un link che riporta all'inizio della pagina, dov'è presente il menu dei collegamenti.
   
   
5. Versione Solo Testo delle pagine non accessibili
   Nei casi in cui la pagina, nonostante tutti gli accorgimenti risulti ancora non accessibile, viene realizzata una versione alternativa di solo testo. Nel nostro sito alcune pagine hanno grafici risultanti da elaborazioni statistiche o delle tabelle con delle immagini; in entrambi i casi sono state costruite delle pagine alternative in cui i risultati statistici sono espressi in una tabella numerica. In tutti i casi in cui le tabelle sono state utilizzate per la formattazione della pagina, è stato controllato che la restituzione con un browser solo testo fosse corretta.
   
   
6. Inclusione dei nuovi tag HTML 4.0 per l'accessibilità
   Abbiamo incluso nuovi tag HTML che saranno presto utilizzabili dai principali browser a favore di una migliore accessibilità. Visita il W3C per ulteriori informazioni.
   I tag utilizzati sono:
   
   
   1. title , attributo per elementi nella pagina; permette di spiegare la funzione di ogni elemento con una breve frase, utilizzabile per esempio dai browser non grafici. È stato utilizzato nelle tabelle di formattazione per indicare i vari menu e le parti della pagina.
      
      
   2. summary , attributo per tabelle.( Fornisce una breve panoramica della funzione della tabella, utile ai browser che non possono mostrare le tabelle, ma non hanno trovato una versione alternativa di solo testo. È utilizzato di solito nelle tabelle di formattazione per indicare chiaramente il loro scopo.)
      Consente di anticipare e riassumere l'informazione contenuta nella tabella
      
      
   3. longdesc , attributo per immagini. È un riferimento ad un file esterno che contiene la descrizione dell'immagine con un collegamento diretto all'immagine stessa (vedi sopra Alt-text e descrizione dell'immagine). Questo attributo permette una descrizione più esauriente di quanto sia possibile con l'attributo ALT. Poiché LONGDESC non è ancora largamente implementato nei browser, le nostre pagine continuano ad utilizzare anche una D posizionata vicino all'immagine come ulteriore link alla descrizione.
      
      
   4. tabindex2 , attributo per link. Generalmente le persone accedono ai link cliccandoli con il mouse. La maggior parte dei browser fornisce anche la possibilità di usare il tasto TAB per muoversi tra i link e, su qualche sistema, questo è l'unico modo possibile. Normalmente il tasto TAB percorre i link nell'ordine in cui appaiono nel file, un ordine che potrebbe non essere il più logico o intuitivo. Questo attributo permette al progettista della pagina di specificare la posizione di ciascun link nel percorso seguito dal tasto TAB. Nelle nostre pagine i link alla versione solo testo e inglese sono al primo posto, seguiti dai link nel corpo della pagina e dalle voci di navigazione.
      
      
   5. accesskey (tasti di scelta rapida), attributo per link. Quando ci sono molti link su una pagina, può essere poco conveniente percorrerli tutti per attivarne uno vicino alla fine del percorso., L'attributo ACCESSKEY permette ad un link di essere attivato premendo semplicemente l'appropriata sequenza di tasti. Se l'ACCESSKEY per un link è il carattere "1", un utente può attivare il link premendo ALT-1 in Windows o Option-1 su di un Macintosh. Poiché ACCESSKEY può essere solo un singolo carattere, non è normalmente possibile definire un accesskey per tutti i link della pagina. Nel nostro sito utilizziamo questo attributo solamente per i link di navigazione comuni a tutte le pagine. Gli ACCESSKEY definiti per il nostro sito sono:
      • 0 = Home
      • 1 = Circolo
      • 2 = Infanzia Don Minzoni
      • 3 = Primaria Don Minzoni
      • 4 = Primaria Cadorna
      • 5 = Solo testo
      • 6 = Mappa
      • 7 = Indice
      • 8 = Cerca
      • 9 = English
   
   
7. Cascading Style Sheets
   Questi sono un mezzo nuovo per formattare le pagine ed offrono diversi vantaggi significativi. Gli Style Sheets si affidano alla struttura HTML della pagina per determinare la formattazione appropriata. Questo incoraggia l'uso di elementi strutturali nell'HTML di cui rappresentano uno dei primi vantaggi. Per esempio l'attributo CLASS di un elemento dice allo Style Sheet che tipo di elemento è; lo Style Sheet può formattarlo in modo coerente con gli altri elementi della stessa classe. Gli Style Sheet permettono anche l'uso di formattazioni che non tutti i browser supportano, senza rendere illeggibili le pagine in quei browser; possono anche essere disabilitati dall'utente per consentire all'utente un migliore controllo sull'aspetto dei documenti. Gli Style Sheet saranno in un prossimo futuro capaci di formattare un documento simultaneamente per lo schermo, per la stampa, per una voce sintetizzata, ecc., incrementando l'usabilità universale di quel documento. Elimineranno anche la necessità di usare frame e tabelle per formattare un documento, due tecniche usuali che creano problemi di accesso.

 [Progetto]  [Inizio] 

Campagna Any Browser

"Chiunque schiaffi su una pagina Web l'etichetta "questa pagina è vista meglio con il browser X" sembra che provi un forte desiderio di tornare a quei terribili giorni, precedenti il Web, in cui si avevano poche possibilità di leggere un documento scritto su di un altro computer, da un altro elaboratore di testi, o in un'altra rete"

Tim Barners-Lee direttore del Consorzio W3C e ideatore del World Wide Web in Technology Review, July 1996

  D    Questo simbolo, liberamente scelto dagli autori di queste pagine, indica l'adesione alla Campagna per un WWW non legato ad un browser specifico http://www.anybrowser.org/campaign/.

 [Accessibilità]  [Inizio]