Progetto online

Transcript

1 Via Luigi Guercio, Salerno Tel/Fax 089/ Partita I.V.A Progetto online [Offerta] cell

2 Realizzare il sito web della scuola: Progetto online Per fare un sito di qualità non è sufficiente avere le competenze tecniche per creare pagine web! Il fatto che sia relativamente semplice apprendere le nozioni di base per sviluppare file html e pubblicare sul web ha portato a risultati quanto meno scadenti di cui il web è pieno. Purtroppo non è così altrettanto diffusa la consapevolezza che - come ogni prodotto di comunicazione, per di più se espressione di realtà complesse - la creazione di un sito web necessita in modo indispensabile di una progettazione a monte, uno studio prima e una realizzazione poi, cosciente del prodotto che va realizzando e capace di sviluppare in modo organico un progetto che ha obiettivi precisi. E' assolutamente imprescindibile quindi, prima di mettere mano al mouse e alla tastiera, iniziare da una fase di progettazione che individuerà l impianto del sito e ne determinerà l'organizzazione che lo farà vivere. E' su questo che in larga parte si gioca la differenza qualitativa dei siti e molto spesso ne determina la loro sopravvivenza sul web. Gli esperti di S@RETE Le scuole protagoniste in rete i website design, programmatori e docenti esperti in didattica on line vi seguiranno in tutte le fasi, dalla progettazione alla pubblicazione del sito della scuola, secondo uno schema già collaudato con successo, avendo collaborato con moltissime scuole del territorio campano. (vedi I momenti / piani di riflessione per la progettazione del sito Nella fase di progettazione del sito scolastico inteso come strumento di comunicazione abbiamo individuato 3 fasi, ciascuna delle quali rivolta ad affrontare: 1. la progettazione dei contenuti 2. la progettazione dell organizzazione interna 3. lo sviluppo tecnico Tra queste tre fasi vi è necessariamente una stretta correlazione; in quanto le decisioni prese riguardo ad alcuni aspetti nella prima fase influiscono su altri collocati nelle fasi successive e viceversa, con un rapporto di continua interdipendenza.

3 1 progettazione dei contenuti Impianto organizzativo costituire una Commissione/comitato di redazione che sia espressione delle varie componenti della scuola, per la condivisione e la scelta: della home page; degli elementi significativi del POF; dei settori del POF che si intendono pubblicare; delle linee metodologiche - didattiche dei percorsi curricolari e/o extracurricolari; Delle informazioni storiche relative alla scuola e/o al contesto; della gestione web dei servizi di Segreteria; incontri di brainstorming in cui enunciare tutti i contenuti e/o servizi che si vorrebbe/potrebbe inserire nel sito web. raggruppare i contenuti per aree e sottoaree secondo affinità logica da collegare tra loro come in una mappa concettuale reticolare. nella mappa ottenuta distinguere tra le aree che comportano pagine web statiche e quelle che richiedono pagine dinamiche. PIANO DI FATTIBILITA': per ogni area dei contenuti previsti è assolutamente necessario prevedere e analizzare la ricaduta organizzativa del loro inserimento e mantenimento sul sito web (cioè cosa implica sul piano organizzativo), prendendo in considerazione le aree di criticità che andranno gestite, in termini di rapporti interni, circolazione delle comunicazioni, interrelazione tra soggetti, individuazione di responsabili e referenti, ecc. Questo piano di fattibilità è il fulcro centrale attorno al quale ruota la seconda fase della progettazione e costituisce il campo di verifica sul quale determinare i contenuti del sito: 2 progettazione per ogni tipologia di contenuto stabilire la frequenza di

4 dell organizzazione interna aggiornamento necessaria, oltre la quale le informazioni fornite non hanno più validità (ricordando che l aggiornamento delle informazioni è uno degli elementi principali di valore di un sito web). per ogni tipologia di contenuto stabilire da quali soggetti devono pervenire le informazioni. per ogni contenuto previsto verificare quanto materiale è già disponibile in formato digitale e quanto no e in questo caso fare una stima approssimativa del lavoro necessario per la sua disposizione nel formato adatto. alla luce delle considerazioni risultanti da queste analisi, selezionare i contenuti per i quali si è verificato di essere in grado di sostenere l organizzazione interna implicata (il lavoro di "back office"), anche non nell immediato, classificandoli secondo un criterio temporale: contenuti che possono essere inseriti nel sito da subito, a breve termine, a medio termine, a lungo termine (dopo che il sito entra a regime e ne viene verificata la struttura e l organizzazione portante). presentare il progetto al Collegio dei Docenti per la sua approvazione, in modo che sia il più possibile condiviso e che i referenti siano legittimati nelle future richieste di collaborazione ai colleghi. per ciascuna area di contenuto da attivare e mantenere aggiornata, stabilire l adeguata organizzazione per la comunicazione interna che si deve avviare come circolo virtuoso d informazioni. Principali cardini da stabilire per la comunicazione interna: o quali soggetti (chi deve fornire informazioni, contenuti, materiali - a chi?) Si tratta quindi di stabilire i diversi referenti per le varie aree e i destinatari responsabili della realizzazione finale dei contenuti sul web. Naturalmente questo punto è strettamente correlato alle scelte

5 effettuate per lo sviluppo tecnico. o o con quale frequenza (ogni quanto tempo?) secondo quale modalità (in che formato?) E opportuno, a questo proposito, stabilire un protocollo di lavoro, possibilmente valido per tutti almeno in prospettiva. Per esempio stabilire che i materiali relativi ai contenuti debbano essere forniti ai referenti sempre in formato digitale, su floppy / per posta elettronica, in un determinato formato, ecc. 3 sviluppo tecnico" Momento operativo 1. preparazione del materiale scelto da pubblicare (ipertesti, mappe riassuntive, mappe descrittive, mappe esplicative, tabelle, immagini ed altro); 2. realizzazione delle pagine web con l utilizzo dei seguenti software: Microsoft Office Frontpage, Macromedia Dreamweaver, Macromedia Flash MX, Adobe Photoshop, Cute-FTP; 3. rifiniture dell aspetto grafico e dei dettagli; 4. uso della macchina fotografica digitale per scaricare le foto sul PC. Uso dello scanner per acquisire immagini e/o disegni da inserire nelle pagine web; 5. adattamento agli standard e fase di testing; 6. ottimizzazione dell insieme e delle sue componenti per velocizzare i tempi di download; 7. inserimento di form e campi predefiniti; 8. costruzione ed inserimento di una Mailing List; 9. iscrizione del sito nei principali motori di ricerca (Virgilio, Arianna, Google, Yahoo). 10. Modalità di pubblicazione pagine web (Cute-FTP). Front Office

6 Per quanto riguarda più in dettaglio la fruizione dei contenuti da parte degli utenti, il sito avrà alcune caratteristiche di usabilità e funzionalità che si dettagliano di seguito: Le pagine del sito saranno realizzate in forma essenzialmente testuale, verranno presentate mediante l'utilizzo di fogli di stile. Il dimensionamento dei caratteri sarà realizzato mediante l'utilizzo di dimensioni relative dei font, al fine di consentire all'utente di selezionare la grandezza preferita, sfruttando le apposite funzionalità dei browser grafici. Conformità agli standard - Le pagine del sito saranno elaborate in conformità ai seguenti standard:linguaggi STRUTTURALI: XHTML 1.0 Transitional/Strict XHTML 1.1 XML LINGUAGGI DI PRESENTAZIONE: CSS Level 1 CSS Level 2 CSS Level 3 LINEE GUIDA WCAG 1.0 DELLA WAI (accessibilità) Ciò diventa garanzia di codice pulito e ben strutturato, consente la piena separazione fra i contenuti e il modo in cui essi sono presentati, permettendo la piena accessibilità al sito a ogni tipo di utente con ogni browser, compresi quelli non convenzionali (browser per non vedenti, browser testuali, browser per cellulari). Accessibilità - La presentazione delle informazioni e dei servizi garantisce un livello minimo di accessibilità. L'accessibilità di un sito esige che esso sia progettato in modo da garantire la sua consultazione anche da parte di individui affetti da disabilità fisiche o sensoriali, o condizionati dall'uso di strumenti con prestazioni limitate o da situazioni ambientali sfavorevoli. Si indicano, a titolo esemplificativo, alcuni degli accorgimenti che saranno adottati seguendo i dettami delle linee guida WCAG 1.0 della WAI: - tutti i collegamenti saranno realizzati mediante elementi testuali; alcuni di questi elementi saranno visualizzati, mediante l'impiego dei fogli di stile, in forma grafica - tutte le immagini saranno dotate dell'attributo ALT, che ne descrive sinteticamente il contenuto

7 - un contrasto evidente tra testo e sfondo assicurerà la leggibilità dei testi - ogni pagina sarà dotata di una versione stampabile (pensata apposta per la lettura non a video e quindi, priva della stampa di tutti gli elementi grafici e di navigazione inutili su carta). FORMAZIONE Al personale designato, senza limiti nel numero dei soggetti destinatari, sarà erogata la formazione necessaria all utilizzo dell applicazione, secondo un calendario settimanali della durata di 3 ore ciascuno, effettuati in orario aggiuntivo, a partire dal mese di per un totale di.. ore. Termini economici Dominio + spazio web 200 mb + hosting + 5 caselle mail Servizio antivirus e antispam Concept grafico e sviluppo html News Animazioni flash * Logo design * NewsLetter * Messa OnLine dell applicazione e configurazione (ottimizzazione per una corretta indicizzazione sui motori di ricerca) Testing ed attività di formazione * da definire

8 Costi: (DA DEFINIRE) Servizi aggiuntivi Forum Registro assenze alunni on line Photo album tematico Giornalino scolastico Pagina personale di.. Cento pagine: una raccolta di citazioni o recensioni introdotte dai docenti stessi e suddivise in categorie con la possibilità di ricercarle e di inserire eventuali commenti. Brochure Studio e creazione di una brochure di presentazione della scuola, con una descrizione della struttura, dell'offerta formativa, ecc.. Hardcopy Materials: Studio e creazione del materiale cartaceo a corredo della scuola sotto forma di linea intestata completa: Biglietto da visita, Carta intestata, Busta da lettera, Cartellina, Attestati. Promotional CD-ROM: CD-ROM interattivo destinato alla promozione della scuola. Contiene la descrizione della struttura, dei servizi offerti, i contatti utili, l'offerta formativa, i lavori degli alunni, ecc. Il tutto presentato in maniera interattiva all'utente e attraverso una interfaccia e un aspetto di innovazione indispensabili per valorizzare l'immagine della scuola. Pagamento Alla pubblicazione definitiva su nome a dominio registrato