IQProcess
Flussdiagramme online erstellen

Kunde

Grunenberg & Comp. GmbH

Kundenmeinung

„Sehr gute Arbeitsqualität, exzellentes Zeitmanagement und angenehme Zusammenarbeit. Fazit: Top Performance!“

Michael Grunenberg, Geschäftsführer

Ziele und Kontext

Die Wordpress Website project-base.org soll um die Webanwendung IQProcess erweitert werden.
Die innovative Webanwendung IQProcess soll Nutzern von Project Base helfen, komfortabel Prozessdiagramme zu erstellen. Dabei zeigt IQProcess die Elemente eines Prozessdiagramms grafisch an und ermöglicht per Drag and Drop, komfortabel ein Prozessdiagramm zu erstellen. Die Ergebnisse können als Bild und PDF Datei oder als Projektdatei für eine Weiterbearbeitung gespeichert werden.

Realisierung

Die Webanwendung wurde gemäß Corporate Design entworfen und unter dem Einsatz von JavaScript und Interact.js entwickelt. Die fertige Software wurde in der bestehenden Wordpress Website integriert.

Zu IQProcess

Eingesetzte Technologien

JavaScript

Wordpress

HTML

CSS

Highlights

Grafische Darstellung der Kernelemente eines Prozessdiagramms zum Drag and Drop
Elemente implementieren und integrieren
Elemente in Kategorien gruppieren
Die Größe der Elemente soll durch Mausoperationen verändert werden
In geometrische Elemente (z.B. Funktion) kann Text eingetragen werden.
Grafische Darstellung der Zeichenfläche des Prozessdiagramms
Verbindung von Elementen mit Verbindungspfeilen durch den Nutzer
Alignment der Elemente auf der Zeichenfläche durch den Nutzer
Bestechende Usability: Schlichtes und klares Layout. Klare Visualisierung der Elemente (oben, unten, rechts oder links). Maximierung des Arbeitsbereichs der Zeichenfläche.
Die Webanwendung kann direkt genutzt werden. Es ist keine Registrierung erforderlich.
Option zum Export des durch den Nutzer erstellten Prozessdiagramms als .pdf und als .png Datei
Im Textbearbeitungsmodus können Schriftart, -größe, -farbe, fett/kursiv/unterstreichen geändert/angewendet werden.
Farbe der Elemente kann geändert werden
Elemente können dupliziert werden
Elemente werden dort auf die Zeichenfläche eingefügt, wo mit dem Mauszeiger geklickt wird
Entfernen von Elementen mit einem Button bzw. durch einen Klick (anstatt die DoppelklickFunktionalität wie aktuell)
Statischer Pfeil ohne Pfeilspitze
Undo/Redo-Funktionalität
Mehrere Elemente können zusammen ausgewählt werden