Das Erstellen einer App in Tulip mag zunächst einschüchternd wirken, aber sobald man die Kernelemente aufschlüsselt und versteht, ist es gar nicht so kompliziert. Anwendungen kombinieren die folgenden Prinzipien: * Design – Das Layout, die Organisation, das Erscheinungsbild und das Farbschema der Schritte sowie der Komponenten innerhalb eines Schritts.* Funktionalität – Wie die App-Logik funktioniert, z. B.: Auslöseverhalten, Schrittnavigation oder Widget-Konfiguration* Architektur – Der definierte Umfang der App, das Datenmodell (die Daten, die gelesen oder geschrieben werden) sowie die Integrationen und/oder angeschlossenen Geräte.
Denken Sie daran: Tulip ist eine No-Code-Plattform, daher konzentrieren wir uns auf die Funktionen, die Sie benötigen, um produktionsreife Apps zu entwerfen – unabhängig von Ihrer Programmiererfahrung.
Bevor Sie eine App erstellen, müssen Sie verstehen, was Sie entwickeln und warum.
App-Entwicklungsprozess
Das Befolgen eines Entwicklungsprozesses für Apps stellt sicher, dass Sie Apps erstellen, die geschäftlichen und betrieblichen Anforderungen gerecht werden. Wenn Sie mehrere Apps erstellen, stellen Sie sicher, dass diese als Lösung zusammenarbeiten, indem sie Daten austauschen und zwischen Prozessen weiterleiten.
Der App-Entwicklungsprozess umfasst die folgenden Schritte:
Geschäftsziele festlegen
- Wählen Sie 1–3 Ziele aus, auf die Sie sich konzentrieren möchten
- Seien Sie bei der Festlegung der Ziele realistisch. Ihre Ziele müssen konkret und messbar sein.
- Identifizieren Sie Verbesserungsbereiche, die den größten Einfluss auf Ihr Unternehmen haben werden.
- Stimmen Sie die Ziele auf die allgemeine Geschäftsstrategie ab.
- Stellen Sie sicher, dass die Ziele zum Reifegrad Ihres Unternehmens und zu Ihren Wachstumsschwerpunkten passen
- Bewerten Sie Ihre aktuelle Entwicklungsphase und Ihren Wachstumsschwerpunkt.
- Stimmen Sie die Ziele auf die verfügbaren Ressourcen ab.
- Antizipieren Sie zukünftige Anforderungen und Herausforderungen.
- Nutzen Sie diese Ziele, um die Entwicklung von Anwendungsfällen mit Tulip zu priorisieren. Identifizieren und priorisieren Sie Anwendungsfälle, die Ihre Ziele unterstützen, basierend auf ihrer potenziellen Wirkung.
- Entwickeln Sie einen Fahrplan für die Umsetzung.
- Nutzen Sie die unten stehende Vorlage für Geschäftsziele, um operative Schwachstellen zu identifizieren, Ziele zu priorisieren und messbare KPIs festzulegen.
Wählen Sie einen ersten Anwendungsfall aus
Ein Anwendungsfall ist ein weit gefasster Verbesserungsbereich oder Prozess, um den herum Sie Anwendungen entwickeln, wie beispielsweise digitale Arbeitsanweisungen oder Bestandsverwaltung.
Gehen Sie von Ihren Geschäftszielen ausgehend rückwärts zum App-Design vor.
Beispiel
Ihre Geschäftsziele sind: – Höhere Erstausbeute – Weniger Nacharbeitszyklen – Weniger Ausschuss nach Volumen
Die Daten, die Sie zur Bewertung dieser Ziele benötigen, sind:- Ausschuss pro Arbeitsstation (nach Gewicht)- Durchsatz pro Linie- Anzahl der Fehler nach Art
Anwendungsfälle zur Entwicklung von Apps:- Wiegen und Kategorisieren von Ausschuss über eine Waagenanbindung- Verfolgen des Durchsatzes anhand von Produktionsdaten- Detaillierte Fehler- und Mängelberichte
Nehmen Sie am Kurs der Tulip University teil, um mehr zu erfahren: So wählen Sie Ihren ersten Anwendungsfall aus.
Erfassen Sie die Fertigungsumgebung
Bei der Konzeption einer Lösung in Tulip ist es entscheidend, zu berücksichtigen, wo die Lösung physisch zum Einsatz kommt (Anlagen, Werkzeuge, Einschränkungen) und welche Tätigkeiten (Prozessablauf, Tageszeit) die Bediener an diesem Standort ausführen.
Ein Betriebsablaufdiagramm (OFD) hilft Ihnen dabei, Apps auf Ihre Fertigungsfläche abzubilden und die Prozesse aufzuschlüsseln, die als Vorlagen für diese Apps dienen.
Beispiel für ein Aktivitäts-OFD@(Embed)(https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Activities%20OFD.svg)
Erfahren Sie mehr über die Erstellung eines OFD im Kurs der Tulip University: Tulip Solution Design
Dokumentieren Sie die Aktivitäten der Bediener in Bezug auf die App-Funktionen und -Funktionalitäten
Bevor Sie mit der Entwicklung einer App in Tulip beginnen, ist es hilfreich, ein Wireframe zu erstellen. Dabei handelt es sich um eine grobe Übersicht oder Skizze des Layouts und des Arbeitsablaufs Ihrer Anwendung, ohne detaillierte Elemente und Design. Sie können diese Wireframes auf der Grundlage des OFD erstellen.
- Hauptfunktionalität identifizieren
Der erste Schritt besteht darin, die Hauptfunktion Ihrer Anwendung zu bestimmen. Welche zentrale Aufgabe soll sie erfüllen? Wer wird sie nutzen?
- Skizzieren Sie die App-Schritte
Skizzieren Sie die Schritte der App, bei denen es sich im Wesentlichen um die verschiedenen Bildschirme handelt, mit denen der Bediener interagieren wird. Welche Aktionen werden die Bediener ausführen und in welcher Reihenfolge? Ihre Apps sollten jeden Schritt eines Prozesses in der Produktion abbilden.
- Legen Sie den Benutzerablauf fest
Veranschaulichen Sie die möglichen Wege, die ein Benutzer durch die App nehmen kann, indem Sie Pfeile zwischen den Schritten zeichnen, um den Benutzerablauf darzustellen.
- Interaktive Elemente kennzeichnen
Fügen Sie für jeden Schritt interaktive Elemente hinzu, um alles zu kennzeichnen, mit dem die Bediener physisch interagieren werden. Zu diesen Elementen können Schaltflächen, Formulare, Tabellen und Geräte gehören.
- Funktionen außerhalb der Arbeitsabläufe
Fügen Sie zusätzliche Funktionen hinzu, auf die Bediener außerhalb ihres Ablaufs möglicherweise zugreifen müssen, wie z. B. Formulare zur Fehlermeldung, Bildschirme zum Anfordern von Hilfe, Analysebildschirme usw.
Beispiel-Wireframes
Sobald Sie ein grundlegendes Wireframe skizziert haben, können App-Entwickler im App-Editor problemlos mit der Ausarbeitung der einzelnen Schritte beginnen.
App-Editor
Im App-Editor erstellen und bearbeiten Sie Ihre Apps, ohne Programmierkenntnisse zu benötigen.
Einen ausführlichen Überblick über den App-Editor finden Sie unter „Einführung in den Tulip App-Editor“.
Schritte
Schritte sind die „Seiten“ Ihrer App, also die verschiedenen Bildschirme, auf denen Inhalte angezeigt werden
Schritte können linear oder nichtlinear sein, d. h., sie müssen nicht unbedingt in der von Ihnen festgelegten Reihenfolge aufeinanderfolgen. Die Logik, die Sie Ihrer App hinzufügen, bestimmt den Übergang zwischen den Schritten.
Erfahren Sie hier mehr über Schritte.
Basislayout
Das Basis-Layout ist die Vorlage, die auf jeden von Ihnen erstellten Schritt angewendet wird. Das Erstellen eines Basis-Layouts erleichtert die Entwicklung Ihrer App, da die grundlegenden Elemente automatisch zu jedem Schritt hinzugefügt werden und ein einheitlicher Stil in Ihrer gesamten App gewährleistet ist.
Erfahren Sie hier mehr über das Basis-Layout.
Widgets
Widgets sind die Bausteine von Apps. Sie können Informationen anzeigen, Daten erfassen, Trigger-Logik ausführen und vieles mehr.
Hier sind die verschiedenen Arten von Widgets:
- Symbol-Widgets – Platzieren Sie Formen, Symbole oder Logos im Arbeitsbereich und konfigurieren Sie die Logik, um das Erscheinungsbild und das Branding Ihrer App zu gestalten.
- Schaltflächen-Widgets – Wählen Sie aus einer Vielzahl von Schaltflächen – entweder mit vorprogrammierter Logik oder als leere, individuell anpassbare Schaltflächen –, die Sie in Ihrer App verwenden können.
- Eingabe-Widgets – Sammeln Sie mit Eingabe-Widgets Daten von App-Nutzern, wobei jede Eingabeart eine andere Datenvariable darstellt.
- Text-Widgets – Zeigen Sie statischen oder dynamischen Text an, einschließlich der Werte von Variablen, einfachen statischen Texten und ganzen Datensatz-Platzhaltern.
- Eingebettete Widgets – Betten Sie Videos, Bilder, CAD-Dateien, Dokumente, Barcode-Scanner und mehr in Ihre App ein.
- Kamera-Widgets – Zeigen Sie das Bild Ihrer Tulip Vision-Kamera an oder scannen Sie einen Barcode – alles mit der Kamera Ihres Geräts.
- Widgets für elektronische Signaturen – Signieren Sie Daten innerhalb von Tulip gemäß 21 CFR Part 11
- Benutzerdefinierte Widgets – Wenn keines der oben genannten Widgets Ihren Anforderungen entspricht, können Sie mit HTML, CSS und JavaScript ein eigenes Widget erstellen, um die Funktionen der Plattform zu erweitern.
Erfahren Sie hier mehr über Widgets.
Trigger
Mit Triggern können Sie Ihrer App Logik hinzufügen.
Trigger sorgen dafür, dass Ihre App etwas ausführt. Ohne sie ist eine App nur ein leerer Bildschirm. Trigger können sowohl zu Widgets als auch zu Schritten (Trigger auf Schritt-Ebene) und Apps (Trigger auf App-Ebene) hinzugefügt werden sowie bei bestimmten Ereignissen, wie z. B. der Auslösung durch ein Gerät.
Alle Trigger folgen demselben Grundformat: Wenn eine Aktion eintritt, dann führe die folgende Aktion und/oder den folgenden Übergang aus.
Trigger können so einfach oder komplex sein, wie Sie es benötigen, und bieten die Möglichkeit, mehrere Aktionen hinzuzufügen. Sie können auch „if“-Anweisungen einfügen, die der auszuführenden Aktion eine Bedingung hinzufügen, sofern die Kriterien erfüllt sind.
Mit einer „if“-Anweisung legen Sie die Bedingungen fest, unter denen Aktionen folgen sollen.
„Dann“-Anweisungen sind entweder eine Aktion oder ein Übergang. Eine Aktion ist eine Änderung in der App, die nicht mit einer Änderung der Schritte zusammenhängt. Ein Übergang ist entweder eine Änderung der Schritte oder der Abschluss der App.
Schließlich gibt es, passend zu den „if“-Anweisungen, „else if“-Anweisungen, die die alternative Aktion festlegen, die ausgeführt werden soll, wenn sich die „if“-Anweisung als falsch erweist.
Erfahren Sie hier mehr über Trigger.
Variablen
Variablen sind das wichtigste Mittel zum Speichern und Abrufen von Daten in Tulip-Apps. Sie erfassen Daten aus verschiedenen Quellen, darunter Benutzereingaben und Geräteausgaben, und ermöglichen Berechnungen auf der Grundlage der App-Aktivität. Sie können Variablen verwenden, um das App-Verhalten über Trigger zu steuern, dynamische Inhalte anzuzeigen und detaillierte Berichte in Analytics zu erstellen.
Variablen können die folgenden Datentypen haben:
- Boolescher Wert – Ja/Nein
- Farbe – Dynamische Farbe zur Festlegung des Widget-Status
- Datum/Uhrzeit – Datums- und Zeitstempel
- Datei – Link zu einer in Tulip gespeicherten Datei
- Bild – Link zu einem in Tulip gespeicherten Bild
- Ganzzahl – Eine ganze Zahl
- Intervall – Zeitdauer, angegeben in Sekunden
- Maschine – Maschinenobjekt in Tulip
- Zahl – Eine reelle Zahl
- Objekt – Konfigurierbare Objektstruktur mit untergeordneten Attributen, die jeweils einen eigenen Datentyp haben
- Station – Stationsobjekt in Tulip aus dem Fertigungsbereich
- Text – Zeichenfolge
- Benutzer – Benutzerobjekt in Tulip aus den Konto-/Arbeitsbereichseinstellungen
Erfahren Sie hier mehr über Variablen.
Bewährte Verfahren zur App-Erstellung
Die folgenden Vorgehensweisen gelten für jedes Element von Apps:
Design
Das Layout, die Organisation, das Erscheinungsbild und das Farbschema der Schritte sowie der Komponenten innerhalb eines Schritts.
- Eine Rolle, ein Prozess: Jede App sollte so zugeschnitten sein, dass sie eine bestimmte Benutzerrolle und die mit dieser Rolle verbundenen Aufgaben unterstützt. Dadurch wird sichergestellt, dass die App zielgerichtet und benutzerfreundlich ist.
- Basislayout: Ein Basislayout wendet ein Schrittdesign auf jeden Schritt in einer App an. Dies standardisiert die Benutzeroberfläche und gewährleistet eine intuitive Benutzererfahrung für die Bediener. Erfahren Sie hier, wie Sie ein effektives Basislayout entwerfen.
- Eindeutige Komponentennamen: App-Komponenten wie Schritte, Auslöser und Variablen sollten alle eindeutige und aussagekräftige Namen haben. So können App-Entwickler intuitiv nachvollziehen, was die jeweilige Komponente ist oder bewirkt. Erfahren Sie hier mehr über Best Practices für die Benennung von Komponenten.
- **Standardisierte Status:**Ein vordefinierter Satz von (Auftrags-, Stations-)Status, den Sie in weiteren Apps wiederverwenden können, um Konsistenz zu gewährleisten und eine nahtlose Integration zu ermöglichen.
Funktionalität
Wie sich die App-Logik verhält, z. B.: Trigger-Verhalten, Schrittnavigation oder Widget-Konfiguration.
- Einheitliche Datensatz-Platzhalter: Die konsistente Verwendung von Datensatz-Platzhaltern in verschiedenen Apps gewährleistet die Datenintegrität und vereinfacht die Datenverwaltung.
- Schrittbenennung: Verwenden Sie eine aussagekräftige Benennung von Schritten und Schrittgruppen, um die jeweilige Aufgabe oder Aktivität zu kennzeichnen.
- Variablenverwaltung: Verwenden Sie nach Möglichkeit generische Variablen und löschen Sie Variablen, bevor Sie sie wiederverwenden.
Architektur
Der definierte Umfang der App, die Daten, die gelesen oder geschrieben werden, sowie die Integrationen und/oder angeschlossenen Geräte.
- Eigenständige Funktion: Apps sollten so konzipiert sein, dass sie unabhängig funktionieren, ohne auf andere Apps angewiesen zu sein. Dies fördert Modularität und Wartbarkeit.
- Integration nach Bedarf: Externe Daten sollten in Tulip nur insoweit verwendet werden, wie dies zur Bereitstellung von Kontext in einer App erforderlich ist. Dadurch wird sichergestellt, dass eine „Source of Truth“ gewahrt bleibt. Erfahren Sie hier mehr über Systemintegrationen.
Best Practices für das App-Design
Bei der Gestaltung Ihrer App sind Benutzerfreundlichkeit und Barrierefreiheit zwei wichtige Aspekte, die Sie im Auge behalten sollten. Nutzer müssen sich in der App zurechtfinden können, ohne sich zu verirren oder im Ablauf stecken zu bleiben.
Erfahren Sie hier mehr über das Entwerfen von Apps.
Nächste Schritte
Beginnen Sie unter Anleitung der Tulip-Experten mit der Entwicklung von Apps:* Schritt-für-Schritt-Anleitung: Erstellen Sie Ihre erste App* Universitätskurs „Grundlagen des App-Designs und der App-Logik“
Werden Sie zertifizierter App-Entwickler bei Tulip:Zertifizierung zum App-Entwickler für Einsteiger
Haben Sie gefunden, wonach Sie gesucht haben?
Sie können auch auf community.tulip.co vorbeischauen, um Ihre Frage zu stellen oder nachzuschauen, ob andere bereits ein ähnliches Problem hatten!