Web 3.0 – Programmierung – Christoph Stollwerk Zeit: Do. 16'00 - 17'30 Raum: BIII...

transcript

Web 3.0 Web 3.0 – – Programmierung –Programmierung –

Christoph Stollwerk

Zeit: Do. 16'00 - 17'30Raum: BIII (Uni-Bibliothek,

3.Stock)

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – Gliederung –Gliederung –

Zentrale Techniken

Alternativen

Web 3.0 Programmierung

Zentrale TechnikenZentrale Techniken

– – AJAX –AJAX –

Was ist … ?Was ist … ?

Ajax ( )

• Kombination verschiedener Techniken:

• XMLHttpRequest • (X)HTML und DOM• Javascript• XML

Web 1.0 → Web 2.0 → Web 3.0 !

DOMDOM (Document Object Model)

Allgemeine Beschreibung von

Vorgehensweisen für den Zugriff

auf Bestandteile eines Dokuments.

Zugriff auf Bestandteile über Knoten.

Zentral: document-Objekt. (Javascript)

Ein Beispiel:Ein Beispiel:

Frameworks & LibrariesFrameworks & Libraries

• Libraries:• Wiederkehrende Aufgaben werden zusammengefasst.• Einzelne Funktionsbibliotheken• Direkter Zugriff, Steuerung von Kontrollfluss

• Frameworks:• Framework ruft Anwendung auf • Kontrollfluss wird vom Framework bestimmt

• Unterteilung von Frameworks• „Direkte”: (Prototype, MooTools)• Components (Dojo, openRico, script.aculo)• Server-driven (DWR, ASP.NET AJAX)

PrototypePrototype

• Vereinfacht die Entwicklung dynamischer Web Anwendungen.

• Sehr weit verbreitet.

• Asynchrone Requests handlen.

• Viele DOM Selektoren.

• Aufwändige visuelle Effekte mittels Scriptaculous.

Pro´s & Con´sPro´s & Con´s

• Kein Neuladen aufgebauter Seiten

• Kein Browser-Plugin wird benötigt

• Server-seitige Browsererkennung

• Umfangreiche Tests erforderlich• Verwendung der „Zurück“-Schaltfläche• Polling-Problem• Lesezeichen• Lesezeichen• Rückmeldung• Barrierefreies Internet

– – XML –XML –

Was ist … ?Was ist … ?

XML (Extensible Markup Language)

• Trennung von Daten, Struktur und Format

XML DTD & XSD XSLT & CSS

Wird zum Datenaustausch zwischen verschiedenen Systemen genutzt. („erweiterbare Auszeichnungs-sprache“)

– – XML - Übersicht –XML - Übersicht –

– – Alternativen –Alternativen –

– – Alternativen –Alternativen –XMLXML

Geringe Datenbestände werden durch XML aufgebläht.

JSON (JavaScript Object Notation)

• Gültiges Javascript• Leicht zu erlernen

YAML (Yet Another Multicolumn Layout)

• Assoziative Listen • Listen • Skalare• Datenstrukturen sind weiter verbreitet

– – Alternativen –Alternativen –AJAXAJAX

Geringe Datenbestände werden durch XML aufgebläht.

XUL (XML UserInterface Language )• Navigationsstruktur• Aussehen von Dialogelementen• dynamisches Verhalten• Lokalisierung (Anpassung an Sprachen und

Konventionen).

XAML Application Markup Language (XAML)• .NET Bindung• Entwicklungsstadium• Verzichtet auf CSS (eigene Tags)

– – Programmierung Web 3.0 –Programmierung Web 3.0 –

Mashups

Verschiedene Angebote erzeugen neuen Service.

WYMIWYG

Taxonomien

Beschr. Logik

OoWortnetze

Standards

Anwendungen

Fragen?!Fragen?!??

??? ? ? ?? ?

Herzlichen Herzlichen Dank!Dank!

Web 3.0 – Programmierung – Christoph Stollwerk Zeit: Do. 16'00 - 17'30 Raum: BIII...

Documents