App Mashup GE: WireCloud - Startup Weekend

Preview:

DESCRIPTION

Presentation of FIWARE Application Mashup GE and its reference implementation, WireCloud. It describes how to build web-based front-ends through widgets, and the features that WireCloud offers for that. Finally it goes into a hands-on workshop to build an example application

Citation preview

Data/Applications Visualization and Mashup

Presenter: Miguel Jiménez (UPM) | mjimenez@fi.upm.es | @miguel_jimg

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?

Backend

service Backend

service

Backend

service

Object Storage

API

NGSI API

Context

Broker

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 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.

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

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

Wirecloud4Tablet

Wirecloud4Tablet

14

Work in progress

15

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

Recent success stories

• Málaga CitySense

Watch it on Youtube

DEVELOPING WITH WIRECLOUD

Apps/Data Delivery Chapter

Developing a widget

• Typical web appstructure

• Config.xml is thedescription– 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

WORKING WITH MASHUPS

Apps/Data Delivery Chapter

Public/embedded mashups

Publish a mashup in the WStore

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

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

Thanks!Thanks!