glowing bear
TRANSCRIPT
![Page 1: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/1.jpg)
27th October 2016
Wibo Pipping – The Hyve
Glowing bearA modern user interface for tranSMART using the REST API
![Page 2: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/2.jpg)
2
Agenda/Overview
● IMI Translocation
● Principles for the new UI
● Glowing bear
○ Design
○ Current status
○ Roadmap
● Questions
![Page 3: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/3.jpg)
IMI TranslocationNew drugs 4 bad bugs
![Page 4: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/4.jpg)
4
Translocation
● Part of the IMI antimicrobial resistance programme
● Integrate existing knowledge
○ Preclinical data
○ Clinical data
● Extend the REST API
![Page 5: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/5.jpg)
5
Translocation - Role in project
![Page 6: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/6.jpg)
6
Translocation - features
● Extended tranSMART REST API
● Improved R client
○ Reduced data download overhead
○ Extended constraints for data download
● Started work on new UI - Glowing bear
![Page 7: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/7.jpg)
7
Translocation - New UI
● cBioPortal inspired
● Utilizes the REST API
● Well received
● Use cases provided by
● tranSMART community
![Page 8: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/8.jpg)
PrinciplesCurrent UI and glowing bear
![Page 9: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/9.jpg)
9
Current tranSMART UI● User experience:
○ Outdated look and feel
○ Steep learning curve
○ Feedback not always clear
![Page 10: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/10.jpg)
10
Current tranSMART UI
● Technological debt:
○ Old fashioned server architecture
○ No separation of concerns
○ No test coverage
Cur
rent
cod
e qu
ality
→
Time to implement new feature →
![Page 11: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/11.jpg)
11
Glowing bear - Goals
● Replace old UI for all common use cases
● Improve cohort selection to improve usability
● Improve user experience
● Leverage new functionality and improved REST API
build in 17.1 project
○ Longitudinal data
○ Modifier support
○ Cross study support
○ Data linking to third parties (i.e. Arvados)
![Page 12: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/12.jpg)
12
Principles
● Responsive
○ Feedback to the user
● Informative
○ Insight into what data the user has
● Intuitive
○ Gradual learning curve
○ Low threshold to start
![Page 13: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/13.jpg)
13
Responsive
● Feedback
○ Early
○ Correct location
○ Clear
![Page 14: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/14.jpg)
14
Informative
● Insight in what the data has to offer
○ Ranges and distributions
○ Update figures when selecting data
● Maintain information flow through the system
![Page 15: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/15.jpg)
15
Intuitive
● Flatten learning curve
● Lower threshold for new users
● Dynamic transition from simple to more complex use
cases
![Page 16: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/16.jpg)
16
Glowing bear - design part 1
● Interactive dynamic web application
○ cBioPortal inspired
● Separation of concerns
○ Modular system
○ Separate back-end and front-end
TranSMART CoreDB + CoreAPI
REST API
Glowing bear
● Processing power● long running jobs● data storage
![Page 17: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/17.jpg)
17
Glowing bear - design part 2
● Separation of concerns
○ Also in the front-end itself
● Plugin architecture
○ SmartR
○ Genome browser?
○ …. ?
● Why?
○ Simplify development and maintenance
Glowing bear
SmartR
Plugin X
![Page 18: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/18.jpg)
18
Glowing bear - design part 3 ● Produced code has to have tests
○ Avoid regressions
○ Maintain quality of the product
● Current UI code base has a 0.00% test coverage
![Page 19: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/19.jpg)
19
Recent additions
● Improved cohort selection
○ Supports up to 2 cohorts
○ Cohort grid
● Save and retrieve cohorts
● Plugin architecture
○ SmartR support
● Searching on study level
● metadata
![Page 20: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/20.jpg)
Glowing bearIn development and Roadmap
![Page 21: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/21.jpg)
21
Currently in development
● Data export
○ Adjusting REST API for support
![Page 22: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/22.jpg)
● Longitudinal data
● Improved study selection
● File linking
● Cross study support
● Improve smartR workflow
● Extend searching concepts/metadata
● Frontpage - study changes statistics
● Advanced visualisations
● Notebook support
22
Planned roadmap - features
![Page 23: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/23.jpg)
23
Planned roadmap
● Longitudinal data
○ Waiting for 17.1 Backend implementation
○ Support temporal relations in data queries
○ UI component in design phase
● Improve smartR workflow
![Page 24: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/24.jpg)
24
Planned roadmap
● Improved study selection
○ Controlled vocabulary
○ Genes
● Frontpage - study changes statistics
○ Recently loaded studies
![Page 25: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/25.jpg)
25
Planned roadmap
● File linking
○ Arvados
● Cross study support
● Extend searching concepts/metadata
○ Searching on concepts
● Advanced visualisations
○ Line graphs with data transformation
● Notebook support
○ Adding custom analysis
![Page 26: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/26.jpg)
26
Want to contribute/test?
● Get in touch with us to become a tester/developer or
adopt a feature:
![Page 27: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/27.jpg)
Questions
![Page 28: Glowing bear](https://reader031.vdocuments.net/reader031/viewer/2022021507/58f02c2e1a28ab25258b4689/html5/thumbnails/28.jpg)