Progetto MADCOW Seminario Divulgativo di Base Relativo al

Progetto MADCOW Seminario Divulgativo di Base Relativo al Progetto MADCOW Roma, Italia, 25 Maggio 2010 Università degli Studi di Roma “La Sapienza” Dipartimento di Informatica Titolo del Seminario Progetto MADCOW: Annotando… Attività Formativa Complementare al Corso di Sistemi per L’Interazione Locale e Remota Docenti Prof. P. Bottoni & Prof. ssa A. Labella MADCOW’s Scientific Staff Ordine Alfabatico Dr. D. Avola Prof. P. Bottoni Prof. S. Levialdi Prof. E. Panizzi

Argomenti: MADCOW: Multimedia Annotation of Digital Content Over the Web. A: Nuove Frontiere del WEB: Introduzione: Generalità sull’Evoluzione del WEB. B: I Sistemi di Annotazione Digitale: Introduzione: Generalità sui Sistemi di Annotazione. C: Il Sistema di Annotazione MADCOW: Introduzione: Generalità. Approfondimento: Funzionalità & Fattori Critici. Approfondimenti: Architettura & Sviluppi Futuri. D: Ambiti di Applicazione: 1 Introduzione: Ambienti Supportabili.

Introduzione: Ottica Semplificata del WEB: § insieme di risorse digitali (testi, stream audio/video, immagini, etc. ); § organizzate all’interno ambienti web-oriented (siti, portali, servizi, etc. ) ; § fruibili attraverso una tecnologia di interonnessione (internet e reletivi protocolli) per mezzo di un’applicazione di interpretazione (browser). Evoluzione del WEB (WEB 1. 0 e oltre): § § WEB 2. 0: …dove i contenuti delle pagine WEB sono usualmente fruiti/gestiti in modo interativo… ; § WEB 3. 0: …dove la fruizione/gestione dei contenuti delle pagine WEB è supportata attraverso l’uso di tecnologie semantiche (i. e. semantic web)…; § 2 WEB 1. 0: …dove i contenuti delle pagine WEB (i. e. risorse digitali) sono usualmente fruiti/gestiti in modo non interativo… ; WEB 4. 0: …dove la fruizione/gestione dei contenuti delle pagine WEB è supportata attraverso l’uso di tecnologie intelligenti (i. e. web learning, intelligent network, etc)….

Introduzione: Alcune Note sull’Evoluzione del WEB: § Tecnologie algoritmiche trasversali che supportano in modo indisitno le diverse evoluzioni del Web (e. g. trust models, authority models, etc. ); § Concetto di pervasività (anytime, anywhere) dovuto in particolar modo alla diffusione dei moderni dispositivi desktop (e. g. tablets, laptops) e mobile (e. g. smartphones, PDAs, palmtops). Le Conseguenze: § § Elevata e crescente disponibilità di ambienti web-oriented aventi contenuti sempre più ricchi, distinti e complessi (i. e. testi, video, immagini, elementi minori); Crescente eterogeneità degli ambienti web-oriented (e. g. news sites, learning sites/portals, e-commerce portals, digital library portals, thematic sites/portals, specialist sites/portals, private sites, entertainment sites/portals, heterogeneous services, informative sites/portals). Concludendo: 3 § Entropia nella gestione della classificazione sia dei differenti ambienti weboriented sia dei relativi contentui.

Introduzione: Una Prima Introduzione ai Sistemi di Annotazione: § Esigenza: avere a disposizione uno strumento capace di classificare, catalogare, condividere e supportare sia gli ambienti web-oriented sia i loro contenuti. § Sistemi di Annotazione: assolvono a tali esigenze e sono inoltre capaci di fornire ulteriori e molteplici funzionalità di tipo avanzato. Definizione dell’Ambito di Applicazione: § Ambiente Web-Oriented: indipendentemente dal tipo specifico (i. e. sito, portale, servizio) un ambiente web-oriented può essere sempre visto come un insieme (semplice o complesso) di pagine web. Elementi che Definiscono il Contenuto delle Pagine Web: § 4 Elementi caratterizzanti: § Testo…; § Streaming Audio e/o Video…; § Elementi Grafici…; § Elementi Minori…;

Introduzione: Definizione del Dominio Tecnico: § Basate su: HTML Like. (e. g. HTML 4. 01 & 5 ; XHTML 1 & 2) § Non Basate su: HTML Like. (e. g. Flash; Silver. Light) Conclusione: § 5 Basate su: HTML Like. § È importante evidenziare sin da ora che: § un sistema client-server; § agisce direttamente sul codice HTML; § logiche legate al dominio tecnico scelto.

Introduzione: Generalità - Annotazioni su Documenti Cartacei: § Un’annotazione tradizionale è una meta-informazione, associata ad un documento cartaceo, la quale “arricchisce” il contenuto informativo del documento stesso. Un Esempio Comune: § La lettura approfondita di un testo (ad esempio per motivi di studio) comporta la sua comprensione e talvolta, la sua “rielaborazione”: • evidenziare parti di interesse… aggiungere interrogativi su parti mal comprese… • aggiungere “link” ad altri documenti di approfondimento… • aggiungere note testuali o schemi per chiarificare parti di interesse… • Un Elemento dominante: § 6 La condivisione: le annotazioni sono finalizzate (a seconda delle esigenze) ad essere a carattere “privato” (solo per se stessi) o “pubblico” (atte ad essere condivide per differenti scopi).

Introduzione: Generalità - Annotazioni su Documenti Cartacei: § Uno sguardo più approfondito: sostanzialmente un’ annotazione è composta da tre elementi fondamentali: • contenuto dell’annotazione (solitamente testuale, che però può essere arricchito con schemi, disegni e simili)… • elementi chiave per classificare l’elemento oggetto di annotazione (solitamente testuale, e. g. parole chiave (tag))… • § link/riferimenti a terze risorse (documenti di qualsiasi tipo e natura)… Il fine: è quello di arricchire un documento ed allo steso tempo di catalogarlo e renderlo reperibile (l’intero documento o parte di esso) per una successiva consultazione. Scopi Basilari dell’Annotazione: ricordare 7 chiarire pensare condividere

Introduzione: Generalità – Annotazioni Digitali: Idea Base: poter effettuare ogni tipo di “azione” vista sino ad ora all’interno delle pagine Web (HTML like). § • § ossia: poter annotare ogni tipo di risorsa digitale: testo (di ogni tipo e formato), stream audio e/o video (di ogni tipo e formato), elementi grafici (di ogni tipo e formato), terze parti (e. g. links, icone, etc. ). Classificazione dei Sistemi di Annotazione Digitali: tali sistemi possono essere classificati come non-integrati ed integrati. • • § I sistemi non integrati: Tali sistemi sono quelli che prevedono un’interazione esplicita e non trasparente dell’utente con il relativo servizio di annotazione. I sistemi integrati: Tali sistemi sono quelli che prevedono che il browser sia arricchito con degli “strumenti” adatti (e. g. plug-in, estensioni) in modo da permettere all’utente una diretta esperineza di annotazione (attraverso l’uso di apposite interfacce). Osservazione: • 8 I sistemi integrati (come MADCOW) sono quelli che permettono di realizzare le annotazioni in modo più naturale, semplice ed intuitivo.

Introduzione - Sistemi Specializzati sull’annotare il Testo: q 9 UCAT [Bonifazi & Trinchese, 2002] Web Highlighter [Philippot, 2002] Com. Mentor [Röscheisen et al. , 1994] Co. Note [Davis & Hutternlocher, 1995]

Introduzione - Sistemi Specializzati sull’Annotare le Immagini: q q 10 Oxalis [Ertman, 2003] I 2 CNet (Image Indexing by Content Network) [Zabulis et al. , 1997] Annote. Image [Lober & Brinkley, 1999 ]

Introduzione – Sistemi Specializzati sull’Annotare i Video: q 11 Video. Ann. Ex [Ching-Yung Lin et al. , 2003] ANVIL [Kipp, 2001] MRAS [Bargeron et al. , 1999]

Introduzione: Generalità – Annotazioni Digitali: § Abbiamo dato un sguardo a quelli che sono i sistemi “storici” per ciò che concerne le annotazioni digitali. § Oggi esistono nuovi ed evoluti “competitor” con i quali è necessario confrontarsi dal punto di vista delle features tecniche implementate: …. 12 Del. icio. us …. …. Diijo …. …. Digg Furl …. …. …. Blink. List …. …. Magnolia Blink. List ….

Introduzione: Generalità – Cosa è il Sistema MADCOW: Multimedia A nnotation of D igital C ontent O ver the Web 13 è un sistema finalizzato alla creazione e alla consultazione di annotazioni digitali all’interno di pagine WEB basate su tecnologia HTML like.

Introduzione: Generalità – Cosa è il Sistema MADCOW: MADCOW è un sistema client-server distribuito che permette agli utenti di effettuare annotazioni digitali su pagine Web basate su tecnologia HTML-like. Gli Approcci e gli Algoritmi che sono stati utilizzati per la realizzazione di MADCOW sono basati sulle specifiche della W 3 C. Questo permetterà una migliore integrazione del sistema MADCOW con gli standard futuri che dominarenno il Word Wide Web (i. e. derivati XML). 14 MADCOW è basato su tecnologie implementative di sviluppo orientate al Web 2. 0 (i. e. JQuery) le quali sono ottimizzate per fornire una esperienza di interazione semplice ed intuitiva.

Introduzione: Approfondimento – Funzionalità: HTML Web Page MADCOW Main Functionalities Text Images Video/Audio Links/ Icons/etc 15

F u n z i o n a l i t à 16 T e x t A n n o t a t i o n

F u n z i o n a l i t à 17 I m a g e A n n o t a t i o n

F u n z i o n a l i t à 18 V i d e o A n n o t a t i o n

Approfondimento: Funzionalità - La Semplice Integrazione del Sistema MADCOW: 19

Approfondimento: Fattori Critici: I sistemi di annotazione sono tra gli strumenti (intesi come web services) più complessi che si possano realizzare a causa dei seguenti aspetti: § Forte dipendenza dalla struttura HTML del designer del sito, del portale o del servizio; § Forte dipendenza dai cambiamenti tecnologici che investono il World Wide Web (i. e. tag html, browser, protocolli di accesso, API, etc. ); § Forte dipendenza dal sistema operativo e dal browser con il quale l’utente sta visualizzando la pagina che ha intenzione di annotare. Cosa Comportano tali “Classi” di Criticità: § § 20 Manutenzione Elevata di tutti quei processi critici che sono mirati al supporto della parte logico-implementativa del sistema di annotazione; Manutenzione Elevata di tutte le interfacce di comunicazione (e. g. protocolli di interscambio) nonché delle interfacce di collegamento (e. g. verso API) che regolano la vita in esercizio dell’applicazione.

Approfondimenti: Architettura: DOM & HTML DOM (concetti preliminari) § Il W 3 c DOM (Document Object Model) può essere considerato come un insieme di interfacce (API), indipendenti sia dalla piattaforma sia dal linguaggio, che permettono in modo dinamico di accedere e manipolare il contenuto, la struttura e lo stile di un documento (strutturato). • I Differenti Livelli: • • HTML DOM – Standard model per i documenti HTML. Definizione Intuitiva: Il W 3 c HTLM DOM è: sia un modo per descrivere la struttura di un documento HTML (tipicamente: nodi e archi) sia un insieme di metodologie per manipolare (aggiungere, modificare o cancellare) gli elementi (detti nodi e archi) di tale struttura. • 21 XML DOM – Standard model per i documenti XML; • § Core DOM – Standard model per ogni documento strutturato; Evidenziamo: • MADCOW (sistemi di annotazione in genere) lavorano su una attenta e sofisticata manipolazione del HTML DOM.

Approfondimenti: Architettura: HTML DOM Semplice Pagina Web <html> <head> <title>DOM Tutorial</title> </head> <body> <h 1>DOM Lesson one</h 1> <p>Hello world!</p> </body> </html> § Osservazioni: • • 22 html DOM body head title “DOM Tutorial” valgono tutte le proprietà note degli alberi n-ari; Ogni elemento della pagina HTML è un nodo: • l’intero documento è un nodo; • Ogni TAG è un nodo (con attributi e proprietà); • Ogni Blocco di Testo è un nodo. h 1 p “DOM Lesson one” Tutorial”

Approfondimenti: Architettura - Una Architettura Semplificata: Client Side (Presentation Logic) Server Side (Business Logic) § o 23 MADCOW Platform: Server Side: LAMP (Linux; Apache; My. SQL; PHP) – Framework Zend 2. 0; o Client Side: Javascript.

Approfondimenti: Architettura – Architettura basata sul paradigma MVC: o 24 il ruolo del model (BL)… o il ruolo del view (PL)… o il ruolo del controller (BL). . .

Sviluppi Futuri: In Lavorazione: § advanced groups management; § duplicate documents identification; § multi-structured annotations; § etc. . . Prossime Features: § semantic annotations; § semantic search; § annotations based on ontology data structure; § etc. . . 25 Pianificate: Advanced Multimodal Interfaces: § sketch-based interfaces; § speech-based interfaces; § vocal annotations; § etc. . .

Introduzione: Generalità – Alcuni Ambiti di Applicazione dei Sistemi di Annotazione: § § Ambito condiviso di conoscenza… § Librerie Digitali… § Ambienti di Learning… § Ambienti Specialistici (e. g. medico)… § Ambienti di scambio informativo… § Ambienti di condivisione del lavoro (e. g. redazioni)… § Ambienti di progettazione condivisa… § 26 Ambito privato di conoscenza… Ambienti di supervisione assistita… § etc…