23
Web 2.0 Ringelmann Arthur

Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Embed Size (px)

Citation preview

Page 1: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Web 2.0Web 2.0Ringelmann ArthurRingelmann Arthur

Page 2: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 3: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 4: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 5: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 6: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Web 2.0 6

Techniken des Web 2.0Techniken des Web 2.0

XHTMLKommunikation und Interaktion

durch Formulare

XHTMLKommunikation und Interaktion

durch Formulare

Page 7: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 8: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 9: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 10: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 11: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 12: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Web 2.0 12

Web EvolutionWeb Evolution

Page 13: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Web 2.0 13

Web 1.0 vs Web 2.0Web 1.0 vs Web 2.0

Page 14: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 15: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 16: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 17: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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)

Page 18: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Web 2.0 18

Web 2.0 in der WirtschaftWeb 2.0 in der Wirtschaft

Page 19: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 20: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 21: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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

Page 22: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

Web 2.0 22

EndeEnde

Vielen Dank für Ihre

Aufmerksamkeit

Vielen Dank für Ihre

Aufmerksamkeit

Page 23: Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe 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

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