OutSystems User Group Utrecht February 2025.pdf

We'll first explore how to Transition from O11 to ODC with Solange Ferreira (OutSystems). After that, Remco Dekkinga (Evergreen IT) will jump into Troubleshooting.

1. Welcome!
We’re having some pizza at the moment. The
first presentation will start at 6:30 PM :-)

2. Agenda
6:30 - 7:30 PM Transition

Solange Ferreira, OutSystems



7:30 - 8:00 PM Troubleshoot

Remco Dekkinga, Evergreen IT



8:00 - 8:15 PM Special Announcements



8:15 - 9:00 PM Snackworking!

2

3. 3
Rules of Engagement
?????? - Please remain on mute during presentations
?????? - Video cameras are welcomed!
?????? - Have a question/comment? Drop it in the chat!
⏺ - This meeting will be recorded and shared on the
event page one week after the event
?????? - Want to provide feedback? Fill out our User Group
survey! You will get it on your email post-event.

4. Front-end Debugging
in OutSystems
Where to start?

5. AboutRemco Dekkinga
•Workedwithover 25 OS Clients
•Community member since2006
•OutSystems MVP since2016
•OSUG NL Organizersince2017
•Founderof Evergreen IT since2024

6. Types of debugging
•Service Studio
•Server-Side
•Client-Side
•Mobile Device
•DevTools(browsers)
•CSS
•JavaScript
•Performance

7. Service Studio

8. Service Studio Debugger Toolbar
Debugging Context Area
Scope Tabs Area
1
2
3

9. Service Studio
Stop Debugging
Suspend Running
Server Threads
Abort Running Server
Threads
Break On All Exceptions
Continue F9
Step Over F10
Step Into F11
Step Out Shift+F11

10. Service Studio
•Threads
Debugging Context
Last Executed Action at the bottom
•Breakpoints
Lists all breakpoints defined in the
module
•Users
List of other users that are debugging

11. Service Studio
1 2
3
•Select Entry Module
•Select Browser
•Start Debugging
1
2
3

12. Service Studio
In Use
Lists all elements from the scope tree relevant
for immediate examination of the module
element currently being debugged.
Locals
Lists all elements in the local scope of the
module element being debugged.
Widgets
Lists all widgets within the scope of the
module element currently being debugged.
Client
Available only for Mobile and Reactive Web
applications. Lists all client variables of the
module.
Site
Lists all site properties of the module.
Watches
Lists all variables explicitly marked as
"watched".

13. Browser Developer Tools

14. Browser Developer Tools
F12
CTRL+SHIFT+I or
CRTR+SHIFT+J
(Vertical) ellipsis Menu >
More Tools > Developer
Tools
Right click > Inspect

15. Developer Tools
Elements
Set of tools for inspecting, editing, and
debugging the HTML and CSS code.
Console
Command-line interface, designed for
debugging and testing.
Sources
Overview of all resources, such as stylesheets,
JavaScript files, and images. Allows debugging
JavaScript.
Network
Inspect and analyze network activity. This tool
is essential for ensuring that resources are
being downloaded or uploaded as expected
and for debugging issues related to network
requests and responses.
Application
Inspect, modify, and debug various aspects of
your web app including its manifest, service
workers, storage, and cached data.

16. Elements Tab

17. Elements Tab

18. Elements Tab

19. Console Tab

20. Console Tab

21. Sources Tab

22. Sources Tab

23. Sources Tab
Watch the related video

24. Sources Tab

25. Network Tab

26. Network Tab

27. Network Tab

28. Network Tab

29. Network Tab

30. Network Tab

31. Network Tab

32. Network Tab

33. Application Tab

34. Timezones

35. Working with multiple
Timezones
When debugging an app and checking the
values of the Date Time data type, keep in
mind the following:
•During debugging, Service Studio shows UTC date
and time in the debugger.
•In the client UI, the date and time are in the
timezoneof the client.
•On the server, the date and time are in the timezone
of the server.

36. Working with multiple
Timezones
When debugging an app and checking the
values of the Date Time data type, keep in
mind the following:
•During debugging, Service Studio shows UTC date
and time in the debugger.
•In the client UI, the date and time are in the
timezoneof the client.
•On the server, the date and time are in the timezone
of the server.
1. Open DevTools (F12)
2. Add new tab “Sensors”
3. Adjust the location

37. Avoiding complexity reduces
bugs
Linus Torvalds
creator of the Linux kernel, creater of Git

38. Any Questions?
We have the answers!

39. Thank you for
attending
Remco Dekkinga
[email protected]
[phone]

40. 4
If you would like to present a technical
talk about OutSystems or how
OutSystems is used in your organization,
submit your session now.

Who can submit a talk? Anyone!

Call for Speakers

41. Call for Organizers
5
If you would like to help co-organize
future OutSystems User Group events,
express your interest by filling in this
form.

Who can apply? Anyone!


42. Call for Votes
6
If you would like OutSystems to win the
Dutch IT Channel Award of ‘Software
Innovator or the Year’, submit your vote
now.

Who can submit a vote? Anyone!


43. Call for Votes
7
If you would like OutSystems to win the
Dutch IT Channel Award of ‘Software
Innovator or the Year’, submit your vote
now.

Who can submit a vote? Anyone!

→ Category 14


44. Call for Your Agenda
8
Upcoming User Group:

April 25th @ OutSystems Benelux

Somewhere in June… OMG!

OutSystems

Midsummer 

Grill