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:

1. Open a new tab in your browser and access the Training environment at training.unqork.io.
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.
4. Click Create.

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.
3. Open your workflow.
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.
8. Click Save....
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.
7. Click Create.
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.