FIspace Project App Development Overview July 24th, 2014 Javier Romero Task 450 - Generic and Domain- specific Application Development leader Atos.

FIspace ProjectApp Development OverviewJuly 24th, 2014 Javier Romero

Task 450 - Generic and Domain-specific Application Development leader

Atos

I want to develop my Fispace app. But…

• How do I connect to the FIspace platform?

• Which languages/technologies can I use to develop my app?

• How do I create a widget?

How do I connect my components?

App

Frontend Backend

FIspaceFrontend

WireCloud

AppStore Security

CSB B2B SDI

Basic components connection

FIspace

Frontend

WireCloud

App

Frontend Backend

deploy as widget

REST web service

RESTweb service

Client Web

Browser

AppStore Security

CSB SDIB2B

Components connection extended

FIspace

Frontend

WireCloud

App

Frontend Backend

deploy as widget

RESTweb service

AppStore

RESTweb service

RESTweb serviceClient

Web Browser

CSBSecurity

B2B SDI

What technologies can I use in my app?

Development technologies in FIspace

JAVA

.NET

Node.js

Python

PHP

…

BACKEND

HTML5

JavaScript

CSS

FRONTEND

REST web service

Sample frameworks to use in Frontend

AngularJS

jQuery

Backbone.js

Knockout.js

Ember.js

JavaScript MVC

JavaScript CSS

Bootstrap

Foundation

Pure

Kube

YAML

How do I create a WireCloud Widget?

HTML5

JavaScript

CSS

config.xml

My-Widget.wgt

FIspaceSDKHTML5

JavaScript

CSS

HTML5

JavaScript

CSS

config.xml

(ZIP)

What next?

HTML5

JavaScript

CSS

config.xml

My-Widget.wgt FIspace

Frontend

WireCloud

SDI CSB B2BApp

Store

(DEPLOY)

How do I connect to the FIspace platform?

Which languages/technologies can I use to develop my app?

How do I create a widget?