1. TangoWebapp insights
by Igor Khokhriakov
32nd
Tango Users meeting, 2018

2. What’s inside?

3. 07.06.2018 Igor Khokhriakov 3
1) What is TangoWebapp?
2) Structure of the project
3) Technologies
4) Architecture
5) Deployment guide lines
6) Some tweaks and tips

4. What is TangoWebapp?

5. 07.06.2018 Igor Khokhriakov 5
1) A bunch of jmvc applications
2) Custom backends: user-context; terminal; etc

6. 07.06.2018 Igor Khokhriakov 6
3) Each jmvc application

7. 07.06.2018 Igor Khokhriakov 7
4) Putting it all together

10. JavaScriptMVC-1.5.x (jmvc)

11. 07.06.2018 Igor Khokhriakov 11
●
https://github.com/jmvc-15x/javascriptmvc-1.5.x

12. MVC.Model.extend

13. OpenAjax.hub
.publish
.subscribe

14. Tests console

15. 07.06.2018 Igor Khokhriakov 15
$> ./jmvcc jmvc/assemble

17. Webix

18. 07.06.2018 Igor Khokhriakov 18
Webix is an integrated UI framework:

19. webix.protoUI

20. webix.protoUI
+ composition

21. Data binding

22. TangoWebapp Architecture

23. 07.06.2018 Igor Khokhriakov 23
1) Layered architecture
2) OpenAjax for loose coupling
3) Platform API

24. PlatformAPI.UIBuilder

25. PlatformAPI.UIBuilder

26. PlatformAPI.UserContext

27. PlatfrormAPI.Stateful mixin

28. mixins

29. PlatformAPI Tango primitives

30. Quite good so far...

31. … but there is always
a dark side

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

33. Deployment&CI

34. 07.06.2018 Igor Khokhriakov 34
Branch based build by Travis

37. Future plans (Q'1-2 2019)

38. 07.06.2018 Igor Khokhriakov 38
●
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)

39. Acknowledgements

40. 07.06.2018 Igor Khokhriakov 40
FS-EC group
Tango Controls steering committee

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