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

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – Gliederung –Gliederung –

Zentrale Techniken

AJAX

XML

Alternativen

Web 3.0 Programmierung

Zentrale TechnikenZentrale Techniken

– – AJAX –AJAX –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – 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 !

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

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)

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

Ein Beispiel:Ein Beispiel:

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

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)

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

PrototypePrototype

• Vereinfacht die Entwicklung dynamischer Web Anwendungen.

• Sehr weit verbreitet.

• Asynchrone Requests handlen.

• Viele DOM Selektoren.

• Aufwändige visuelle Effekte mittels Scriptaculous.

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – AJAX –AJAX –

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

Zentrale TechnikenZentrale Techniken

– – XML –XML –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – 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“)

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – XML –XML –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

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

Zentrale TechnikenZentrale Techniken

– – Alternativen –Alternativen –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – 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

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – 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)

Zentrale TechnikenZentrale Techniken

– – Programmierung Web 3.0 –Programmierung Web 3.0 –

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

– – Programmierung Web 3.0 –Programmierung Web 3.0 –

Mashups

Verschiedene Angebote erzeugen neuen Service.

WYMIWYG

Taxonomien

Beschr. Logik

OoWortnetze

Standards

Anwendungen

Fragen?!Fragen?!??

??? ? ? ?? ?

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung

Herzlichen Herzlichen Dank!Dank!

Semantic Web / CIDOC CRM

Web 3.0 – Programmierung