Description of the WireCloud mashup engine, and its integration with other FIWARE Generic Enablers. It defines basic components such as widget, operator, and mashup, and goes on with advanced fuctionality of WireCloud such as Wiring, HTTP proxy, preferences, and the APIs to other FIWARE GenericEnablers. Finally, it contains a basic workshop on the usage of WireCloud. It exposes a chat application split into a widget and an operator.

1. Data/Applications Visualization and Mashup
Madrid: Miguel Jiménez (UPM) | mjimenez@fi.upm.es | @miguel_jimg

2. Agenda
1. What is WireCloud?
2. What can I do with WireCloud?
3. Developing with WireCloud

3. Data/Applications Visualization and Mashup
WHAT IS WIRECLOUD?

4. What is WireCloud?
Backend
service Backend
service
Backend
service
NGSI API
Object Storage
API
Context
Broker

5. Data/Applications Visualization and Mashup
WHAT CAN I DO WITH
WIRECLOUD?

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.

10. Configurable dashboards... and much more
• Basic features
– Wiring and support for channel creation
– Preferences
– Context
• 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

12. Work in progress
• Wirecloud4Tablet
– Framework component for building and running
multiplatform/multichannel & hybrid mobile apps
– Support for Mobile App Mashups: HTML5/hybrid
apps with access to native device features
– Support for the “App-in-App” concept in
HTML5/hybrid apps
– Apps Cloud services (native notifications, IdM,
storage, etc.)
– Enterprise App Store/Marketplace

13. Wirecloud4Tablet

14. Wirecloud4Tablet
14

15. Work in progress
15

16. Recent success stories
Wirecloud at the news: WireCloud was
successfully used by Fi-Guardian
project, winner of the 1st prize of the
FI-WARE Challenges for Smart Cities
@ Campus Party Brasil 2014
Spanish Center of Geographic
Information / National Geographic
Institute has promoted the
development of a catalogue of
GeoWidgets and map mashups
See news at Rio Janeiro TV
Have a look at it

17. Recent success stories
• Málaga CitySense
Watch it on Youtube

18. Apps/Data Delivery Chapter
DEVELOPING WITH
WIRECLOUD

19. Developing a widget
• Typical web app
structure
• Config.xml is the
description
– It references the HTML
– HTML links with the rest

20. Widget description – config.xml

21. Using preferences

22. Making HTTP requests

23. Working with wiring

24. Developing an operator
• Config.xml is similar
– References a JavaScript file

25. Using Context Broker GE
• Declaring the feature
• Opening the connection

26. Using Context Broker GE
• Creating an entity

27. Using Context Broker GE
• Creating a subscription

28. Apps/Data Delivery Chapter
WORKING WITH
MASHUPS

29. Public/embedded mashups

30. Publish a mashup in the WStore

31. Consume mashups
• Consume the offer with a
different user
• Phases
1. Acquire in the Wstore
2. Install from your
resources
3. Create a workspace
from the mashup

32. Wirecloud Resources
https://mashup.lab.fi-ware.org
33

You can always find the most updated documentation of Wirecloud in:
• http://conwet.fi.upm.es/wirecloud

If you’te looking for guides:
• http://catalogue.fi-ware.org/enablers/documentation-17

Download from Github:
• WireCloud source code: https://github.com/Wirecloud/wirecloud
• Widget's source code of FIWARE's Live Demo mashable application
component): https://github.com/wirecloud-fiware/live-demo-macs

33. Thanks!