WireCloud is the FIWARE Application Mashup Generic Enabler Reference Implementation. This talk gives an overview of WireCloud, describes its integration with other Generic Enablers, and gives some technical information on how to write composite applications using WireCloud

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

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.

10. 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

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

15. Work in progress
16

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. http://conwet.fi.upm.es/wirecloud
https://mashup.lab.fi-ware.org
http://edu.fiware.org/course/view.php?id=53
http://catalogue.fiware.org/enablers/applicatio
n-mashup-wirecloud/documentation
https://github.com/Wirecloud/wirecloud
https://github.com/wirecloud-fiware
https://store.lab.fiware.org/search/tag/starterKit

19. Resources used on the presentation
• You can access them on:
http://j.mp/hamburg_kickoff
• Widgets and operators are zip files renamed. You
can always download one and see the sources,
just unzip it
• Mashups can have widgets & operators
embedeed (like hamburg demo), and can create
a workspace by themselves
– Create a new workspace and click the search
icon, mashups in “My Resources” will appear

20. USING WIRECLOUD
Apps/Data Delivery Chapter

21. Using Wirecloud
• Create a FIWARE Lab account (if not done yet)
• Choose mashup tab
• Play https://mashup.lab.fi-ware.org
add widgets to workspace
wiring tool catalogue
store

22. WORKING WITH
MASHUPS
Apps/Data Delivery Chapter

23. Public/embedded mashups

24. Publish a mashup in the WStore

25. 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

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

29. Using preferences

30. Making HTTP requests

31. Working with wiring

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. http://conwet.fi.upm.es/wirecloud
https://mashup.lab.fi-ware.org
http://edu.fiware.org/course/view.php?id=53
http://catalogue.fiware.org/enablers/applicatio
n-mashup-wirecloud/documentation
https://github.com/Wirecloud/wirecloud
https://github.com/wirecloud-fiware
https://store.lab.fiware.org/search/tag/starterKit

37. Thanks!Thanks!