Custom-View
Der Custom-View ist ein Erweiterungsfenster, das es Ihnen ermöglicht, Daten in Asprova mit Hilfe von HTML und Skriptsprachen wie Javascript usw. frei zu zeichnen. Betrachten Sie es als ein Plug-in für die Benutzeroberfläche. Bei der Installation von Asprova werden auch eine Fülle von HTML-Dateien und Javascript-Beispielen installiert, die Sie bitte nutzen sollten.
Custom-Views wurden in den Asprova-Versionen vor Ver.17 als HTML-Ansichten bezeichnet; Asprova Ver.17 hat seine eingebaute Browser-Engine aktualisiert und basiert nun auf Microsoft Edge. Auf die internen Daten von Asprova kann über die COM-Schnittstelle zugegriffen werden.
Inhaltsverzeichnis
Beispielübersicht
Die Beispieldaten werden auf der Registerkarte "Beispiele" des Begrüßungsbildschirms angezeigt, der beim Start von Asprova erscheint.
Die bereitgestellten Beispieldaten können in drei Hauptkategorien unterteilt werden. Die anderen Daten als das Geschäftsmenü befinden sich noch in der Entwicklungsphase. Wenn Sie eine Anfrage stellen, werden wir die Entwicklung priorisieren, also kontaktieren Sie uns bitte für alles, wie z.B. ein Schwarzes Brett oder einen Referenzkasten.
Praktische Beispiele
Diese Custom-View ist so konzipiert, dass sie mit den Daten des Kunden verwendet werden kann, wie sie sind.
Geschäftsmenü
Häufig verwendete Planungsparameter können in Gruppen zusammengefasst werden, um ein Ausführungsverfahren zu erstellen.
Um ein Menü zum Geschäftsmenü hinzuzufügen, fügen Sie einen Planungsparameter aus der Planungsparametertabelle als untergeordnetes Objekt des Planungsparameters "Geschäftsmenü" ein.
Die im Geschäftsmenü durchgeführten Vorgänge werden in der Vorgangs-Historie des Geschäftsmenüs protokolliert. Die Historie der Vorgänge im Geschäftsmenü kann über [Tabellenansicht] ⇒ [Historie der Vorgänge im Geschäftsmenü] eingesehen werden.
C:\ProgramData\Asprova\CustomView\jp\1 Sie können das Erscheinungsbild des Geschäftsmenüs auch anpassen, indem Sie die HTML-Datei oder die Javascript-Datei unter OperationPanel bearbeiten.
Grafische Stammdaten
Experimentelle Beispiele
Dies ist eine experimentelle Benutzeroberfläche, die von Benutzern in der Vergangenheit angefordert wurde.
Dashboard
Elemente können durch Drücken der Schaltfläche + hinzugefügt werden. Die Funktion zum Speichern von Elementen, die dem Dashboard hinzugefügt wurden, ist noch nicht implementiert. Wenn Sie wünschen, dass Elemente angezeigt werden, können Sie das Javascript selbst ändern, oder Sie können dies bei Asprova erfragen.
Ressourcen-Gantt-Diagramm
Kumulative Angebots- und Nachfragediagramm
Beispiel für ein kumulatives Angebots- und Nachfragediagramm.
Die horizontale Achse ist die Zeit und die vertikale Achse ist die kumulative Nachfrage (Eingangsanweisungen) und das Angebot (Ausgangsanweisungen).
Sie können das Timing von Produktion, Nachfrage, Engpässen und verspäteten Lieferungen überprüfen.
Der html- und javascript-Quellcode ist zu finden unter.
ProgramData\Asprova\CustomView\jp\5 CumulativeSupplyAndDemandGraph
Wohnsitzdiagramm
Dies ist ein einfaches Beispiel, das Asprova-Daten in einem Diagramm anzeigt. Die Asprova-Daten werden über eine COM-Schnittstelle eingelesen und das Diagramm wird mithilfe der svg-Bibliothek (HelperLibrary\SVG.js) angezeigt.
ER-Diagramm
Heatmap der Rüstzeiten
Dies ist ein einfaches Beispiel, das eine Heatmap von Asprova-Daten anzeigt. Dieses Beispiel zeigt die Rüstzeit durch die Kombination von vorhergehenden und nachfolgenden Elementen an, die in der Elementrüsttabelle definiert sind. Den html- und javascript-Quellcode finden Sie unter: C:\ProgramData\Asprova\CustomView\jp\jp\13 SetupTimeHeatMap
Beispiele für die Erstellung einer benutzerdefinierten Ansicht
Dies ist ein Beispiel dafür, wie Sie Ihre eigene Custom-View erstellen können.
Anweisungen
Dies ist ein Beispiel für ein einfaches Formular. Es zeigt die Arbeit nach Ressourcen in Form von Anweisungen. Der html- und javascript-Quellcode ist unten zu finden. <code>ProgramData\Asprova\CustomView\jp\6 ArbeitAnweisung
Balkendiagramm
Dieses einfache Beispiel zeigt Asprova-Daten in einem Balkendiagramm an. Der html- und javascript-Quellcode ist unten zu finden. <code>ProgramData\Asprova\CustomView\jp\3 Balkendiagramm
Liniendiagramm
Dies ist ein einfaches Beispiel, das Asprova-Daten in einem Liniendiagramm anzeigt. Die horizontale Achse ist das Lieferdatum der Bestellung und die vertikale Achse ist die Anzahl der Bestellungen, und ein Liniendiagramm wird für jedes Element angezeigt. Den html- und javascript-Quellcode finden Sie unten. <code>ProgramData\Asprova\CustomView\jp\15 Liniendiagramm
Kreisdiagramm
Ein einfaches Beispiel, das Asprova-Daten in einem halbkreisförmigen Diagramm mit einem Tortendiagramm anzeigt. Der html- und Javascript-Quellcode ist unten zu finden. <code>ProgramData\Asprova\CustomView\jp\4 Kreisdiagramm
Kreisdiagramm (Aufschlüsselung der Anzeige)
Dies ist ein einfaches Beispiel, das eine Aufschlüsselung von Asprova-Daten in einem Kreisdiagramm anzeigt. Dieses Beispiel zeigt eine Aufschlüsselung der im Auftrag registrierten Positionen an. Der html- und javascript-Quellcode ist unten zu finden. <code>ProgramData\Asprova\CustomView\jp\9 PieGraph
Punktwolke
Dies ist ein einfaches Beispiel, das Asprova-Daten in einem Scatterplot anzeigt. Diese Probe zeigt die Verteilung der Bestellung Lieferung und Verzögerung Zeiten für jede Bestellung. Der html- und javascript-Quellcode ist unten zu finden. <code>ProgramData\Asprova\CustomView\jp\10 DotGraph
Einfache Auftragstabelle
Dies ist ein einfaches Beispiel für eine Custom-View, die Asprova-Daten in einem tabellarischen Format anzeigt. Der html- und javascript-Quellcode ist unten zu finden. <code>ProgramData\Asprova\CustomView\jp\2 SimpleTable
Wie man eine Custom-View erstellt
Der Quellcode für die HTML- und Javascript-Dateien der Beispieldaten wird je nach Sprache in folgendem Ordner installiert: Der Ordner C:\ProgramData ist normalerweise ein versteckter Ordner in den Betriebssystemeinstellungen und muss in eine Einstellung geändert werden, die im Explorer sichtbar ist. C:\ProgramData\Asprova\CustomView
Wenn Sie diesen Quellcode ändern, können Sie den Anzeigeinhalt und die Funktionen der benutzerdefinierten Ansicht ändern, aber bei der nächsten Neuinstallation von Asprova wird er überschrieben.
Wenn Sie eine Custom-View auf der Grundlage eines bestehenden Beispiels für eine Custom-View erstellen, kopieren Sie sie nach Wenn Sie Ihre Custom-View im Ordner C:\ProgramData\Asprova\CustomView\jp entwickeln, können Sie die Javascript-Bibliothek, auf die der Beispielcode verweist, unverändert verwenden. Wenn Sie in einem anderen Ordner als dem oben genannten entwickeln, kopieren Sie den Ordner "HelperLibrary" zusammen mit dem Beispiel für die Custom-View. Geben Sie in Erstellungsschritt 3. unten den Pfad zu der hier erstellten html-Datei an.
Vorgehensweise bei der Erstellung
- Kopieren Sie den Beispieldaten-Ordner in einen beliebigen Ordner (es ist natürlich auch möglich, html- und javascript-Dateien von Grund auf neu zu erstellen)
- Laden Sie die Projektdatei (.aru), die Sie in Asprova verwenden möchten, und klicken Sie im Menü auf [Tools] - [Custom View Settings] - [New Registration].
- Geben Sie den Pfad und den Namen der HTML-Datei ein und drücken Sie auf die Schaltfläche OK.
Menü [Extras] - [Benutzerdefinierte Ansichtseinstellungen] - [Neue Registrierung] - [Neue Registrierung].
- Neue Registrierung
- Registrieren Sie eine neue Custom-View.
- Bearbeiten
- Bearbeiten Sie eine Custom-View eines bereits registrierten Benutzers.
- Anzeigen / Ausblenden
- Benutzer- und standardmäßige Custom-Viewen im Menü anzeigen/ausblenden.
- Löschen
- Löschen der benutzerdefinierten Ansichten eines Benutzers