Beschleunigte Entwicklung von interaktiven HTML5 Gantt Charts 

Bereichern Sie Ihre Online-Anwendung mit einer zeitgemäßen grafischen Plantafel

Was. Das NETRONIC Web Application Framework (NWAF) ist ein neuer Weg zur Entwicklung von interaktiven HTML5 Gantt-Diagrammen und JavaScript Schedulern. MIt diesem Framework entwickeln wir effizient und in enger Zusammenarbeit mit Ihnen plattformunabhängige grafische Plantafeln und JavaScript UI Widgets für Ihre Anwendungen. 

Warum. Seit beinahe 30 Jahren entwickeln wir Gantt Chart Controls. Unsere Erfahrung zeigt uns:

  1. Moderne Anwendungen sind plattformunabhängig sowie jederzeit und überall verfügbar.
  2. Viele Kunden haben nicht mehr genügend Zeit, um sich in spezialisierte Controls einzuarbeiten.
  3. Dennoch benötigen Sie zur grafischen Planung leistungsstarke Gantt Charts, die Standard-Bibliotheken nicht bieten.

Was sonst noch. NWAF beschleunigt die Gantt-Entwicklung bietet Ihren Anwendern ein einzigartiges grafisches Planungs-Erlebnis.

HTML5 Gantt Charts Animated - Mission Statement.gif

JETZT LIVE DEMO STARTEN

Demo HTML5 Gantt Chart 

Sehen und testen Sie unsere Beispielanwendung zur Produktionsplanung

 

For Developers - HTML5 Gantt Chart - Banner.pngDie Beispielanwendung aus dem Bereich der Produktions-planung beinhaltet 4 verschiedene Ansichten, in denen Sie Ihre Daten komfortabel betrachten und editieren können:

  • Produktionsaufträge (Production Order View)
  • Kapazitäten (Capacity View)
  • Auslastung (Load View)
  • Kombination aus allen 3 Ansichten (Split View)

Darüber hinaus: Machen Sie von der Möglichkeit Gebrauch, diese Demo-Anwendung mit Ihren eigenen Daten zu testen.

JETZT LIVE DEMO STARTEN

Weiterführende Features des HTML5/ JavaScript Gantt-Chart 

5 Features, die Ihre visuelle Planungsanwendung abrunden

Dynamische Zeitskala

Jedes Gantt-Diagramm besteht aus (mindestens) einem Tabellenteil, dem Diagrammteil und der Zeitskala. Das NETRONIC Web Application Framework ermöglicht eine dynamische Zeitskala, die sich automatisch (durch Mausradinteraktion) an die von Ihnen ausgewählte Auflösung anpasst, sodass sie 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.  

TESTEN SIE MIT EIGENEN DATEN

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

Histogramm innnerhalb einer Diagrammzeile

Mit zeitgemäßen Gantt-Diagrammen können Histgramme, d.h. Auslastungskurven, dargestellt werden. Der Nutzen eines Histogramms liegt auf der Hand: Kapazitätskonflikte auf einer Ressource oder Ressourcengruppe werden sofort deutlich. Bisher war es üblich, Histogramme unterhalb des Diagramms anzuzeigen. Mit unserem neuartigen Ansatz können nun auch Histogramme innerhalb einer Diagrammzeile angezeigt und damit die Verfügbarkeit der Ressource direkt an der Stelle beurteilt werden, zu der der jeweilige Balken verschoben wurde. 

TESTEN SIE MIT EIGENEN DATEN

Jobs zu Kampagnen zusammenfassen

Normalerweise sind die Jobs in einem Gantt-Diagramm in Tasks aufgeteilt, die meistens miteinander verbunden sind. In einigen Fällen gibt es auch Links zwischen Aufträgen. Mithilfe von NWAF können nicht nur mehrere  Jobs verlinkt oder gruppiert werden (z.B. freigegeben, ausstehendes Material, geplant), sondern können auch zu einer Kampagne oder zu einem Projekt zusammengefasst werden.

TESTEN SIE MIT EIGENEN DATEN

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, gewährleistet das NWAF , dass die Anwender das Geschehen auf dem Bildschirm stets nachvollziehen können.

TESTEN SIE MIT EIGENEN DATEN

Mehrere, gestapelte Gantt-Diagramme

In manchen Anwendungen muss mehr als nur ein Gantt-Diagramm dargestellt werden. Viele Anwender 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 möchten ein Gantt-Diagramm für Projekte mit einem Gantt-Diagramm für Ressourcen kombinieren. Mit NWAF können Sie multiple Gantt-Diagramme aufeinander stapeln und alle synchron horizontal scrollen.

TESTEN SIE MIT EIGENEN DATEN

For Developers - HTML5 Gantt Chart - Feature 5.png

Wir entwickeln ZUSAMMEN Ihr HTML5 Gantt-Diagramm 

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

Aufgrund unserer beinahe 30-jährigen Erfahrung in der Entwicklung von Gantt-Diagrammen ist uns natürlich klar, dass der Ansatz, ein Framework zu nutzen, um zusammen mit dem Kunden ein Control zu entwickeln, sich grundlegend davon unterscheidet, lediglich ein Control zu kaufen und einzusetzen. Wir haben jedoch zusammen mit unseren Kunden einen neuen (und besseren!) Weg gefunden, interaktive Gantt-Diagramme mit dem NWAF zu erstellen. 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, eine nach Ressourcen, eine nach Kapazitäten etc. 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.

TESTEN SIE MIT EIGENEN DATEN