From 748283c1fb812b52f3d4176aff64436f562a7d61 Mon Sep 17 00:00:00 2001 From: hansonr Date: Fri, 19 Jul 2019 10:12:41 +0100 Subject: [PATCH] JAL-3253 embedded example1 --- site-resources/jalview_embedded_example1.html | 73 +++++++++++++++---------- 1 file changed, 44 insertions(+), 29 deletions(-) diff --git a/site-resources/jalview_embedded_example1.html b/site-resources/jalview_embedded_example1.html index 9151f33..c9d00d5 100644 --- a/site-resources/jalview_embedded_example1.html +++ b/site-resources/jalview_embedded_example1.html @@ -39,9 +39,15 @@ jvGet = function(what) { - - + + + + + + + + + + + + +
Demonstration of embedded JalviewJS components
-
+
Demonstration of embedded JalviewJS components
+
This simple page illustrates how one can embed the JalviewJS desktop into a web page. The basic idea is that we have something interesting to say — some sort of scientific context — something we want to get across to our visitors with more than just text and images. The idea is to have a dynamic page that will involve user interaction. @@ -53,9 +59,23 @@ The idea is NOT to teach visitors how to use Jalview. The idea is to seamlessly Like JSmol in Proteopedia. For example, in the space to the right, after a few seconds, you will see an alignment frame. This alignment is for 15 genes that code for one of the domains in the ferredoxin family (NIR_SIR_ferr (PF03460)).

-What you first see is just the first few bases. Doesn't look like much of an alignment, does it? But scroll to the right. +What you see initially is just the first few residues. Doesn't look like much of an alignment, does it? But scroll to the right. See the big block of red color? That's the Ferredoxin folddomain. + + +
+


+The alignment frame will appear here momentarily. When it does, you can go ahead and manipulate the alignment with your mouse. +
+
+ - - -
Select a few alignments by left-dragging across a few rows of the alignment to make a selection box. Then click one of the buttons below to see more information about your selected subset of the alignment.
    @@ -63,47 +83,42 @@ Then click one of the buttons below to see more information about your selected
-
-
-

-The alignment frame will appear here momentarily. When it does, you can go ahead and manipulate the alignment with your mouse. -
-
+
-
+ + +
+
+




jalview-tree-div
-
+




jalview-pca-div
-
+
-
- - - + + + + - -
-
-
-
-jalview-structureviewer-div +
+ +
+jalview-strucddtureviewer-div
- + +One more thing. Let's take a look at the 3D structure of one these proteins. Ferredoxins are important, because they have +iron-sulfur clusters that can accept and deliver electrons in metabolic processes. Let's see if we can find it. +
add the 3D structure
- -