Top Banner
Data/Applications Visualization and Mashup Presenter: Miguel Jiménez (UPM) | [email protected] | @miguel_jimg
37
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Wirecloud hamburg kickoff

Data/Applications Visualization and Mashup

Presenter: Miguel Jiménez (UPM) | [email protected] | @miguel_jimg

Page 2: Wirecloud hamburg kickoff

Agenda

1. What is WireCloud?

2. What can I do with WireCloud?

3. Using WireCloud

4. Working with Mashups

5. Developing with WireCloud

Page 3: Wirecloud hamburg kickoff

WHAT IS WIRECLOUD?

Data/Applications Visualization and Mashup

Page 4: Wirecloud hamburg kickoff

What is WireCloud?

Backend

service Backend

service

Backend

service

Object Storage

API

NGSI API

Context

Broker

Page 5: Wirecloud hamburg kickoff

WHAT CAN I DO WITH WIRECLOUD?

Data/Applications Visualization and Mashup

Page 6: Wirecloud hamburg kickoff

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 hamburg kickoff
Page 8: Wirecloud hamburg kickoff
Page 9: Wirecloud hamburg kickoff
Page 10: Wirecloud hamburg kickoff

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

Page 11: Wirecloud hamburg kickoff
Page 12: Wirecloud hamburg kickoff

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 hamburg kickoff

Wirecloud4Tablet

Page 14: Wirecloud hamburg kickoff

Wirecloud4Tablet

15

Page 15: Wirecloud hamburg kickoff

Work in progress

16

Page 16: Wirecloud hamburg kickoff

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 hamburg kickoff

Recent success stories

• Málaga CitySense

Watch it on Youtube

Page 18: Wirecloud hamburg kickoff

http://conwet.fi.upm.es/wirecloud

https://mashup.lab.fi-ware.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

Page 19: Wirecloud hamburg kickoff

Resources used on the presentation

• You can access them on:

http://j.mp/hamburg_kickoff

• Widgets and operators are zip files renamed. You can always download one and see the sources, just unzip it

• Mashups can have widgets & operators embedeed (like hamburg demo), and can create a workspace by themselves

– Create a new workspace and click the search icon, mashups in “My Resources” will appear

Page 20: Wirecloud hamburg kickoff

USING WIRECLOUD

Apps/Data Delivery Chapter

Page 21: Wirecloud hamburg kickoff

Using Wirecloud

• Create a FIWARE Lab account (if not done yet)

• Choose mashup tab

• Play https://mashup.lab.fi-ware.org

add widgets to workspace

wiring tool catalogue

store

Page 22: Wirecloud hamburg kickoff

WORKING WITH MASHUPS

Apps/Data Delivery Chapter

Page 23: Wirecloud hamburg kickoff

Public/embedded mashups

Page 24: Wirecloud hamburg kickoff

Publish a mashup in the WStore

Page 25: Wirecloud hamburg kickoff

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 26: Wirecloud hamburg kickoff

DEVELOPING WITH WIRECLOUD

Apps/Data Delivery Chapter

Page 27: Wirecloud hamburg kickoff

Developing a widget

• Typical web appstructure

• Config.xml is thedescription– It references the HTML

– HTML links with the rest

Page 28: Wirecloud hamburg kickoff

Widget description – config.xml

Page 29: Wirecloud hamburg kickoff

Using preferences

Page 30: Wirecloud hamburg kickoff

Making HTTP requests

Page 31: Wirecloud hamburg kickoff

Working with wiring

Page 32: Wirecloud hamburg kickoff

Developing an operator

• Config.xml is similar

– References a JavaScript file

Page 33: Wirecloud hamburg kickoff

Using Context Broker GE

• Declaring the feature

• Opening the connection

Page 34: Wirecloud hamburg kickoff

Using Context Broker GE

• Creating an entity

Page 35: Wirecloud hamburg kickoff

Using Context Broker GE

• Creating a subscription

Page 36: Wirecloud hamburg kickoff

http://conwet.fi.upm.es/wirecloud

https://mashup.lab.fi-ware.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

Page 37: Wirecloud hamburg kickoff

Thanks!Thanks!