Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe Was ist Web 2.0 Techniken des Web 2.0 Wie neu ist...

Web 2.0Web 2.0Ringelmann ArthurRingelmann Arthur

Web 2.0 2

InhaltsangabeInhaltsangabe

Was ist Web 2.0

Techniken des Web 2.0

Wie neu ist das neue Web 2.0

Web 2.0 Beispiele

Web 2.0 in der Wirtschaft

Sozialnetworking

Was ist Web 2.0

Techniken des Web 2.0

Wie neu ist das neue Web 2.0

Web 2.0 Beispiele

Web 2.0 in der Wirtschaft

Sozialnetworking

Web 2.0 3

Was ist Web 2.0Was ist Web 2.0

Tim O´ Reilly und Dale Dougherty2004

Tim O´ Reilly und Dale Dougherty2004

Service statt Software im Paket

Mischbare Datenquellen und Datentransformation

Eine Architektur der Beteiligung

Service statt Software im Paket

Mischbare Datenquellen und Datentransformation

Eine Architektur der Beteiligung

Web 2.0 4

Techniken des Web 2.0Techniken des Web 2.0

CSSCSS

die Trennung von Inhalt und Design die Trennung von Inhalt und Design

spätere Änderungen werden erleichtert spätere Änderungen werden erleichtert

CSS-Anweisungen bieten mehr Gestaltungsmöglichkeiten

CSS-Anweisungen bieten mehr Gestaltungsmöglichkeiten

Beispiel Anhang einer ungeordneten Liste

Beispiel Anhang einer ungeordneten Liste

Web 2.0 5

Techniken des Web 2.0Techniken des Web 2.0

XHTML

wohlgeformte Dokumente

Kompatibilität zu verschiedenen Browsern

mehr verfügbare Zeichensätze

XHTML

wohlgeformte Dokumente

Kompatibilität zu verschiedenen Browsern

mehr verfügbare Zeichensätze

Web 2.0 6

Techniken des Web 2.0Techniken des Web 2.0

XHTMLKommunikation und Interaktion

durch Formulare

XHTMLKommunikation und Interaktion

durch Formulare

Web 2.0 7

Techniken des Web 2.0Techniken des Web 2.0

Java Script

Verhaltenssteuerung

Der Umfang der Syntax ist überschaubar

Testen durch Web-Browser

Java Script

Verhaltenssteuerung

Der Umfang der Syntax ist überschaubar

Testen durch Web-Browser

BeispieleBeispiele

Web 2.0 8

Techniken des Web 2.0Techniken des Web 2.0

DOM-Scripting

Animation der Website

Zugriffe auf Formularinhalte

Ein- und Ausblenden Spezifischer Seiteninhalte

DOM-Scripting

Animation der Website

Zugriffe auf Formularinhalte

Ein- und Ausblenden Spezifischer Seiteninhalte

BeispielBeispiel

Web 2.0 9

Techniken des Web 2.0Techniken des Web 2.0

AJAXAJAX

XHTML und CSS zur Formatierung einer Webseite XHTML und CSS zur Formatierung einer Webseite DOM (Document Object Model)zur Repräsentation von Daten bzw. Inhalten DOM (Document Object Model)zur Repräsentation von Daten bzw. Inhalten

Javascriptzur Manipulation des Document Object Modelsund zur dynamischen Darstellung der Inhalte

Javascriptzur Manipulation des Document Object Modelsund zur dynamischen Darstellung der Inhalte

Web 2.0 10

Techniken des Web 2.0Techniken des Web 2.0

AJAXAJAX

XML als DatenaustauschformatXML als Datenaustauschformat

XSLT zur DatentransformationXSLT zur Datentransformation

XML-Http Request Objekt um Daten auf asynchroner Basis mit demWebserver austauschen zu können

XML-Http Request Objekt um Daten auf asynchroner Basis mit demWebserver austauschen zu können

BeispieleBeispiele

Web 2.0 11

Wie neu ist das neue Web 2.0

Wie neu ist das neue Web 2.0

Erneuerung statt NeuerfindungErneuerung statt Neuerfindung

XHTML 1.0 2000XHTML 1.0 2000

CSS Level 2 1998CSS Level 2 1998

Javascript 1995 Javascript 1995

DOM 1 1998 DOM 1 1998

AJAX 1999 AJAX 1999

Web 2.0 12

Web EvolutionWeb Evolution

Web 2.0 13

Web 1.0 vs Web 2.0Web 1.0 vs Web 2.0

Web 2.0 14

Web 2.0 BeispieleWeb 2.0 Beispiele

Podcasts, Vidcasts & Screencasts

Produzieren und Veröffentlichen von

Multimedia Inhalten in Web

Podcasts, Vidcasts & Screencasts

Produzieren und Veröffentlichen von

Multimedia Inhalten in Web

Web 2.0 15

Web 2.0 BeispieleWeb 2.0 Beispiele

Wikis

Echtzeit-Veränderung der Website

Gemeinschaftlich an Texten arbeiten

Redaktionelle Mitarbeit

Wikis

Echtzeit-Veränderung der Website

Gemeinschaftlich an Texten arbeiten

Redaktionelle Mitarbeit

WikipediaWikipedia

Mediawiki Engine auf der Basis von PHPund SQL

Mediawiki Engine auf der Basis von PHPund SQL

Web 2.0 16

Web 2.0 BeispieleWeb 2.0 Beispiele

Weblogs

Öffentliche Tagebücher oder Journale

Chronologisch Sortiert

Weblogs

Öffentliche Tagebücher oder Journale

Chronologisch Sortiert

Wordpress Engine Wordpress Engine

Web 2.0 17

Web 2.0 in der WirtschaftWeb 2.0 in der Wirtschaft

Neue Marketing Strategien durch Web 2.0

Virales Marketing

CGA (Consumer generated advertising)

CGC (Consumer generated content)

Neue Marketing Strategien durch Web 2.0

Virales Marketing

CGA (Consumer generated advertising)

CGC (Consumer generated content)

Web 2.0 18

Web 2.0 in der WirtschaftWeb 2.0 in der Wirtschaft

Web 2.0 19

Aufbau einer Web 2.0 Firma

Aufbau einer Web 2.0 Firma

YouTube Videoportal

Gegründet 2005

Verkauf 2006 -> 1,3 Mrd.

YouTube Videoportal

Gegründet 2005

Verkauf 2006 -> 1,3 Mrd.

YouTube Videoportal

3 Säulen Finanzierung- Rechte verkauf an Dritte- Online Vermarktung über Banner- VideoAds, Kinotrailer

YouTube Videoportal

3 Säulen Finanzierung- Rechte verkauf an Dritte- Online Vermarktung über Banner- VideoAds, Kinotrailer

Web 2.0 20

SozialnetworkingSozialnetworking

Sozial Software

Christopher Allen 2004

Interaktion zwischen Gruppen

- Weblog- Podcast- Wiki

Sozial Software

Christopher Allen 2004

Interaktion zwischen Gruppen

- Weblog- Podcast- Wiki

Web 2.0 21

FazitFazit

Web 2.0 ist keine neue Technologie

Sondern eine Erneuerung- der alten Technologien- des Konzept der Websites- das Web Angebot

Der Benutzer wird ein Aktiver Teil des Web

Web 2.0 ist keine neue Technologie

Sondern eine Erneuerung- der alten Technologien- des Konzept der Websites- das Web Angebot

Der Benutzer wird ein Aktiver Teil des Web

Web 2.0 22

EndeEnde

Vielen Dank für Ihre

Aufmerksamkeit

Vielen Dank für Ihre

Aufmerksamkeit

Web 2.0 23

QuellenangabeQuellenangabe

Praxisbuch Web 2.0 von Vitaly Friedman

Artikel in PC intern 02/07

Wikipedia

webdesignblog.de

Praxisbuch Web 2.0 von Vitaly Friedman

Artikel in PC intern 02/07

Wikipedia

webdesignblog.de