CHact – Mehrfache Link-Aktionen

Eine weitere Vereinfachung, die bis zu diesem Punkt stets stillschweigend angenommen wurde, ist die Reduzierung der Reaktion einer Hypermedia-Anwendung auf lediglich eine Aktion. Dieses Verhalten ist aus den aktuellen Hypermedia-Anwendungen heraus auch bekannt:

Ein Klick auf einen Link
wird mit dem Öffnen einer neuen Seite beantwortet.

Vorgegeben wird dieses Verhalten durch den Standard HTML, der komplexere Antworten auf eine Interaktion nicht zulässt. Da es aber, wie oben schon mehrfach erwähnt, bisher keine Standards für viele Hypermedia-Ausprägungen, und insbesondere nicht für die dynamischen Hypermedia-Ausprägungen, gibt, soll an dieser Stelle eine Möglichkeit eingeführt und beschrieben werden, wie mit aktuellen Techniken weit komplexere Reaktionen in Hypermedia-Anwendungen und auch für solche Anwendungen, die in den "normalen" aktuellen Browsern laufen sollen, realisiert werden können.

Das Verhalten üblicher Hypermedia-Anwendungen und Browser wird stark simplifiziert hier dargestellt:

Abb. 95
Normale Medienaufrufe in Browsern (vereinfacht)

Ein Hypermedia-Dokument wird im Browser dargestellt.
Ein Klick auf einen Link im angezeigten Dokument stößt die Verarbeitung im Browser an:

Der Link wird als a-Element wird aus dem Dokument ausgelesen.
Der href-Parameter des a-Elements wird als das Zieldokument interpretiert.
Das Zieldokument wird aus einer lokalen oder aus einer Internetquelle gesucht und angefordert.
Das Zieldokument wird im Browser dargestellt.

Ob das Startdokument gelöscht wird, hängt von der Hypermedia-Umgebung und von der Art der Aktivierung des Links ab.

Ebenso wie das Startdokument wird auch das Zieldokument nach den Stilvorgaben der CSS-Beschreibung formatiert.

Die Idee der Trennung von Inhalt und Gestaltungsvorgaben für Hypermedia-Inhalte wurde schon in den Anfangszeiten des Internet präsentiert [LIE94][CSS02] und ist auch im Abschnitt "Hypertext- und Hypermedia-Modelle" beschriebenen Hypermedia-Modellen enthalten. Diese Idee hat sich bis heute durch die Einführung von CSS als Beschreibungssprache für die Darstellung neben HTML als Beschreibungssprache für den Inhalt erfolgreich etabliert.

Mit der (Weiter-) Entwicklung und starken Verbreitung des Internet entstand ebenfalls früh die Idee, aktive, interaktive und reaktive Elemente in die hypermedialen Präsentationen und Präsentationsumgebungen integrieren zu wollen. Federführend war hier sicherlich der Netscape Navigator, der 1995 in der Version 2.0 veröffentlicht wurde und die eingebettete eigene Skriptsprache "LiveScript" besaß. Diese Sprache ist der Vorläufer aller späteren und auch der heutigen JavaScript-Versionen. [ECM17][RES08] Mit der Integration einer Programmiersprache erschloss sich hier die Möglichkeit, das Model-View-Controller- (MVC-) Entwurfsmuster der Software-Entwicklung auch auf die Web-Entwicklung zu übertragen. [GEI15] Allerdings kann dies an dieser Stelle nur eingeschränkt gelten und nicht eins-zu-eins erfolgen, da viele Dinge im Browser selbst zusammenlaufen. Für eine detaillierte Betrachtung müsste hier zu sehr in die Tiefe der Softwarearchitekturen gegangen werden müsste. Daher soll hier ein vereinfachtes Vorgehen erläutert werden.

Abb. 96
Das MVC-Konzept im Web-Umfeld

Darin übernimmt der Browser die Rolle der View, da seine hauptsächliche Aufgabe darin liegt, die hypermedialen Inhalte zu rendern und dazustellen. In der einfachen Medienverarbeitung in Browsern, wie sie weiter oben dargestellt ist, übernimmt der Browser selbst auch unmittelbar die Rolle des Controllers, indem er die Interaktionen, wie zum Beispiel Tastatureingaben und Mausklicks, entgegennimmt, interpretiert und mögliche Veränderungen in dem, was und wie der Browser etwas darstellen soll, selbst vornimmt.

Unabhängig von der View, also dem Browser, stellen die darzustellenden Informationen in Form (hyper-) medialer Dokumente das Model, also die Datenbasis dar. Auf diese Weise hat der Browser keinen Einfluss auf die Daten und kann diese nicht verändern. Vielmehr lädt er lediglich aus der Datenbasis die referenzierten Medien und Dokumente.

Dieses Modell kann durch den einfachen Einsatz aktueller Web-Techniken leicht so erweitert werden, dass auch komplexere Antworten der Hypermedia-Anwendung innerhalb des Browsers möglich werden. Im Kontext des hier vorliegenden Buches soll dies Möglichkeit die Bezeichnung "CHact" als Abkürzung für "Combined Hypermedia action" tragen:

Auch hier wird ein Hypermedia-Dokument im Browser dargestellt.
Dieses Hypermedia-Dokument bindet ein vorbereitetes JavaScript-Programm ein. Dies ist die Voraussetzung, damit die hier gezeigte Idee realisiert werden kann.
Eine weitere Voraussetzung ist, dass dem JavaScript-Programm ein weiteres Dokument bekannt gemacht wird, in dem die CHacts definiert werden. Ob diese als JSON-Objekte eingelesen werden oder eine andere Syntax und Beschreibungsmöglichkeit genutzt wird, spielt dabei keine Rolle:

CHactDesc{
  id:foo;
  action{
    medium{
      ref:foo.html;
      tar:div('textDiv');
    }
    medium{
      ref:video.mp4;
      tar:newDiv(10,10,100,50);
      vol:11;
      autostart:true;
    }
  }
}

Im obigen Beispiel ist ein CHact mit der Id "foo" definiert. Wird dieser aufgerufen, so soll ..

... das HTML-Dokument "foo.html" geladen und in dem in der HTML-Seite schon vorhandenen CSS-Div "text-Div" angezeigt werden, und ...
... das Video "video.mp4" soll in einem neuen CSS-Div in der HTML-Seite an der Position 10, 10 und mit in der Größe 100, 50 gezeigt werden. Sein Ton soll in der Lautstärke 11 zu hören sein und das Video soll automatisch nach dem Laden starten.

Ein Klick auf einen Link im angezeigten Dokument stößt die Verarbeitung im Browser an:

Auch hier wird der Link wird als a-Elements wird aus dem Dokument ausgelesen.
Allerdings beinhaltet der href-Parameter des a-Elements hier keinen Pfad oder keine Referenz zu einem Zieldokument, sondern vielmehr übergibt der Parameter in einem JavaScript-Methoden-Aufruf einen Parameter mit einer Bezeichnung, an das eingebundene JavaScript-Programm:

Das eingebundene JavaScript Programm nimmt diese Bezeichnung entgegen ("foo") und sucht in den ihm bekannten CHact-Definitionen die gesuchte CHact-Beschreibung und führt diese aus.
Wie mit dem Startdokument umgegangen werden soll, hängt sowohl von der Hypermedia-Umgebung, also dem Browser, von der Art der Aktivierung des Links ab sowie der weiteren CHact-Beschreibung ab.

Alle Dokumente werden in diesem Beispiel nach den Stilvorgaben der CSS-Beschreibung formatiert.

An dieser Stelle muss unbedingt der Hinweis erfolgen, dass obiges Beispiel nur ein stark verallgemeinertes Beispiel ist und keinen Standard darstellt.

Abb. 97
Erweiterte, skriptbasierte Actionaufrufe:
CHacts

Wie granular beziehungsweise detailliert die CHact-Beschreibung sein soll, bleibt dem Produzenten oder in diesem Falle wohl eher, dem Software-/ Web-Entwickler überlassen, der die entsprechende JavaScript-Implementierung umsetzt. Generell sind hier wiederum keine Grenzen gesetzt. Allerdings darf nicht vergessen werden, dass ein höherer Detaillierungsgrad in der Beschreibung der Inhalte und des Verhaltens der CHacts im Gegenzug auch bedeutet, dass das CHact-Dokument für die Anwendung auch entsprechend genauer und umfangreicher wird, was letztlich wieder mehr Beschreibungsaufwand für den Autor/ Produzenten bedeutet.

Nichtsdestotrotz ist das CHact-Modell realisierbar und es stellt eine mächtige Möglichkeit zur Produktion interaktiver, multi- und hypermedialer Anwendungen dar. Einige eindrucksvolle Beispiele dafür zeigt das Projekt "nanaIna – next generation multimedia", das auf eben dieser CHact-Idee beruht.