際際滷

際際滷Share a Scribd company logo
EMBL-EBI
Rafael C. Jimenez
2013-08-20
Bi JS
Introduction
EMBL-EBI
13.12.20182
A collection of JavaScript components
following a common guideline
to present biological information
Bi JS
EMBL-EBI
13.12.20183
Components Web applications
reuse
share
EMBL-EBI
13.12.20184
http://www.ebi.ac.uk/Tools/biojs/registry/
collection of
components
use
https://github.com/biojs/biojs
guidelines
(specification)
createBi JS
´
source code & documentationComponents registry
EMBL-EBI
13.12.20185
Input
Output
Aim
Sketch
Options
Methods
Events
Style
Biologists Biologists + Developer Developer Developer
BioJS component
BioJS
Design Coding
Specification
Developer
Registry
Source code
Release
API doc
Bi JS
EMBL-EBI
Component layers
13.12.20186
Data representation
JavaScript code
Dependencies
Style
? Constructor
? Options
? Methods
? Events
? Comments
? Examples
? Dependencies
? Documentation
Registry + API doc
Bi JS
EMBL-EBI
Bi JS
Examples
EMBL-EBI
8
EMBL-EBI
9
EMBL-EBI
10
EMBL-EBI
11
EMBL-EBI
12
EMBL-EBI
13
EMBL-EBI
14
EMBL-EBI
15
EMBL-EBI
16
Bi JS
EMBL-EBI
17
Bi JS
EMBL-EBI
18
EMBL-EBI13.12.2018
19
Bi JS
EMBL-EBI
Bi JS
20
EMBL-EBI
21
Bi JS
EMBL-EBI
22
Bi JS
EMBL-EBI
Bi JS
Benefits
EMBL-EBI
Benefits
? Share development
? Enhance the visibility of your widget
? Make components not just for you but for the community
? Isolate visualization from your web framework
? Have a minimal common code structure
? Components easy to take over since they need to be well
documented
? Easy to add functionality by extending a component
? Out of the box API documentation for your component
13.12.201824
create
Bi JS
EMBL-EBI
Benefits
? A registry to find a list components
? Components including an example to see and test
? Different components which are installed same way
? A common API documentation for all the components
? Easy to add functionality by extending a component
? Visualize like other groups/institutions
? Adapt the component to your visual styles
13.12.201825
use
Bi JS
EMBL-EBI
Benefits
? Follow minimal common guidelines
? Aim at having common visualizations
? Encourage developers to work in common implementations
? Let the community visualize like your institution does
? Make people aware of what components are developed
13.12.201826
as organization
Bi JS
EMBL-EBI
Bi JS
Use case 1 C Predict protein
EMBL-EBI
13.12.201828
Bi JS
EMBL-EBI
13.12.201829
Bi JS
EMBL-EBI
Bi JS
Use case 2 C COPA
EMBL-EBI
13.12.201831
EMBL-EBI
13.12.201832
Bi JS
EMBL-EBI
The BioJS project
members and collaborators
http://code.google.com/p/biojs/
biojs@googlegroups.com
Support from
? UniProt
? EBI web development team
? The Proteomics Services Team
Thanks to:
Jhon Gomez
johncar@gmail.com
EMBL-EBI
Technology overview
13.12.201834
JavaScript Dependencies
(JavaScript libraries,
proxies, applets, ´)
SVN Web server Maven PHP
Component X X
Registry X X X
API doc X
Source code X

More Related Content

BioJS introduction