Exercise
II. Waltz (ex. TangoWebapp) installation
guide*
* https://github.com/tango-controls/tango-webapp/wiki/TangoWebapp-Workshop@SOLARIS

Waltz (ex. TangoWebapp) overview
[Live]

Waltz (ex. TangoWebapp) insights

Exercise
III. IDE setup guide*
* https://github.com/tango-controls/tango-webapp/wiki/
TangoWebapp-Workshop@SOLARIS#iii-ide-setup

What is TangoWebapp?

04.07.2018 Igor Khokhriakov & Olga Merkulova 6
1) A bunch of jmvc applications
2) Custom backends: user-context; terminal; etc

04.07.2018 Igor Khokhriakov & Olga Merkulova 7
3) Each jmvc application

04.07.2018 Igor Khokhriakov & Olga Merkulova 8
4) Putting it all together

JavaScriptMVC-1.5.x (jmvc)

MVC... WAT?

04.07.2018 Igor Khokhriakov & Olga Merkulova 13

04.07.2018 Igor Khokhriakov & Olga Merkulova 14
● https://github.com/jmvc-15x/javascriptmvc-1.5.x

MVC.Model.extend

OpenAjax.hub
.publish
.subscribe

Tests console

04.07.2018 Igor Khokhriakov & Olga Merkulova 18
$> ./jmvcc jmvc/assemble

Webix

04.07.2018 Igor Khokhriakov & Olga Merkulova 21
Webix is an integrated UI framework:

webix.protoUI

webix.protoUI
+ composition

Data binding

Exercise
IV. Developing custom dashboard for Waltz
(ex. TangoWebapp)*
* https://github.com/tango-controls/tango-webapp/wiki/
TangoWebapp-Workshop@SOLARIS_development
#iv-developing-custom-dashboard-for-waltz-ex-tangowebapp

TangoWebapp Architecture

04.07.2018 Igor Khokhriakov & Olga Merkulova 27
1) Layered architecture
2) OpenAjax for loose coupling
3) Platform API

TangoRequestAPI
Usage
*webix.promise –
like future in
C++/Python/Java

PlatformAPI.UIBuilder

PlatformAPI.UIBuilder

PlatformAPI.UserContext

UserContext backend

PlatformAPI.UserContext

PlatfrormAPI.Stateful mixin

PlatfromAPI.mixins

PlatformAPI Tango primitives

PlottingPlotting

Deployment&CI

04.07.2018 Igor Khokhriakov & Olga Merkulova 39
$> ./jmvcc jmvc/assemble → TangoWebapp.war

04.07.2018 Igor Khokhriakov & Olga Merkulova 40
Branch based build by Travis

Exercise
V. Developing custom application using
Waltz (ex. TangoWebapp) platform*
* https://github.com/tango-controls/tango-webapp/wiki/
TangoWebapp-Workshop@SOLARIS_development
#v-developing-custom-application-using-waltz-ex-tangowebapp-platform

Exercise
VI. Advanced exercise*
* https://github.com/tango-controls/tango-webapp/wiki/
TangoWebapp-Workshop@SOLARIS_development
#vi-advanced-exercise

Issues

Nashorn (JS5, can not handle complex libraries)
JSDoc custom parser
Documentation (User/Developer)

Do not blame legacy!
There is no silver bullet!
https://vimeo.com/181766947

04.07.2018 Igor Khokhriakov & Olga Merkulova 48
● Improve Platform API
– Inject context menu
– Include widgets VS include “platform”
– Improve widgets OpenAjax subscription
● Get rid off Nashorn
● Replace custom JSDoc parser with library
● Use JS6 features (Get rid off jmvc???)
– Classes/modules/lambda etc
● Documentation (Q'3 2018)

04.07.2018 Igor Khokhriakov & Olga Merkulova 49
Linux terminal back-end
tango-controls-webapp/tango-webapp-terminal-backend
– Python server app that runs linux terminal session
– Handshake procedure: start docker for each user

THANK YOU!
Questions?
mail@ingvord.ru
tango-controls/tango-webapp
tango-controls-webapp