Data/Applications Visualization and Mashup

Presenter: Álvaro Arranz (UPM) | aarranz@fi.upm.es | @aarranzgarcia

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

Agenda

1. What is WireCloud?2. What can I do with WireCloud?3. Developing with WireCloud

WHAT IS WIRECLOUD?Data/Applications Visualization and Mashup

What is WireCloud?

Widget

Mashupdat

a

Backendservice Backend

service

Backendservice

operato

r

wiring

Object StorageAPI

NGSI API

ContextBroker

piping

WHAT CAN I DO WITH WIRECLOUD?

Data/Applications Visualization and Mashup

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.

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

Orion: Basic/admin example

Orion example: PoI example

Kurento: Crowd detector

DEVELOPING WITH WIRECLOUD

Apps/Data Delivery Chapter

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

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/

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

Thanks!Thanks!