Verwendung der Arbeitsanweisung "UI Template"

Verwendung der "UI-Vorlage" für Arbeitsanweisungen

Hier erfahren Sie, wie Sie mit einer UI-Vorlage schnell Arbeitsanweisungen erstellen können.

In diesem Artikel erfahren Sie...

• Wie Sie mit einer UI-Vorlage schnell Arbeitsanweisungen erstellen können
• Wie Sie ein vorgefertigtes Design verwenden, um eine schöne App zu erstellen

Hinweis: Dieses Thema wird im Kurs "Erstellen einer einfachen Arbeitsanleitungs-App" in der Tulip University behandelt.

Jedes neue Tulip-Konto enthält einen Ordner mit dem Namen "UI Templates", der eine App namens "Work Instructions UI Template" enthält.

Es handelt sich dabei nicht um ein Beispiel für eine echte Arbeitsanweisung. Stattdessen bietet sie dreistufige Vorlagen, die Sie schnell duplizieren und mit Ihrem eigenen Inhalt versehen können.

So können Sie Ihre ganze Energie darauf verwenden, Inhalte nach Tulip zu migrieren, anstatt eine Arbeitsanweisungs-App von Grund auf zu entwerfen.

Im Folgenden wird beschrieben, wie Sie diese Vorlage verwenden, um Ihre erste Arbeitsanleitungs-App zu erstellen.

Bevor Sie eine App erstellen, können Sie diesen Leitfaden für die Planung Ihrer ersten Frontline Operations App verwenden

Ein Überblick über die UI-Vorlage für Arbeitsanweisungen

Die Vorlage umfasst drei Schritte:

1. Einen normalen Schritt, der einem Schritt in Ihren Arbeitsanweisungen entspricht
2. Einen "Complete"-Schritt, der es dem Bediener ermöglicht, die App abzuschließen und Daten zu speichern
3. Ein Formularschritt, mit dem der Bediener Mängel melden kann.

So sieht der erste Schritt aus:

Mit diesen drei Schritten können Sie eine einfache Version Ihrer Arbeitsanweisungen erstellen und dann Ihre Anwendung verbessern, während Sie mehr über Tulip lernen.

Schrittvorlagen duplizieren

Um die Vorlage zu verwenden, sollten Sie den ersten Schritt duplizieren, indem Sie das Symbol "Schritt duplizieren" im Kontextfenster auf der rechten Seite des Bildschirms verwenden.

Duplizieren Sie diesen Schritt für jeden Schritt in Ihrer Arbeitsanweisung.

Hinzufügen von Inhalten

Um Bilder und Text zu den einzelnen Schritten hinzuzufügen, können Sie die Tastenkombination STRG + V oder CMD + V auf einem Mac verwenden, um Bilder und Text aus der Zwischenablage einzufügen.

Die App abschließen

Der letzte Schritt in der Arbeitsanweisung sollte der "Fertigstellungsschritt" sein. Dieser enthält eine Schaltfläche "Abschließen", die Daten über die Zykluszeiten sowie die für jeden einzelnen Schritt aufgewendete Zeit speichert.

Einen Defekt melden

Der "Defect Report" ist ein Formularschritt mit 4 Standard-Widgets:

• Defektbeschreibung (Text)
• Defekttyp (Dropdown)
• Ist der Defekt reparabel? (boolescher Wert)
• Defektfoto (Bild von der Webcam)

Ein Bediener wird immer dann zu diesem Formular weitergeleitet, wenn er die Schaltfläche "Defekt melden" in einem Formular drückt.

Nach dem Ausfüllen des Formulars und dem Drücken von "Absenden" wird er zum vorherigen Schritt zurückgeleitet.

Wenn Sie stattdessen die Daten speichern und den Bediener zum ersten Schritt der Anleitung zurückschicken möchten, sollten Sie die Schaltfläche "Abschicken" im Kontextfenster auf der rechten Seite des Bildschirms in "App abschließen" ändern.

Wenn Sie eines der Formular-Widgets löschen möchten, wählen Sie das Widget aus und wählen Sie dann das Mülleimer-Symbol im Kontextfenster auf der rechten Seite.

Verwenden der Vorlage zum Erstellen Ihrer ersten App

Mit dieser Vorlage können Sie eine einfache App für Arbeitsanweisungen erstellen. Vielleicht möchten Sie aber auch andere Konzepte hinzufügen, wie z. B.:

1. Einem Bediener das Scannen oder Eingeben einer Barcode-Nummer ermöglichen
2. Hinzufügen von Schritten mit verschiedenen Designs
3. Speichern von Arbeitsauftragsdaten in einer Tabelle

Um dies zu erreichen, sollten Sie einen der im nächsten Abschnitt empfohlenen Leitfäden lesen. Sie werden Ihnen helfen, die Komplexität der Anwendung zu erhöhen.

Weitere Lektüre

• Eine vollständige Anleitung zum Erstellen einer App für Arbeitsanweisungen
• Ein Überblick über Tabellen, die no-code Datenbank in Tulip
• Ein Leitfaden zu Formularschritten

Haben Sie gefunden, wonach Sie gesucht haben?

Sie können auch auf community.tulip.co Ihre Frage stellen oder sehen, ob andere mit einer ähnlichen Frage konfrontiert wurden!