Comunicazione WEB e ICT "La connessione diretta tra mente e macchina è l’esito inevitabile. Dalla memoria privata andiamo verso una memoria collettiva, molto raffinata e molto particolareggiata." (Derrick de Kerckhove) Comunicazione WEB e ICT Comunicare in rete da medium a format a luogo Giorgio Poletti – giorgio.poletti@unife.it

La Tecnologie TECHNOLOGÍA TECNOLOGIA LÈGÔ parlo, dico, descrivo deriva dal greco composto da TÈCHNÈ (arte) LOGÒS (trattato) dal tema LÈGÔ parlo, dico, descrivo ELETTRONICA... ...TECNICA... ...COMPLICAZIONE...

LÈGÔ: parlo, dico, descrivo Progettare Formalizzare LÈGÔ Comunicare dell’istruzione Tecnologie della comunicazione dell’apprendimento

Formalizzare DOCUMENTO LINGUAGGIO FORMATO DATI METALINGUAGGIO (contenuto) METALINGUAGGIO RAPPRESENTAZIONE INFORMAZIONI (Dati + relazioni)

Media: mezzi  luoghi  format L’Informatica (le ICT) modifica i processi che l’hanno “invocata” (anche la didattica) La didattica è chiamata a spostare l’attenzione sul processo insegnamento/apprendimento

Computer e strumenti digitali INTERATTIVITÀ Caratterizzato Digital Story Telling Tutorial Drill & Practice WEB Quest Field trip Web Safari Innovazione Simulazioni Problem Solving Role Planning

Ipertesto: un po’ di storia 1531 1945 1960 Agostino Ramelli Vannevar Bush Ted Nelson As We May Think ("Come potremmo pensare"), articolo Atlantic Monthly, luglio 1945 Progetto Xanadu, primo progetto di ipertesto. Riflessione su un sistema ipertestuale Rete di computer con interfaccia utente semplice MEMEX scrivania analogica con sistema di archiviazione Computer Lib/Dream Machines (1974) Literary Machines (1981) “Un'interfaccia utente dovrebbe essere così semplice da poter essere compresa, in caso di emergenza, nel giro di dieci secondi da un principiante” Bookwheel, Agostino Ramelli's "Le diverse et artifiose machine," 1588 da Wikipedia

Ipertesto: un po’ di storia Anni 1960 1965 1980 Ted Nelson , Douglas Engelbart* Ted Nelson Bill Atkinson Studiano e producono testi ispirati dai concetti di Bush Introduce per la prima volta il termine hypertext (testo multidimensionale) HyperTalk, realizzato alla Apple HyperCard Sistema di gestione di grandi masse di testo e immagini, con un linguaggio di programamzione ipertestuale Qualsiasi sistema di scrittura non lineare che implichi applicazioni informatiche Sistema tra i più diffusi prima del WWW (solo su MacOS) * Inventore del mouse

Ipertesto: un po’ di storia 1989 1990 1993 1993-1994 …. Tim Berners National Center for Supercomputing Applications (NCSA) rende pubblico il browser Mosaic Propose al CERN a Ginevra un sistema ipertestuale chiamato "Mesh” I server noti passano da 500 a 10.000 Invenzione del World Wide Web

Ipertesto: una definizione “In questo testo ideale le reti sono multiple e giocano tra loro senza che nessuna possa ricoprire le altre; questo testo è una galassia di significanti, non una struttura di significati; non ha inizio; è reversibile; vi si accede da più entrate di cui nessuna può essere decretata con certezza la principale” (Roland Barthes citato in "Tre Ipertesti" di Roberto Maragliano)

Ipertesto e rappresentazione della conoscenza Le mappe concettuali La logica d'insieme è connessionista Cfr. Joseph Novak Le mappe mentali (http://www.cybergeography.org) La logica d'insieme è associazionistica Cfr. Tony Buzan

Riportato in wikipedia alla voce WEB 2.0 http://kosmar.de/archives/2005/11/11/the-huge-cloud-lens-bubble-map-web20/ Riportato in wikipedia alla voce WEB 2.0

WEB 2.0 nessun vero nuovo modo di significato: intendere la Rete: pone al centro i contenuti, le informazioni, l'interazione nessun vero significato: ognuno in funzione delle tecnologie che vuole proporre ne determina uno

WEB semantico e una visione Tim O’Reilly (editore) Tim Berners-Lee WEB 2.0 radicalmente diverso WEB 2.0? WEB 1.0 tecnolgicamente evoluto WEB semantico e una visione user-centred

Evoluzione del WEB X.Y WEB 1.0 WEB 1.5 WEB 2.0 Visualizzare e navigare documenti ipertestuali statici (HTML) WEB 1.0 Visualizzare e navigare documenti ipertestuali dinamici (DB e CMS, CSS e linguaggi di SCRIPT) WEB 1.5 Da monodirezionale a bidirezionale Siti come contenitori di servizi e applicazioni. 3 parole chiave: condivisione collaborazione interazione tra utenti, piattaforme e tecnologie (hardware e software) WEB 2.0 Web Service, XML, RSS e tecnologie AJAX

Web Services Description Language XML based ed è un Registry, cioè una base dati ordinata ed indicizzata. INTEROPERABILITÀ Universal Description Discovery and Integration Web Services Description Language XML - based Per creare "documenti" descrittivi delle modalità di interfacciamento ed utilizzo del Web Service Simple Object Access Protocol Protocollo per messaggistica tra componenti software Immagine tratta da en.wiki (stesso nome file) - creator: H. Voormann

XML INDIPENDENZA DALLA PIATTAFORMA DTD XML SCHEMA XML XLink XSL XPath XML (eXtensible Markup Language metalinguaggio creato e gestito dal World Wide Web Consortium (W3C), direttamente dal presidente di tale "consorzio", Michael Sunshine. È una semplificazione e adattamento dell'SGML, da cui è nato nel 1998, e permette di definire la grammatica di diversi linguaggi specifici derivati. DTD XML SCHEMA XML XLink XSL XPath XPointer XQuery XForm SAX SVG SMIL RSS

RSS DISTRIBUZIONE DEI CONTENUTI RDF* Site Summary RSS Distribuire contenuti in rete, semanticamente definiti RDF* Site Summary RSS Really Simple Syndication XML Based Framework struttura di supporto su cui un software può essere organizzato e progettato *Resource Description Framework (RDF) è un framework per la descrizione della conoscenza nel web Base del WEB Semantico

Browser che supportano le tecnologie Tecnologie AJAX DINAMICITÀ e INTERATTIVÀ Asynchronous JavaScript and XML - gruppo di tecnologie HTML (o XHTML) e CSS DOM (Document Object Model) AJAX combinazione di l'oggetto XMLHttpRequest XML Browser che supportano le tecnologie

Tecnologie AJAX DINAMICITÀ e INTERATTIVÀ HTML (o XHTML) e CSS Markup e stile HTML (o XHTML) e CSS Visualizzazione e interazione con le informazioni (ECMAScript, JavaScript o JScript) DOM (Document Object Model) l'oggetto XMLHttpRequest Interscambio asincrono di dati tra il browser del client e il web server XML Formato dello scambio dei dati

PARADOSSO WEB 2.0 Convergenza tecnologica dei media Diversificazione dei contenuti e dei destinatari

WEB 1.0  WEB 2.0 Monodirezionale Architettura Bidirezionale Client/Server Orientata ai servizi Siti Servizi Browsing navigare le pagine Utilizzo di applicazioni Asincronia Click and wait Interazione senza il ricaricamento della pagina

WEB 1.0  WEB 2.0 WEB Directory (Tassonomia) Marcatura - Tagging (Folksonomia) neologismo derivante dal inglese folksonomy; il termine descrive una categorizzazione collaborativa di informazioni attraverso parole chiave scelte liberamente. dal greco ί (taxinomia), taxis = ordine e nomos = regole classificazione gerarchica di concetti Contenuti 1.0 2.0 Pubblicati Condivisi e distribuiti

WEB 2.0 - le 4 C (by Andrew Lih, Hong Kong University) Creativity - utenti come creatori Collective intelligence WEB 2.0 Client-side infinite possibilità Copyright Copyleft

WEB 2.0 - le 4 C (by Andrew Lih, Hong Kong University) Collective intelligence (Intelligenza collettiva) WEB 2.0 The Quest for Cognitive Intelligence (1995) Tom Atlee Douglas Engelbart La capacità di una comunità umana di evolvere verso una capacità superiore di risolvere problemi, di pensiero e di integrazione attraverso la collaborazione e l'innovazione Cliff Joslyn George Pór Pierre Levy Intelligenza collettiva Global Brain Howard Bloom Smart Mobs Howard Rheingold Libri

WEB 2.0 - le 4 C (by Andrew Lih, Hong Kong University) Condivisione Copyright/copyleft WEB 2.0 Copyright Diritto di copia GNU LGPL (GNU Lesser General Public License) Copyleft modello alternativo della gestione dei diritti GNU is Not Unix Richard Matthew Stallman Left nel senso di "lasciato", participio passato di "leave” e gioco di parole con “sinistra” GNU GPL (GNU General Public License)

WEB 2.0 Gli strumenti PODCAST WIKI VODCAST BLOG SOCIAL NETWORK FOLKSONOMIE

Applicazione: Wikipedia WEB 2.0 Gli strumenti Sito WEB Applicazione: Wikipedia WIKI Insieme di documenti ipertestuali Software collaborativo per costruire siti Utenti inseriscono e modificano i contenuti Caratterizzazione dei link in CamelCase WIKI = rapido, molto veloce (lingua hawaiiana ) Ward Cunningham, fine anni ‘80

WEB 2.0 Gli strumenti SOCIAL NETWORK Gruppo di persone interconnesse An example of a social network diagram. Source, 30th January 2007 Author User:Wykis Permission public domain. Gruppo di persone interconnesse (legami sociali o parentali o casuali...) SOCIAL NETWORK Mappatura dei legami Teoria dei Grafi

Social Network Analysis (SNA) WEB 2.0 Gli strumenti Strumenti di analisi UCINET, NETMINER e Pajek Algebra Lineare Statistica Jacob Levi Moreno (fondatore della sociometria) SOCIAL NETWORK Network Analysis (NA) Studio attraverso Social Network Analysis (SNA)

Social Network Analysis (SNA) WEB 2.0 Gli strumenti Strumenti di analisi UCINET, NETMINER e Pajek Algebra Lineare Statistica Jacob Levi Moreno (fondatore della sociometria) SOCIAL NETWORK Network Analysis (NA) Studio attraverso Social Network Analysis (SNA)

WEB 2.0 Gli strumenti You Tube Tribe.net Orkut Friendster Neurona LinkedIn. Condivisione di di foto flickr SOCIAL NETWORK Condivisione di di bookmark delicious Digg Connessione di blog Semantic Social Network Facebox

WEB 2.0 Gli strumenti SOCIAL NETWORK Progetto FOAF Frend Of A Frend "There are two kinds of people in the world, those who believe there are two kinds of people in the world and those who don't." Robert Benchley, Benchley's Law of Distinction Progetto FOAF Frend Of A Frend SOCIAL NETWORK The Friend of a Friend (FOAF) project is creating a Web of machine-readable pages describing people, the links between them and the things they create and do.

WEB 2.0 Gli strumenti BLOG Community Da WEB LOG agevola la nascita Community Può essere strumento del social network Da WEB LOG Lasciare “traccia in rete“ Jorn Barger (1997) BLOG “we blog” - Peter Merholz (1999) - nasce il verbo “to blog” USA (1997) Italia (2001)

WEB 2.0 Gli strumenti Sito Parla di noi BLOG Forum di discussione

WEB 2.0 Gli strumenti BLOG Post Permalink Commenti Trackback Reffers Il WEB era un luogo aperto, ma difficile da raggiungere… ora “just a click” Data Unità di contenuto logicamente autoconsistente Titolo Testo Link Post Ponti tra BLOG Permalink URL* di un post Commenti BLOG Lettore  autore Segnala commenti remoti Trackback Monitor del traffico in entrata Reffers Aggrega contenuti Chi mi legge Chi mi linka * Uniform Resource Locator. Sequenza di caratteri che identifica univocamente la posizione di una risorsa Internet.

tra diversi sistemi digitali WEB 2.0 Gli strumenti Cresce con RSS Neologismo iPod + Brodcasting* PODCAST Scambio di files audio tra diversi sistemi digitali VODCAST Il dizionario americano New Oxford nel 2005 ha dichiararto Podcasting "parola dell'anno", definendo il termine come "registrazione digitale di una trasmissione radiofonica o simili, resa disponibile su internet con lo scopo di permettere il download su riproduttori audio personali". Video On Demand Go Edidablog *Trasmissione di informazioni da un sistema trasmittente ad un insieme di sistemi riceventi non definito a priori

Risorsa audio/video da fruire on-line e sincrona WEB 2.0 Gli strumenti asincrona off-line mobile centred Asincrono Sincrono Streaming PODCASTing Risorsa audio/video da fruire in qualsiasi momento con il collegamento Internet Risorsa audio/video da fruire in qualsiasi momento con opportuni apparati (sacricabile da un sito) BROADCAST trasmissioni artisti educational Risorsa audio/video da fruire on-line e sincrona *Trasmissione di informazioni da un sistema trasmittente ad un insieme di sistemi riceventi non definito a priori

WEB 2.0 Gli strumenti FOLKSONOMIE TAG (etichette) associate a risorse Condivisione e Organizzazione dei contenuti Tassonomia (classificazione, organizzare attraverso regole e criteri predefiniti) Top-Down FOLKSONOMIE Sistema sociale di organizzazione, di categorizzazione Bottom-Up Folk (gente, popolo…)

Non c’è gerarchia, non c’è controllo di autorità WEB 2.0 Gli strumenti COLLABORAZIONE DISTRIBUZIONE CONDIVISIONE Key Word Creata dagli utenti Bottom-Up Non c’è gerarchia, non c’è controllo di autorità FOLKSONOMIE Il set dei TAG non è predefinito è ampliabile

Dall’Albero al Grafo (la rete come medium e come “format”) WEB 2.0 Gli strumenti Dall’Albero al Grafo (la rete come medium e come “format”) FOLKSONOMIE

WEB 2.0 Gli strumenti FOLKSONOMIE Flickr del.icio.us NARROW BROAD Thesaurus Broad terms (termini sovraordinati Flickr Narrow terms (termini sottordinati) Aggregazione secondo termini precisi, si facilita la ricerca e l’automatizzazione di processi del.icio.us Più persone, etichettano con più tags la stessa risorsa (ognuno usa il suo vocabolario) NARROW FOLKSONOMIE BROAD Thomas Vander Wal

WEB 2.0 Gli strumenti FOLKSONOMIE I TAG Andamento del sistema semantico Condivisione tra utenti Mappa e profilo utente Relazione tra TAG Mappa dei TAG della rete I TAG FOLKSONOMIE

WEB 2.0 Gli strumenti FOLKSONOMIE Simpy BibSonomy GATAGA zniff Condivisione di bookmark Condivisione libri Simpy BibSonomy Motori di ricerca GATAGA go Etichettatura Sociale zniff Altri esempi FOLKSONOMIE

Aggregazione e condivisione della conoscenza WEB 2.0 Gli strumenti Aggregazione e condivisione della conoscenza (RSS based) Altri esempi FOLKSONOMIE

Interfaccia IN OUT Uomo Uomo Interfaccia Macchina Computer GUI (Graphical User Interface)? Uomo Uomo Macchina Interfaccia Canale Uditivo Canale Visivo Canale Tattile Computer IN OUT Interfaccia è il modo in cui si fa qualcosa con uno strumento: le azioni che dobbiamo eseguire e il modo in cui lo strumento risponde. (Jef Raskin)

La progettazione di sistemi interattivi Interfaccia Uomo Azione Interfaccia Interfaccia è a misura d’uomo se è sensibile alle necessità degli esseri umani e rispettosa delle loro fragilità (Jef Raskin) Risultato La progettazione di sistemi interattivi

Conscio (Conscio cognitivo) Conscio e Inconscio Conscio (Conscio cognitivo) Proprietà Attivazione Uso Gestione Accettazione Modalità Operativa Controllo Capacità Durata Inconscio (Inconscio cognitivo)

Conscio e Inconscio Conscio cognitivo Inconscio cognitivo Novità Emergenza Pericolo Ripetizione Sicurezza Eventi attesi Attivazione Nuove circostanze Uso Routine Decisioni Operazioni senza alternative Gestione Proposizioni Logiche Logica e inconsistenze Accettazione Modalità sequenziale Modalità operativa Modalità simultanea Volontà Controllo Abitudini Minima (Decine di secondi ) Durata Massima (La vita)

Conscio e Inconscio Conscio cognitivo Inconscio cognitivo Nel processo di comunicazione incontriamo novità e quindi richiede la nostra attenzione ma dopo 2-3 volte? ? Esistono alternative

Conscio e Inconscio Cognitivo SI Inconscio cognitivo Conscio cognitivo NO! NON PENSATE ALLE GIRAFFE!

Conscio e Inconscio Cognitivo La cognetica Il focus dell’attenzione (le giraffe…) Le abitudini Gli automatismi

Conscio e Inconscio Cognitivo Gli automatismi Rischio dell’abitudine “L’interfaccia a misura d’uomo ideale dovrebbe produrre una assuefazione benigna. Molti dei problemi che rendono un prodotto scomodo e difficile da usare hanno origine da interfacce che, non tenendo in alcun conto la capacità di adattamento degli esseri umani, in pratica non fanno distinzione fra gli aspetti positivi e quelli potenzialmente negativi dello sviluppo delle abitudini.” (Jef Raskin)

Interfacce Interfaccia Modalità Monotonicità Preferenze Modalità \ Preferenze Modalità temporanee ZUI ZoomWorld User Interface

Interfacce Human-Computer Interaction paradigma Nome-Verbo o Verbo-Nome modello GOMS (Goals-Operations-Methods-Selection rules) per l’analisi quantitativa di interfacce interfacce che permettano la continua immersione nei contenuti mouse a un bottone Human-Computer Interaction ciò che è semplice resti tale non danneggiare il lavoro dell’utente non sprecare il tempo dell’utente.

Sito Web  comunicazione Valutazione Contenuti e funzionalità Strumenti di accessibilità producono e gestiscono Persone che Persone che fruiscono Il mondo, il mercato, i concorrenti … Progetto Da comunicazione, qualità, usabilità, Cantoni, Di Blas, Bolchini, APOGEO 2003

ICT, WEB e comunicazione Una comunicazione (un sito) è di qualità se corrisponde o eccede le aspettative dei destinatari HABIT CHANGE

Informazioni sull’azienda Contenuti: Home Page Scopo del sito Informazioni sull’azienda Contenuti: web writing esemplificazione archiviazione ed accesso E l’indirizzo?

Link Navigazione Srutturali Topici Associativi Link dominant Home Page Link Srutturali Topici Associativi Navigazione Link dominant Search dominant Le briciole di pane Start Nel reale 1° tentativo Don't make me think! Steve Krug, Don't make me think, Hops libri, Milano, 2001

Link Navigazione Srutturali Topici Associativi Link dominant Home Page Link Srutturali Topici Associativi Navigazione Link dominant Search dominant Le briciole di pane Nel reale 2° tentativo Start Don't make me think! Steve Krug, Don't make me think, Hops libri, Milano, 2001

Link Navigazione Srutturali Topici Associativi Link dominant Home Page Link Srutturali Topici Associativi Navigazione Link dominant Search dominant Le briciole di pane Start Nel Web 1° tentativo Don't make me think! Steve Krug, Don't make me think, Hops libri, Milano, 2001

Link Navigazione Srutturali Topici Associativi Link dominant Home Page Link Srutturali Topici Associativi Navigazione Link dominant Search dominant Le briciole di pane Start Nel Web 2° tentativo Don't make me think!

Raccolta di dati personali Costruzione di community Home Page Tecnologie Personalizzazioni Raccolta di dati personali Costruzione di community

Usabilità e Qualità Stakeholder stakeholder chi visita il sito principali committenti team di sviluppo rappresentanti esperti in materia decisori autorità

Persona – Ruolo - Obiettivo - Aspettativa Usabilità e Qualità Persone e ruoli Persone Persona – Obiettivo - Aspettativa Ruoli Aspettativa – Obiettivo - Ruolo Profili Compositi Persona – Ruolo - Obiettivo - Aspettativa

Più le cose sono chiare a noi meno serve per spiegarle agli altri. Riflessione Il computer di Apollo 11 (20 luglio 1969) aveva ROM di 74 Bb RAM di 4 Kb Non è l’hardware a porre limiti è la corretta formalizzazione di dati e relazioni e alla comunicazione; Più le cose sono chiare a noi meno serve per spiegarle agli altri.