Skip to content

Commit 9c608cb

Browse files
Merge pull request #53 from CreatorWorkflowsNow/telework-utah-image-updates
Telework utah image updates
2 parents f115e69 + 508a849 commit 9c608cb

36 files changed

+110
-102
lines changed

labs/telework-utah/1.0-Build-the-Foundation/1.3-Configure-Table-Form.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,26 @@ Note that there are more than 60 fields available to use. The number of fields m
129129
13. On the top right, Click on the <span className="aes_button">Save</span> button
130130
![](images/form_Click_Save.png)
131131

132+
## Part 3 - Preview the Arrangement form
133+
134+
1. Go back to the App Home
135+
![](../images/2023-10-04-15-41-05.png)
136+
137+
138+
2. Click on the **Arrangement** table in the Data section.
139+
![](../images/2023-10-04-15-41-50.png)
140+
141+
3. Click the **Forms** pill in the top middle of the page.
142+
![](../images/2023-10-04-15-43-12.png)
143+
144+
:::info
145+
Here you can edit the Arrangement form as needed. No changes are needed at this time.
146+
:::
147+
148+
4. Click the AES tab for the **Arrangement** table.
149+
![](../images/2023-10-04-15-44-04.png)
150+
151+
132152

133153
**Exercise Recap**
134154

labs/telework-utah/3.0-Automate-Work/3.1-Automate_Work.md

Lines changed: 33 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -5,55 +5,58 @@ hide_table_of_contents: true
55
draft: false
66
---
77

8-
1. From the App Home tab, in the "Logic and automation" section, **click** the **Add a process or third-party integration** link.
9-
![](images/automation_click_Add_a_process.png)
8+
1. From the App Home tab, in the "Logic and automation" section, **click Add**.
9+
![](../images/2023-10-04-14-59-29.png)
1010

11-
From the Add Automation Screen, we are provided with a variety of process automation templates we can use to speed creation of common activities.
11+
### From the Add Automation Screen, we are provided with a variety of process automation templates we can use to speed creation of common activities.
1212

1313

1414
2. Click "Flow".
15-
![](images/automation_click_Flow_Tile.png)
15+
![](../images/2023-10-04-15-01-41.png)
1616

1717

1818
3. Click **Build from scratch** to create a new workflow.
1919
![](images/automation_Click_Build_From_Scratch.png)
2020

21-
A flow is a sequence of actions to automate processes on the Now Platform.
21+
## A Flow is a sequence of actions to automate processes on the Now Platform.
2222

23-
Logic and automation use computers to manage repeatable processes instead of using people. Logic and automation can reduce human error and speed up processes. App Engine Studio allows creators to add process flows to their applications.
23+
### Logic and automation use computers to manage repeatable processes instead of using people. Logic and automation can reduce human error and speed up processes. App Engine Studio allows creators to add process flows to their applications.
2424

2525
4. Create the flow with the following information:
2626

27-
1. Name: Main
27+
|Field | Value |
28+
|-|-|
29+
|Name | Main |
30+
|Description | Manage the Telework flow of work.
2831

29-
2. Description: Manage the Telework flow of work.
30-
31-
3. Click on the <span className="aes_button">Continue</span> button.
32+
Click on the <span className="aes_button">Continue</span> button.
3233

3334

3435
5. **Click** the **Edit this flow** button to begin the configuration process.
35-
![](images/automation_your_flow_is_ready.png)
36+
![](../images/2023-10-04-15-22-17.png)
3637

3738

3839
6. You may see a tour popup. Let's skip the tour for now, by clicking the **Skip tour** button.
3940

40-
### The first thing we'll do is set up our trigger to define when this flow will run.
41+
## The first thing we'll do is set up our trigger to define when this flow will run.
4142

4243
7. Click on **Add a trigger** in the upper left of the flow designer screen.
4344
![](images/automation_click_Add_a_Trigger.png)
4445
### Flow designer provides different options for triggering a workflow. You can kick off a flow based on a record being created or updated, , run on a scheduled basis, or based on a unique application component like an SLA task being triggered or an inbound email being received by the instance. For our use case we are going to:
4546
1. Select **Created** from the Record section.
46-
2. Select our **Telework Case** table.
47+
![](../images/2023-10-04-15-24-10.png)
48+
2. Select the **Telework Case** table.
49+
![](../images/2023-10-04-15-24-53.png)
50+
![](../images/2023-10-04-15-25-15.png)
4751
3. Click <span className="aes_button">Done</span> to close the trigger.
4852

4953
![](images/automation_configure_Trigger.png)
5054

51-
### Note that there might be circumstances under which we need to have a particular flow to execute.
52-
53-
### In this case we can use the "Add filters" option to define conditions that must be met for this flow to execute. This helps making flow easier to maintain and reuse.
54-
55-
### For example, we could use a flow specific to new request, one for renewal or request.
56-
55+
:::note
56+
There might be circumstances under which we need to have a particular flow to execute.
57+
In this case we can use the "Add filters" option to define conditions that must be met for this flow to execute. This helps making flow easier to maintain and reuse.
58+
For example, we could use a flow specific to new request, one for renewal or request.
59+
:::
5760
![](images/automation_Example_Trigger.png)
5861

5962

@@ -80,7 +83,7 @@ Logic and automation use computers to manage repeatable processes instead of usi
8083
1. Choose **Anyone approves** for the Approval rule.
8184
![](images/Choose_Anyone_Approves.png)
8285
2. Click on the Data Pill Picker button (_the magic wand button_).
83-
![](images/Click_on_the_Data_Pill_Picker.png)
86+
![](../images/2023-10-04-15-27-39.png)
8487
3. Click **Trigger - Record created**.
8588
![](images/Click_Trigger_Record_Created.png)
8689
4. Click on the chevron to access the list of fields.
@@ -113,12 +116,12 @@ Logic and automation use computers to manage repeatable processes instead of usi
113116
6. Click <span className="aes_button">Done</span>.
114117

115118
:::info
116-
We now have a branch where we can add actions or flow logic if the manager approves
119+
We now have a branch where we can add actions or flow logic if the manager approves.<br/><br/>
117120
Let's save the team from sending tasks via emails or other systems.
118121
:::
119122

120123

121-
14. We'll automatically request I.T. to assign a Remote Access Token to the employee.
124+
14. Next, we will configure the Flow to automatically request I.T. to assign a Remote Access Token to the employee.
122125
1. Under _If Manager approves_ click the small + to add a step.
123126
![](images/Add_Step_Under_If_Manager_Approves.png)
124127
2. Select **Action** > **ServiceNow Core** > **Create Task**.
@@ -133,8 +136,8 @@ Let's save the team from sending tasks via emails or other systems.
133136

134137
|Field Name | Field Value
135138
|------------------------| --------------
136-
|(1) Short description | Remote Access Token |
137-
|(2) Assigned to | for testing assign it to yourself (System administrator) |
139+
|Short description | Remote Access Token |
140+
|Assigned to | for testing assign it to yourself (System administrator) |
138141

139142
This is how the Field Values should look:
140143
![](images/how_the_Field_Values_Look_After.png)
@@ -143,7 +146,7 @@ Let's save the team from sending tasks via emails or other systems.
143146
10. Click <span className="aes_button">Done</span>.
144147

145148

146-
15. First, let's take care of automating the notifications that take too much time right now. We'll send an email to the applicant's and let them know their application has been approved.
149+
15. First, let's take care of automating the notifications that take too much time right now. <br/><br/>We'll send an email to the applicant's and let them know their application has been approved.
147150
1. Under **3 - Create Task** click the small + to add a step.
148151
![](images/add_setp_under_if_2.png)
149152
2. Select **Action** > **ServiceNow Core** > **Send Email**.
@@ -161,7 +164,10 @@ Let's save the team from sending tasks via emails or other systems.
161164

162165
![](images/Select_Opened_by_Email.png)
163166

164-
6. For the **Subject**, enter "Your Telework application is approved".
167+
6. For the **Subject**, enter:
168+
```
169+
Your Telework application is approved.
170+
```
165171
166172
7. For the **Body**:
167173
1. Start by entering: "Dear " (followed by a whitespace).
@@ -189,7 +195,7 @@ Let's save the team from sending tasks via emails or other systems.
189195
190196
20. In the top right corner of the screen, Click <span className="aes_button">Save</span>.
191197
192-
### Although the Flow is saved, it won't run until we activate it.
198+
## Although the Flow is saved, it won't run until we activate it.
193199
194200
195201
21. Click <span className="aes_button">Activate</span> on the left of the Save button.

labs/telework-utah/4.0-Manage-Work/4.1-Ceate_Workspace_Experience.md

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -8,46 +8,44 @@ draft: false
88
We will now create and configure the Workspace experience for our new application.
99

1010
1. On the application homepage, locate the **Experience** section and click the **⨁ Add icon**.
11-
![](../Click_Add_Experience.png)
12-
11+
![](../images/2023-10-04-15-35-48.png)
1312
This takes us to a selection where we can identify the type of experience we wish to create.
1413

1514

1615
2. Click the **Workspace** tile to create a workspace to help users manage and fulfill requests sent to them.
17-
![](./workspace/Click_the_Workspace_Tile.png)
16+
![](../images/2023-10-04-15-36-18.png)
1817

1918

2019
3. Click on the <span className="aes_button">Begin</span> button to begin the Workspace Builder wizard.
21-
![](./workspace/Add_Experience_Preview.png)
20+
![](../images/2023-10-04-15-36-36.png)
2221

2322

2423
4. Next, leave the default value and Click on the <span className="aes_button">Continue</span> button.
25-
![](./workspace/Workspace_Experience_Form.png)
26-
27-
28-
5. Next, we'll select the tables we want to work with in this workspace.
24+
![](../images/2023-10-04-15-37-03.png)
25+
Next, we'll select the tables we want to work with in this workspace.
2926

3027

31-
6. Set the **primary** and secondary tables to: **Telework Case** and **Arrangement** like below and click on the <span className="aes_button">Continue</span> button.
28+
5. Set **Primary table** and **Secondary tables** like below and click on the <span className="aes_button">Continue</span> button.
3229

3330
|Field Name | Field Value
3431
|---------------------| --------------
35-
|(1) Primary table | Telework
36-
|(2) Secondary tables | Arrangement
32+
| Primary table | Telework Case
33+
| Secondary tables | Arrangement
3734

38-
![](./workspace/Set_the_primary_and_secondary_tables_VID.gif)
35+
![](../images/2023-10-04-15-45-10.png)
36+
![](../images/2023-10-04-15-46-19.png)
3937

4038

4139
7. Your new Workspace experience is completed. Click on the <span className="aes_button">Edit</span> button.
42-
![](./workspace/Click_Done_Experience_Created.png)
40+
![](../images/2023-10-04-15-46-36.png)
4341

4442

4543
8. We are now directed to the Workspace Builder. Click on the <span className="aes_button">Get started</span> button.
4644
![](./workspace/Welcome_to_Workspace_Builder.png)
4745

4846

4947
9. We now have a fully functioning workspace to get work done quickly.
50-
![](./workspace/WSBuilder_Utah.png)
48+
![](../images/2023-10-04-15-47-46.png)
5149

5250

5351
:::info

labs/telework-utah/4.0-Manage-Work/4.2-Configure_the_Workspace.md

Lines changed: 33 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -9,97 +9,76 @@ The Workspace Builder empowers users of all skill sets to build a custom workspa
99

1010
A lot has been pre-configured for us. We'll make a couple of changes to improve it.
1111

12-
1. Click the **Preview** button in the upper right to open the workspace in a new browser tab.
13-
![](import/Click_Preview_Button.png)
14-
15-
16-
2. Go into Edit Mode by clicking the **Edit** button Let's make sure the scores point to the Telework table. Click_Edit_Button.png
17-
![](import/Click_Edit_Button.png)
18-
19-
20-
3. **(1)** Click the **Unassigned Tasks** score, **(2)** Click Configure **(3)** Click the Task table
21-
![](workspace/Edit_Visualization_Unassigned.png)
22-
23-
24-
25-
4. **(1)** Type "Telework", **(3)** Select the Telework Case table, **(4)** Click **Add custom conditions**.
26-
![](workspace/edit_data_source.png)
27-
28-
29-
5. Set the Condition to **Assigned to = Empty**.
30-
1. Click Run.
31-
2. Click Apply.
32-
![](workspace/apply_data_source_filter_condition.png)
33-
34-
35-
6.
36-
**( 1 )** Click the **Critical Tasks** score.<br/>
37-
**( 2 )** Click the configuration button.<br/>
38-
**( 3 )** Click "Telework Case" in the right-side **Configuration** panel.
39-
![](../images/4-4.2-6.png)
12+
Let's help the business users visualize quickly cases by priority.
4013

14+
1. Click the **Preview** button in the upper right to open the workspace in a new browser tab.
15+
![](../images/2023-10-04-15-48-32.png)
4116

42-
7. Click **Edit**
43-
![](../images/2023-10-04-09-34-18.png)
4417

45-
8. Set the Condition to **Priority = Critical**.
46-
1. Click Run.
47-
2. Click Apply.
48-
![](workspace/apply_data_source_filter_condition_Critical.png)
18+
2. Go into Edit Mode by clicking the **Edit** button
19+
![](../images/2023-10-04-15-49-06.png)
4920

5021

51-
9. Click **Save**
52-
![](workspace/Click_Save.png)
22+
3. Add a new Data Visualization.
23+
1. Click on **Add new element**.
24+
2. Select **Data visualization**.
25+
3. ![](../images/2023-10-04-15-57-53.png)
5326

5427

55-
## Now, let's help the business users visualize quickly cases by priority.
28+
4. Scroll down, the component has been added at the bottom of the page.
29+
![](../images/2023-10-04-15-59-01.png)
5630

57-
10. Add a new Data Visualization. At the top, (1) Click on **Add new element**, **(2)** select **Data visualization** .
58-
![](workspace/Add_new_Visualization.png)
5931

32+
5. Drag and drop the new data component from the bottom of the dashboard to right above the My Work section and size it to expand across the screen.
33+
![](workspace/move_new_data_visualization.gif)
6034

61-
11. Scroll down, the component has been added at the bottom of the page.
6235

36+
6. On the new component, click the configure icon
37+
![](workspace/Click_Component_Configure.png)
6338

64-
12. Drag and drop the new data component from the bottom of the dashboard to right above the My Work section and size it to expand across the screen.
65-
![](workspace/move_new_data_visualization.gif)
6639

40+
7. In the configuration panel:
6741

68-
13. On the new component, click the configure icon
69-
![](workspace/Click_Component_Configure.png)
42+
**(1)** Click the **Visualization Type Dropdown**
7043

44+
**(2)** type "vert"
7145

72-
14. In the configuration panel, **(1)** Click the **Visualization Type Dropdown** , **(2)** type "vert" **(3)** select **Vertical bar**.
73-
![](workspace/select_Vertical_bar.png)
46+
**(3)** select **Vertical bar**.
47+
![](workspace/select_Vertical_bar.png)
7448

7549

76-
15. - Click on **Header and border** to expand that section,
50+
8. - Click on **Header and border** to expand that section,
7751
- type "Cases by Priority" in the **Chart Title** field.
7852
![](workspace/set_Chart_Title_Cases_by_Priority.png)
7953

8054

81-
16. Under Data sources, click **+ Add data source**.
55+
9. Under Data sources, click **+ Add data source**.
8256
![](workspace/Click_Add_Datasource.png)
8357

8458

85-
17. In the window that opens, choose the Telework Case table as the source. **(1)** Select the Case table from the Suggested sources., **(2)** Click **Add custom conditions**.
86-
![](workspace/edit_data_source.png)
59+
10.
60+
1. Type **Telework Case** in the "Select a source" field.
61+
2. Click **Telework Case** in the search results.
62+
3. Click **+ Add custom conditions**.
63+
![](../images/2023-10-04-16-02-02.png)
8764

8865

89-
18. We want to see only the non-closed cases.
66+
11. We want to see only the non-closed cases.
9067
1. Set **State is one of Pending, Open, Work in Progress**.
91-
2. Click **Add this source**.
9268
![](workspace/ConditionForOpenCases.png)
69+
2. Click **Add this source** in the bottom right.
70+
![](../images/2023-10-04-16-05-18.png)
9371

9472

95-
19. In the **Group by** section,
73+
12. In the **Group by** section,
9674
1. Click the pencil icon next to **Active**.
9775
2. Set **Priority** for the Group by.
9876
3. Click **Apply**.
9977
![](workspace/set_Group_by_Priority.png)
78+
![](../images/2023-10-04-16-06-01.png)
10079

10180

102-
20. On the top right, Click **Save** hen **Exit Edit Mode**
81+
13. On the top right, Click **Save** then **Exit Edit Mode**
10382
![](workspace/Click_Save_then_Exit_Edit_Mode.png)
10483

10584

labs/telework-utah/4.0-Manage-Work/4.3-Use_the_Workspace.md

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,24 @@ draft: false
66
---
77

88
1. Let's take care of the **Critical Tasks**. Click on the **Critical Tasks** score or the critical bar chart.
9-
![](./workspace/Click_on_Critical_Tasks.png)
9+
![](../images/2023-10-04-16-08-14.png)
10+
11+
:::info
12+
You can click either data visualaziation as they are both pointing to the same data: two Telework cases with a state of "1 - Critical" priority.
13+
:::
1014

1115

1216
2.
13-
1. Select all rows,
14-
2. Click **Edit**
15-
3. Select **Assign to me**
17+
1. Select all rows.
18+
2. Click the drop-down arrow next to **Edit**.
19+
3. Select **Assign to me**.
20+
![](./workspace/Assign_to_me.png)
1621
4. Close the tab.
17-
![](./workspace/Assign_to_me.png)
22+
![](../images/2023-10-04-16-10-24.png)
1823

1924

2025
3. Refresh the **My Tasks** score. You now have 2 tasks assigned to you.
21-
![](./workspace/refresh_my_tasks_score.png)
26+
![](../images/2023-10-04-16-11-02.png)
2227

2328

2429
4. In the **My Work** list, click on the **Assigned to** header to refresh the list.
@@ -38,7 +43,7 @@ Our team member _Luke Wilson_ is out sick today. We need to reassign his work to
3843
3. Sort cases by **Assigned to** by clicking on the header.
3944
4. Click the button next to "Luke Wilson".
4045
5. click "Show Matching".
41-
![](./workspace/display_List_of_cases_assigned_to_Luke_Wilson.png)
46+
![](../images/2023-10-04-16-14-30.png)
4247

4348

4449
6. Let's assign Luke's cases to Andrew Och
14.1 KB
Loading
88.3 KB
Loading
43.8 KB
Loading
27.2 KB
Loading
4.43 KB
Loading

0 commit comments

Comments
 (0)