Page 1
Development of Tag Browser Software Tool for ATLAS COOL Database
European Organization for Nuclear Research
Georgian Technical University
by
Davit Varamashvili, Giorgi Avaliani, Nikoloz UdzilauriSCGCCW’2014 Tbilisi, Georgia 23/10/2014
Georgian EngineeringCenter
Page 2
Overview
COOL Tag Browser Behind-the-scenes Basic Anatomy of COOL Tag Browser The Good, the Bad, and the Ugly User Interface Primary Objective Form v. Function Coming Soon
Page 3
CTB Behind-the-scenes // Data Flow
http://cadcam.ge/index.php?do=full&id=336
Page 4
ORACLE DB
PHP Parsing return JAVASCRIPT COOL Tag Browser R11
CTB Behind-the-scenes // Data Flow
Page 5
CTB Behind-the-scenes // Methodology
Page 6
CTB Behind-the-scenes // CherryPy , PL/SQL and COMA
In CherryPy output format is XML
<schemaList server="ATLAS_COOLPROD"><schema>ATLAS_COOLOFL_CALO</schema><schema>ATLAS_COOLOFL_CSC</schema><schema>ATLAS_COOLOFL_DCS</schema><schema>ATLAS_COOLOFL_FWD</schema><schema>ATLAS_COOLOFL_GLOBAL</schema><schema>ATLAS_COOLOFL_INDET</schema><schema>ATLAS_COOLOFL_LAR</schema><schema>ATLAS_COOLOFL_MDT</schema><schema>ATLAS_COOLOFL_MUONALIGN</schema><schema>ATLAS_COOLOFL_PIXEL</schema><schema>ATLAS_COOLOFL_RPC</schema><schema>ATLAS_COOLOFL_SCT</schema><schema>ATLAS_COOLOFL_TGC</schema><schema>ATLAS_COOLOFL_TILE</schema><schema>ATLAS_COOLOFL_TRIGGER</schema><schema>ATLAS_COOLOFL_TRT</schema>
</schemaList>
PARSER
Page 7
CTB Behind-the-scenes // CherryPy , PL/SQL and COMA
In PL/SQL output formats are XML and JSON
[{"rowid":1,"schemaName":"ATLAS_COOLOFL_CSC","dbName":"COMP200","nodeId":13,"nodeName":"FTHOLD","nodeFullpath":"/CSC/FTHOLD","nodeDescription":"<timeStamp>run-lumi</timeStamp><addrHeader><address_header service_type=\"71\" clid=\"1238547719\" /></addrHeader><typeName>CondAttrListCollection</typeName>","nodeIsleaf":1,"nodeInstime":"2010-05-25_11:08:07.539405000 GMT","nodeIovBase":"run-lumi","nodeIovType":"CondAttrListCollection","nodeTinstime":1274778487000,"lastmodDate":"2010-05-25_11:08:07.539405000 GMT","folderVersioning":1,"folderPayloadSpec":",chamId:Int32,Data:String64k","folderIovtablename":"COMP200_F0013_IOVS","folderTagtablename":"COMP200_F0013_TAGS","folderChanneltablename":"COMP200_F0013_CHANNELS"}]
PARSER
Page 8
CTB Behind-the-scenes // CherryPy , PL/SQL and COMA
In COMA we have DATABASE
MORIFIER
Page 9
Basic Anatomy Of COOL Tag Browser
Menu / Direct path
There’s something inside!
Tag search
Menu
Page 10
Basic Anatomy Of COOL Tag Browser
Checkboxes determine the type of data displayed by the browser.
Users can speed up the browsing process by omitting the unwanted parameters.
Page 11
COOL Tag Browser R11
Page 12
- Why do we need designers?!- They make things look good!
The Good, the Bad and the Ugly User Interface
Page 13
The Good, the Bad and the Ugly User Interface
Page 14
The Good, the Bad and the Ugly User Interface
Page 15
- Why do we need designers?!- They make good things!
The Good, the Bad and the Ugly User Interface
Page 16
Delightful and easy to use; Promote meaningful interaction; Understand users’ needs! Monitor, analyze, adapt!
The Good, the Bad and the Ugly User Interface
Page 17
Form v. Function
Source: How Bad UX Killed Jenny by Jonathan Shariathttps://medium.com/@designuxui/how-bad-ux-killed-jenny-ef915419879e
Bad UI/UX kills people!
Page 18
Form v. Function
Source: How Bad UX Killed Jenny by Jonathan Shariathttps://medium.com/@designuxui/how-bad-ux-killed-jenny-ef915419879e
Page 20
Form v. Function
Physicists are people too!
Page 21
Primary Objective
To unleash full potential of the COOL database.
Bring order to the chaos; Make browsing highly rewarding; Promote world-peace!
Page 22
Form v. Function
COOL Tag Browser R10.0
Page 23
Form v. Function
COOL Tag Browser R10.0
Page 24
Form v. Function
COOL Tag BrowserR11
More flexible; More intuitive; More blue!
Page 25
Coming Soon
COOL Tag BrowserR11.9
Even more flexible; Easier to customize;
Resize fields, Omit extra data.
Less blue!
Page 26
Coming Soon
Splitter
Reset
Close
Page 27
Coming Soon
Tick checkboxes to show the
necessary info only!
Page 28
Coming Soon
Maximize important fields to get a better look at tags.
Page 29
Coming Soon
CTB 12.0SAMPLE
Page 30
Coming Soon
COOL Tag Browser 12.0
Fully responsive; Fluid, flexible UI; Export/share data; Track tags.
Page 31
Coming Soon
Timeline
COOL Tag Browser 11.9 Nov. 2014
COOL Tag Browser 12.0 Dec. 2014 – Jan. 2015
Page 32
Just a random koala!