Approcci innovativi allo sviluppo di portali: Semantic Web, accessibilità e multimodalità.

Approcci innovativi allo sviluppo di portali: Semantic Web, acceApprocci innovativi allo sviluppo di portali: Semantic Web, accessibilitssibilitàà e multimodalite multimodalitàà E. Della Valle E. Della Valle -- CEFRIELCEFRIEL-- 11 --

Approcci innovativi allo Approcci innovativi allo sviluppo di portali: sviluppo di portali: -- Semantic Web, Semantic Web, -- accessibilitaccessibilitàà ee-- multimodalitmultimodalitàà

Emanuele Della Valleemail:[email protected]

Web:www.cefriel.it/~dellavalle


SommarioSommario

Come integrare sorgenti eterogenee in un portale?Come aggregare contenuti prodotti da una redazione aperta e distribuita?Come garantire la fruibilità dei contenuti Web da parte di tutti?Come rispettare la legislazione italiana in materia di accessibilità dei siti Web?Come abilitare l’uso del Web da ogni dispositivo?Come abilitare l’uso del Web in ogni situazione?


SommarioSommario



Portali e Semantic WebPortali e Semantic Web

Oggi in una comune intranet ...Oggi in una comune intranet ...

numerose integrazioni- ad hoc- più di una per risorsa- web based

punto di accessoa una parte delpatrimonio di conoscenza dell’organizzazione

è abbastanza comprensibile all’uomo non è elaborabile dalle macchine

?

Sistemainformativo

del personale

Datawarehouseproduzione

Gestione ordini

GestioneMagazzino

Catalogo

Portaleintranet

0100110

01101

10100 10 0010

01 101 101 01

110 110 1

10 01 1 0

1 0 1 00 1 10 1 1

1 10 01 101

01

molti sistemi


Corporatesemantic web


... solo aggiungendo metadati ...... solo aggiungendo metadati ...

Sistemainformativo

del personale

Datawarehouseproduzione

Gestione ordini

GestioneMagazzino

Catalogo

Portaleintranet

METAMETAMETA

META

METAMETA

METAMETA

METAMETA

poche integrazioni - standard- una per risorsa- semantic web based

punto di accessol’intero patrimonio di conoscenza dell’organizzazione

molti sistemi

è meglio comprensibile all’uomo diventa elaborabile dalle macchine



... se poi si usassero le ontologie... se poi si usassero le ontologie

RisorsaMETAMETA

definito d

a

Sono le ontologie a dare significato ai metadati !

“The Semantic Web is an extension of the current web in which information is given well-defined meaning, better enabling computers and people to work in cooperation.”

Tim Berners-Lee, James Hendler, Ora Lassila,The Semantic Web, Scientific American, May 2001

Un’ontologiaontologia èla definizione formale e condivisadi un vocabolario di terminie delle relazioni tra questi

“A little semantics, in the right place at the right time, can create a web of semantics”

[James Hendler]

Ontologies are key enabling technology for the semantic web.They interweave human understandingof symbols with their machine processability

[Dieter Fensel]



Ricerca tradizionale Ricerca tradizionale ……

“Sicurezza”“terminali mobili”

“J2ME” Search

Result

Firma digitaleper cellulari

Java

No match found !!

Utente



…… e ricerca semanticae ricerca semantica

“Sicurezza”“terminali mobili”

“J2ME”Search

ResultFirma digitaleper cellulari

Java

definito da

Utente

Redattore

METAMETA

MetadatiRiguarda: firma digitale

Usa: cellulariScritto in: Java

sicurezza

Firma digitale

terminali mobili

cellulari

Java

J2ME

part

Of sam

eAS

partOf

Ontologie



PubmedPubmed: stesse idee diverse tecnologie: stesse idee diverse tecnologiePubMedPubMed: is a service of the NationalLibrary of Medicine, includes over 15 millioncitations for biomedical articles back to the 1950's. It levers Entrez facilities. PubMed includeslinks to many sites providing full text articlesand other related resources.

http://www.pubmed.com .

EntrezEntrez is the integrated, text-based search andretrieval system used at NCBI for the major databases, including PubMed, Nucleotide and Protein Sequences, Protein Structures, Complete Genomes, Taxonomy, and others.

http://www.ncbi.nlm.nih.gov/Entrez/index.html .

MeSHMeSH (acronym for "Medical Subject Headings”): MeSH is the authority list of the vocabulary terms used for subject analysis of biomedical literature at NLM. MeSH vocabulary is used for indexing journal articles and is also used for cataloging books and audiovisuals. The MeSH controlled vocabulary is a distinctive feature of MEDLINE. It imposes uniformity and consistency to the indexing of biomedical literature. MeSH terms are arranged in a hierarchical categorized manner called MeSH Tree Structures and are updated annually.

http://www.nlm.nih.gov/mesh/meshhome.html

[ http://www.ncbi.nlm.nih.gov/Database/index.html ]



PubmedPubmed: DEMO ricerca base: DEMO ricerca baseL’utente vuole cercare documenti che hanno a che fare con il problema del “Hospital Incident Reporting”, e non (alla google) tutti i documenti in cui compare la stringa “Hospital Incident Reporting”. Usando Pubmed (www.pubmed.com) può perché

la stringa “Hospital Incident Reporting” viene espansa su termini di MeSH, in questo caso Risk Management, Finacial Risk Sharing e Safety managementPubmed viene cercato

alla “google” cercando “Hospital Incident Reporting” nei metadati testuali (abstract, titoli, etc.)e cercando i termini di MeSH nei metadati in cui è descritto l’argomento trattato



PubmedPubmed: DEMO ricerca avanzata 1/2: DEMO ricerca avanzata 1/21. L’utente vuole cercare documenti che hanno a che fare con il problema del “Hospital

Incident Reporting”. 2. Apre PubMed (www.pubmed.com), seleziona MeSH e cerca “Hospital Incident Reporting”

3. Come risultato ottiene i termini di MeSH sotto cui ricade “Hospital Incident Reporting”Risk ManagementRisk Sharing, FinacialSafety management



PubmedPubmed: DEMO ricerca avanzata 2/2: DEMO ricerca avanzata 2/24. Dal momento che all’utente interessa qualcosa a cavallo Risk Management e Safety

Management seleziona entrambi e li invia in AND alla search box

5. A questo punto ha a disposizione una query espressa nei termi di MeSH da fare a Pubmed

6. Che da come risultato una lista di articoli



PubmedPubmed: vantaggi, costi e Semantic Web: vantaggi, costi e Semantic WebVantaggi

I contenuti (oltre 15 milioni) sono stati redatti in modo distribuitoGli oltre 20 database che gestiscono i contenuti sono gestiti in modo distribuito e autonomo da organizzazioni indipendentiLa precisione della ricerca è molto più altaCi sono forti garanzie di completezza della ricerca

CostiL’integrazione delle basi di dati è stata fatta ad hocMeSH è stato scritto in un linguaggio inventato ad hocTutti i contenuti sono stati annotati a mano

Se pubmed fosse realizzato oggi con le tecnologie del Semantic Web alcuni dei costi potrebbero essere evitati

L’integrazione avrebbe potuto far leva sulle tecnologie emergenti del Semantic Web ServicesMeSH si sarebbe potuta esprimere come usando linguaggio in Ontology Web Language (lo standard del Semantic Web per esprimere ontologie) usufruendo di tutto il software già scritto per OWL



Il Semantic Web: Tim BernersIl Semantic Web: Tim Berners--LeeLeeThe revolution

Application

interconnected by

concepts



Il Semantic Web: James Il Semantic Web: James HendlerHendler

< >

< >

< >

< >

< >

< >

< >

< >

< >

< >

News

name

main story

side story

style of music

News

name

main story

side story

style of music

XML allows “meaningful tags” to be added toparts of the text

CV

name

education

work

private

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

< >

< >

< >

< >

< Χς >

< ναμε >

<εδυχατιον>

<ωορκ>

<πριϖατε>

< Χς >

< ναμε >


<ωορκ>

<πριϖατε>

To your machine, the tags look like this….

CV

name

education

work

private

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

< >

< >

< >

< >

< >

�5 4 >

< >

<⇐⇑©∨>

Someone else has one like this….

CV

name

education

work

private

< >

< >

< >

< >

< >

< Χς >

< ναμε >


<ωορκ>

<πριϖατε>

CV

name

education

work

private

< >

< >

< >

< >

< >

< Χς >

< ναμε >


<ωορκ>

<πριϖατε>

CV

name

education

work

private

< >

< >

< >

< >

< >

< Χς >

< ναμε >


<ωορκ>

<πριϖατε>

SW languages add mappings

And structure.

ωορκ

ϖατε

εδυχΧς

ΧςΧςΧς

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

<5 4 >

< >

<⇐⇑©∨>

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

<5 4 >

< >

<⇐⇑©∨>

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

<5 4 >

< >

< ⁄ >

CV

name

education

work

private

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

< >

< >

< >

< >

< >

<5 4 >

< >

< ⁄ >

< >

<5 4 >

< >

< ⁄ >

CV

name

education

work

private

< >

<

< >

< >

< >

< >

<5 4>

< >

<⇐⇑©∨>

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

<5 4 >

< >

<⇐⇑©∨ >

CV

name

education

work

private

< >

< >

< >

< >

< >

< >

<5 4 >

< >

<⇐⇑©∨ >



MetadatiMetadati, Ontologie & Semantic , Ontologie & Semantic PortalsPortalsLe tecnologie ad oggi disponibili

Metadati: Resource Description Framework – RDF W3C Recommendation 10 February 2004

http://www.w3.org/TR/REC-rdf-syntaxOntologie: Ontology Web Language – OWL

W3C Recommendation 10 February 2004http://www.w3.org/TR/owl-ref/

I framework per portali realizzatiSEAL (SEmantic portAL) e KAON

AIFB – Karlsruhehttp://ontobroker.semanticweb.org/ontos/aifb.htmlOntoWebber

OntoViewsUniversity of Helsinkihttp://www.cs.helsinki.fi/group/seco/museums/dist/

SOIP-FCEFRIEL – Politecnico di Milanohttp://seip.cefriel.it

[…] […]

Exte

rnal

Se

rvic

e Pr

ovid

erIn

tern

al

Reso

urce

s

Craw

ler

Craw

ler

XML

RDFrepository

RDF

PortalOntology

Reas

oner

Reas

oner

Ontologiadi dominio

ConfigurationPresentation, access and navigation models

RDF

OWL

OWL OWL

Web

App

licat

ion

Impl

emen

ting

Mod

el-v

iew

-con

trol

ler

desi

gn p

atte

r

Web

App

licat

ion

Impl

emen

ting

Mod

el-v

iew

-con

trol

ler

desi

gn p

atte

r

architettura di un Semantic Portal Framewor


SommarioSommario



AccessibilitAccessibilitàà

Legislazione italianaLegislazione italiana13 marzo 2001: Linee guida per l'organizzazione, l'usabilità e l'accessibilità dei siti web delle pubbliche amministrazioni

Circolare Funzione Pubblica n.3/2001http://www.governo.it/Presidenza/web/circ13mar2001_FP.html

6 settembre 2001: Criteri e strumenti per migliorare l'accessibilità dei siti web e delle applicazioni informatiche a persone disabili

AIPA/CR/32http://www.governo.it/Presidenza/web/circ6set2001_AIPA.html

30 maggio 2002: ““La presentazione delle informazioni e dei servizi deve garantire l'utilizzo universale, quindi tutti i siti devono essere conformi al livello A di accessibilità previsto dal WAI del consorzio W3C”

Direttiva del Presidente del Consiglio dei Ministrihttp://www.governo.it/Presidenza/web/dir30mag2002.html

16 dicembre 2002: Norme per il diritto di accesso ai servizi e alle risorse telematiche pubbliche e di pubblica utilità da parte dei cittadini diversamente abili

Proposta di Legge 3486 (Campa-Palmieri)http://www.senato.it/leg/14/Bgt/Schede/Ddliter/18816.htm

25 febbraio 2003: Disposizioni in materia di diritto di accesso ai servizi e alle risorse informatiche pubbliche per i cittadini diversamente abili

Proposta di Legge C3713 (Labate e altri)http://www.camera.it/_dati/leg14/lavori/schedela/3713.htm

15 maggio 2003: Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici

Proposta di Legge C3978 (Stanca)http://www.camera.it/_dati/leg14/lavori/schedela/3978.htm

9 gennaio 2004: Disposizioni per favorire l'accesso dei soggetti disabili agli: Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti strumenti informaticiinformatici

Legge 9 gennaio 2004, n. 4http://www.pubbliaccesso.gov.it/normative/legge_20040109_n4.htm



I numeri della I numeri della disabilitdisabilitàà in Italiain Italia

3.000.000 pari a circa il 5% popolazione:motori : 1.100.000 vista : 350.000udito : 800.000mentali : 750.000

Distribuzione per età:meno di 6 anni : 200.000tra 6 e 14 anni : 188.000tra 15 e 64 anni : 615.000più di 64 anni : 2.000.000

Alunni con disabilità: scuole materne : 10.045scuole elementari : 50.950scuole medie : 43.180scuole superiori : 13.468università all'ultimo anno : 4.000

“La Repubblica riconosce e tutela il diritto di ogni persona ad accedere a tutte le fonti di informazione ed ai relativi servizi, ivi compresi quelli che si articolano attraverso gli strumenti informatici e telematici.”“È tutelato e garantito, in particolare, il diritto di accesso ai servizi informatici e telematici della pubblica amministrazione ed ai servizi di pubblica utilità da parte delle persone disabili, in ottemperanza al principio di uguaglianza ai sensi dell'articolo 3 della Costituzione.”

Art. 1, Legge 9 gennaio 2004, n. 4http://www.pubbliaccesso.gov.it/



Il Web Il Web ““vistovisto”” dai disabilidai disabiliLa maggior parte dei siti non èaccessibile, ma non è facile percepire l’effetto di una disabilità.Ci sono programmi, come aDesignerdi IBM, che aiutano i normodotati a percepire il deterioramentodi un sito al crescere di problemi visivi, facendo una mappa dei problemi e guidando alla soluzione

www.alphaworks.ibm.com/tech/adesigner



WedWed, , DisabilitDisabilitàà e possibili soluzionie possibili soluzionile disabilità, che possono incidere sull’accesso alle informazioni rese disponibili sul World Wide Web, possono essere distinte in:

disabilità sensoriali (vista, udito)la vista è senza dubbio il senso più coinvolto quando si utilizza Internet: il principale dispositivo di output è il videol’udito diventa importante quando si accede a contenuti multimediali che coinvolgono contenuti sonori

disabilità motoriei principali dispositivi di input sono ancora mouse e tastiera: richiedono una certa abilità motoria per essere utilizzati

disabilità cognitiveanche i contenuti possono divenire un ostacolo qualora non siano sufficientemente semplici, chiari e opportunamente organizzati

Possibili soluzioniIpovedenti: utilizzano il video, ma necessitano di opportuni accorgimenti:

Font più grandiContrasto elevatoMagnificatori software

Non vedenti: necessitano di opportune tecnologie assistive:Browser vocaliScreen readerTavolette Brail

Non udenti: occorre provvedere a sottotitolare i video con audio, dove l’audio rappresenti una parte rilevante


AccessibilitAccessibilitààWeb Web ContentContent AccessibilityAccessibility GuidelinesGuidelines (WCAG)(WCAG)

Nel 1999 il gruppo WAI del W3C ha pubblicato le “linee guida” sull’accessibilità:Web Content Accessibility Guidelines 1.0 W3C Recommendation 5-May-1999

http://www.w3.org/TR/WAI-WEBCONTENT/ e http://www.aib.it/aib/cwai/WAI-trad.htm

2 principi generali: “ensuring graceful transformation”: assicurare che il contenuto delle pagine web rimanga comprensibile al modificarsi del dispositivo utilizzato dall’utente per accedervi“making content understandable and navigable” rendere i contenuti comprensibili e la struttura di navigazione utilizzabile con facilità

14 linee guida1. Provide equivalent alternatives to auditory and visual content2. Don't rely on color alone3. Use markup and style sheets and do so properly4. Clarify natural language usage5. Create tables that transform gracefully6. Ensure that pages featuring new technologies transform gracefully7. Ensure user control of time-sensitive content changes8. Ensure direct accessibility of embedded user interfaces9. Design for device-independence10.Use interim solutions11.Use W3C technologies and guidelines12.Provide context and orientation information13.Provide clear navigation mechanisms14.Ensure that documents are clear and simple

“The power of the Web is

in its universality.

Access by everyone

regardless of disability

is an essential aspect.”– Tim Berners-Lee,

fondatore del W3C e inventore del

World Wide Web



WCAG: prioritWCAG: prioritàà e livelli di conformite livelli di conformitààAi checkpoint è associato un grado di priorità basato sull'impatto che ilcheckpoint ha sull'accessibilità

Le priorità dei chekpoint sono 3:priorità 1: lo sviluppatore deve soddisfare il checkpoint per evitare che a qualcheutente sia impossibile accedere al contenutopriorità 2: lo sviluppatore dovrebbe soddisfare il checkpoint per evitare che qualcheutente trovi difficile accedere al contenutopriorità 3: lo sviluppatore può soddisfare il checkpoint per evitare che qualcheutente trovi in qualche modo scomodo accedere al contenuto

I livelli di conformità di una pagina web sono 3:Livello "A": tutti i checkpoint di priorità 1 sono soddisfattiLivello "Double-A": tutti i checkpoint di priorità 1 e 2 sono soddisfattiLivello "Triple-A": tutti i checkpoint di priorità 1, 2 e 3 sono soddisfatti

ValidazioneVi sono software disponibili anche via Web che consentonodi verificare il livello di conformità alle linee guida del W3C sull’accessibilità

Bobby http://bobby.watchfire.com/Torquemada http://www.webxtutti.it/testa.htmCynthia Says Portal http://www.contentquality.com/LIFT di UsableNet http://www.usablenet.com/lift_online_free_trial/

Tali strumenti devono essere considerati un aiuto ma non una certificazione di qualità e accessibilità perché occorre sempre il contributo di una persona esperta



Siti accessibili e loro sviluppoSiti accessibili e loro sviluppo

Alcuni siti accessibili:http://www.diodati.org/http://www.webaccessibile.org/http://www.lucarosati.it/

Alcuni framework per sviluppare portali accessibili

FlexCMP: CMS per Siti Accessibilihttp://www.flexcmp.com/

Harmonia: CEFRIEL – Politecnico di Milanohttp://www.flexcmp.com/



Tecnologie Tecnologie assistiveassistive

Skip NavigationLink visibili a screen reader e browser testuali guidano l’utente all’interno della pagina direttamente nel punto in cui iniziano i contenuti

Tab NavigationNavigazione sequenziale tramite utilizzo di due tasti

Access KeyTasti di accesso rapido



Caratteri e coloriCaratteri e coloriPer adattare il portale alla disabilità visiva è possibile impostare dimensione, tipo dei caratteri, colori e contrasto cromatico



Percorsi di letturaPercorsi di letturaIl W3C rende disponibili online gratuitamente tutte le sue pubblicazioni:

http://www.w3.org/TR/tr-activity, sezione “WAI Technical Activity”A persone con background culturale non tecnico, si consigliano nell’ordine le

seguenti letture:1. http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/

per capire quali barriere si possono incontrare sul Web2. http://www.w3.org/WAI/bcase/benefits.html

i benefici diretti e indiretti dell’accessibilità3. http://www.w3.org/TR/WAI-WEBCONTENT/

per avere una panoramica, capire che cosa vuol dire occuparsi di accessibilità di un sito web e aver letto il principale documento cui molto probabilmente farà riferimento una eventuale legge italiana riguardo l’accessibilità dei siti web.

4. http://www.w3.org/TR/WCAG20/per avere un’idea di quali saranno le direzioni future

A persone coinvolte in progetti di siti web o nello sviluppodi pagine web, si consigliano nell’ordine le seguenti letture:

1. http://www.w3.org/TR/WAI-WEBCONTENT/per imparare che cosa vuol dire progettare e realizzare siti web accessibili

http://www.w3.org/TR/WCAG10-TECHS/http://www.w3.org/TR/WCAG10-CORE-TECHS/http://www.w3.org/TR/WCAG10-HTML-TECHS/http://www.w3.org/TR/WCAG10-CSS-TECHS/

2. http://www.w3.org/TR/WCAG20/come cambieranno le cose in futuro


SommarioSommario



MultimodalitMultimodalitàà

ll’’obiettivoobiettivo

Contesto

Dis

posi

tivi

Servizio che si adatta in modo automatico ai diversi modi di utilizzo•diversi dispositivi•ai diversi contesti

The Multimodal Interaction Activity seeks to extend the Web to allow users to dynamically select the most appropriate mode of interaction for their current needs, whilst enabling developers to provide an effective user interface for whichever modes the user selects. Depending upon the device, users will be

able provide input via speech, handwriting, and keystrokes, with outputpresented via displays, pre-recorded and synthetic speech, audio, and tactile mechanisms such as mobile phone vibrators and Braille strips.



Scenari dScenari d’’usousoMobile

Multimodal applications are of particular interest for mobile devices. Speech offers a welcome means to interact with smaller devices, allowing one-handed and hands-freeoperation. Pen input enables handwriting, gestures, drawings and specialized notations. Users benefit from being able to choose which modalities they find convenient in anysituation. The Working Group should be of interest to companies developing smart phones and personal digital assistants or who are interested in providing tools and technology to support the delivery of multimodal services to such devices.

Multimodal interfaces in the officeMultimodal has benefits for desktops, wall mounted interactive displays, multi-functioncopiers, and other office equipment, offering a richer user experience and the chance to use speech and pens as alternatives to the mouse and keyboard. W3C's standardization work in this area should be of interest to companies developing clientsoftware and application authoring technologies, and who wish to ensure that the resulting standards live up to their needs.

Automotive TelematicsWith the emergence of dashboard integrated high resolution color displays fornavigation, communication and entertainment services, W3C's work on open standardsfor multimodal interaction should be of interest to companies working on developingthe next generation of in-car systems.

Multimodal interfaces in the homeIn addition to desktop access to the Web, multimodal interfaces are expected to addvalue to remote control of home entertainment systems, as well as finding a role forother systems around the home. Companies involved in developing embedded systemsand consumer electronics should be interested in W3C's work on multimodalinteraction.

Multimodal Interaction Activity



ProblematicheProblematiche

Sono alla stazio-

ne di Marsiglia e

vorrei andare a

Tolosa

Il prossimo treno

è alle 10.29 con

arrivo alle 10.50

Integrazione di inputEs. Digito un URL e domando a voce

Sincronizzazione degli outputEs. vedo una pagina letta da un TTS



Le attivitLe attivitàà in corsoin corsoSALT: Speech Application Language

Estende il web attuale con opportuni tag per l’interazione multimodale basata su riconoscimento automatico del parlatoIndustrial support: CISCO, Intel, Microsoft, Philips, Converse, ScansoftSALT forum: http://www.saltforum.org/

XTML+VOICEUn profilo di X-HTML esteso con VoiceXMLIndustrial support: IBM, Motorola, Opera Softwarehttp://www.w3.org/Submission/2001/13/

inkXMLUn linguaggio per lo scambio di informazioni (come tipo di penna, colore, pressione applicata alla penna, posizione, velocità) tra dispositivi elettronic che supportano la scrittura a mano libera Industrial support: IBM, Intel, the International Unipen Foundation, and Motorola, Inc.http://www.w3.org/Submission/2001/13/

…Molte altre che però mancano di una visione sistemica.

Questo ha spinto il W3C a lanciare la Multimodal Interaction Activity che sta cercando di specificare requisiti e indicazioni tecniche di un framework per applicazioni Web che supportino interazioni multimodali

http://www.w3.org/2002/mmi/


Grazie mille dell’attenzione

Domande?

ContattoEmanuele Della Valle

email:[email protected]:www.cefriel.it/~dellavalle

Tel: 0223954324

Approcci innovativi allo sviluppo di portali: Semantic Web, accessibilità e multimodalità.

Technology

Transcript of Approcci innovativi allo sviluppo di portali: Semantic Web, accessibilità e multimodalità.