web 2.0 All Inkl

Web

kommu-nizieren

lesen

lernen

einkaufen

unterhalten

web 2.0

Buzzword

Quantensprung

Neue Webversionschon längst vorbei

Was ist das?

überbewertet

Hype

Marketing-Begriff

Schreckgespenst

AJAXSpiegelverläufe

!Am Anfang war...

» www entwickelt 1989

» von Tim Berners Lee

» als wissenschaftliche Austauschplattform

... das Lesen und Schreiben

» Idee des Read- & Write-Web

web 1.0

» Mitte der 90er Jahre

» Entdeckung des Kommerz

» mächtige Unternehmen

» bescheidener, passiver Nutzer

» kein Dialog

web 1.5

» Erste Dialoge

» Konsumenten tauschen Informationen aus

(Foren, Gästebücher)

» und werden anspruchsvoller

» Unternehmen werden nervös

web 2.0:Evolution statt Revolution

» Konsumenten interagieren, kreieren,

werden zu Prosumenten

» Informationsvermittler werden bedeutend:

Suchmaschinen, Netzwerke

» Kleine Unternehmen strömen auf den Markt

Wir sind das Web!Wir sind das Web!Wir sind das Web!

web 2.0 - Kennzeichen:

» Dialog Mensch - Mensch

» Veränderte Wahrnehmung des Internets

» aktiver Nutzer

» Websites as social places

» From push to pull

Voraussetzung

» Mehr Nutzer

» Breitband-Anschlüsse

» Neue Tools

» Besserer Code

Beteiligung, Personalisierung und Zusammenarbeit

Do it yourself!Nutzer:

» erzeugen mittlerweile die überwiegenden Webinhalte

(From consumer to creator, User-generated Content)

» führen Fakten zusammen (Citizen Journalism),

» produzieren Text-, Foto-, Audio- und Videostrecken

» oder handeln mit selbst gemachten Waren

(Social Commerce)

» Nutzer noch nie so mündig, mächtig und

gut informiert wie heute

Beteiligung, Personalisierung & Zusammenarbeit

Beteiligung, Personalisierung und Zusammenarbeit

Beteiligung, Personalisierung & Zusammenarbeit

Demokratie & Freiheit

» Konsumenten werden ihre

eigenen Lieferanten

» Konsument ist Teil des Kommunikations-

prozesses und nicht mehr am Ende

» LongTail

» Von einigen großen Werbetreibenden

zu vielen kleinen

Alle Macht den Konsumenten!

E-Business:

1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007

Die zweite Generation

» „Nutzer generieren Mehrwert“

» Ein Schritt zurück zu den Anfängen:

» Read- & Write-Web

world wide web

» web 2.0 auf die Industriestaaten begrenzt

» Staaten mit zensiertem Internet

>> hier hat web2.0 eine hohe Bedeutung

» Surfer größtenteils unter 40 Jahren

» Mehr als die Hälfte der Blogger jugendlich

» Digital Natives, Digital Immigrants & Digital Wisdom

» einfache & flexible Informationsvisualisierung

» Tags -> Schlagworte -> Beschreibung -> Organisierung -> wiederfinden

» Tag-Cloud: Wortwolke

» alphabetisch sortiert

» entsprechend der „Häufigkeit“ anders hervorgehoben

» Geotagging:Medien wie Bilder, Filme, Blogs oder andere Informationen

mit Koordinaten versehen

» Koordinaten werden als Metadaten zur betreffenden Information abgelegt

MarkierteWolken

reichhaltig, sozial, persönlich

Vermanschung » Inhalte des Webs, wie Text, Daten, Bilder, Töne oder

Videos werden neu kombiniert

» offene Programmierschnittstellen, die anderen Web-

Anwendungen zur Verfügung stehen

» Webinhalte verschiedener Dienste nahtlos zu

einem verbunden

» Mutter aller MashUps: Google Maps

reichhaltig, sozial, persönlich

„Gib mir deine Links“

Sozialisierungsmaßnahmen

» Von der Gemeinschaft für die Gemeinschaft

» Suchmaschinen sortieren die Ergebnisse maschinell

» Social Bookmarking-Angebote haben

handverlesene Webseiten

» Von Überall Zugriff auf seine Lesezeichen

» Austausch & Inspiration

Netzwerken » Social Networks / Social Media

» virtuelles Interaktionsgeflecht

» Benutzer legen persönliches Profil an

» Verlinken / Verbinden sich miteinander

Sozialisierungsmaßnahmen

» Gravierende Veränderungen für Unternehmen, Kommunikation & Werbung

WikiWiki » typische Anwendung für Hypertexte

» Kollaboration: Nutzer können Beiträge verfassen, editieren,

korrigieren, löschen

» Bekanntestes Beispiel: Wikipedia

» Einsatzmöglichkeiten:

» Wissenslexikon

» Glossare

» Projektmanagement

» Linksammlungen

» Forschung & Entwicklung

» Intranet

» FAQ-System

Sozialisierungsmaßnahmen

Ich blogge, du bloggst, . . .

» Webseite, die periodisch neue Einträge enthält

» Ein oder mehrere Autoren

» Möglichkeit zu kommentieren

» Beiträge in umgekehrter chronologischer Reihenfolge

» Technik: Einfache Content-Management-Systeme

Artblog Bildungsblog Weblawg Bürgermeisterblog Comic-Blog Funblog Knowledge-Blog Krimiblog Litblog: Literatur Metablog: Sammlung

von Beiträgen aus anderen Weblogs und Webseiten Podblog: Blog in Verbindung mit einem Podcast Stadtblog (auch Lokalblog oder Stadtteil-

Blog): Ein Blogger-Netz berichtet über eine Stadt, einen Stadtteil oder eine bestimmte Region Wahlblog (auch Kampa-Blog): Wahlen im Allgemein-

en bzw. spezielle Wahlen Warblog: Blog aus oder über Krisen- und Kriegsgebiete Watchblog: beobachtendes und bewertendes Blog mit kritischer

Haltung gegenüber Medien oder anderen Unternehmen, staatlichen Stellen oder nichtstaatlichen Organisationen

Sozialisierungsmaßnahmen

» “Blogosphäre”

» Arten: Persönliche, Business-, Community-Blogs

» Aktuell: Microblogging, Tumbleblogs

Von Haushaltsreinigern und Fußballvereinen

AJAX

Daten können verändert werden ohne die Seite neu zu laden

Webanwendungen können schneller auf Benutzereingaben reagieren.

CSS

Trennung von Layout und Inhalt

Legt fest, wie der Inhalt dargestellt werden soll.

RSS

enthält die Inhalte eines Weblogs in vereinheitlichter Form.

Techniken

web2.0-Design

Simple Struktur

Zentrales Layout

Markanter Header

Sich klar abgrenzende Bereiche

Auffallende Logos

Grösserer Text / Fetter Lead-Text

Farbverläufe / Lichtreflexionen

Markante Icons

Web 2.0 Stern

„in den Fängen einer Suchmaschine“

Google Maps

Google Earth

Writeley

Google Mail

Google Kalender

Google Desktop Search

Picasa

AdWords

AdSense

Google Appliance

Google Analytics

Beispiel: Flickr

» Fototauschseite

» Foto-Archivierung

» Fotos mit Schlagworten versehen

Beispiel: last.fm

» Persönliches Radio

» Musik-Empfehlungen der anderen Hörer

Beispiel: Technorati

» Echtzeit-Internet-Suchmaschinen speziell für Weblogs

web 2.0 in der

Praxis

Beispiel: Qype

» Empfehlungsportal und Stadtmagazin

Beispiel: twitter

» Microblogging

» Kommunikationsplattform zum Austausch von

Kurznachrichten innerhalb eines Netzwerks

Beispiel: Webtop

» Desktop-Anwendungen, die im Browser laufen

» Office-Anwendungen, Bildbearbeitungsprogramme etc.

web 2.0 in der

Praxis

Die Folgen

» Unsere Kommunikation verändert sich.

» Und damit unser Berufs- und Sozialleben!

» Die Mediennutzung verlagert sich ins Web.

» Marketing und Werbung muss neu gedacht werden!

Datenschleuder 2.0 » Mit Web 2.0 ist der gläserne Nutzer endgültig Realität.

Blog

FlickrAccount

FacebookProfil

Xing-Eintrag

Web-site

eBay-Profil & -Nutzerbewertung

last.fmMusikfavoriten

Unternehmens-blog

3.04.05.0web ?.?

» Online Desktop-Anwendungen

» Mehr personalisierte, unauffälligere Werbung

» persönliche Suchassistenten

» UserID

» Mobilere Endgeräte / Mobiles Internet

» Location Based Services

» TV on demand

» 3D Web

LinksErste Webseitehttp://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

Über die Zukunft der Medienhttp://media.aperto.de/google_epic2015_de.html http://www.archive.org/web/web.php

web 2.0 – The Machine is us/ing ushttp://webevangelisten.de/geschichte-des-internets-an-einem-tag/ http://www.youtube.com/watch?v=6gmP4nk0EOE

Long Tailhttp://www.bernd-schmitz.net/wiki/images/The-long-tail.jpg

„Getaggte“ amerikanische Präsidentenredenhttp://chir.ag/phernalia/preztags/

Mashupshttp://local.alkemis.com/local/index.htmhttp://www.mashmymap.comwww.flashearth.comhttp://www.flickr.com/map/http://www.panoramio.com/

Social Bookmarking:www.mister-wong.dewww.del.icio.us

Networking:www.studivz.dewww.xing.dewww.myspace.comwww.unddu.de

Wikis in Plain Englishhttp://www.youtube.com/watch?v=-dnL00TdmLY

Blogwww.blogger.com http://www.youtube.com/watch?v=NN2I1pWXjXI&feature=channelwww.smashingmagazine.comhttp://posterous.com/http://www.twitter.comhttp://www.pr-blogger.de/http://karrierebibel.de/http://psd.tutsplus.com/ http://www.deutscheblogcharts.de/

Ajax: Google Suggesthttp://www.google.com/webhp?complete=1&hl=en

CSSwww.csszengarden.comwww.cssremix.com

RSS in Plain Englishhttp://www.youtube.com/watch?v=0klgLsSxGsU&eurl=http%3A%2F%2Fcooperative%2Ew ordpress%2Ecom%2Ftag%2Fweb%2D20%2F

Googlehttp://maps.google.de/maps http://www.youtube.com/watch?v=EjN5avRvApk&feature=player_em-bedded http://www.youtube.com/watch?v=WRkYmx4A9Do&feature=player_embedded http://www.google.com/experimental/index.html

Webtophttp://www.pixlr.com/ http://www.mindmeister.com/

Semantisches Webhttp://de.wikipedia.org/wiki/Semantisches_Web

web3.0http://www.youtube.com/watch?v=jpEnFwiqdx8&feature=fvst