WireCloud hands-on. FI-PPP-Liaison
-
Upload
miguel-jimenez -
Category
Technology
-
view
281 -
download
1
description
Transcript of WireCloud hands-on. FI-PPP-Liaison
![Page 1: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/7.jpg)
![Page 8: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/8.jpg)
![Page 9: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/9.jpg)
![Page 10: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/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.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/11.jpg)
![Page 12: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/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.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/13.jpg)
Wirecloud4Tablet
![Page 14: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/14.jpg)
Wirecloud4Tablet
14
![Page 15: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/15.jpg)
Work in progress
15
![Page 16: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/20.jpg)
Widget description – config.xml
![Page 21: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/21.jpg)
Using preferences
![Page 22: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/22.jpg)
Making HTTP requests
![Page 23: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/23.jpg)
Working with wiring
![Page 24: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/29.jpg)
Public/embedded mashups
![Page 30: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/30.jpg)
Publish a mashup in the WStore
![Page 31: WireCloud hands-on. FI-PPP-Liaison](https://reader033.fdocuments.us/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.fdocuments.us/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.fdocuments.us/reader033/viewer/2022052323/559428e81a28abb45a8b4575/html5/thumbnails/33.jpg)
Thanks!Thanks!