HSF meeting
Rafael C. Jimenez
2011-11-10
bi JS
Jhon Gomez
jgomez@ebi.ac.uk
bioJS
• A library of JavaScript components to represent
biological data
• Not a framework, but a collection of graphical
components following one specification
• Under development from August 2011
13.12.20182
bi JS
component
bi JS
compone
bi JS
omponent
bi JS
component
bi JS
component
library
Component requirements
• Easy to develop and maintain
• Easy to integrate
• Easy to test
• Easy to discover
13.12.20183
bi JS
component
Easy
Easy to develop and maintain
13.12.20184
1 2 3
Graphical representation
Technology X Y Z
Developer
1 2 3
*
*
Type of representation
Website
• Represent the same type of information in different
projects using the same graphical component
Implementation a b c d
Easy to develop and maintain
• Common specification
• Component architecture
• Dependency management
• Events usage
• Component intercommunication
• Component extension
• Self-testing code with working examples
• Component self-documentation
• Platform and language independent
• A registry of components13.12.20185
Easy to test and integrate
Easy to discover
Development process
13.12.20186
requirements
specification
implementation
tests
Development process
13.12.2018
requirements
specification
implementation
tests
Component documentation
Library specification
Development process
13.12.20188
requirements
specification
implementation
tests
Development process
13.12.20189
requirements
specification
implementation
tests
Library specification
Reference implementation
• Component architecture
• Dependency management
• Events usage
• Component intercommunication
• Component extension
• Self-testing code with working examples
• Component self-documentation
13.12.201810
Reference implementation
jQuery
Library specification
Component intercommunication
13.12.201811
Reference implementation
jQuery YUI + JApplet
onSelection highlight
event action
jsDAS
Proxy + PDB WS
Library specification
Reference implementation
Component extension
13.12.201812
YUI + JApplet
Component 1
Component 2
Component 3
Extends
Extends
PDB file
PDB web service
UniProt Acc
Plans
1. Specification
2. Components
Following “EBI web redesign” groups (Layout and visual design + User experience - UX)
13.12.201813
Components Requirements, support and collaboration
1 Sequence PDB, UniProt, Dasty and PRIDE
2 3D structure PDB, IntAct and Dasty
3 Chemical representation ChEBI
4 Ontology tree IntAct, Dasty, PRIDE and OLS.
5 Spectra visualization ChEBI and PRIDE
6 UniProt features UniProt
bioJS sequence
bi JS
component
bi JS
compone
bi JS
omponent
bi JS
component
bi JS
component
bioJS Library
UniProt
PDBe
Dasty
PRIDE
Requirements (visual representation + functionality)
13.12.201815
Registry:
http://www.ebi.ac.uk/~jg
omez/biojs/registry/Biojs
.Sequence.html
JSdoc:
http://www.ebi.ac.uk/~jg
omez/biojs/jsdoc/symbol
s/Biojs.Sequence.html
Sequence
bi JS
• PDBe
• UniProt
• Dasty
• PRIDE
Requirements from:
13.12.201816
Source code
repository
SVN
Registry
Component
test and examples
Registry
Component
documentation
Component
release
Future plans
13.12.201817
• Component wrappers for other frameworks and CMS. i.e.
Drupal module
bi JS
component
Dasty plugin
bi JS
component
The bioJS project members
and collaborators
http://code.google.com/p/biojs/
biojs@googlegroups.com
The Proteomics Services Team
Thanks to:

More Related Content

PPTX
Biojs synopsis
PPTX
BioJS for representing biological information
PPTX
BioJS for representing biological information
PPT
VBS portfolio
PPTX
Using DITAworks for Eclipse Help publishing
PPT
Gradebook - NG
PDF
OSLC & The Future of Interoperability
Biojs synopsis
BioJS for representing biological information
BioJS for representing biological information
VBS portfolio
Using DITAworks for Eclipse Help publishing
Gradebook - NG
OSLC & The Future of Interoperability

What's hot (6)

PPTX
BioJS introduction
PDF
Data Integration Solutions Created By Koneksys
PPTX
The building blocks for a reusable front end - #imaodbc2015
PDF
Open Services for Lifecycle Collaboration (OSLC)
PPTX
Portlet Framework: the Liferay way
PDF
Overview of OSLC - INCOSE IW 2018 MBSE Workshop
BioJS introduction
Data Integration Solutions Created By Koneksys
The building blocks for a reusable front end - #imaodbc2015
Open Services for Lifecycle Collaboration (OSLC)
Portlet Framework: the Liferay way
Overview of OSLC - INCOSE IW 2018 MBSE Workshop
Ad

Similar to Biojs (20)

PDF
JEE Conf 2015: Less JS!
PPTX
Introduction to android studio 2.0 and data binding library
PDF
JIO and WebViewers: interoperability for Javascript and Web Applications
PPTX
Introduction to the BioJS project
PPTX
Introduction to j2 ee frameworks
PDF
Griffon for the Enterprise
DOC
Bala Sr Java Developer
PDF
Plone and Volto in a Jamstack project
PPTX
Comparing Angular and React JS for SPAs
PPTX
Introduction to the BioJS project
PDF
React Js Simplified
PPT
Ui technologies
PPTX
reacts js with basic details Detailed_ReactJS_Presentation.pptx
PPTX
codepenppt application for coder .pptx
PDF
React fristy day learn basic NM_Day01.pdf
PPTX
PDF
Infinum android talks_10_android_libraries_used_on_daily_basis
PPTX
BioJS, a guideline for JavaScript components
PPTX
Vue vs React In-Depth Comparison of 2 Leading JavaScript Frameworks
PDF
Framework Enabling End-Users to Maintain Web Applications (ICICWS2015)
JEE Conf 2015: Less JS!
Introduction to android studio 2.0 and data binding library
JIO and WebViewers: interoperability for Javascript and Web Applications
Introduction to the BioJS project
Introduction to j2 ee frameworks
Griffon for the Enterprise
Bala Sr Java Developer
Plone and Volto in a Jamstack project
Comparing Angular and React JS for SPAs
Introduction to the BioJS project
React Js Simplified
Ui technologies
reacts js with basic details Detailed_ReactJS_Presentation.pptx
codepenppt application for coder .pptx
React fristy day learn basic NM_Day01.pdf
Infinum android talks_10_android_libraries_used_on_daily_basis
BioJS, a guideline for JavaScript components
Vue vs React In-Depth Comparison of 2 Leading JavaScript Frameworks
Framework Enabling End-Users to Maintain Web Applications (ICICWS2015)
Ad

More from Rafael C. Jimenez (20)

PPTX
BMB Resource Integration Workshop
PPTX
Proteomics repositories integration using EUDAT resources
PPTX
Summary of Technical Coordinators discussions
PPTX
The European life-science data infrastructure: Data, Computing and Services ...
PPT
Standardisation in BMS European infrastructures
PPT
PPT
ELIXIR TCG update
PPT
An introduction to programmatic access
PPTX
Life science requirements from e-infrastructure: initial results from a joint...
PPT
Technical activities in ELIXIR Europe
PPTX
Challenges of big data. Summary day 1.
PPTX
Challenges of big data. Aims of the workshop.
PPTX
Data submissions and archiving raw data in life sciences. A pilot with Proteo...
PPT
ELIXIR and data grand challenges in life sciences
PPT
SASI, A lightweight standard for exchanging course information
BMB Resource Integration Workshop
Proteomics repositories integration using EUDAT resources
Summary of Technical Coordinators discussions
The European life-science data infrastructure: Data, Computing and Services ...
Standardisation in BMS European infrastructures
ELIXIR TCG update
An introduction to programmatic access
Life science requirements from e-infrastructure: initial results from a joint...
Technical activities in ELIXIR Europe
Challenges of big data. Summary day 1.
Challenges of big data. Aims of the workshop.
Data submissions and archiving raw data in life sciences. A pilot with Proteo...
ELIXIR and data grand challenges in life sciences
SASI, A lightweight standard for exchanging course information

Recently uploaded (20)

PDF
ahaaaa shbzjs yaiw jsvssv bdjsjss shsusus s
PDF
Systems Analysis and Design, 12th Edition by Scott Tilley Test Bank.pdf
PPTX
MBA JAPAN: 2025 the University of Waseda
PDF
OneRead_20250728_1808.pdfhdhddhshahwhwwjjaaja
PPTX
DS-40-Pre-Engagement and Kickoff deck - v8.0.pptx
PPTX
chuitkarjhanbijunsdivndsijvndiucbhsaxnmzsicvjsd
PPTX
Copy of 16 Timeline & Flowchart Templates – HubSpot.pptx
PPTX
retention in jsjsksksksnbsndjddjdnFPD.pptx
PDF
Tetra Pak Index 2023 - The future of health and nutrition - Full report.pdf
PPTX
SET 1 Compulsory MNH machine learning intro
PPTX
statsppt this is statistics ppt for giving knowledge about this topic
PPTX
sac 451hinhgsgshssjsjsjheegdggeegegdggddgeg.pptx
PPTX
New ISO 27001_2022 standard and the changes
PPTX
Lesson-01intheselfoflifeofthekennyrogersoftheunderstandoftheunderstanded
PPT
lectureusjsjdhdsjjshdshshddhdhddhhd1.ppt
PPTX
ai agent creaction with langgraph_presentation_
PPTX
The Data Security Envisioning Workshop provides a summary of an organization...
PPT
expt-design-lecture-12 hghhgfggjhjd (1).ppt
PPTX
FMIS 108 and AISlaudon_mis17_ppt_ch11.pptx
PPTX
chrmotography.pptx food anaylysis techni
ahaaaa shbzjs yaiw jsvssv bdjsjss shsusus s
Systems Analysis and Design, 12th Edition by Scott Tilley Test Bank.pdf
MBA JAPAN: 2025 the University of Waseda
OneRead_20250728_1808.pdfhdhddhshahwhwwjjaaja
DS-40-Pre-Engagement and Kickoff deck - v8.0.pptx
chuitkarjhanbijunsdivndsijvndiucbhsaxnmzsicvjsd
Copy of 16 Timeline & Flowchart Templates – HubSpot.pptx
retention in jsjsksksksnbsndjddjdnFPD.pptx
Tetra Pak Index 2023 - The future of health and nutrition - Full report.pdf
SET 1 Compulsory MNH machine learning intro
statsppt this is statistics ppt for giving knowledge about this topic
sac 451hinhgsgshssjsjsjheegdggeegegdggddgeg.pptx
New ISO 27001_2022 standard and the changes
Lesson-01intheselfoflifeofthekennyrogersoftheunderstandoftheunderstanded
lectureusjsjdhdsjjshdshshddhdhddhhd1.ppt
ai agent creaction with langgraph_presentation_
The Data Security Envisioning Workshop provides a summary of an organization...
expt-design-lecture-12 hghhgfggjhjd (1).ppt
FMIS 108 and AISlaudon_mis17_ppt_ch11.pptx
chrmotography.pptx food anaylysis techni

Biojs