Step 1: Creating Your Workflow-Type Application
Estimated Reading Time: 4 minutes
Introduction
In this lesson, you’ll begin building your first application in Unqork. With each lesson and step in this course, you'll continue building out this application until it's fully functional.
The application you'll create intakes, validates, and approves or denies an employee travel request. For this use case, you'll start your configuration journey by working in an Unqork Workspace and building a workflow-type application.
You can preview an example of this completed use case here: https://training.unqork.io/#/workflow/646533d1811f0f6e5b3c245f/edit.
Learning Objectives
In this use case lesson, you'll learn how to create an application and a workflow in Unqork.
What You Need
To complete this step of your application, you need:
Log Into the Platform
The first step is to log into Unqork's Training environment. If you have not done so already, you can request environment access by completing this form: https://create-stagingx.unqork.io/#/display/5fbc1c6bad0e81021fece85c.
Once approved, you'll receive two emails:
-
The first email contains a temporary password to log into the Training environment for the first time. After logging in, you'll be asked to create a new password for future logins.
-
The second email contains a link to your personal workspace.
If you already have login credentials:
|
2.
|
Log in with your credentials. |
When you log in, you'll arrive at the Environment level of the Training environment homepage. From this level, you can see all of the individual Workspaces that have been created in the environment. These workspaces contain applications that act similarly to folders that store projects in a drive. From here, you can navigate to your existing workspace or use the (Search magnifying glass) at the top of the screen to search for it by your first and last name.
Create Your Workflow-Type Application
Inside your workspace, you'll create a workflow-type app.
|
1.
|
In your Workspace, click Create App. |
|
2.
|
In the App Name field, enter [initials] + Creator Workshop App + [today’s date]. For example, EPJ Creator Workshop App 01-01-2023. |
|
3.
|
From the App Type drop-down, select Workflow. |
Configure Your Workflow
Add a Task Node
|
1.
|
Inside your Workspace, open your new Application by selecting its tile or clicking View App. |
|
2.
|
To the left of the Application page, select Workflows tab. When you create a workflow-type application, a workflow is created with the same name as your application. |
|
4.
|
Drag and drop a Task node into the Authenticated swimlane. |
|
5.
|
Connect the output port (right) of the Start node to the input port (left) of the Task node. |
|
6.
|
Drag and drop an End node into the Authenticated swimlane. |
|
7.
|
Connect the output port (right) of the Task node to the input port (left) of the End node. |
|
9.
|
In the Save to Version History window, click Save. |
NOTE You are welcome to comment in the Version History modal if you wish. For the Creator Workshop use cases, we'll skip this step.
Edit Your Task Node
|
1.
|
Select your Task node to open its Settings Menu. |
|
2.
|
Click Edit to open the Edit User Task menu. |
|
3.
|
In the Label field, enter Employee Information. |
|
4.
|
Under Module, select Create New Module. The Module Title and Module Path populate with default values. |
|
5.
|
In the Module Title field, replace the default name with Employee Information. |
|
6.
|
In the Module Type drop-down field, select FE Front-End. |
|
8.
|
Click Save... to save your workflow. |
|
9.
|
In the Save to Version History window, click Save. |
View Your Employee Information Module
Your Task node now contains a module that acts as your first user screen.
To view the module:
|
1.
|
Select your Employee Information Task node to open its Settings Menu. |
|
2.
|
Click (Expand) to expand the node Settings Menu. |
|
3.
|
Select Open to open the Employee Information module in the Module Builder. |
Recap
You have now created your first application, workflow, and a Task node module that will become your first user screen. In the next use case lesson, you’ll begin to populate the screen to create an employee information form. This form will intake employee information that the rest of your application will reference.
Continue Your Learning
In the next lesson, you'll begin Step 2 of the Building Your First App course. In the first lesson of Step 2, you'll learn about Text Field components and how to configure them in the Module Builder.