Reports, reports, reports! People always want more reports. This session will show you how you can create amazing reports in OutSystems from Simple Report (free) to External Tools (integrating with paid tools).Covering since HTML2PDF&ReportSystems, SimpleReports and StimulSoftJS.

1. | Create Amazing Reports in OutSystems
Create Amazing Reports in
OutSystems
The Art of Not Panicking

2. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems
Fábio
Fantato
OutSystems MVP | Software Architect | Do iT
Lean
@
in
fabio.fantato@doitlean.com
/fantato

3. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems
Why we are here?

4. | Create Amazing Reports in OutSystems
I want a Sales Report in
the next 2 hours
Don´t forget to add
3 charts, 5 tables and
hundred thousands of
useless rows
source: Dilbert comic strip

5. | Create Amazing Reports in OutSystems

6. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

7. | Create Amazing Reports in OutSystems
DO
NOT
PANIC

8. | Create Amazing Reports in OutSystems

9. | Create Amazing Reports in OutSystems

10. | Create Amazing Reports in OutSystems

11. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

12. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

13. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

14. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems
What we will see?

15. | Create Amazing Reports in OutSystems

16. | Create Amazing Reports in OutSystems

17. | Create Amazing Reports in OutSystems
● Overview
● How it works
● Pros / Cons
● When Use / Avoid
● Tips
● Sample

18. | Create Amazing Reports in OutSystems
Next week on itnext.io/@fabiofantato
● Exploratory Article
● Tutorials
● Detailed Samples

19. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems
Let’s to explore

20. | Create Amazing Reports in OutSystems
HTML2PDF
https://www.outsystems.com/f
orge/component/209/html2pd
fconverter
| Create Amazing Reports in OutSystems

21. | Create Amazing Reports in OutSystems
HTML2PDF

22. | Create Amazing Reports in OutSystems
HTML2PDF

23. | Create Amazing Reports in OutSystems
HTML2PDF

24. | Create Amazing Reports in OutSystems
HTML2PDF

25. | Create Amazing Reports in OutSystems
HTML2PDF

26. | Create Amazing Reports in OutSystems
HTML2PDF

27. | Create Amazing Reports in OutSystems
HTML2PDF

28. | Create Amazing Reports in OutSystems
HTML2PDF

29. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

30. | Create Amazing Reports in OutSystems
HTML2PDF

31. | Create Amazing Reports in OutSystems
HTML2PDF

32. | Create Amazing Reports in OutSystems
● Screens directly to PDF
● Large history on community
● It is free
● Anonymous Screens
● Silk UI / OS UI Patterns
● Last row on page
● Designing Skills (CSS)
● Pagination / Header / Footer
● Queries from scratch
HTML2PDF

33. | Create Amazing Reports in OutSystems
SIMPLE REPORTS
https://www.outsystems.com/f
orge/component/1414/simple-
reports/
| Do Amazing Reports in OutSystems

34. | Create Amazing Reports in OutSystems
SIMPLE REPORTS

35. | Create Amazing Reports in OutSystems
SIMPLE REPORTS

36. | Create Amazing Reports in OutSystems
SIMPLE REPORTS

37. | Create Amazing Reports in OutSystems
SIMPLE REPORTS

38. | Create Amazing Reports in OutSystems
SIMPLE REPORTS

39. | Create Amazing Reports in OutSystems

40. | Create Amazing Reports in OutSystems

41. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

42. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

43. | Create Amazing Reports in OutSystems
● Preview in Studio
● Page Templates / Simple Theme
● Header and Page Numbers
● Patterns
■ Table Records / List Records
■ Charts / Static Content
● Browser dependency
● Queries from scratch
● Large data sets
● Heavy processing client-side
SIMPLE REPORTS

44. | Create Amazing Reports in OutSystems
ULTIMATE PDF
https://www.outsystems.com/f
orge/component-
overview/5641/ultimate-pdf/
| Do Amazing Reports in OutSystems

45. | Create Amazing Reports in OutSystems
ULTIMATE PDF

46. | Create Amazing Reports in OutSystems
ULTIMATE PDF
download &
install
chromium api to
render PDF
Server-Side
screen using
webblocks
puppeteer c#
download to client browser

47. | Create Amazing Reports in OutSystems
● Sample Scrreen
ULTIMATE PDF

48. | Create Amazing Reports in OutSystems
HTML2PDF
● Composing using
Blocks
ScreenToPDF WebBlock
● Detects if you call from server
● No anonymous screens restriction
■ SessionID as a token
■ Use Token to call on server-side
● Preview on Browser

49. | Create Amazing Reports in OutSystems
ULTIMATE PDF

50. | Create Amazing Reports in OutSystems
Puppeteer
● Demands Internet Connection
■ Offline version unstable
● Download on server-side
■ Write-Permission
■ Cleanup policies

51. | Create Amazing Reports in OutSystems
● Puppeter needs Internet
Connection on Server Side to
download Chromium
■ Offline version unstable
● Write permissions on Server-
Side
● Performance due clean-up
● Queries from scratch
● Automatic Installation
● Screens directly to PDF
● Header and Page numbers
● No Anonymous Screens restriction
● Preview & Download on Browsers
● Page breaks directly in CSS rules
● (Future) OS UI Styles Theme
ULTIMATE PDF

52. | Create Amazing Reports in OutSystems
STIMULSOFT.JS
https://www.outsystems.com/f
orge/component/3062/stimuls
oft-reports-js/
| Do Amazing Reports in OutSystems

53. | Create Amazing Reports in OutSystems
STIMULSOFT.JS
● Expensive Licenses
● External Infrastructure
● Missing Documentation
● No SDK to Test
● Short Trial period… more than 50
other ...

54. | Create Amazing Reports in OutSystems

55. | Create Amazing Reports in OutSystems
Template
JSON
ReportViewer
WebBlock

56. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

57. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

58. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

59. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

60. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

61. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

62. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

63. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

64. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

65. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

66. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

67. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

68. | Create Amazing Reports in OutSystems
STIMULSOFT.JS

69. | Create Amazing Reports in OutSystems
● Reactive Web
● Reactive Mobile
■ Offline

70. | Create Amazing Reports in OutSystems
● Pure Javascript
● Designer Tool
● No additional infrastructure
● Rich Reports
● Large data sets
● Cost / Licensing
● Annual Maintenance
■ Start at 700 euros (*perpetual
usage for 1 server, but no
updates)
■ Learning Path
STIMULSOFT.JS

71. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems
Comparison

72. | Create Amazing Reports in OutSystems

73. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed

74. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK

75. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Designer Tool

76. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Designer Tool
Header/Footer Yes with custom Yes Yes Yes

77. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Designer Tool
Header/Footer Yes with custom Yes Yes Yes
Data Source Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
JSON / Raw Data

78. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Designer Tool
Header/Footer Yes with custom Yes Yes Yes
Data Source Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
JSON / Raw Data
Layouts Pure CSS Custom Theme Custom Theme Designer Tool

79. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Composer JS
Header/Footer Yes with custom Yes Yes Yes
Data Source Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
JSON / Raw Data
Layouts Pure CSS Custom Theme Custom Theme Designer Tool
Silk UI / OS UI No Partial Partial N/A

80. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Designer Tool
Header/Footer Yes with custom Yes Yes Yes
Data Source Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
JSON / Raw Data
Layouts Pure CSS Custom Theme Custom Theme Designer Tool
Silk UI / OS UI No Partial Partial N/A
Large Dataset Low Low-Medium Low-Medium High

81. | Create Amazing Reports in OutSystems
Licensing Free Free Free Licensed
PDF From Screen From Browser Chromium SDK
Composer No Blocks in SS Blocks in SS Designer Tool
Header/Footer Yes with custom Yes Yes Yes
Data Source Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
Aggregate/ Adv
SQL
JSON / Raw Data
Layouts Pure CSS Custom Theme Custom Theme Designer Tool
Silk UI / OS UI No Partial Partial N/A
Large Dataset Low Low-Medium Low-Medium High
Installation Required No No* No

82. | Create Amazing Reports in OutSystems

83. | Create Amazing Reports in OutSystems| Create Amazing Reports in OutSystems

84. | Create Amazing Reports in OutSystems
CREATE YOUR OWN
AMAZING REPORTS

85. | Create Amazing Reports in OutSystems
Thank You!
@ infabio.fantato@doitlean.co
m
/fantato