Dodawanie widżetów wejściowych do kroków
  • 01 Nov 2022
  • 5 Minuty do przeczytania
  • Współtwórcy

Dodawanie widżetów wejściowych do kroków


Dodawanie widżetów wejściowych do kroków

Wprowadź dane do dowolnego kroku za pomocą widżetów wejściowych

Dane można wprowadzać na etapie formularza, ale co z wprowadzaniem danych na standardowym etapie produkcji?

Aby zmniejszyć liczbę kroków i opcji routingu, przez które musi przejść operator, często łatwiej jest wprowadzić dane w ramach kroku instrukcji, a nie oddzielnego kroku formularza. Możesz również pisać bezpośrednio do tabel Tulipa używając Widżetów Wprowadzania.

Poniższy artykuł opisuje jak zainicjować pole wprowadzania danych, czyli Input Widget, na dowolnym kroku aplikacji.

Tworzenie widgetu do przechowywania danych wejściowych użytkownika

Wybierz opcję Wprowadzanie na pasku narzędzi:

Widget Toolbar.png

Po jej wybraniu masz do dyspozycji następujące opcje:

Inputs Dropdown.png

  • Checkbox
  • Tekst
  • Plik
  • Number
  • Wybór pojedynczy
  • Multiselect
  • Próbnik daty
  • Obrazek
  • Podpis

Wybieranie źródła danych

Zmienna

Wybierz istniejącą zmienną lub utwórz nową zmienną do przypisania do widgetu wejściowego:

Poprzez przypisanie zmiennej do wejścia, wartość wejściowa może być przywoływana w całej aplikacji do budowania różnych logik.

Rekord tabeli Tulipan

Poprzez przypisanie widżetu wejściowego do rekordu tabeli Tulip, możesz bezpośrednio edytować rekord tabeli. Określ kolumnę rekordu tabeli w rozwijanym oknie:

To automatycznie zapisuje wartość widgetu wejściowego do rekordu tabeli.

Konfiguracja wyzwalaczy

Wiele widżetów wejściowych ma możliwość skonfigurowania wyzwalacza, który będzie uruchamiany w momencie wystąpienia akcji. Typy akcji i związane z nimi widżety są opisane poniżej.
Triggers.png

Klawisz Enter

Wyzwalacz Enter Key działa zgodnie z logiką: po naciśnięciu klawisza enter, jeśli spełnione są warunki, wykonaj akcję. Opcja ta jest powiązana z widżetami wprowadzania tekstu i liczb.

Zmiana wejścia

Wyzwalacz Zmień wejście działa zgodnie z logiką: gdy dane wejściowe ulegną zmianie, jeśli zostaną spełnione warunki, wykonaj akcję. Ta opcja jest powiązana z polami wyboru, pojedynczym wyborem, wyborem wielokrotnym, datownikiem i widżetami wejściowymi obrazów.

Typy widżetów wejściowych

Checkbox

Opcja pola wyboru zapewnia wyjście typu Boolean, które można zmienić na Tak lub Nie poprzez zaznaczenie lub usunięcie zaznaczenia pola. Więcej informacji o polach wyboru można znaleźć w [tym artykule tutaj](https://support.tulip.co/docs/how-to-use-the-checkbox-widget

Tekst

Wybierając wejście tekstowe, możesz przypisać widżet do kolumny tabeli Tulip lub zmiennej. Podobnie jak w przypadku pola wyboru, zmienna musi być przypisana do Widżetu Wprowadzania Tekstu, aby móc wykorzystać dane w dalszej części aplikacji. Wybierz tę zmienną z listy zmiennych tekstowych lub utwórz ją inline z rozwijanej listy wyboru zmiennych.

Zachowuje się to w taki sam sposób, jak zmienna utworzona w wejściu kroku formularza.

Jeśli chcesz, aby widżet wprowadzania tekstu był większy, wybierz przełącznik "Wiele linii" w panelu kontekstowym. Możesz wtedy zmienić wymiary, aby wypełnić dowolną przestrzeń.

Plik

Widżet wprowadzania plików jest podobny do wprowadzania tekstu, z możliwością przypisania danych wejściowych do kolumny tabeli Tulip lub zmiennej. Zmienna musi być przypisana do widżetu wprowadzania danych do pliku, aby móc wykorzystać dane w dalszej części aplikacji. Wybierz tę zmienną z listy zmiennych plikowych lub utwórz inline z rozwijanej listy wyboru zmiennych.
File Input Widget.png

Możesz użyć przycisku przesyłania w kształcie chmury, aby zaimportować plik z urządzenia do widżetu wejściowego lub wprowadzić adres URL pliku bezpośrednio.

Liczba

Widżet wejściowy Number jest również podobny do poprzednich widżetów, ponieważ musi mieć przypisaną zmienną Number, aby odpowiednio wykorzystać wprowadzone dane. Wybierz istniejącą zmienną lub utwórz ją wpisując nazwę i wybierając Create.

Po dodaniu Zmiennej, w tym przypadku ujawnia się dodatkowa opcja.

W opcji Format można wybrać zarówno Integer jak i Decimal do wyświetlania informacji. Typ Integer wyświetla tylko liczbę całkowitą, natomiast Decimal wyświetla do wybranej liczby cyfr znaczących. Opcja Precision określa tę liczbę cyfr, które mają być wyświetlane.

Wybór pojedynczy

Aby jak najlepiej wykorzystać ten Widżet, upewnij się, że rozumiesz już tablice.

Widżet wejściowy pojedynczego wyboru pozwala wybrać opcję z listy, z wieloma potężnymi konfiguracjami. Podobnie jak w przypadku innych widgetów wejściowych, możesz wybrać typ źródła danych: rekord tablicy Tulipana lub zmienną:

Jednym z bardzo prostych sposobów użycia tego jest przypisanie lub utworzenie zmiennej tekstowej w polu Variable i wyświetlenie jej jako Dropdown ze statycznie utworzonymi wartościami. Możesz dodać opcje wybierając 'Nowa opcja' tuż pod polem opcji. Po wykonaniu tej czynności wygląda to tak:

Jeśli zmienisz pole Display na Menu, widżet przyjmie następującą formę do wyświetlania:

Możesz również wymienić Opcje jako części zmiennej Array.

W tej metodzie można wybrać wszystkie składniki wybranej Array. Array jest zmienną wybraną pod Options, a zmienna o nazwie 'Test' będzie przechowywała wybraną przez użytkownika wartość z listy opcji.

Użycie konfiguracji zmiennej Array jest niezwykle potężne, ponieważ pozwala na pobranie opcji z istniejącej tablicy, a także na wepchnięcie nowych wartości do tablicy, które mają być wybrane. Na przykład, przycisk może dodać opcję do tego widżetu poprzez dodanie wyzwalacza. wyzwalacz może wyglądać tak:

W tym przykładzie przycisk dodaje opcję "Coś nowego" do widżetu Menu lub Dropdown Input.

Multiselect

Opcja Multiselect ma taką samą konfigurację jak widżet Single Select, z kilkoma małymi różnicami w konfiguracji. Widżet Multiselect nie może być przypisany do rekordu tabeli Tulip. Dodatkowo, wynik tego widżetu musi być tablicą tekstową, a nie tylko zmienną tekstową, jak w przypadku widżetu Pojedynczy wybór.

Pozwala to na wybranie wielu opcji z Menu lub Dropdown i wyprowadzenie ich do zmiennej Array. Konfiguracja opcji widoku i wyboru jest dokładnie taka sama jak w przypadku opcji widgetu Single Select, wyszczególnionych powyżej. Widżet Multiselect będzie wyświetlany jak poniżej.

Wybieracz daty

Po wybraniu, wybierz lub utwórz zmienną Datetime, aby powiązać ją z widgetem, lub kolumnę tabeli Tulip. Jeśli wybierzesz Tulip Table Record jako Datasource, dane wejściowe będą zapisywane bezpośrednio do tabeli. Jeśli wybierzesz Variable jako Datasource, wyjście wybranego Datetime zapisze się do podanej zmiennej.

Następnie widget pozwala na wybranie Datetime przez użytkownika w ramach aplikacji na normalnym kroku. W Playerze interfejs wygląda tak:

Image

Widżet obrazu pozwala operatorowi na zrobienie zdjęcia na kroku lub przesłanie obrazu z lokalnego magazynu. Ten widget potrzebuje zmiennej typu danych Image URL, aby przechowywać pobrany obraz do odpowiedniej zmiennej.

Wybierając Datasource of Tulip Table Record, możesz zapisać obraz bezpośrednio do Tulip Table. Zwróć uwagę, że Aspect Ratio może być również dostosowane w Context Pane dla tego widgetu.

W ramach odtwarzacza użytkownicy mogą również "Przerzucać" i "Obracać" widok na żywo z kamery.

Podpis

Widżet wprowadzania podpisu może być użyty do wymagania od operatora podpisania i zatwierdzenia danych w zmiennej, polach w rekordzie tabeli lub obu.
Signature Input Widget.png

Dane, które mają być zatwierdzone przez podpis, muszą być zdefiniowane, a widżet wejściowy zawiera również inne opcje konfiguracyjne, takie jak wyznaczenie osoby podpisującej, dodanie opisu znaczenia podpisu i nakazanie komentarza w razie potrzeby.


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

Możesz również udać się na stronę community.tulip.co, aby zamieścić swoje pytanie lub sprawdzić, czy inni spotkali się z podobnym pytaniem!


Czy ten artykuł był pomocny?