Produkt Videos

Überblick Artikel & Assets Rechtschreibkontrolle

Überblick
Gesamtüberblick als Flash-Movie (Dauer: 6:00 min; Größe: 7,8 MB)

Dieses Video gibt einen Gesamtüberblick über WebWord im Schnelldurchgang. Zu wichtigen Aspekten von WebWord gibt es weitere Videos die mehr ins Detail gehen.

  • WebWord ist eine Single-Page-Applikation, d.h. die notwendige Kommunikation mit dem Server geschieht im Hintergrund ohne sichtbaren Page-Refresh
  • ein intuitives und komfortables Arbeiten ist möglich, dabei werden oft recht komplexe Operationen angestoßen
  • umfangreiche Konfigurierbarkeit der Applikation und die Web Service Architektur beruhen auf der Nutzung von XML
  • CMS Konzepte (Trennung von Daten, Layout und Metadaten) werden direkt im Browser unterstützt (Rendering-Engine im Browser)
  • leistungsfähige Rechtschreibkontrolle
  • smart Objektgenerierung (bezieht sich auf den Artikel und die Assets)

SpinTag Web-Produkte
WebWord SpinTag WebWord

SpinTag WebWord ist ein layoutgesteuerter, graphischer Objekteditor für moderne Web-Browser. Seine DHTML Web-Technologie verbindet in zurzeit einzigartiger Art und Weise den benutzerfreundlichen WYSIWYG-Ansatz mit dem objektorientierten Ansatz kommerzieller Web-Applikationen.

Damit bietet SpinTag WebWord eine elegante und zugleich effiziente Alternative sowohl zu den sonst üblichen formularbasierten HTML-Eingabemasken wie auch zu den entwicklungsintensiveren proprietären Applikationen.

SpinTag WebWord 1.4 Whitepaper

zur Live Demo
(Kostenlose Registrierung erforderlich)
Table Editor SpinTag Table Editor Im SpinTag Table Editor können Objekte beliebigen Typs in tabellarischer Form typsicher erzeugt, inline manipuliert und innerhalb der Objektgrenzen sortiert werden.
Features: Hierarchie-Faltung und Expand/Collapse

SpinTag Table Editor 1.0 Whitepaper

zur Live Demo
(Kostenlose Registrierung erforderlich)

Enthaltene Web-Komponenten
Value Editor SpinTag Value Editor Der Value Editor ermöglicht das Editieren beliebig komplexer Datenobjekte im Browser. Nach Auswahl eines Datentyps können neue Objekte erzeugt werden, wobei das typsichere Editieren durch Metadaten gesteuert wird. Die optische Repräsentation der Daten kann zwischen Tree, Table, Tab oder RecordSet umgeschaltet werden.

 zur Live Demo
Upload Control
Mittels dieser Komponente ist es sehr einfach, ein Bild zum Server hochzuladen und gleichzeitig im Browser zur Anzeige zu bringen.

 bitte links auf das Bild klicken

Toggle Control
Anzeigen / Verbergen
0
Eine einfache Komponente, die einen Teil der Webseite anzeigt oder versteckt. Damit ist es möglich, bei wenig Platz viel Inhalt anzuzeigen.

 bitte links auf den Link klicken

Window Control Window Control
Diese Komponente erzeugt ein Fenster, welches mittels vielzähliger Parameter angesteuert werden kann.

 zur Live Demo

Tab Control SpinTag Tab Control Diese Komponente orientiert sich bei der Funktionalität an Registerkarten und realisiert einen sogenannten "Karteireitereffekt". Es wird nur der Bildschirmbereich aktualisiert, der sich tatsächlich ändert. Zusätzliche Anfragen an den Server sind prinzipiell nicht erforderlich, es sei denn, ein eingebundenes Objekt (Komponente, Bild etc.) soll explizit nachgeladen werden.

 zur Live Demo

Template Engine SpinTag Template Engine Diese Komponente realisiert einen leistungsfähigen "Vorlagenmanager", der durch die Trennung von Inhalt und Layout ohne jegliche Redundanz mit seinem Server kommuniziert. Die Frontend-Komponente nimmt die Aufgabe der HTML-Darstellung dem Server ab und führt sie schnell im Client aus. Server, Netz und Geduld werden so erheblich entlastet.

 zur Live Demo


Technische Informationen

SOAP Example Implementation Architektur Anbindung Einbindung Requirements

Komponenten Framework
Die Einbindung der einzelnen Komponenten in eine Webumgebung findet über das Framework statt. Die Framework-Komponente bietet folgende infrastrukturelle Dienste für alle anderen Komponenten:

  • Nutzer-Identifizierung
  • Komponenten-Management wie das Laden von Komponenten-Code, Aktivierung / Deaktivierung von spezifischen Instanzen oder Manipulierung der Komponenteneigenschaften
  • Komponenten-Überwachung: Statistik, Monitoring, Eskalation
  • Kommunikation zwischen den Komponententeilen
  • Datenkomprimierung / Dekomprimierung

Synopsis:
<head>
<script language="javascript" src="framework.js"></script>
</head>

Dieser Link im Bereich einer Webseite ist ausreichend, um die SpinTag-Technologie einzubinden.

Komponenten-Instanzierung
SpinTag-Komponenten werden nach folgendem Schema instanziert:

a) Statisch (in einem HTML-Dokument)
In einem HTML-Container-Element (z.B. SPAN, DIV, TD) wird der Typ der Komponente, der Serverkontext und eine Parameterliste durch Komma getrennt eingetragen. Das HTML-Element muss die Klasse SpinTag haben.

Synopsis:
<body>
<div [id="clientContext"] class="SpinTag" comp="componentType" [ctx="serverContext"] {property="value"}* >
</div>
</body>

Der Standardparameter clientContext wird in der Regel autogeneriert. Soll die Komponente jedoch adressierbar bleiben, kann die ID explizit vergeben werden. Die Bedeutung von serverContext ist komponentenspezifisch. Zumeist werden serverseitige Ressourcen spezifiziert.


b) Dynamisch (aus JavaScript heraus)
Innerhalb von JavaScript können Komponenten auch programmatisch mit der Framework-Funktion create() instanziert werden.

Synopsis:
<head>
<script language="JavaScript">
STFramework.create(componentType,clientContext,serverContext, "[property:value[;property:value]]")
</script>
</head>
<body>
<div id="clientContext"></div>
</body>

Die Position der Instanz im Dokument wird hierbei durch die als clientCtx spezifizierte Element-ID bestimmt. Diese muss eine gültige, existierende HTML-Container-ID innerhalb des Dokuments sein.

Kundenspezifische Anpassung
Komponenten können durch Eigenschaftenlisten gesteuert werden. Der Name einer Eigenschaft und deren Wertzuweisung wird durch ein Gleichheitszeichen getrennt; es können mehrere Eigenschaften innerhalb einer Komponente spezifiziert werden.

Dokumentationen

Hinweis: Sie benötigen den kostenlosen Adobe Reader zum Lesen dieser Dokumente. (10 MB)

 WebWord Präsentation (148 kB) Slide über die SpinTag WebWord Komponente, Management overview und exemplarischer Anwendungsfall
 WebWord White Paper (219 kB) Feature Liste und Release Notes SpinTag WebWord Version 1.4.
 Table Editor White Paper (205 kB) Feature Liste und Release Notes SpinTag Table Editor Version 1.0.
 Überblick Integration (189 kB) Integration von SpinTag Produkten in existierende Backend Systeme
 Überblick frontend Integration (64 kB) (engl.) FrontEnd Integration von SpinTag Produkten in existierende Backend Systeme
 Überblick Komponenten (339 kB) (engl.) Slide über die einzelnen SpinTag Komponenten mit Anwendungsbeispielen.
 Lizenzen und Preise (68 kB) Lizenzen und Preise in Deutsch
 Lizenzen und Preise (69 kB) (engl.) Lizenzen und Preise in English
Copyright © SpinTag 2001-2007. All rights reserved. - Letztes Update: 07.12.2009