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

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

3. How do I connect my components? App Frontend Backend FIspace Frontend WireCloud App Store App Store Security CSB B2B SDI

4. Basic components connection FIspace Frontend WireCloud App Frontend Backend deploy as widget REST web service REST web service REST web service Client Web Browser App Store App Store Security CSB SDI B2B

5. Components connection extended FIspace Frontend WireCloud App Frontend Backend deploy as widget REST web service REST web service App Store App Store REST web service REST web service REST web service REST web service Client Web Browser CSB Security B2B SDI

6. What technologies can I use in my app?

7. Development technologies in FIspace JAVA.NET Node.js Python PHP … … BACKEND HTML5 JavaScript CSS FRONTEND REST web service

8. Sample frameworks to use in Frontend AngularJS jQuery Backbone.js Knockout.js Ember.js JavaScript MVC JavaScript CSS Bootstrap Foundation Pure Kube YAML

9. How do I create a WireCloud Widget? HTML5 JavaScript CSS config.xml My-Widget.wgt FIspace SDK FIspace SDK HTML5 JavaScript CSS HTML5 JavaScript CSS config.xml (ZIP)

10. What next? HTML5 JavaScript CSS config.xml My-Widget.wgt FIspace Frontend WireCloud SDI CSB B2B App Store App Store (DEPLOY)

11. How do I connect to the FIspace platform? Which languages/technologies can I use to develop my app? How do I create a widget?