Data/Applications Visualization and Mashup

Data/Applications Visualization and Mashup

Presenter: Álvaro Arranz (UPM) | [email protected] | @aarranzgarcia

Agenda

1. What is WireCloud?2. What can I do with WireCloud?3. Using WireCloud4. Working with Mashups5. 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

• 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

Recent success stories

• Málaga CitySense

Watch it on Youtube

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

USING WIRECLOUDApps/Data Delivery Chapter

Using Wirecloud

• Create a FIWARE Lab account (if not done yet)• Open the Mashup portal• Play https://mashup.lab.fiware.org

add widgets to workspace

wiring tool my resources

store

WORKING WITH MASHUPSApps/Data Delivery Chapter

Managing your mashups

• Create as many workspaces as you want• Rename them, remove them…• Upload a mashup to “My Resources”

– With/without widgets/operators embedded• Create a workspace from a mashup

Create/modify your own mashup

• Add widgets with the• Choose widgets on the left panel and click on “+”

sign to add them• Go to the wiring tool

– Add your widgets and deploy any operator– Connect input and output endpoints as you want

• There are not restrictions

Public/embedded mashups

Publish a mashup in the WStore

Consume mashups

• Consume the offer with a different user

• Phases1. Acquire in the Wstore2. Create a workspace

from the mashup

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

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

News features in WireCloud 0.8.0 and recent work

• Behaviour oriented wiring• Dynamic dashboards• 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/

Behaviour Oriented Wiring

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!