Difference between revisions of "Genome Browser iframe"

From BioUML platform
Jump to: navigation, search
 
(2 intermediate revisions by one user not shown)
Line 6: Line 6:
 
Here is the example of Genome Browser: https://ict.biouml.org/genomebrowser/ It uses BioUML server https://ict.biouml.org/bioumlweb
 
Here is the example of Genome Browser: https://ict.biouml.org/genomebrowser/ It uses BioUML server https://ict.biouml.org/bioumlweb
  
The Genome Browser can be embed as iframe to any page as following:
+
[[File:GB_browser.png]]
 +
 
 +
The Genome Browser can be embed as iframe to any page as following:<br>
 
<iframe src="... page with Genome Browser..." title="BioUML Genome Browser" style="width:100%; height:100%;"></iframe>
 
<iframe src="... page with Genome Browser..." title="BioUML Genome Browser" style="width:100%; height:100%;"></iframe>
  
The genome build, list of available tracks, start positions in genome and some other features can be configured for each installation of the Genome Browser in several ways:
+
The genome build, list of available tracks, start positions in genome and some other features can be configured for each installation of the Genome Browser in several ways:<br>
  
1. Json file passed as url parameter "setup=..." to iframe or to a single page. The json config file is described [[Genome Browser json]]. It should be placed in the same domain, as Genome Browser page. To use files from another domain, Access-Control-Allow-Origin header should be send.
+
1. Json file passed as url parameter "setup=..." to iframe or to a single page. The json config file is described [[Genome Browser json]]. It should be placed in the same domain, as Genome Browser page. To use files from another domain, Access-Control-Allow-Origin header should be send.<br>
 
Example: https://ict.biouml.org/genomebrowser/?setup=ens85.json
 
Example: https://ict.biouml.org/genomebrowser/?setup=ens85.json
 
+
<br><br>
2. Settings can be passes as url parameter "json=". Javascript object with settings should be converted to url string, for example, via encodeURIComponent(JSON.stringify(json_object)) methods.
+
2. Settings can be passes as url parameter "json=". Javascript object with settings should be converted to url string, for example, via encodeURIComponent(JSON.stringify(json_object)) methods.<br>
 
Example: https://ict.biouml.org/genomebrowser/?json=%7B%22sequencePath%22%3A%22databases%2FEnsemblMouse81_38%2FSequences%2Fchromosomes%20GRCm38%22%2C%22chromosome%22%3A%2210%22%2C%22from%22%3A1945654%2C%22to%22%3A4294028%2C%22chromosomeTrack%22%3A%22%22%2C%22tracks%22%3A%7B%22Genes%22%3A%22databases%2FEnsemblMouse81_38%2FTracks%2FGenes%22%2C%22Karyotype%22%3A%22databases%2FEnsemblMouse81_38%2FTracks%2FKaryotype%22%7D%2C%22initialTracks%22%3A%5B%22Genes%22%2C%22Karyotype%22%5D%7D
 
Example: https://ict.biouml.org/genomebrowser/?json=%7B%22sequencePath%22%3A%22databases%2FEnsemblMouse81_38%2FSequences%2Fchromosomes%20GRCm38%22%2C%22chromosome%22%3A%2210%22%2C%22from%22%3A1945654%2C%22to%22%3A4294028%2C%22chromosomeTrack%22%3A%22%22%2C%22tracks%22%3A%7B%22Genes%22%3A%22databases%2FEnsemblMouse81_38%2FTracks%2FGenes%22%2C%22Karyotype%22%3A%22databases%2FEnsemblMouse81_38%2FTracks%2FKaryotype%22%7D%2C%22initialTracks%22%3A%5B%22Genes%22%2C%22Karyotype%22%5D%7D

Latest revision as of 08:55, 4 February 2022

BioUML Genome Browser can be used as separate component.

Genome Browser is developed as separate git project http://gitlab.dote.ru/isb/genome-browser-biouml It should be installed as addition to BioUML server, since it uses server's javascripts, styles, images.

Here is the example of Genome Browser: https://ict.biouml.org/genomebrowser/ It uses BioUML server https://ict.biouml.org/bioumlweb

GB browser.png

The Genome Browser can be embed as iframe to any page as following:
<iframe src="... page with Genome Browser..." title="BioUML Genome Browser" style="width:100%; height:100%;"></iframe>

The genome build, list of available tracks, start positions in genome and some other features can be configured for each installation of the Genome Browser in several ways:

1. Json file passed as url parameter "setup=..." to iframe or to a single page. The json config file is described Genome Browser json. It should be placed in the same domain, as Genome Browser page. To use files from another domain, Access-Control-Allow-Origin header should be send.
Example: https://ict.biouml.org/genomebrowser/?setup=ens85.json

2. Settings can be passes as url parameter "json=". Javascript object with settings should be converted to url string, for example, via encodeURIComponent(JSON.stringify(json_object)) methods.
Example: https://ict.biouml.org/genomebrowser/?json=%7B%22sequencePath%22%3A%22databases%2FEnsemblMouse81_38%2FSequences%2Fchromosomes%20GRCm38%22%2C%22chromosome%22%3A%2210%22%2C%22from%22%3A1945654%2C%22to%22%3A4294028%2C%22chromosomeTrack%22%3A%22%22%2C%22tracks%22%3A%7B%22Genes%22%3A%22databases%2FEnsemblMouse81_38%2FTracks%2FGenes%22%2C%22Karyotype%22%3A%22databases%2FEnsemblMouse81_38%2FTracks%2FKaryotype%22%7D%2C%22initialTracks%22%3A%5B%22Genes%22%2C%22Karyotype%22%5D%7D

Personal tools
Namespaces

Variants
Actions
BioUML platform
Community
Modelling
Analysis & Workflows
Collaborative research
Development
Virtual biology
Wiki
Toolbox