Schnelle Entwicklung einer interaktiven Plantafel in JavaScript/HTML5 

Gantt Widget mit maximaler Flexibilität

Viele Softwarehäuser und auch Endanwender setzen unsere Gantt Controls in ihren Lösungen ein, um Daten in Form von interaktiven, grafischen Plantafeln zu visualisieren. Keine Plantafel ist dabei gleich. Wir haben unser Wissen um bedienerfreundliche, intelligente Gantt Diagramme bzw. Plantafeln in die neue Web-Technologie transferiert. Unser Entwicklerteam baut heute mit wenig Entwicklungsaufwand ein JavaScript Gantt Widget für Sie, das die individuellen Anforderungen an Ihre Plantafel widerspiegelt. Über die API steuern Sie das Widget an und kontrollieren dadurch das Aussehen und Funktionalität der Plantafel.

 

Kein Developer Control, aber auch keine abgeschlossene Gantt Anwendung

Sie erhalten von uns also keine "starre" Gantt Anwendung, bei der Sie für jede Änderung uns wieder beauftragen müssen, sondern ein für Sie zugeschnittenes Gantt "Gerüst", das Sie, ähnlich wie bei einem Control, durch verschiedene Properties ansteuern und mit Daten, Verlinkungen, Beschriftungen, Farben etc selber ausstatten. Beispielsweise können Sie Ihr Gantt Widget so definieren, dass Sie Beschriftungen inner-, unter- und oberhalb des Balkens ermöglichen möchten, tatsächlich aber zunächst in Ihrer Anwendung einen Text nur innerhalb der Balken darstellen. D.h wir sind darauf bedacht, Ihnen eine praxisnahe und schnell einzubindende Plantafel zu bieten, die Ihnen aber trotzdem den nötigen Gestaltungsspielraum für Ihre eigene, mit uns abgestimmte individuelle Ansteuerungen bietet.

 

Demo JavaScript Plantafel zum Ausprobieren

Hier ein Beispiel, wie eine Webanwendung mit einem individuellen JavaScript Widget für die Produktion aussehen könnte.

Verschiedene Ansichten (über Aufträge, Ressourcenzuweisung, Kapazitätsauslastung), Verlinkungen der Aufträge, Verschiebehilfen, flexible Zeitskala u.v.m. helfen dem Anwender bei der Planung, Kontrolle und Steuerung der Aufträge und Ressourcen. Sie können sich die Demoanwendung live ansehen und testen.

HTML5 Gantt Charts Animated - Mission Statement.gif

JETZT LIVE DEMO STARTEN

Verbindung zwischen Gantt Widget und Ihrer Lösung

Steuerung über API ermöglicht großen Gestaltungsspielraum für Sie

NETRONIC Gantt Widget für flexible JavaScript Gantt charts

 

Das Gantt Widget, das wir für Sie entwickeln, ist auf die speziellen Visualisierungsanforderungen Ihrer Businesslogik zugeschnitten. Über die API steuern Sie die Objekte selber an und können so die Einstellungen nach Ihrer Vorstellung ändern. Damit erhalten Sie eine integrierte Plantafel und gleichzeitig Gestaltungsraum für eine eigene Visualisierung.

 

Ihre Vorteile

- Die Plantafel kann über eine API einfach angesteuert werden.

- Sie bleiben flexibel und können Änderungen vornehmen.

- Sie gewinnen "time-to market" bzw. "time-to-value".

- Sie profitieren von unserer jahrzehntelangen Erfahrung in der Gestaltung von benutzerfreundlichen grafischen Plantafeln.

 

Besprechen Sie mit uns, wie eine JavaScript Plantafel  für Ihre Planungssoftware aussehen muss.

Beliebte Funktionen bei einer JavaScript Plantafel

5 Features, die unsere Kunden schätzen

Dynamische Zeitskala

Unsere Kunden nutzen in der Regel eine dynamische Zeitskala, die sich automatisch (durch Mausradinteraktion) an die ausgewählte Auflösung anpasst, sodass Planer nahtlos hinein- und hinauszoomen können. Die Zeitskala ändert sich in beide Richtungen: von Jahren zu Monaten, zu Wochen, zu Tagen, zu Stunden, zu Minuten und zu Sekunden. Mit der Zeitskala kann man sogar nach links und rechts scrollen.

For Developers - HTML5 Gantt Chart - Feature 1.gif
For Developers - HTML5 Gantt Chart - Feature 2.png

Histogramm innerhalb einer Diagrammzeile

Der Nutzen von Histogrammen (Auslastungskurven) liegt auf der Hand: Kapazitätskonflikte auf einer Ressource oder Ressourcengruppe werden sofort deutlich. Bisher war es üblich, Histogramme unterhalb des Diagramms anzuzeigen. Kunden von uns möchten Histogramme aber auch innerhalb einer Diagrammzeile anzeigen und so die Verbindung von Belegung und Verfügbarkeit unmittelbarer gestalten. Ideen zur Visualisierung von Auslastungen finden Sie in diesem Blogbeitrag.

Projekte zu Kampagnen zusammenfassen

Verlinkungen zwischen Aufgaben in einem Projekt sind Standardvisualisierungen in einem Gantt Diagramm. Unsere Kunden müssen teilweise aber auch Projekte untereinander verlinken oder als Kampagnen zusammenfassen. 

For Developers - HTML5 Gantt Chart - Feature 3.png
For Developers - HTML5 Gantt Chart - Feature 4.gif

Integrierte Animationen

Kleine Funktionen können manchmal viel bewirken. Besonders beim Expandieren und Kollabieren von größeren Gruppen verlieren Anwender oft schnell die "visuelle Orientierung" . Durch integrierte Animationen, vor allem beim Umschalten zwischen der Darstellung "alle Knoten in einer Zeile" zu einer expandierten Darstellung, wird gewährleistet, dass die Anwender das Geschehen auf dem Bildschirm stets nachvollziehen können.

Mehrere, gestapelte Gantt-Diagramme

In manchen Anwendungen muss mehr als nur ein Gantt-Diagramm dargestellt werden. Viele Kunden möchten Gantt-Diagramme stapeln und z.B. nicht zugewiesene Aufträge im oberen Gantt darstellen und den eigentlichen Plan im unteren Chart. Oder sie wählen andere Formen der Backlog-Visualisierung, wie in diesem Blogbeitrag beschrieben.

For Developers - HTML5 Gantt Chart - Feature 5.png

Wir entwickeln ZUSAMMEN Ihre JavaScript Plantafel 

In drei Schritten kommen Sie zu einer schnelleren Marktreife Ihres Produktes mit einem besseren Planungs-Erlebnis für Ihre Kunden

Die Zusammenarbeit wird nach einem von uns entwickelten Ablauf gestaltet, der auf den von uns gesammelten Erfahrungen beruht und mit dem schnell überzeugende Ergebnisse erzielt werden.

Schritt 1: Ihre Planungsabläufe verstehen

Dieser wichtigste Schritt steht am Beginn unserer Zusammenarbeit. Wir lernen den Einsatzbereich Ihrer Applikation kennen und erfahren, welche Daten planungsrelevant sind im Sinne von "für Interaktionen nötig" und welche nur Informationszwecken dienen. 

Schritt 2: Definition der HTML5/ JavaScript Gantt-Chart-Anwendung

Es gibt für gewöhnlich keine einheitliche Lösung. Wir empfehlen, verschiedene Ansichten auf dieselben Daten in Erwägung zu ziehen, z.B. eine Ansicht nach Jobs oder Aufträgen, eine nach Ressourcen, eine nach Auslastungen. Sämtliche Ansichten unterstützen natürlich alle individuellen Planungsaspekte und -aufgaben Ihrer Applikation. 

Auf dieser Grundlage definieren wir gemeinsam "Ihre" API Ihres individuellen Widgets für Ihre spezifische Planungsaufgabe. In der Regel bildet die von uns vorgeschlagene API die Struktur aller benötigten Daten, Methoden und Ereignisse ab.

Schritt 3: Gemeinschaftliches Entwickeln

Nachdem die Vorarbeiten abgeschlossen sind, erstellen wir zeitnah einen ersten Prototyp für Ihr individuelles HTML5/ JavaScript Gantt-Diagramm. Rasche Ergebnisse sowie die agil und transparent gestaltete Zusammenarbeit mit ausreichend Feedbackschleifen gewährleisten, dass Sie während aller Phasen maßgeblich am Entstehungsprozesses Ihres UI Widgets beteiligt sind.

Zufriedene Kunden :-)

Sie werden sehen: Ihre Kunden werden von der HTML5 Plantafel begeistert sein.

Besprechen Sie mit uns, wie eine JavaScript Plantafel  für Ihre Planungssoftware aussehen muss.