Seitenhistorie

Allgemeine Informationen zu Graphity und der Oberfläche

Erstellen eines Diagramms

1. Fügen Sie das Makro Graphity ein. Alternativ kann auf der Seite über das "..."-Menü rechts oben der Menüpunkt Diagramm einfügen ausgewählt werden

2. Je nachdem welche Option Sie gewählt haben öffnet sich nun automatisiert der Editor oder nachdem Sie die Seite gespeichert haben ist das Makro mit leerem Inhalt wie am Bild rechts zu sehen.

3. Nachdem Sie auf Erstellen klicken, öffnet sich der Editor

4. Hier können Sie auswählen ein Leeres Dokument zu erstellen oder eines der Beispieldiagramme zu laden.

5. Wählen Sie Leeres Dokument erstellen

Layout von Graphity

• Palette: beinhaltet Elemente für verschiedene Diagrammtypen (Flussdiagramm, UML, BPMN, usw.)
• Eigenschaften: Sobald ein oder mehrere Elemente ausgewählt werden, können diesbezüglich Einstellungen vorgenommen werden wie Farbe, Größe, Textgröße usw.
• Diagramm: Hier werden allgemeine Informationen für ihr Diagramm angezeigt (Anzahl der Knoten, Kanten, Beschriftungen und Art der Kantenkreuzungen)
• Bearbeiten: Hier gibt es Basisfunktionen wie Kopieren, Ausschneiden, Rückgängig machen, Löschen usw. (Diese Funktionen finden Sie auch über dem Editierbereich, angezeigt durch die jeweiligen Symbole, wie Schere oder Mülleimer)
• Layout: Das Layout Menü stellt die Grundstruktur für ihr Diagramm dar. Hierbei können verschiedene Diagrammtypen ausgesucht werden. Je nach ausgesuchtem Diagramm erhalten Sie spezifische Einstellungen die Sie anzeigen lassen können.
• Übersicht: Hier wird die Struktur des Diagramms angezeigt um einen Überblick zu bekommen.
• Nachbarschaft: Wird auf Element geklickt, zeigt die Nachbarschaft alle verbundenen Elemente an.

Layout Übernahme

Anhand der Beispielbilder sehen Sie, wie Graphity mit den Layouts arbeitet. Das linke Bild ist ein Flow Chart, welches mit Steuerelementen aus der Palette per Drag und Drop gebaut wurde. In diesem Beispiel wurde über das Layout Menü der Diagrammtyp Flussdiagramm-Layout ausgewählt und angewendet. Das Resultat ist das rechte Bild.

Speichern des Diagramms

Sobald Sie Ihr Diagramm fertig gezeichnet haben, können Sie dies speichern.

1. Legen Sie einen Titel fest, der in der Seitenansicht angezeigt wird.
2. Unter Anzeigeeinstellung können Sie entscheiden, wie ihr Diagramm angezeigt werden soll:
   • Interaktiv: Der Benutzer kann über das Diagramm navigieren, rein und rauszoomen. Weiters darf dieser das Diagramm bearbeiten und auch entfernen
   • Bild: Das Diagramm wird als statisches Bild auf der Seite abgespeichert
3. Sie können entscheiden, das Diagramm mit weißem oder schwarzem Hintergrund zu hinterlegen.
4. Geben Sie eine gewünschte Breite und Höhe ein oder lassen Sie sich diese mittels auto automatisch einstellen.
5. Unter Diagrammausrichtung könne Sie die Position auswählen:
   • Vertikal
     • Oben
     • Unten
   • Horizontal
     • Links
     • Rechts
     • Zentriert
6. Unter weiteren Einstellungen finden Sie zusätzliche Optionen:
   • Toolbar anzeigen/ausblenden: Wenn Sie diese ausblenden, funktioniert der Zoom in das Diagramm auf der Seitenansicht nicht mehr.
   • Tooltipps anzeigen/ausblenden: Zeigt einen Beschreibungstext zu den Elementen an (nur verfügbar wenn der interaktive Viewer ausgewählt ist).
   • Links erlauben: Erlaubt dem Betrachter per Mausklick von einem Elementmit URL-Parameter auf eine neue Seite zu navigieren (nur verfügbar wenn der interaktive Viewer ausgewählt ist).
   • Links in neuem Fenster: Öffnet verlinkte Seiten in einem neuen Browserfenster/Tab (nur wenn Links erlaubt sind).
   • Diagramm-Titel anzeigen: Zeigt die Diagrammbeschriftung unter dem eingebetteten Diagramm an.

Flow Chart - Flussdiagramm

Schritt 1: Auswahl der Knoten

Standardknoten für ein Flussdiagramm:

• Prozess
• Verzweigung
• Startknoten
• Terminator

Die Knoten werden per Drag & Drop in das Feld hineingezogen.

Schritt 2: Verbindung der Knoten

Um ein Element mit einem anderen zu verbinden, muss eine Linie von einem Element zu dem anderen Element gezogen werden. Wenn Sie mit der Maus über ein Element steuern, sehen sie die grünen Verbindungspunkte. Klicken Sie auf einen gewünschten Verbindungspunkt und halten Sie die Maustaste gedrückt und ziehen Sie die Linie bis zu einem anderen Element, welches Sie verbinden möchten.

Schritt 3: Layout anwenden

Unter Layout wählen Sie Flussdiagramm und wählen Sie Ihre gewünschten Einstellungen. Hier wurde als Orientierung Oben nach unten gewählt. Unter Positiven und Negativen Beschriftungen sind standardgemäß die Werte Ja und Nein gespeichert. In Schritt 5 werden Beschriftungen für die Verzweigung vergeben.

Schritt 4: Eigenschaften der Knoten

Unter Eigenschaften können Sie nun die gewünschten Einstellungen vornehmen:

• Position
• Größe
• Farbe: Knoten und Beschriftung
• Knotentyp
• Knotenrand
• Beschriftungseigenschaften
• Verlinkung
• Beschreibung

Schritt 5: Hinzufügen von Text

Um einen Text zu einem Knoten oder einer Verzweigung hinzuzufügen, machen Sie einen Doppelklick. Danach erscheint ein Textfeld, welches Sie bearbeiten können. Über Eigenschaften, wie in Schritt 4, können Sie Größe, Farbe, Ausrichtung usw. ändern.

Nachdem Sie die Verzweigungsbeschriftung erstellt haben können Sie unter Layout Flussdiagramm die positive und die negative Richtung auswählen und anschließend anwenden.

Das rechte Bild zeigt das Flussdiagramm, nachdem die positiven und negativen Beschriftungen im Layout angewendet wurden.

Wenn Ihr Flussdiagramm fertig ist, klicken Sie auf Speichern und Beenden.

Organizational Chart - Organigramm

Schritt 1: Auswahl der Knoten

Die Auswahl der Knoten kann beispielsweise über die geometrischen Knoten erfolgen.

Die Knoten werden per Drag & Drop in das Feld hineingezogen.

Schritt 2: Verbindung der Knoten

Um ein Element mit einem anderen zu verbinden, muss eine Linie von einem Element zu dem anderen Element gezogen werden. Wenn Sie mit der Maus über ein Element steuern, sehen sie die grünen Verbindungspunkte. Klicken Sie auf einen gewünschten Verbindungspunkt und halten Sie die Maustaste gedrückt und ziehen Sie die Linie bis zu einem anderen Element, welches Sie verbinden möchten.

Schritt 3: Eigenschaften der Knoten

Unter Eigenschaften können Sie nun die gewünschten Einstellungen vornehmen:

• Position
• Größe
• Farbe: Knoten und Beschriftung
• Knotentyp
• Knotenrand
• Beschriftungseigenschaften
• Verlinkung
• Beschreibung

Schritt 4: Hinzufügen von Text

Um einen Text zu einem Knoten hinzuzufügen, machen Sie einen Doppelklick. Danach erscheint ein Textfeld, welches Sie bearbeiten können. Über Eigenschaften, wie in Schritt 3, können Sie Größe, Farbe, Ausrichtung usw. ändern.

Schritt 5: Layout anwenden

Unter Layout wählen Sie Baumartig und wählen Sie Ihre gewünschten Einstellungen. Hier wurde als Orientierung Oben nach unten gewählt. Orthogonale Kantenverlegung wurde ausgewählt und der Knotenabstand und Ebenenabstand wurde etwas erhöht. Um die Einstellungen des Layouts zu speichern klicken Sie auf Anwenden.

Wenn Ihr Organigramm fertig ist, klicken Sie auf Speichern und Beenden.

Export der Diagramme

1. Klicken Sie links auf die Einstellungsschaltfläche.
2. Suchen Sie die Option Exportieren.
3. Legen Sie Ihre Exporteinstellungen fest.
4. Klicken Sie anschließend auf Exportieren.