preview screen

(1) A preview image of the application is displayed in real time on the right side of the screen during the application setting. This makes it easy to create an app that more closely resembles the image you have in mind, because you can work while checking how your settings will be reflected in the app.

(2) The screen displayed in the preview image can be switched. As the application is set up, the "List," "Details," "Input," and "Confirm" screens are generated respectively according to the settings.

 

About the "Execute App" Button

(1) An "Execute App" button is placed on all screens. Selecting this button will apply temporary settings to all unset items, allowing you to immediately create and run the app. After creating the app, you will return to the original settings screen, so you can resume your work.

 

1. Registration of input items

1.1. Explanation of input item setting screen

(1) Set the name of the input item.

(2) Reverse the order of items.

(3) Insert a new item.

(4) Delete item.

(5) Go to the next screen.

 

1.1.1. Operation of input item setting screen

(1) Register all items you wish to enter in the application.
If there are forms or other documents already in operation, transcribe the items.

(2) As shown in the completed application image, the registered items are set in the application's input screen.

 

1.2. Explanation of input method setting screen

(1) Items set in the "Input Item Setting Screen" will be displayed.

(2) Select the input method and whether it is required or not.

(3) Return to the previous screen.

(4) Proceed to the next screen.

(5) Go to the screen that has already been set up.

 

1.2.1. Input Method Settings

(1) Set how each item registered in the "Input Item Setting Screen" will be entered in the application. The initial value of the input method is automatically set based on the item name.

(2) As shown in the completed application image, an input area will be set up for each item.

 

1.2.2. Input Methods Available in Unifinity

text box	Perform keyboard input into the text box
Textbox (multi-line)	Keyboard input is performed in the text box. Multiple lines of text can be entered.
camera	Launch the device's camera and enter the results of the shot.
camera/Folder Selection	Users can choose to attach an image by either taking a photo with their camera or selecting a file from a local folder on their device.
camera/Folder Selection/handwritten	Users can choose to attach an image by either taking a photo with their camera or selecting a file from a local folder on their device. You can also input handwriting on a blank page or on an attached image.
Folder Selection	Select and attach a file from a local folder on the device.
listbox	Displays choices in list box format.
calender (machine for flattening things)	Display the calendar and enter the selected date.
numeric keypad	Display the numeric keypad and enter the selected number.
time numeric keypad	Display the numeric keypad for the time and enter the selected time.
Logged-in user acquisition	Retrieve your Unifinity user information (email address, etc.) while you are logged in and automatically populate it.
Current date/time acquisition	The current year, month, date, time, minute, and second are retrieved and entered automatically.
Barcode/QR Code	Launch the device's camera and enter the value of the barcode/QR code you read.
plus-minus button	Enter the result by adjusting the value plus or minus.
embossed button	Use the Maru-batsu toggle button to enter the Pass/fail.
master selection	By reading a CSV file, its contents are entered as choices.
master reference	The corresponding value is automatically entered according to the information entered in "Master Selection".
handwritten	Displays the handwriting view and inputs handwritten image data.
automatic	IDs, etc., are automatically assigned.

 

1.2.3. Input Method Supplement: List Boxes

If you select "List Box" from "Input Method," an input form will be displayed to set the options when using the application.
Please enter the choices you need to enter in the application, line by line, as shown in the figure.

 

1.2.4. Input Method Supplement: Master Selection

(1) Specify the CSV file to be used as an option. The character encoding of the CSV file must be UTF-8 and the first line must be set to the item name.

(2) Go to the next screen.

(1) Select items from the registered CSV file to be used for choices.

(2) Complete the master selection settings.

 

1.2.5. Input Method Supplement: Master Reference

(1) Select the "Master Selection" item to be referenced.

(2) Go to the next screen.

(1) Select which CSV items set in "Master Selection" will be displayed in "Master Reference" when "Master Selection" is entered for the reference destination.

(2) Complete the master reference setup.

 

2.1. Dividing the Input Screen

"Basic Information" refers to the information that needs to be registered in advance before starting work on-site.

For example, this could include information related to production plans in a manufacturing daily report app, or information related to inspection schedules in an inspection check app.

In Unifinity Wizard, all items are initially set to "Basic Information". If necessary, some of them can be allocated to "Field Information". "Field Information" can further be divided into up to eight "Processes".

(1) Deletes a "Process".

(2) Adds a "Process".

(3) As many "Processes" as added will be displayed, and you can set the name of each process. A screen will be generated for the number of "Processes" created.

(4) You can set whether to have a "Repeating Screen" in the input screen. If a "Repeating Screen" is set, the "Process" will be fixed to one, but instead, multiple "Field Informations" can be entered for "Basic Information".

(5) The items set in the "Item Name Screen" will be displayed. You will set on which screen the input will be done.

(6) Returns to the previous screen.

(7) Proceeds to the next screen.

(8) Moves to the configured screen.

 

2.1.1. Operating the Split Input Screen

(1) As many "Field Information Input Screens" will be split as there are "Processes". In Unifinity Wizard, you can register up to eight processes.

(2)If you need more than nine processes (input screens), please use Unifinity Studio for customization. If there are two or more processes, a list screen like the following, showing the progress of the processes, will be automatically inserted before the input screen.

 

2.2. Repeated Entry

Repeated entry refers to items that require multiple entries during a single task. For example, this is set when taking multiple photos during an inspection and writing comments on each.

(1) Items set in the "Item Name Screen" and the screen names where their input is performed are displayed.

(2) Check the items that will undergo multiple entries during a single task. Only items set as "Field Information" can be checked.

(3) Return to the previous screen.

(4) Proceed to the next screen.

(5) Move to the configured screen.

 

 

(1) You can change the name of the input screen.

(2) Depending on the setting, the screen pattern ("Normal Input" or "List Input") will be displayed.

(3) The set input items will be displayed.

(4) Returns to the item editing screen.

(5) Switch between portrait mode settings and landscape mode settings.

(6) Returns to the previous screen.

(7) Proceeds to the next screen.

(8) Moves to the configured screen.

 

When in landscape mode settings, the following screen will be displayed.

(1) Set the number of columns to display in a single row when in landscape mode.

(2) A popup will appear where you can individually configure items to maximize their width.

(3) You can individually configure items to maximize their width. Items with the checkbox turned ON will expand their width, ignoring the settings from step (1).

(4) Close the popup.

2.3.1.1. Supplementary Information for Landscape Mode Settings

The relationship between the landscape mode settings and the generated app screens is as shown in the diagram below.

Basic information is displayed at the top of the screen, and on-site information is displayed at the bottom. Each item is laid out according to the number of columns configured.

 

3. Setting the App Screen

3.1. Detail Screen Settings

Configure the detail screen that is displayed when selecting data from the list screen.

(1) The screen pattern is selected based on the configuration (cannot be changed). For details, refer to "3.1.1 About Screen Patterns".

(2) Set the screen name.

(3) If the previous step is "Single Process and Not a Repeated Screen," the "Register Button Name" option will appear. In this case, you can change the name of the register button.

(4) Toggle between settings for portrait orientation and landscape orientation.

(5) If the screen pattern is "Process Site Details", you can select the target process for which you want to configure the "Display Items."

(6) If the screen pattern is "List Details" or "Process Site Details", the "Display Items" section will appear. Here, you can configure how each item is laid out on the screen.

(7) For the "List Details" and "Process Site Details" screen patterns, when configuring settings for the landscape orientation, a popup for setting up the table layout on the app screen will appear. For details about table layout settings, refer to "3.2.1 Table Settings (Landscape Orientation Settings)".

(8) Returns to the previous screen.

(9) Proceeds to the next screen.

(10) Moves to the configured screen.

 

3.1.1 About Screen Patterns

The screen pattern for the details screen is automatically determined based on the settings.

Screen Pattern	Condition
Basic Details	All data is categorized as "Basic Information."
Standard Details	A single process is configured, and "Repeated Screen" is OFF.
List Details	A single process is configured, and "Repeated Screen" is ON.
Process Details	Two or more processes are configured, and all "Repeated Screens" are OFF.
Process Site Details	Two or more processes are configured, and at least one "Repeated Screen" is ON.

Each screen pattern corresponds to a specific structure in the app, as detailed below.

 

3.1.1.1 Screen Pattern: "Basic Details"

The "Basic Information" items are displayed as a list in the details screen.

 

3.1.1.2 Screen Pattern: "Standard Details"

The "Basic Information" items are listed on the details screen. A button at the bottom of the screen allows you to register "Site Information."

 

3.1.1.3 Screen Pattern: "List Details"

The top section of the details screen displays the "Basic Information." The bottom section lists multiple registered "Site Information" entries.

 

3.1.1.4 Screen Pattern: "Process Details"

The top section of the details screen displays the "Basic Information." The bottom section displays the processes, allowing you to input data for each process individually.

 

3.1.1.5 Screen Pattern: "Process Site Details"

The top section of the details screen displays the "Basic Information." The bottom section displays information for each process. You can switch between tabs to view and edit information for different processes.

 

3.2.1. Table Settings (Landscape Mode Settings)

Set the items to be displayed in the table for landscape mode.

(1) Set the column widths evenly.

(2) Reset each content. The item names and data fields will reflect the settings from the portrait mode.

(3) Set the height of each row in the table.

(4) Set the width ratio for each column. If the total width exceeds or is less than 100%, it will automatically adjust to 100% when the app is generated.

(5) Set the item names for the table. The fields cannot be left blank.

(6) Delete the configured column.

(7) Add a column to configure. You can add up to 10 columns.

(8) Select the data to be displayed in the table. The fields cannot be left blank.

(9) Set the display method for the data.

(10) Close the popup without saving the settings.

(11) Save the settings and close the popup.

3.2.1.1. Supplementary Information for Table Settings

The relationship between each table setting and the generated app screen is as shown in the diagram below.

 

4. Setting the list Screen

The "list screen" refers to the screen used by the person working in the field to check and find the work that needs to be performed.

For example, if an inspection is planned in advance, the inspection schedule can be displayed on the calendar to make it easier to find that day's schedule.

(1) Set the screen name.

(2) Select the screen pattern that best suits your business.

(3) Set the items you want to search (filter) when actually using the application.

(4) Set the filter for when the application synchronizes data.

(5) Set the "Basic Information" to be displayed.

(6) Add a list screen
*Up to three can be set.

(7) Switch between portrait mode settings and landscape mode settings.

(8) In the landscape mode settings, a popup will appear to configure the items for the table in the app. The configuration method is the same as "3.1.1. Table Settings (Landscape Mode Settings)"

(7) Return to the previous screen.

(8) Go to the next screen.

(9) Go to the screen that has already been set up.

 

When you press "Edit Filter Conditions," you can set the filters for when the application synchronizes data. You can set the app to download only the data you need, so that unnecessary data is not displayed in the app, or only data that is relevant to the user.

If there is more than one condition, it will be "AND condition".

(1) Select the name of the item to be filtered.

(2) Select the contents to be compared with the filter target. By selecting "(text input)", you can also enter any text string.

(iii) Select the condition for comparing items and contents from "equal", "including", and "not including".

(4) Add a filter condition.

*When linked to kintone, the string filter will follow kintone's search specifications. For more information on search specifications, see "Searching data (kintone help)Please check the "About Us" page.

 

4.1.1. List screen settings

(1) Screen patterns and display items can be set. Display items are selected from the basic information set above.

(2) The item you set will be displayed as a heading on the list screen.

(3) A link to the list screen you created will be generated in the bottom navigation.

 

4.1.2. About menu screen settings

If the screen pattern is "Menu Button", you can set the behavior when the button is selected. Up to three buttons can be set.

If the destination of the button is set to "Detail Screen" or "On-site Information Entry Screen," additional conditions can be set to identify the data to be transferred.

(1) Set the text to be displayed on the button.

(2) Set the screen transition destination when the button is selected. You can select from the "Basic Information Entry Screen," "Detailed Screen," and "On-site Information Entry Screen. If you select "Detail Screen" or "On-site Information Entry Screen," you can make detailed settings in steps (3) to (5).

(3) Set when the "Destination" is the "Details" or "Site Information Entry" screen. Set which data will be used as search keywords to identify the destination. Select one of the following

• Text input: A dialog appears and uses data that partially matches the input.
• Barcode: The barcode/QR reading screen is activated and uses data that partially matches what was read.
• Date: Use data that matches the date set on the application screen.
• User & Date: Use data that matches both the name of the user who is logged in and the date set on the application screen.

(4) Select from which items you wish to search for keywords.

(5) If multiple data are found as a result of the search, select the item name to be displayed on the screen to provide a clue as to which data should be adopted.

5. Application generation confirmation screen

5.1. Application generation confirmation screen

(1) (This is the authentication information for the Unifinity Application Player.)

(2) Set the group to which the application will be distributed. The settings are set as the target group for distribution of the generated app. For more information, see "2. distribution using UniBaaS"4. management of delivered filesSee also.

(3) Set the name of the application to be distributed.

(4) Set the icon image of the application to be distributed. If there is no setting, the default icon is used.

(5) Check the box to generate the application with sample data included.

(6) If checked, a separate application will be generated to check the data sent from the application.

(7) Return to the previous screen.

(8) A confirmation screen will appear (application generation has not started yet).

(ix) Check the "I agree" box for the precautions in the screen.
If you do not check the box, you will not be able to generate the application.

(10) Generation of the application starts.

*Application generation is done in the cloud. Please note that it will not be saved locally.

*Application generation involves communication to the following servers. Please allow access to the following servers when using Unifinity Wizard.

• Unifinity Wizard API Server
  • Connect to: unicloud.unifinity.app
  • Protocol: TCP
  • Port: 443

 

6. Confirmation of generated application

6.1. About generated applications

When the app generation is executed, the following files are generated and placed on UniBaaS.

1. App (UAP file)
2. Design documents (Excel file)
3. Complete project (UFPZ file)

*All file names have the generated application name applied before the extension.

If you are using an email address as your Unifinity Application Player user ID, you will receive an email with a design document attached.

If you are not using an email address for your user ID, please check the UniBaaS menu "Delivery File Management".

 

7. Execution of the application

7.1. Run the created application

Please refer to the following for information on running the created application.

Link:【【UnifinityApplication Execution]

 

8. Confirmation of design documents

8.1. Design documents generated by Unifinity Wizard

The settings made in UnifinityWizard are output to the design document as information on the actually generated screens and DBs. Please use this as a means to check for any errors in your settings and to share information.
The output design document can be used as a document for development requests by adding your own information and customizations that are necessary for operation. If so, please attach the edited design document to the Request for Quotation page.

 

Where design documents are output

This is done at the same time the application is generated and output on UniBaaS.

Structure of Design Documents

Please refer to the table below. Please use "Project Information" to describe information necessary for actual operation, such as application users and network settings.

1	front cover	Automatic output	Document Summary
2	Overall view of the application		inside cover (e.g. of report card)
3	Project Information
4	system configuration	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
5	Screen List	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
6	Table List	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
7	Screen Details		inside cover (e.g. of report card)
8	menu	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
9	(a) lookthe impression given by a painting or image	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	For 1 to 3 screens depending on settings
10	Detailsthe impression given by a painting or image	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
11	inputthe impression given by a painting or image	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	Depending on the settingFor 1 to 9 screens
12	output (e.g. of dynamo)the impression given by a painting or image	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
13	Data Details		inside cover (e.g. of report card)
14	Transaction data (basic data)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
15	Transaction data (field data)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
18	Configuration Information	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	For generator outputJSONobject

 

supplement

An Excel function is set up for the wording in the design document, so that changing one part of the document will update the same information on each sheet.