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