Talk about how to use WireCloudm, a FIWARE Generic Enabler, to use operational dashboards, showing the features of WireCloud mashup platform for simplifying the creation of user-oriented dashboards for monitoring, data visualization, operation and more.

1. Operational dashboards with WireCloud
Creating a Context-Aware Solution (Part 2)
Presenter:
Miguel Jiménez - UPM
m.jimenez@upm.es
Credits to:
Álvaro Arranz - FICODES
aarranz@ficodes.com

2. Agenda
▪ WireCloud basics
▪ Fine-tuning the dashboard appearance
▪ Advanced capabilities
▪ Displaying data
▪ Other WireCloud Features
1

3. WireCloud basics
2

4. WireCloud concepts
Concepts
▪ Widgets, operators and
dashboards
▪ Wiring, input endpoints and
output endpoints
▪ Properties
3
Usage
▪ Create a new dashboard
• and delete them,
properties...
▪ Deploying widgets on the
interface
▪ Edit mode
▪ Use of properties
▪ Instantiate operators and
“wire them”
▪ Operators’ properties

5. Dashboard creation
▪ Instantiation of widgets on main window
4

6. Dashboard creation
▪ Instantiation of operators on “wiring” tool
▪ Wiring of components
• widgets
• operators
5

7. Dashboard creation
▪ Configuration of properties
• widgets
• operators
6

8. Change behaviour by wiring
▪ Different wires modify the functionality
7

9. ▪ Fine-tuning the dashboard appearance
8

10. Edit mode
▪ Hides configuration buttons, tabs...
▪ Default view of tabs is “hidden”
▪ Hide/show widget titles
9

11. Background widget (full dragboard)
10

12. Floating widgets
▪ Extract widgets from regular grid, display above
others
11

13. Upcoming UX improvements
▪ Lateral-hidden widgets
12

14. Advanced capabilities
13

15. Components repository
▪ Simplify the components distribution
▪ Software released
• Server: docker image
• Client embedded in WireCloud (Release 7.7)
▪ Permanent URL is upcoming
• Temporal repository maintained by FICODES
at https://macs.opplafy.eu
14

16. Playing with Dashboards
▪ Shared Dashboards
• Including for public dashboards (allowing
anonymous users)
▪ Embeddable Dashboards
• iFrame to be integrated wherever
▪ Share as mashup components
▪ Consume other’s mashups
• Inherit data-access rights from dashboard
creator or current user
15

17. Displaying data on WireCloud
16

18. Displaying data on WireCloud
▪ Maps
• Not only POIs
▪ Graphics
• Gauges
• Pie charts
• Scatter plots
• Column charts
▪ Other useful stuff
• Handle data series
• Statistic values
• Arithmetic operations
• Informative Panels
17

19. Maps
Display any entity “with location”
Display any FIWARE entity with location
Display more than POIs
18

20. Graphics
▪ Multiple types of
graphics
▪ Different libraries
• HighCharts (this
demo)
• Google Charts
• eCharts
▪ Generic operators
• Data adaptation
without coding
19

21. All together
20

22. History player’s wiring
21

23. Other WireCloud Features
22

24. More WireCloud features
▪ Components versioning
▪ HTTP proxy
• Cross-origin HTTP requests
▪ Integration with other GEs
• Context Broker through API and/or operators (NGSI-Source &
NGSI Operator)
• Object Storage API
• Components for Orion, Kurento, CKAN, Cosmos…
• Business API Ecosystem
□ Acquire data-access rights
□ Acquire WireCloud components
• Authentication using IdM
• ...
23

25. Context-Broker admin via WireCloud
24

26. 25
Where to get more information

27. Links
▪ https://catalogue.fiware.org/enablers/application-mashup-
wirecloud
▪ Installation, administration & reference documentation is
available on Read The Docs:
• https://wirecloud.readthedocs.io/
▪ FIWARE Academy:
• https://fiware-academy.readthedocs.io/en/latest/processing/wirecloud
▪ StackOverflow Support:
• Ask your questions using the “fiware-wirecloud” and “fiware”
tags
• Look for existing questions at
http://stackoverflow.com/questions/tagged/fiware-wirecloud
26

28. How to get WireCloud
▪ Using the global instance at FIWARE Lab:
• https://mashup.lab.fiware.org
▪ FIWARE Lab:
• Image: wirecloud-image-RX.Y
• Blueprint: Wirecloud
▪ Docker:
• https://hub.docker.com/r/fiware/wirecloud/
27

29. Widgets & operators
▪ WireCloud github repository:
• Wirecloud
• General components
• https://github.com/wirecloud
▪ FIWARE-based components
• https://github.com/wirecloud-fiware
28

30. Thank you!
http://fiware.org
Follow @FIWARE on Twitter