SlideShare a Scribd company logo
Data/Applications Visualization and Mashup 
Madrid: Miguel Jiménez (UPM) | mjimenez@fi.upm.es | @miguel_jimg
Agenda 
1. What is WireCloud? 
2. What can I do with WireCloud? 
3. Developing with WireCloud
Data/Applications Visualization and Mashup 
WHAT IS WIRECLOUD?
What is WireCloud? 
Backend 
service Backend 
service 
Backend 
service 
NGSI API 
Object Storage 
API 
Context 
Broker
Data/Applications Visualization and Mashup 
WHAT CAN I DO WITH 
WIRECLOUD?
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.
WireCloud hands-on. FI-PPP-Liaison
WireCloud hands-on. FI-PPP-Liaison
WireCloud hands-on. FI-PPP-Liaison
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
WireCloud hands-on. FI-PPP-Liaison
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
Wirecloud4Tablet
Wirecloud4Tablet 
14
Work in progress 
15
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
Recent success stories 
• Málaga CitySense 
Watch it on Youtube
Apps/Data Delivery Chapter 
DEVELOPING WITH 
WIRECLOUD
Developing a widget 
• Typical web app 
structure 
• Config.xml is the 
description 
– It references the HTML 
– HTML links with the rest
Widget description – config.xml
Using preferences
Making HTTP requests
Working with wiring
Developing an operator 
• Config.xml is similar 
– References a JavaScript file
Using Context Broker GE 
• Declaring the feature 
• Opening the connection
Using Context Broker GE 
• Creating an entity
Using Context Broker GE 
• Creating a subscription
Apps/Data Delivery Chapter 
WORKING WITH 
MASHUPS
Public/embedded mashups
Publish a mashup in the WStore
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
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
Thanks!

More Related Content

WireCloud hands-on. FI-PPP-Liaison

  • 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
  • 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
  • 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
  • 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

Editor's Notes

  1. 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.
  2. Where is it?