Jak korzystać z "szablonu interfejsu użytkownika" instrukcji roboczych?
  • 04 Nov 2023
  • 2 Minuty do przeczytania
  • Współtwórcy

Jak korzystać z "szablonu interfejsu użytkownika" instrukcji roboczych?


Article Summary

Jak korzystać z szablonu interfejsu użytkownika instrukcji roboczych?

Oto jak szybko rozpocząć tworzenie instrukcji pracy za pomocą szablonu interfejsu użytkownika.

W tym artykule dowiesz się...

  • Jak szybko tworzyć instrukcje pracy przy użyciu szablonu interfejsu użytkownika
  • Jak korzystać z gotowego projektu, aby stworzyć piękną aplikację

Uwaga: Ten temat jest prezentowany w kursie "Zbuduj podstawową aplikację z instrukcjami pracy" na Uniwersytecie Tulip.

Każde nowe konto Tulip zawiera folder o nazwie "UI Templates", który zawiera aplikację o nazwie "Work Instructions UI Template".

Nie jest to przykład prawdziwej aplikacji operacyjnej pierwszej linii. Zamiast tego zawiera trzyetapowe szablony, które można szybko powielić i dodać własną zawartość.

Pozwala to poświęcić całą energię na migrację treści do Tulip, zamiast projektować aplikację instrukcji pracy od podstaw.

Oto jak użyć tego szablonu do stworzenia pierwszej aplikacji z instrukcjami roboczymi.

Przed utworzeniem aplikacji warto skorzystać z tego przewodnika po planowaniu pierwszej aplikacji operacyjnej dla pierwszej linii frontu

Przegląd szablonu interfejsu użytkownika instrukcji roboczych

Szablon zawiera trzy kroki:

  1. Normalny krok, który odpowiada krokowi w instrukcjach roboczych.
  2. Krok "Ukończ", który umożliwia operatorowi ukończenie aplikacji i zapisanie danych
  3. Krok formularza, który umożliwia operatorowi zgłaszanie usterek.

Oto jak wygląda pierwszy krok:

Dzięki tym trzem krokom możesz zbudować prostą wersję instrukcji pracy, a następnie ulepszać aplikację, gdy dowiesz się więcej o Tulip.

Powielanie szablonów kroków

Aby użyć szablonu, należy zduplikować pierwszy krok za pomocą ikony "Duplikuj krok" w okienku kontekstowym po prawej stronie ekranu.

Powiel ten krok dla każdego kroku w instrukcjach roboczych.

Dodawanie zawartości

Aby dodać obrazy i tekst do każdego kroku, możesz użyć CTRL + V lub CMD + V na komputerze Mac, aby wkleić obrazy i tekst ze schowka.

Ukończenie aplikacji

Ostatnim krokiem w instrukcji pracy powinien być "Krok ukończenia". Obejmuje to przycisk "Zakończ", który zapisuje dane dotyczące czasów cyklu, a także czasu spędzonego na każdym kroku.

Zgłaszanie usterki

"Zgłoszenie usterki" to krok formularza z 4 domyślnymi widżetami:

  • Opis usterki (tekst)
  • Typ usterki (rozwijany)
  • Czy usterkę można naprawić? (wartość logiczna)
  • Zdjęcie usterki (obraz z kamery internetowej)

Operator zostanie przekierowany do tego formularza za każdym razem, gdy naciśnie przycisk "Zgłoś usterkę" w formularzu.

Po wypełnieniu formularza i naciśnięciu przycisku "Prześlij" nastąpi przekierowanie do poprzedniego kroku.

Jeśli zamiast tego chcesz zapisać dane i odesłać operatora z powrotem do pierwszego kroku instrukcji, zmień przycisk Submit na "Complete App" w Context Pane po prawej stronie ekranu.

Jeśli chcesz usunąć jeden z widżetów formularza, wybierz widżet, a następnie wybierz ikonę kosza w okienku kontekstowym po prawej stronie.

Korzystanie z szablonu do tworzenia pierwszej aplikacji

Ten szablon pozwoli ci zbudować prostą aplikację z instrukcjami roboczymi. Możesz jednak dodać inne koncepcje, takie jak:

  1. umożliwienie operatorowi skanowania lub wprowadzania numeru kodu kreskowego
  2. Dodawanie kroków z różnymi projektami
  3. Zapisywanie danych zlecenia pracy w tabeli

Aby to osiągnąć, sprawdź dowolny z przewodników zalecanych w następnej sekcji. Pomogą one dodać więcej złożoności do aplikacji.

Więcej informacji


Czy znalazłeś to, czego szukałeś?

Możesz również udać się na stronę community.tulip.co, aby opublikować swoje pytanie lub sprawdzić, czy inni mieli do czynienia z podobnym pytaniem!


Czy ten artykuł był pomocny?