Transcript PPT - FIspace

FIspace Project
App Development Overview
July 24th, 2014
Javier Romero
Task 450 - Generic and Domainspecific 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?
WireCloud
CSB
Frontend
App
Security
Store B2B
SDI
FIspace
Frontend
Backend
App
Basic components connection
Frontend
CSB
App
Store
Security
B2B
SDI
WireCloud
FIspace
Client
Web
Browser
REST web service
deploy as widget
REST
web service
Frontend
Backend
App
Components connection extended
Frontend
CSB
App
Store
Security
B2B
SDI
WireCloud
FIspace
Client
Web
Browser
REST
web service
deploy as widget
REST
web service
REST
web service
Frontend
Backend
App
What technologies can I use in my app?
Development technologies in FIspace
BACKEND
FRONTEND
JAVA
.NET
REST web service
JavaScript
PHP
HTML5
Python
CSS
Node.js
…
Sample frameworks to use in Frontend
JavaScript
AngularJS
jQuery
Ember.js
CSS
Bootstrap
Foundation
YAML
Knockout.js
Backbone.js
JavaScript
MVC
Kube
Pure
How do I create a WireCloud Widget?
JavaScript
JavaScript
JavaScript
HTML5
HTML5
HTML5
FIspace
SDK
CSS
(ZIP)
CSS
CSS
config.xml
config.xml
My-Widget.wgt
What next?
SDI
CSB
B2B
JavaScript
HTML5
CSS
(DEPLOY)
WireCloud
config.xml
Frontend
My-Widget.wgt
FIspace
App
Store
How do I connect to the FIspace
platform?
Which languages/technologies can I use
to develop my app?
How do I create a widget?