Über yFiles FLEX
yFiles FLEX ermöglicht die einfache Integration von Graphenvisualisierung und Graphenbearbeitung in eine Adobe® Flex™-basierte Rich Internet Application. Das Framework bietet eine Flex UI-Komponente sowie eine umfassende Klassenbibliothek zur Anzeige und Bearbeitung von Diagrammen in Flex-basierten Web-Anwendungen.
Vorzüge
yFiles FLEX stellt essentielle Bausteine für Web-basierte Applikationen bereit, in denen Graphen, Diagramme oder Netzwerke angezeigt, animiert und editiert werden sollen.
Mit yFiles FLEX können Web-Anwendungen in der Qualität von Desktop-Anwendungen erstellt werden.
- Keine Probleme mit Browser-Versionen! Ihre yFiles FLEX Anwendung wird für jeden Benutzer gleich aussehen - egal welcher Browser und welches Betriebssystem verwendet wird. Um eine Flex 2 Anwendung benutzen zu können, wird lediglich der Flash Player Version 9 benötigt. Der Adobe Flash Player ist heutzutage auf einem Großteil der PCs mit Internetzugang installiert.
- Web-basierte Graphenanzeige, -bearbeitung und Animation. Das yFiles FLEX Framework ermöglicht das einfache Erstellen von Rich Internet Applications (RIAs), welche fast die gleichen Möglichkeiten bieten wie herkömmliche Desktop-Anwendungen. Sie werden von den Vorteilen der RIAs gegenüber regulären Thin Client Anwendungen profitieren: vollwertige Benutzer-Interfaces, bessere Antwortzeiten, bessere Lastverteilung zwischen Client und Server, asynchrone Kommunikation und weniger Netzwerkauslastung.
- Profitieren Sie von unserer Erfahrung im Bereich der Graphenvisualisierung. Unsere gesamte Erfahrung aus der Entwicklung verschiedener Produkte zur Graphenvisualisierung (yFiles für Java, yFiles.NET und yEd) wurde für die Implementierung der yFiles FLEX API genutzt.
Merkmale
-
Einfaches Erstellen benutzderdefinierter Styles:
Die Style-API von yFiles FLEX bietet direkt verwendbare Style-Klassen
sowie ein schlankes Framework für die Implementierung eigener visueller
Repräsentationen von Knoten und Kanten.
Knoten können auch durch Bilddateien (sowohl rasterbasierte als auch vektorbasierte
Bildformate werden unterstützt) oder SWF Filme dargestellt werden.
- GraphML: Mit der yFiles FLEX API ist ihre Web-Anwendung in der Lage, Graphenstrukturen und Style-Informationen zu lesen und zu schreiben. Hierfür wird der XML-Standard GraphML verwendet. Dieses Format kann zur Kommunikation mit jeglicher Serverkomponente oder zum Laden und Anzeigen lokaler GraphML-Dateien in einer Standalone-Anwendung verwendet werden. Unsere beliebten yFiles Java and yFiles.NET Bibliotheken verwenden ebenfalls den GraphML Standard und bieten sich damit für die Integration in eine Serverkomponente für yFiles FLEX an.
- Interaktion: Die Client-API bietet Standardimplementierungen zahlreicher Interaktionsmodi, welche in Diagrammanwendungen Verwendung finden. Diese Interaktionsmodi sind in ein fortschrittliches Framework zur Unterstützung gleichzeitig aktiver Interaktionsmodi eingebettet. Das yFiles FLEX Framework enthält bereits konfigurierbare Implementierungen zur Erstellung, Bearbeitung und Entfernung von Graphenkomponenten, für die Tooltip-Unterstützung, Textbearbeitung, Selektion und für Kontextmenüs.
- Animation: yFiles FLEX erzeugt Animationen die den Übergang zwischen verschiedenen Zuständen eines Diagramms visualisieren.
- Remote API: Das Framework bietet Klassen, welche die Kommunikation mit einer Server-Komponente erheblich erleichtern.
yFiles FLEX verwenden
Obwohl es möglich ist, yFiles FLEX als Standalone-Anwendung in einem Browser oder Flash Player zu benutzen, werden die meisten Web-Anwendungen eine zusätzliche Serverkomponente benötigen, welche für die zentrale Datenspeicherung und die Berechnung von Graphenlayouts zuständig ist.
Die perfekte Ergänzung für yFiles FLEX sind die yFiles for Java und yFiles.NET Bibliotheken, welche modernste Graphenanalyse- und Layoutalgorithmen bietet. Die yFiles FLEX-Distribution enthält bereits Beispielanwendungen und Support-Klassen, welche die Kommunikation mit yFiles Java oder yFiles.NET erleichtern.
Für gewöhnlich braucht eine yFiles FLEX Anwendung nur mit einem Server zu kommunizieren, um ein neues Graphenlayout zu berechnen oder um Änderungen zu laden oder zu schreiben. Da alle anderen Aufgaben einer Diagrammanwendung auf dem Client selbst ausgeführt werden können und da Client und Server asynchron kommunizieren können, wird der Benutzer in der Bedienung kaum einen Unterschied zu einer normalen Desktopanwendung feststellen.
Die Serverkomponente des Adobe Flex Frameworks (Flex™ Data Services) wird nicht benötigt, um eine yFiles FLEX Anwendung zu erstellen.
Beispielanwendungen
DOM Tree
Die DOM Tree Beispielanwendung demonstriert das hervorragende Zusammenspiel von yFiles Java, der yFiles FLEX API und der Adobe Flex API. In der Beispielanwendung kann in einem Textfeld eine Internetadresse eingegeben werden. Die an dieser Adresse gefundene HTML Seite wird eingelesen und als Baumstruktur dargestellt. Beim Überfahren eines Knotens mit der Maus wird der Name des entsprechenden HTML Elements angezeigt und ein kleiner Effekt ausgeührt.
Graph Canvas
Die Graph Canvas
Beispielanwendung demonstriert die Graphenanzeige, Layoutberechnung und Navigation mit yFiles FLEX
Verschiedene GraphML Dateien können mit Hilfe der Auswahlbox vom Server in die Anzeigekomponente geladen werden.
Der Graph wird zunächst mit den in der Datei angegebenen Koordinaten geladen. Über das 'Layout' Menü können andere Layoutalgorithmen ausgeführt werden.
Im Reiter 'Help' sind die verschiedenen Möglichkeiten zur Benutzerinteraktion dokumentiert.
In einem zuätzlichen Reiter kann der momentan angezeigte Graph im GraphML Format angezeigt werden. Änderungen im GraphML-Text können anschließend
in der Anzeigekomponente übernommen werden.
Falls der geladene Graph Beschreibungstexte für die Knoten enthält, so werden diese als Tooltips angezeigt. Sollten für einzelne Knoten URLs hinterlegt sein (wie z.B. in dem imdb-Graphen), so enthält das Kontextmenü dieser Knoten einen Eintrag, um zu dieser URL zu navigieren.
Drag and Drop
Die Drag and Drop Beispielanwendung demonstriert das Zusammenspiel der yFiles FLEX Klassenbibliothek mit Flex-Komponenten und dem Flex Drag-and-Drop Framework. Die Anwendung zeigt eine "Akkordeon"-Komponente, die drei Paletten mit unterschiedlichen Knotenstilen enthält. Die Knotenstile können markiert werden, um den momentanen Knotenstil festzulegen. Alternativ kann ein Stil mit der Maus über die Anzeigekomponente gezogen werden, um einen Knoten im entsprechenden Stil zu erzeugen. Auch in dieser Anwendung ist es möglich, verschiedene automatische Layouts für einen manuell erzeugten Graphen zu berechnen.
Collapsible Tree
Die Collapsible Tree Beispielanwendung zeigt eine Erweiterung der Interaktionsmöglichkeiten mit yFiles FLEX. Jeder Knoten in der angezeigten Baumstruktur kann angeklickt werden, um die Baumstruktur an dieser Stelle aus- oder einzuklappen. Die Kindknoten eingeklappter Knoten werden in der Anzeigekomponente nicht dargestellt. Der Zustand eines Knotens wird durch einen angepassten Knoten-Style angezeigt.
GraphWiki
Die GraphWiki Anwendung ist eine einfache Beispielanwendung, welche eine Wiki-ähnliche Verwaltung von Graphen implementiert. Benutzer können Graphen laden, editieren und speichern, sowie Beschreibungen und URLs für Knoten angeben. Die Graphen können auf einfache Weise von anderen Benutzern eingesehen und bearbeitet werden, in dem diesen der Name mitgeteilt wird, unter dem die Graphen abgespeichert wurden. Beschreibungen und URLs können über den 'Edit' Eintrag im Kontextmenü der Knoten hinzugefügt werden. Der eingegebene Benutzername wird den vom Benutzer erstellten Knoten zugeordnet und erscheint als Tooltip der Knoten.
Dokumentation
- yFiles FLEX Developer's Guide (online, englisch)
- API Dokumentation (online, englisch) der yFiles FLEX Client Klassenbibliothek
Kommerzielle Information
Erfahren Sie mehr über die Bedingungen der kommerziellen (oder akademischen) Nutzung von yFiles FLEX:Für Bestellungen und Preisanfragen wenden Sie sich bitte an: sales@yWorks.com.
yFiles FLEX evaluieren
Testen Sie yFiles FLEX mit einer auf 30 Tage beschränkten voll funktionsfähigen Evaluierungsversion.















