Poster. 15 July 2012

1. EMBL- EBI
Wellcome Trust Genome
Campus
Hinxton
Cambridge
CB10 1SD
UK
T +44 (0) 1223 494 444
F +44 (0) 1223 494 468
http://www.ebi.ac.uk
John Gomez (jgomez@ebi.ac.uk), Rafael C. Jimenez (rafael@ebi.ac.uk), Leyla J.
Garcia (ljgarcia@ebi.ac.uk), Henning Hermjakob (hhe@ebi.ac.uk), and many more …
European Bioinformatics Institute
Work supported by
NHLBI Proteomics Center Award (HHSN268201000035C)
A library of JavaScript components to represent biological data
Not a framework, but a collection of graphical components
Reusable components following one specification
• Easy to develop
• Easy to maintain
• Easy to use
• Easy to test
• Easy to combine
• Easy to discover
• Follow a common specification
• Architecture
• Intercommunication
• Extensible
• Well documented
• With working examples
• Platform and language independent
• Listed in a registry
• Allow different JavaScript frameworks
• Follow development guidelines
Component
Options
Input
Configuration
Methods
Events
Tests
Dependencies
Styles
Documentation
Examples
BioJS.js
Structure
JavaScript
Library specification
Reference implementation
jQuery, Raphaël,
YUI, Dojo, …
Specification defining:
• Component architecture
• Event communication
• Component extension
• Self-documented code
• Examples
Component extending the
BioJS reference implementation.
It could use native JavaScript or
a JavaScript library like jQuery.
JavaScript implementation of the
specification.
Component
Component
1 2 3
Graphical representation
Technology X Y Z
Developer
1 2 3
*
*
Type of representation
Website
Implementation a b c d
Specification
Unification
Represent the same type of information in different
projects using the same graphical component
Source code
repository
SVN
Registry
Component
test and examples
Component
documentation
Component
release
Maven
Registry
Examples
Using BioJS
http://code.google.com/p/biojs/
http://groups.google.com/group/biojs
biojs@googlegroups.com