Über yFiles AJAX
yFiles AJAX ist ein kompaktes Client/Server Framework, das als Grundlage zur
Darstellung und Bearbeitung von Diagrammen in Web-Applikationen dient.
Die Client-Seite ist in JavaScript™ realisiert und verwendet das Dojo
Toolkit.
Auf der Server-Seite wird die erfolgreiche yFiles for Java-Bibliothek
benutzt.
Der Ajax-Ansatz
erlaubt interaktives Verhalten.
Vorzüge
yFiles AJAX stellt essentielle Bausteine für Web-basierte Applikationen bereit, in denen Graphen, Diagramme und Netzwerke dargestellt und bearbeitet werden sollen.
- Keine Browser Plugins Es werden keinerlei Plugins im Web-Browser auf der Client-Seite vorausgesetzt.
- Einfache Verteilung Sobald Ihre yFiles AJAX-Applikation auf dem Server installiert ist, läuft sie auf jedem beliebigen Client-Rechner. Auf dem Client-Rechner muß lediglich ein typischer Web-Browser (Firefox 3.5 oder 3.6, oder Internet Explorer 6, 7 oder 8) vorhanden sein.
- Web-basiertes Anzeigen und Bearbeiten von Graphen yFiles AJAX ermöglicht es Ihnen, auf einfache Weise Web-Applikationen zu erstellen, die sich für den Benutzer fast wie Desktop-Applikationen anfühlen.
- SVG und Bitmap Modi. Die clientseitige Visualisierung kann sowohl mit Rastergrafiken als auch mit SVG-Bildern realisiert werden.
- Touch-Unterstützung. yFiles AJAX unterstützt Touch-Navigation auf iOS- und Android-Geräten.
- Profitieren Sie von unserer Erfahrung im Bereich der Graphenvisualisierung Die Erfahrung aus der Entwicklung unserer anderen erfolgreichen Produkte zur Visualisierung von Graphen (yFiles for Java, yFiles.NET und yEd) ist in die Entwicklung der yFiles AJAX-APIs eingeflossen.
- Client API Das yFiles AJAX Client API enthält Callbacks für alle Arten von Mausereignissen bezüglich Knoten und Kanten eines Graphen. Es gibt vorgefertigte Klassen, die das Erstellen eines individuellen Controllers erleichtern.
- Server API Das yFiles AJAX Server API bietet die Infrastruktur, um die Funktionalität der Server-Seite einfach erweitern zu können.
Beispielanwendungen
Die Beispielanwendungen benötigen einen modernen Browser, sowie aktiviertes JavaScript und Cookies.
Obwohl die meisten Beispielanwendungen die Navigation auf Touch-Geräten unterstützen, beachten Sie bitte, dass nur die Organization Chart Editor Demo speziell für Touch-Geräte erstellt wurde. Die anderen Beispiele wurden für Desktop-Monitore erstellt und sind daher nicht für kleine Bildschirme (z.B. von Smartphones) geeignet.
Touch-Unterstützung: Organization Chart Editor
Die Organization Chart Editor Beispielanwendung ist eine Web-Applikation, die sowohl für die Bedienung auf Touch-Geräten als auch auf Desktop-Rechnern geeignet ist. Die Anwendung ermöglicht die Navigation und Bearbeitung von Organisationsdiagrammen mit Touch- und Mausgesten (die Pinch-Zoom Geste ist nur auf iOS und Android >= 3.2 Geräten verfügbar).
Details zu der unterstützten Funktionalität in der Beispielanwendung finden Sie in der integrierten Hilfe.
Graph Viewer
Die Graph Viewer Beispielanwendung zeigt einen Graphen im Browser an, und demonstriert Zooming und Verschieben des Graphen. In weiteren abgetrennten Bereichen im Browser wird eine Übersicht angezeigt und zusätzliche Informationen zu Knoten und Kanten dargestellt.
Die Realisierung einer etwas einfacheren Version dieser Anwendung ist Schritt für Schritt als Übung im yFiles AJAX Tutorial (englisch) beschrieben.
Organization Chart
Die Organization Chart
Beispielanwendung zeigt, wie eine interaktive Ansicht für ein Organigramm mit
yFiles AJAX erstellt werden kann.
Dabei wird der angezeigte Graph aus XML-Dateien erzeugt.
Die Beispielanwendung verwendet Gruppenknoten, um Abteilungen zu illustrieren.
Der Benutzer kann zwischen einem globalen und einer lokalen Ansicht wechseln. Zusätzlich zur Darstellung als Diagramm werden die Daten auch in einer Baumansicht dargestellt.
Network Monitoring
Die Network Monitoring Beispielanwendung zeigt, wie yFiles AJAX zusammen mit Ajax Server-Polling benutzt werden kann, um Zustandsänderungen des Modells im Client darzustellen.
Collapsible Tree
Diese Beispielanwendung zeigt wie Unterbäume in einer Baumstruktur interaktiv ein- bzw. ausgeklappt werden können. Hierzu bieten innere Knoten der Baumstruktur jeweils spezielle Icons an, die den Zustand ihres Unterbaumes andeuten. Nach jedem Ein- oder Ausklappen wird der Graph neu gezeichnet, wobei ein einstellbarer Layoutalgorithmus verwendet wird.
Die Realisierung einer etwas einfacheren Version dieser Anwendung ist Schritt für Schritt als Übung im yFiles AJAX Tutorial (englisch) beschrieben.
Grouped Graph
Die Grouped Graph Beispielanwendung zeigt die Unterstützung für gruppierte Graphen in yFiles AJAX. Es kann mit einfachen Mausklicks in die Gruppenknoten hinein und wieder hinaus navigiert werden. Weiterhin können Gruppenknoten geöffnet und geschlossen werden, wobei jeweils ein neues inkrementelles Layout auf dem Server gerechnet, und der Graph neu gezeichnet wird.
Graph Editor
Mit der Graph Editor Beispielanwendung können Sie z.B.:
- neue Knoten und Kanten zu einem Graph hinzufügen
- Knoten bewegen oder löschen
- Knotenbeschriftungen ändern
- Layoutalgorithmen anwenden
- den aktuellen Graphen herunterladen
Details sind in der Online-Hilfe der Anwendung beschrieben.
Swimlanes
Die Swimlanes Beispielanwendung zeigt die Konfiguration der serverseitigen Views, die für die Generierung der Bildkacheln benutzt werden, und das Action Framework von yFiles AJAX.
Das Action Framework wird im Treasure Hunt Tutorial (englisch) eingeführt, bei dem ein kleines Spiel erstellt wird.
Dokumentation
- yFiles AJAX Developer's Guide (online, englisch)
- yFiles AJAX API Dokumentation (online, englisch)
Kommerzielle Information
Erfahren Sie mehr über die Bedingungen der kommerziellen (oder akademischen) Nutzung von yFiles AJAX:Für Bestellungen und Preisanfragen wenden Sie sich bitte an: sales@yWorks.com.
yFiles AJAX evaluieren
Testen Sie yFiles AJAX mit einer auf 30 Tage beschränkten voll funktionsfähigen Evaluierungsversion.
