Data/Applications Visualization and Mashup
- 1. Data/Applications Visualization and Mashup Presenter: Álvaro Arranz (UPM) | aarranz@fi.upm.es | @aarranzgarcia
- 2. Agenda 1. What is WireCloud? 2. What can I do with WireCloud? 3. Using WireCloud 4. Working with Mashups 5. Developing with WireCloud
- 3. WHAT IS WIRECLOUD? Data/Applications Visualization and Mashup
- 4. What is WireCloud? Backend service Backend service Backend service Object Storage API NGSI API Context Broker
- 5. WHAT CAN I DO WITH WIRECLOUD? Data/Applications Visualization and Mashup
- 6. Perspectives • From the developer perspective: – Use web technologies for easily developing mashable web components (widgets) – Integrate web mashups with backend services (e.g. support for pub/sub, “connectors” to a number of FIWARE GEs, etc.) • From the user perspective: – Develop application mashups: integrate heterogeneous data, application logic, and UI web components to create value added instant applications. • Without the need of programing skills (e.g. end users, infomediaries, etc.) • Fostering the reuse and shareability of widgets, mashups, etc.
- 11. Configurable dashboards... and much more • Wiring – Wiring and support for channel creation • HTTP proxy – Cross-site HTTP requests • APIs to some GEs – Context Broker, Object Storage • Public App Mashups – Access without login to a mashup • Embedded mashups – Integrate public mashups in any website • Integration with the WStore and IdM
- 13. Recent success stories • Málaga CitySense Watch it on Youtube
- 15. USING WIRECLOUD Apps/Data Delivery Chapter
- 16. Using Wirecloud • Create a FIWARE Lab account (if not done yet) • Open the Mashup portal • Play https://mashup.lab.fiware.org add widgets to workspace wiring tool my resources store
- 17. WORKING WITH MASHUPS Apps/Data Delivery Chapter
- 18. Managing your mashups • Create as many workspaces as you want • Rename them, remove them… • Upload a mashup to “My Resources” – With/without widgets/operators embedded • Create a workspace from a mashup
- 19. Create/modify your own mashup • Add widgets with the • Choose widgets on the left panel and click on “+” sign to add them • Go to the wiring tool – Add your widgets and deploy any operator – Connect input and output endpoints as you want • There are not restrictions
- 21. Publish a mashup in the WStore
- 22. Consume mashups • Consume the offer with a different user • Phases 1. Acquire in the Wstore 2. Create a workspace from the mashup
- 24. Orion example: PoI example
- 26. DEVELOPING WITH WIRECLOUD Apps/Data Delivery Chapter
- 27. Developing a widget • Typical web app structure • Config.xml is the description – It references the HTML – HTML links with the rest
- 28. Widget description – config.xml
- 32. Developing an operator • Config.xml is similar – References a JavaScript file
- 33. Using Context Broker GE • Declaring the feature • Opening the connection
- 34. Using Context Broker GE • Creating an entity
- 35. Using Context Broker GE • Creating a subscription
- 36. News features in WireCloud 0.8.0 and recent work • Behaviour oriented wiring • Dynamic dashboards • Widget skeleton using Grunt tasks and unit testing using MashupPlatform mock: – https://github.com/Wirecloud/grunt-wirecloud – https://github.com/Wirecloud/mock- applicationmashup • Docker image: – https://registry.hub.docker.com/u/wirecloud/fiwa re-wirecloud/
- 39. Thanks!Thanks!
Editor's Notes
- #14: Configurable dashboards is the core of the platform, though not a single feature. It must be described here. With the same set of widets many dashboards can be created. They can be suited for individual requiremens of preferences of the people using them, or targeted to different roles with different permissions. Developing widgets for your domain pays-back on the many usages you can give to them. Fast prototyping is something that must be stressed. It allows to sketch-up an application easily. It can be shown to customers or refined with the feedback. Moreover, development is quite easy. Development is divided into sepparated tasks (widgets) with very few dependance among them.
- #32: Where is it?