creación de mashups usando fiware (#cpmx6)
TRANSCRIPT
![Page 1: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/1.jpg)
Data/Applications Visualization and Mashup
Presenter: Álvaro Arranz (UPM) | [email protected] | @aarranzgarcia
![Page 2: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/2.jpg)
https://mashup.lab.fiware.org
http://edu.fiware.org/course/view.php?id=53
http://catalogue.fiware.org/enablers/application-mashup-wirecloud/documentation
https://github.com/Wirecloud/wirecloud https://github.com/wirecloud-fiware
http://stackoverflow.com/questions/tagged/fiware-wirecloud
OrionStarterKit
![Page 3: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/3.jpg)
Agenda
1. What is WireCloud?2. What can I do with WireCloud?3. Developing with WireCloud
![Page 4: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/4.jpg)
WHAT IS WIRECLOUD?Data/Applications Visualization and Mashup
![Page 5: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/5.jpg)
What is WireCloud?
Widget
Mashupdat
a
Backendservice Backend
service
Backendservice
operato
r
wiring
Object StorageAPI
NGSI API
ContextBroker
piping
![Page 6: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/6.jpg)
WHAT CAN I DO WITH WIRECLOUD?
Data/Applications Visualization and Mashup
![Page 7: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/7.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 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.
![Page 8: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/8.jpg)
Configurable dashboards... and much more
• Wiring– Wiring and support for channel creation
• HTTP proxy– Cross-site HTTP requests
• Integration with FIWARE GEs– APIs for: Context Broker, Object Storage– Easy to use with Kurento
• Public App Mashups– Access without login to a mashup
• Embedded mashups– Integrate public mashups in any website
• Integration with the WStore and IdM
![Page 9: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/9.jpg)
![Page 10: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/10.jpg)
Orion: Basic/admin example
![Page 11: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/11.jpg)
Orion example: PoI example
![Page 12: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/12.jpg)
Kurento: Crowd detector
![Page 13: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/13.jpg)
DEVELOPING WITH WIRECLOUD
Apps/Data Delivery Chapter
![Page 14: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/14.jpg)
Developing a widget
• Typical web app structure
• Config.xml is the description– It references the HTML– HTML links with the rest
![Page 15: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/15.jpg)
Widget description – config.xml
![Page 16: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/16.jpg)
News features in WireCloud 0.8.0 and recent work
• Widget skeleton using Grunt tasks and unit testing using MashupPlatform mock:– https://github.com/Wirecloud/grunt-wirecloud– https://github.com/Wirecloud/mock-
applicationmashup• Docker image:
– https://registry.hub.docker.com/u/wirecloud/fiware-wirecloud/
![Page 17: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/17.jpg)
http://conwet.fi.upm.es/wirecloud
https://mashup.lab.fiware.org
http://edu.fiware.org/course/view.php?id=53
http://catalogue.fiware.org/enablers/application-mashup-wirecloud/documentation
https://github.com/Wirecloud/wirecloud https://github.com/wirecloud-fiware
https://store.lab.fiware.org/search/tag/starterKit
http://stackoverflow.com/questions/tagged/fiware-wirecloud
![Page 18: Creación de Mashups usando FIWARE (#CPMX6)](https://reader035.vdocument.in/reader035/viewer/2022062712/55d083f4bb61ebbf7d8b4782/html5/thumbnails/18.jpg)
Thanks!Thanks!