IQProcess
Flussdiagramme online erstellen
Webanwendung Kundenspezifische Software
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.
Eingesetzte Technologien




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