web 2.0 technologien - bdzv...entwicklung der user interfaces interaktivität 1980 vt100 3270 1990...
TRANSCRIPT
![Page 1: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/1.jpg)
Web 2.0
Technologien
![Page 2: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/2.jpg)
Inhalt
Wie komme ich ins Web 2.0 ?
Wie kann ich Web 2.0 installieren ?
Wer hat‘s erfunden ?
![Page 3: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/3.jpg)
Web 2.0 - Definition
Quelle: http://blog.zeit.de/blogruf/?p=28
„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 servicethat 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 über Web 2.0
![Page 4: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/4.jpg)
Enterprise 2.0 - Framework
Mashups
AJAX
Blogs Wikis Podcasts
Tags / Folksonomy
Social Networks Communities
Simple Standards
Network as Platform
Rich User Experience
User generated content
User defined structures
Architecture of participation
Per
petu
al B
eta
Weboffice SaaS
Remixing Data
RSS APIsCopyright: Joerg Bienert, empulse GmbH
![Page 5: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/5.jpg)
A syncronous
J avascript
A nd
X ML
Rich User Interfaces
![Page 6: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/6.jpg)
User Action
User Action Data Update
Screen Reload Data Update
Traditional Web Interaction
Ajax Prinzip
AJAX-based Web Interaction
![Page 7: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/7.jpg)
Entwicklung der User Interfaces
Interaktivität
1980
VT1003270
1990
Windows, Mac
2000
HTML
2010
RIA
![Page 8: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/8.jpg)
Google Mail
![Page 9: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/9.jpg)
Ajax Beispiel
![Page 10: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/10.jpg)
User Generated Content
![Page 11: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/11.jpg)
User Generated Content
![Page 12: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/12.jpg)
Widgets
![Page 13: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/13.jpg)
Widgets
![Page 14: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/14.jpg)
Widgetbox
![Page 15: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/15.jpg)
User Generated Content
![Page 16: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/16.jpg)
RSS FeedreaderQuellen
Blog 1
Blog 2
Website 1
Website 2
Really Simple Syndication
![Page 17: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/17.jpg)
Yahoo Pipes
![Page 19: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/19.jpg)
Mashups
![Page 20: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/20.jpg)
Web als Plattform
30 Millionen registrierte Nutzer
Öffnung der API im Mai 07
In Oktober 07 bereits 5.500 Applikationen
![Page 21: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/21.jpg)
Mashup: Netvibes
![Page 22: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/22.jpg)
• Zusammenarbeit von Google, Adobe, Mozilla, and Opera (Opensource)
• Lokaler Webserver, SQLite, Browser extensions für parallele Javascript-Ausführung
• Download < 1 MB
• Synchronisation mit zentralen Servern
Offline Internet Applications
• SQLite, Actionscript 3, Ajax und HTML Support (Webkit)
• Cross Plattform (Windows, Mac, Linux, (zukünftig mobile ?))
• Air Runtime mit einfacher Installation
![Page 23: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/23.jpg)
eBooks
![Page 24: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/24.jpg)
eBooks
![Page 25: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/25.jpg)
Beispiel
![Page 26: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/26.jpg)
Beispiel
![Page 27: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/27.jpg)
Beispiel
![Page 28: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/28.jpg)
Beispiel
![Page 29: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/29.jpg)
Beispiel
![Page 30: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/30.jpg)
Beispiel
![Page 31: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/31.jpg)
Beispiel
![Page 32: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/32.jpg)
Fazit
• Ajax und Flash, wohl dosiert
• Integration von externen Daten und Applikationen
• RSS als Bindeglied
• Kontinuierliche Weiterentwicklung
• Partizipation der User
![Page 33: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/33.jpg)
Vielen Dank für Ihre Aufmerksamkeit !
Fragen ?
empulse GmbHHohenzollernring 75-7750672 KölnGermany
[email protected]+49 221 9 77 61 48 - 0+49 177 7 940463
![Page 34: Web 2.0 Technologien - BDZV...Entwicklung der User Interfaces Interaktivität 1980 VT100 3270 1990 Windows, Mac 2000 HTML 2010 RIA Google Mail Ajax Beispiel User Generated Content](https://reader033.vdocuments.net/reader033/viewer/2022052800/5f1023a97e708231d447a42e/html5/thumbnails/34.jpg)
Leistungsangebot empulse GmbH
Beratung• Strategische Beratung für den Einsatz von Web 2.0 und
virtuellen Welten • Strategieentwicklung Web 2.0 im internen
Unternehmenseinsatz • Foren- / Blog-Beobachtung und Online-
Qualitätssicherung• Durchführung von Awareness-Workshops für Web 2.0 /
virtuelle Welten
Projektleitung und Realisierung• Grafische und technische Umsetzung von Web 2.0 und
Community-Portalen• AJAX- und Flash-basierten Lösungen für Selfservice
und Verkaufsunterstützung• Integration von Rich-Media-Komponenten• Realisierung komplexer Second Life-Projekte