UiPath Studio Web is a new addition to the UiPath Product Suite. We will be exploring how to create processes in a browser, using UiPath Studio Web as well as how to trigger processes. 📕 Agenda: Demonstrating how manual triggers with UiPath Studio Web Demonstrating how event based triggers with UiPath Studio Web Developing a process with UiPath Studio Web Speakers: 👩🏼‍💻 Jacqui Muller, UiPath MVP 2022, Application Architect @Dimension Data 👩🏽‍💻 Juveria Siddiqui, UiPath MVP 2022, RPA Consultant @Deloitte 👨🏽‍💻 Arjun Dhall, UiPath MVP 2022, Senior Associate @Cognizant 👨🏻‍💻 Reda Marzouk, UiPath MVP 2022, RPA / AI Senior Developer @Ginini Antipode

1. Studio Web
Demo
Session Date: 25.08.2022
Speakers: Jacqui, Reda,
Juveria

2. Getting Started with Studio Web

3. 3
Getting Started with Studio Web - Speakers
Juveria Siddiqui Arjun Dhall Reda Marzouk Jacqui Muller
UiPath MVP 2022
RPA Consultant
London Chapter
UiPath MVP 2022
Senior Associate
London Chapter
UiPath MVP 2022
RPA / AI Senior Developer
Paris Chapter
UiPath MVP 2022
Application Architect &
Part-Time Lecturer
Johannesburg Chapter

4. • Brief introduction to UiPath Studio Web
• Demonstrating how manual triggers with UiPath Studio Web
• Demonstrating how event-based triggers with UiPath Studio Web
• Developing a process with UiPath Studio Web
Agenda

5. • Johannesburg Chapter: https://community.uipath.com/johannesburg/
• London Chapter: https://community.uipath.com/london/
• Paris Chapter: https://community.uipath.com/paris/
Get Connected!
Join a UiPath Chapter
• Juveria Siddiqui: https://www.linkedin.com/in/juveriasiddiqui/
• Arjun Dhall: https://www.linkedin.com/in/arjundhall/
• Reda Marzouk: https://www.linkedin.com/in/reda-marzouk-a28639130/
• Jacqui Muller: https://www.linkedin.com/in/jacqui-muller-957316131/
Connect with us on LinkedIn

6. UiPath Studio Web

7. Basic Intro to Studio Web
Studio Web is a browser-based automation development tool, for users who wish to start
automating processes across online applications and tools such as GSuite, Office 365, IT
infrastructure platforms, and more.
Studio Web

8. UiPath Studio Family

9. Why Studio Web?
The benefits of starting with Studio Web include:
○ Quick Getting Started
○ Cross-Platform Ready
○ Integration Service
○ Compatible with Studio and StudioX
○ Schedule based on external events
○ Browser based UI Automation & Live Streaming
○ IT Automation Enabler
○ Easy-to-Deploy DU Scenarios
○ Share Projects with Teams

10. 6
First things first....install the extension for Chrome.
To be able to interact with the browser, the UI Automation activities require the UiPath extension for
Chrome. Thus, as the first step before you start designing your automation, you must install it. It is
straightforward: just add any UI Automation activity on the canvas and you will be guided to install the
extension.
Installing the extension for Chrome

11. Where it all Begins…

12. 12
Studio Web Interface
Navigate to Studio on UiPath
Cloud
Click on New Project to start
building the process
A project can be imported
too
Provide Name, Description
and trigger type

13. 13
Studio Web Interface
Trigger type: New
Email Received
Use ‘Open Data
Manager’ tab to
create
arguments and
variables
Use ‘Open Run
Output’ tab to
view the
execution
The toggle is available on most of the
activities for some additional
properties

14. 14
Studio Web Interface
Return the
projects
dashboard
‘Undo’ and
‘Redo’
Buttons to Debug the workflow Button to
Publish the
project
‘Breakpoint’ can
be added to the
activity via the
toggle on one of
the activities
within the
workflow
Search for all
the activities
available when
trying to add
an activity

15. Event Based Trigger
in Studio Web

16. Let's build the process...

17. 9
Open Integration Services and configure Microsoft Outlook 365 and Microsoft OneDrive
and SharePoint connector.
What are we doing today??
● Creating a process which is triggered when a new email is received, saving the
attachment in OneDrive and archiving email.
Let's get started..

18. Manual Trigger and Studio
Web UI Automation

19. 19
Process Steps
Fetch and Retrieve email
details
Login into Acme Website Select ‘Vendor Inventory’
under ‘Vendors’ section
Select the first ‘Vendor Code’ from
dropdown and click ‘Check Inventory’
Extract the information for all the vendor code and search for the
item, it item matches, extract other details i.e. Qty, Supplier, Supplier
Code, Cost/Unit, Vendor Code. Else carry on to the the next vendor
Send acknowledgement
to the Customer and a
note to the vendor with
the item details.

20. Process Demo….

21. 21
Logs & PIP
PIP
Logs

22. Mentimeter Quiz…
https://www.menti.com/vkozjmvut9
Voting code 1283 5278

23. Questions

24. Thank You