Web 2 · Web 2.0: Das Netzwerk als Plattform ãWeb 2.0 is the network as platform, spanning all connected devices; Web 2.0 applications are those that make the most of the intrinsic

1

Web 2.0

Mitgliederversammlung des

Thüringer Bibliotheksverbandes

Jena, 2. Mai 2007

Dr. Harald Sack

...und die Zukunft der Bibliotheken

2Mitgliederversammlung des Thüringer Bibliotheksverbends, 02. Mai 2007Dr. Harald Sack, Institut für Informatik, Friedrich-Schiller-Universität Jena

Ein Blick in die (nahe) Zukunft:

„Epic 2015“

by Robin Sloan and Matt Thompson

Medien und Mediennutzung im Jahr 2015

Die Medienlandschaft im Jahr 2015

2


Das Netz im Wandel – Die Gesellschaft im Wandel (?)

! „Die Humanisierung des Netzes“ [Die ZEIT]

! „Web 2.0 – Das Netz im Remix“ [de:bug]

! „Das soziale Netz“ [Die neue Gegenwart]

! „Das Publikum an der Macht“ [FAZ.net]

! „Die Google-Gesellschaft“

! „Das Internet findet wieder zu sich selbst. Vom read-only

zum writable Web“ [Slogan einer Tagung in Hamburg]

! Web2.0, Social Software, Tagging, Folksonomy,

User-generated content, Partizipation, Kollaboration usw.


Cyrus Field (1819-1892)

Neztwerk Visionäre

Great Eastern

an der Küste NeufundlandsWeltweites Tiefseekabel

3


„The process of tying two itemstogether is the important thing.”

„Wholly new forms of encyclopaediaswill appear, ready-made with a meshof associative trails running throughthem.“

Vannevar Bush (1945):„As we may think“

Netzwerk Visionäre


Netzkultur vs. Massenkultur

Netzkultur

! Teilen von Information

! Gemeinsames Erarbeiten undTeilen von Wissen

! Kollaboration/ Kooperation

! Open-Source/ -Access

! Zugang für Alle

! Creative Commons/freie Lizensierung

! Produktion freier Kulturgüter

Massenkultur

! Handel mit Information

! Geheimhaltung oder Verkauf vonWissen

! Produktion von Abhängigkeit

! Closed-Source/ -Access

! Zugang gegen Bezahlung

! Copyright/kostenpflichtige Lizensierung

! massenhafte Produktionvermarktbarer Kulturgüter

N E T Z W E R K G E S E L L S C H A F T

4


Kommunikations- &Partizipationsformender Netzkultur

Shayne Bowman/ Chris

Willis (2005) : „The

Future is here, but do

News Media Companies

see it?“


Von der Einweg- zur Netzwerkkommunikation

Massenmedien Netzwerkmedien

Einwegkommunikation interaktive Kommunikation

N E T Z W E R K G E S E L L S C H A F T

5


Die Web 2.0 Mindcloud


Kernprinzipien des Web 2.0

! Convergence

Integration vonKommunikations- undDarstellungsmodi

! Remixability

offene Schnittstellen,Trennung von Form undInhalt, Syndication

! Standardization

XML, CSS, ATOMS, RSS

! Design

Design-Templates, CSS

! Economy

Virales Marketing,Social Navigation,Reputationssysteme

! Usability

Socio-Usability,Accessibility, AJAX,Web-Standards

! Participation

Folksonomy, SocialSoftware, Weblogs, Wikis,Reputationssysteme

6


Web 2.0: Das Netzwerk als Plattform

„Web 2.0 is the network as platform, spanning all

connected devices; Web 2.0 applications are those

that make the most of the intrinsic advantages of that

platform: delivering software as a continually-updated

service that gets better the more people use it,

consuming and remixing data from multiple sources,

including individual users, while providing their own

data and services in a form that allows remixing by

others, creating network effects through an

architecture of participation, and going beyond the

page metaphor of Web 1.0 to deliver rich user

experiences.“

Tim O’Reilly (2005):

„Web 2.0: Compact

Definition?”

Dale Daugherty


Web 2.0 Schlüsselprinzipien

! Web als Desktop (anstelle des lokalen Rechners)

! Daten-getriebene Anwendungen

(Nutzer verwalten „eigene“ Daten über Webanwendungen)

! Vernetzung durch die "Architektur des Mitwirkens“

! Innovationen beim Aufbau von Web-Präsenzen, durch die Verwendungvon Komponenten, die von verschiedenen Entwicklern erstellt wordensind und beliebig miteinander kombiniert werden können (Mashups)

! einfache Geschäftsmodelle durch das verteilte, gemeinsame Nutzen vonInhalten und technischen Diensten

! Ende des klassischen Softwarelebenszyklus (Projekte befinden sich in

immerwährendem Beta-Stadium)

! Software geht über die Fähigkeiten eines einzelnen Verwendungszwecks

hinaus.

! Nicht nur auf Mainstream der Web-Anwendungen abzielen, sondern aufdie gesamte Breite des Spektrums von Anwendungen

7


Was ist anders im Web 2.0?

Web 1.0 Web 2.0DoubleClick ! Google AdSenseOfoto ! FlickrAkamai ! BitTorrentmp3.com ! NapsterBritannica Online ! Wikipediapersonal websites ! Weblogsscreen scraping ! web servicepublishing ! participation

…


Web 2.0 - Infrastrustruktur

8


Example: Google Calendar


! Web 2.0 – Infrastructure

" Die technische Infrastruktur des Web 2.0 ist komplex und entwickeltsich ständig weiter

" Web 2.0 Infrastruktur besteht aus! Server Software

! Content Syndication! Messaging Protocols! Standard Web Browser mit Plugins und Extensions! verschiedene Client Anwendungen

" Ziel der Web 2.0 Infrastruktur ist die Bereitstellung von Desktop-funktionalität in Web-basierten Anwendungen

Web 2.0 – Infrastructure

Rich Internet Applications

9


! Rich Internet Applications (RIA) - Architektur! User interface processing done by web client (browser)

! Data storage and data processing is provided by applicationserver

" Üblicherweise laufen RIAs innerhalb eines Web-Browsers ab undbenötigen keine zusätzliche Softwareinstallation

" RIAs laufen lokal im Web-Browser innerhalb einer gesichertenUmgebung ab (sandbox)

Web 2.0 – Infrastruktur


! Rich Internet Applications (RIA) - Architektur" Üblicherweise sind Web 2.0 Anwendungen durch den Einsatz der

folgenden Technologien gekennzeichnet:

! Asynchronous JavaScript and XML - Ajax

! Cascading Style Sheets - CSS

! Semantisch korrektes XHTML mit Microformats

! Syndikation / Aggregation von Daten in RSS / Atom

! Saubere und bedeutungstragende URLs

! Weblog Publishing

! Mashups

! XML WebService APIs


10


! Ajax – Asynchronous JavaScript and XML

" = Zusammenfassung verschiedener Technologien zur Entwicklung interaktiver Web-Applikationen

" Ajax beinhaltet:

! Formatierung und Präsentation über Standard XHTML und CSS

! Dynamische Präsentation und Interaktion via DOM

! Datenaustausch und Datenmanipulation via XML und XSLT

! Asynchrone Datenübertragung via XMLHttpRequest

! Zusammenfassung der o.a. Technologien mit Client-seitigemScripting ! JavaScript



! Web 1.0 Anwendung


Browser Client Server side systems

Datastores, BackendProcessing, …

Web ServerUser Interface

HTTP request

HTML + CSS data

• Um den Inhalt einer Webseite zu verändern, wird diese erneut vom Web Server angefordert • HTTP request ! HTML + CSS data response

11


! Web 1.0 Anwendung


System Processing

Client

Server

Zeit

User Activity User Activity User Activity

System Processing

Da

ta T

ran

smissio

n

Da

ta T

ran

smissio

n

Da

ta T

ran

smis

sio

n

Da

ta T

ran

smis

sio

n


! AJAX Webanwendung


Browser Client Server side

systems

Datastores, BackendProcessing, …

Web Server/XML Server

User Interface

HTML + CSS data

Ajax Engine

JavaScript

Call

XML data

• Ajax Engine (in JavaScript) wird beim ersten Aufruf der Webseite geladen• zuständig für User Interface Design und Server Kommunikation• erlaubt asynchrone Kommunikation unaghängig vom Server

Ajax Framework

XMLHttpRequest via HTTP request

12


! AJAX Webanwendung


Client

Server

Zeit

System ProcessingSystem Processing

User

Interface

Ajax

Engine

input

disp

lay in

put

disp

lay in

put

disp

lay in

put

disp

lay

System Processing

Da

ta T

ran

smis

sio

n

Da

ta T

ran

smis

sio

n

Da

ta T

ran

smis

sio

nDa

ta T

ran

smissio

n

Da

ta T

ran

smissio

n

Da

ta T

ran

smissio

n


WEBLOG

13


WEBLOG


WEBLOG

14


Die Blogosphere

Zum Begriff:! „Blogo“ = Summe aller Weblogs! „Sphäre“ = sozialer öffentlicher Raum

Blogosphäre versteht…! Weblogs als Community! Weblogs als soziales Netzwerk! Weblog-übergreifende Kommunikation! dichte Vernetzung! als emergentes Phänomen


WEBLOG

15


WEBLOG


WE BLOG!

16


„Traditional media sendmessages, blogs start

discussions.“(vgl. http://www.loiclemeur.com/)

New Media Ecosystem


Web2.0 und Online-Journalismus

17


Blogs und Bibliotheken

http://log.netbib.de http://librariansindex.blogspot.com/


Weblogs und WebFeeds

! WebFeed

Aggregator fragt an, ob Update

stattgefunden hat

neue Feed-inhalt wird in

Reader geladen

RSS Reader

neue Inhalte werden durch

Web Feed beschrieben

Aggre

gato

r

Web Feed

Web Page

Nutzer

18


Podcast


Podcasting

iPod + Broadcasting

19


Radio: Einwegkommunikation


Internet

Podcasting: ...der Hörer antwortet

RSS

20


WIKIkollaboratives Wissensmanagement


Wikipedia – Nutzergenerierte Inhalte

wikiwiki = schnell (hawaiian) + encyclopedia

21


Wikipedia


wikipedia.org

22


Amapedia: Amazon goes Wiki

http://amapedia.amazon.com


Social Tagging

23


! Das World Wide Web – 4 Thesen

" „das Web ist groß...“! > 55 Milliarden Web-Seiten

(>25 Milliarden Seiten von Google indexiert, Stand 04/2007)

" „ohne Hilfe kommt man nicht weit...“! Suchmaschinen dienen als Wegweiser im WWW

" „Webinhalte sind für den Menschen gemacht...“! Automatische Verarbeitung von Webinhalten stößt auf verschiedenartige

Hindernisse

" „the web has evolved...and it keeps on evolving“(1) web 2.0

(2) Semantic Web

Tagging, Social Bookmarks & Folksonomies


! Suchmaschinen und Metadaten

" z.B. Bücher und bibliografische Suche


Identifikation via:• Autor(en)• Titel• ISBN / ISSN•…

Klassifikation via:• Kategorien• Schlüsselwörter•…

Bibliografische Suche

24


! Strukturierte und unstrukturierte Metadaten" z.B. Ontologien


publication

book

Is a

author

writes

1..n

1..n person

Is a

publisher

publishes

addressehas a

• title• isbn• date...

• name• first name• street• zip• city

properties

properties

conditions / constraints

date < Jan-01-1800 ! expensive

if then


! Strukturierte und unstrukturierte Metadaten" z.B. Schlüsselwörter


internet

WWW

computerscience

networks

ethernet

HTTP

WLAN

TCP/IP

MPEG

mp3

Huffman code

HDTV

Java

PHP

CGIHTML

XML

XSLT CSS

cryptography

SSL

RSA

25


! Tagging Systeme" Web 1.0: - Autor einer Ressource legt deren Metadaten fest

- Nutzer sind abhängig von den korrekten Metadaten einer Ressource


obst

apfel

Frucht

Autor

RessourceMetadaten

Obst

Apfel

Lebensmittel

ist ein

ist ein

Taxonomie


! Wer sorgt für Metadaten?" Web 2.0: - Nutzer legen eigene Schlüsselworte für Ressourcen fest

- Schlüsselwörter anderer Nutzer werden in die Suche mit einbezogen


Obst

Apfel

Nahrung

AutorRessource

Autoren Metadaten

Nutzer

Obst

Apfel

Frühstück

Nahrung

Einkaufen

Nutzer Metadaten

26



! Tagging Systeme – Tags und Tagging

" Tags

! Nutzerdefinierte, deskriptive Metadaten

" Tagging

! Vorgang, in dem Nutzer deskriptive Metadaten zu eigenen undfremden Resourcen zuordnen

" Social Tagging System

! erlaubt gemeinsame Nutzung der Tags

! jedes Tag dient als Link zu Ressourcen, die ebenfalls mit diesemTag versehen sind


! Tagging Systeme" Tags als „flache“ unstrukturierte Metadaten


rot

obst

apfel

diät

Isaac Newton

EvaParadies

Willhelm Tell

Braeburn

Delicious

Wurm

süss

mehlig

lecker

Pausenbrot

Karies

Zucker

apple

Apfelmus

Apfelkuchen

unbedingt einkaufen

nicht vergessen

herbst

Baum

Frucht

knackig

50 cent

Birnen

27



! Tagging Systeme – Folksonomies

- Wikipedia

“Folksonomy is a neologism for a practice of collaborative categorization using simple tags.”

• Sammlung von populären Tags für eine Ressource• Nutzer-generierte Klassifikation (Konzept), die aus einer Übereinkunft innerhalb einer Nutzergruppe emergiert

rot

obst

apfel

diät

Isaac Newton

EvaParadies

Willhelm Tell

Braeburn

Delicious

Wurm

süss

mehlig

lecker

Pausenbrot

KariesZucker

apple

Apfelmus

Apfelkuchen

unbedingt einkaufen

nicht vergessen

herbst

Baum

Frucht

knackig

50 cent

Birnen


! Tagging Systeme – Folksonomies

rot

obst

Apfel

diät

Isaac Newton

EvaParadies

Willhelm Tell

Braeburn

Delicious

Wurm

süss

mehlig

lecker

Pausenbrot

Karies

Zucker

apple

Apfelmus

Apfelkuchen

unbedingt einkaufen

nicht vergessen

herbst

Baum

Frucht

knackig

50 cent

Birnen

Tag Cloud


28


! Tagging Systems – bibsonomy


www.bibsonomy.org


! Tagging Systems – Osotis Video Search


www.osotis.com

29



http://tags.library.upenn.edu/



30


The Library of the Future,

what will it look like?

Documents

Web 2 · Web 2.0: Das Netzwerk als Plattform ãWeb 2.0 is the network as platform, spanning all connected devices; Web 2.0 applications are those that make the most of the intrinsic