wirecloud hands-on. fi-ppp-liaison
DESCRIPTION
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.TRANSCRIPT
![Page 1: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/1.jpg)
Data/Applications Visualization and Mashup
Madrid: Miguel Jiménez (UPM) | [email protected] | @miguel_jimg
![Page 2: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/2.jpg)
Agenda
1. What is WireCloud?
2. What can I do with WireCloud?
3. Developing with WireCloud
![Page 3: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/3.jpg)
WHAT IS WIRECLOUD?
Data/Applications Visualization and Mashup
![Page 4: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/4.jpg)
What is WireCloud?
Backend
service Backend
service
Backend
service
Object Storage
API
NGSI API
Context
Broker
![Page 5: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/5.jpg)
WHAT CAN I DO WITH WIRECLOUD?
Data/Applications Visualization and Mashup
![Page 6: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/6.jpg)
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 UIweb 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.
![Page 7: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/7.jpg)
![Page 8: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/8.jpg)
![Page 9: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/9.jpg)
![Page 10: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/10.jpg)
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
![Page 11: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/11.jpg)
![Page 12: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/12.jpg)
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
![Page 13: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/13.jpg)
Wirecloud4Tablet
![Page 14: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/14.jpg)
Wirecloud4Tablet
14
![Page 15: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/15.jpg)
Work in progress
15
![Page 16: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/16.jpg)
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
![Page 17: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/17.jpg)
Recent success stories
• Málaga CitySense
Watch it on Youtube
![Page 18: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/18.jpg)
DEVELOPING WITH WIRECLOUD
Apps/Data Delivery Chapter
![Page 19: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/19.jpg)
Developing a widget
• Typical web appstructure
• Config.xml is thedescription– It references the HTML
– HTML links with the rest
![Page 20: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/20.jpg)
Widget description – config.xml
![Page 21: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/21.jpg)
Using preferences
![Page 22: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/22.jpg)
Making HTTP requests
![Page 23: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/23.jpg)
Working with wiring
![Page 24: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/24.jpg)
Developing an operator
• Config.xml is similar
– References a JavaScript file
![Page 25: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/25.jpg)
Using Context Broker GE
• Declaring the feature
• Opening the connection
![Page 26: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/26.jpg)
Using Context Broker GE
• Creating an entity
![Page 27: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/27.jpg)
Using Context Broker GE
• Creating a subscription
![Page 28: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/28.jpg)
WORKING WITH MASHUPS
Apps/Data Delivery Chapter
![Page 29: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/29.jpg)
Public/embedded mashups
![Page 30: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/30.jpg)
Publish a mashup in the WStore
![Page 31: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/31.jpg)
Consume mashups
• Consume the offer with a different user
• Phases
1. Acquire in the Wstore
2. Install from yourresources
3. Create a workspacefrom the mashup
![Page 32: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/32.jpg)
Wirecloud Resources
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
https://mashup.lab.fi-ware.org
![Page 33: WireCloud hands-on. FI-PPP-Liaison](https://reader033.vdocument.in/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/33.jpg)
Thanks!Thanks!