Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Progetto Cooperativa Lambro Onlus

1,367 views

Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Progetto Cooperativa Lambro Onlus

  1. 1. UNIVERSITÀ DEGLI STUDI DI MILANO-BICOCCA Facoltà di Psicologia Facoltà di Scienze Matematiche, Fisiche e Naturali Corso di Laurea in Teoria e Tecnologia della Comunicazione PROGETTAZIONE DI UN SITO WEB ACCESSIBILE ED INTERATTIVO DESTINATO AD UTENTI CON DISABILITÀ COGNITIVE, MOTORIE E VISIVE Relatore: Prof. Roberto POLILLO D.ssa Daniela AMICI Tesi di laurea di: Emiliano SAVINO Matricola 057050 Anno Accademico 2007 – 2008
  2. 2. Il contesto del progetto <ul><li>Cooperativa Lambro ONLUS (Monza) </li></ul><ul><li>Cooperativa sociale per il recupero e l’inserimento nella società di giovani con disabilità cognitive, motorie e visive medio-gravi </li></ul><ul><li>Attualmente la Cooperativa ospita 32 disabili </li></ul>
  3. 3. Obiettivi del lavoro di tesi <ul><li>Progettare e realizzare un sito Web per la Cooperativa Lambro Onlus, con caratteristiche innovative: </li></ul><ul><li>Facilità d’uso </li></ul><ul><li>Interazione con e tra gli ospiti </li></ul><ul><li>Interazione con l’esterno (es. famiglie, ex volontari) </li></ul><ul><li>Accessibilità – Livello AA </li></ul><ul><li>No supporto tecnico </li></ul><ul><li>Utilizzo di strumenti software gratuiti e già disponibili (no sviluppo) </li></ul>
  4. 4. Che cosa è stato fatto <ul><li>Raccolta dei requisiti </li></ul><ul><li>Progettazione e realizzazione di un primo prototipo </li></ul><ul><li>Rifacimento sulla base dei primi feedback </li></ul><ul><li>Assistenza all’uso iniziale </li></ul><ul><li>Formazione all’uso autonomo delle funzioni </li></ul><ul><li>Prime valutazioni </li></ul>
  5. 5. Il risultato finale Un sito composto da due componenti,tecnologicamente separate ma concettualmente integrate : <ul><ul><li>Sito web della Cooperativa : http://www.cooperativalambro.it </li></ul></ul><ul><ul><li>Realizzato con WordPress. </li></ul></ul><ul><ul><li>Social Network della Cooperativa : http://cooperativalambro.ning.com Realizzato con Ning. </li></ul></ul>
  6. 6. Sito Web della Cooperativa < http://www.cooperativalambro.it > <ul><li>Header - Cerca nel sito </li></ul><ul><li>- Guida all’accessibilità </li></ul><ul><li>- Mappa del sito </li></ul><ul><li>Sidebar </li></ul><ul><li>- Navigazione sito </li></ul><ul><li>- Social Network </li></ul><ul><li>- Feed RSS </li></ul><ul><li>- Agenda degli eventi </li></ul><ul><li>- Strumenti di aiuto </li></ul>3) Contenuto - Descrizione fissa - Novità commentabili 4) Footer - Area Riservata WordPress
  7. 7. Sito Web della Cooperativa < http://www.cooperativalambro.it > Strumenti per garantire l’ accessibilità – Livello AA <ul><li>Tasti di accesso rapido (es. Alt + H: Torna alla homepage) </li></ul><ul><li>Ridimensionamento Testo </li></ul><ul><li>Scelta della versione appropriata </li></ul><ul><li>Jump Link </li></ul><ul><li>Compatibilità con gli screen reader </li></ul><ul><li>Navigabile da tastiera </li></ul>inoltre...
  8. 8. Social Network della Cooperativa ::. Che cos’è Ning? <ul><ul><li>Profili personali, blog, forum, condivisione foto e video, chat, feed RSS, possibilità di integrare applicazioni, etc... </li></ul></ul><ul><li>Piattaforma per realizzare social network “private” </li></ul><ul><li>Hosting gratuito presso www.ning.com </li></ul><ul><li>Personalizzabile senza scrittura di codice </li></ul><ul><li>Ricche funzionalità: </li></ul>
  9. 9. Social Network della Cooperativa < http://cooperativalambro.ning.com > 1) Header <ul><li>Invita e conosci </li></ul><ul><li>Comunica: forum, blog </li></ul><ul><li>Foto, Video </li></ul><ul><li>Pagina Personale </li></ul><ul><li>Amministrazione </li></ul>
  10. 10. 1) Header 2) Sidebar sx <ul><li>Membri, gruppi </li></ul><ul><li>Foto, video </li></ul><ul><li>Forum, blog </li></ul>Social Network della Cooperativa < http://cooperativalambro.ning.com >
  11. 11. 1) Header 2) Sidebar sx 3) Attività recenti Social Network della Cooperativa < http://cooperativalambro.ning.com >
  12. 12. 1) Header 2) Sidebar sx 3) Attività recenti 4) Sidebar dx <ul><li>Menù personale </li></ul><ul><li>Info generali </li></ul><ul><li>RSS </li></ul>Social Network della Cooperativa < http://cooperativalambro.ning.com >
  13. 13. Social Network della Cooperativa ::. Utilizzo finale <ul><li>Uso da circa 1 mese </li></ul><ul><li>19 membri iscritti: 9 disabili, 5 educatori, 3 ex volontari, 1 amministratore </li></ul><ul><li>3 gruppi creati </li></ul><ul><li>58 fotografie e 4 video pubblicati </li></ul><ul><li>Buon grado di interazione e personalizzazione </li></ul>
  14. 14. Esempio: Pagina personale Daniela (grave disabilità motoria) Come giudichi questo sito ed il social network in rapporto a siti simili che già conosci? “ rispetto a Facebook preferisco il social network perchè si può modificare e personalizzare di più”.
  15. 15. Conclusioni e sviluppi futuri <ul><li>Applicativo giovane, dinamico e soprattutto interattivo </li></ul><ul><li>Interfaccia accessibile da utenti disabili </li></ul><ul><li>Autonomia nell’aggiornamento e nell’utilizzo delle funzionalità </li></ul>Maggior integrazione delle due interfacce in un unico portale in futuro...

×