Help:Tutorial:Step 2 v2

From WikiPathways

(Difference between revisions)
Jump to: navigation, search
Current revision (23:22, 12 December 2018) (view source)
(removed duplicated content)
 
(20 intermediate revisions not shown.)
Line 1: Line 1:
__NOEDITSECTION__
__NOEDITSECTION__
__NOTOC__
__NOTOC__
 +
[[:Help:Tutorial:Step_3_v2|Next step]] | [[:Help:Tutorial|Index]]
-
This step includes several aspects of pathway creation, from creating a pathway at WikiPathways, launching the Applet Editor, adding data nodes, interactions and annotations. Written instructions correspond to the embedded video.
 
-
{{#ev:youtube|01ou_-yB_-c|700|left|Create pathway, part1}}
+
= Creating a new pathway =
 +
 
 +
This step includes several aspects of pathway creation, from creating a pathway at WikiPathways, launching the Applet Editor, adding data nodes, interactions and annotations.
 +
<!-- Uncomment this after mediawiki upgrade
 +
{{#ev:youtube|N7cGHJ6HdGU|700|left|Create pathway, part1}} -->
== Create a new pathway ==
== Create a new pathway ==
-
Open a new browser window or tab, go to the WikiPathways main page and click the image under the header ''Create'' in the ''Contributing New Pathways'' section. You can also click the ''Create'' link in the left-hand side panel. Enter ''Demo_yourname'' under the ''Pathway name'' field and select ''Homo sapiens'' in the species menu. Now click the ''Create pathway'' button.
+
Open a new browser window or tab, go to the WikiPathways main page and click the image under the header '''Create''' in the left side panel. Enter ''Demo_yourname'' under the "Pathway name" field and select "Homo sapiens" in the species menu. Now click the '''Create pathway''' button.
-
After clicking the button, a new page will open and the pathway editor will be loaded.  
+
After clicking the button, a link to the new Pathway Page will open. Open the page and to start the editor, click the '''Launch Editor''' button under the blank pathway diagram.
-
Open the editor in a separate window by clicking the {{TutorialImage|fullscreenbutton.png}} ''Switch to fullscreen mode'' button. This allows you to resize the editor and edit fullscreen. You can return to the original editor in your browser by clicking the {{TutorialImage|restorescreenbutton.png}} ''Switch to embedded mode'' button.
+
You can now start drawing your pathway.
== Adding initial gene products and metabolites ==
== Adding initial gene products and metabolites ==
-
For the purposes of this tutorial, we will use the Statin pathway as our example. On a WikiPathways pathway, all biological entities with an annotation are stored as a DataNode.
+
For the purposes of this tutorial, we will use the Statin pathway as our example. We will start by adding a data node to the pathway. On a WikiPathways pathway, all biological entities with an annotation are stored as a data node. A data node can have different types, in this case, we will use the type Metabolite.
-
1. To start, click the drop-down next to the ''GENE'' button {{TutorialImage|geneproduct.gif}} and select ''Metabolite''. Place the metabolite on the drawing board by dragging and dropping it.
+
* To start, click the drop-down next to the '''GENE''' button and select '''Metabolite'''. Place the metabolite on the drawing are by dragging and dropping it.
 +
* To annotate the node, double-click the metabolite to bring up the '''DataNode properties''' interface. In the '''Annotation''' tab, type in "3-hydroxy-3-methylglutaryl-coA" and click '''Search'''.  
-
DataNodes can be annotated using an identifier from one of the available datasources. A pathway with annotated DataNodes has several advantages:
+
Note that you can also manually fill in identifier and data source either in the '''DataNode properties''' interface or in the '''Properties''' tab in the right-side panel.
-
* Detailed information about the entity is directly available in the Backpage panel
+
-
* The pathway page provides direct links to extended info at the annotation datasource website (e.g. Ensembl)
+
-
* The pathway can be used for computational analysis, e.g. visualization with GenMAPP, or statistics with Eu.gene or MAPPFinder
+
-
2. To annotate the node, double-click the metabolite to bring up the ''DataNode properties'' interface. Type in ''3-hydroxy-3-methylglutaryl-coA'' and click ''Search''. (Note that you can also manually fill in identifier and data source.)
+
In the search results, select the node with the HMDB identifier "HMDB01375". Click '''OK'''.  
-
3. In the search results, select the node with the HMDB identifier ''HMDB01375''. Click ''OK''.  
+
Back in the  '''DataNode properties''' window, you can alter the text label that will be displayed on the metabolite. In this case, change it to "HMG-CoA". Click '''OK''' to save.
-
4. Back in the  ''DataNode properties'' window, you can alter the text label that will used for the metabolite. In this case, change it to ''HMG-CoA''. Click ''OK'' to save.
+
 
-
5. Repeat the steps above and add another metabolite node for ''Mevalonate''. Place it under the ''HMG-CoA'' node.
+
Note that the text in the text label field will be displayed on the pathway and doesn't affect the annotation.
 +
 
 +
Repeat the steps above and add another metabolite node for "Mevalonate". Place it under the HMG-CoA node.
 +
 
 +
After annotating a data node, you check whether it's correctly annotated by selecting the data node and. Annotation info should appear in the '''Backpage''' tab of the side panel.
 +
 
 +
{{TutorialHint|Sometimes a gene symbol may not be found via the search feature. This is because some genes has two synonymous names, but only one is stored in the internal database. In this case, the data node has to be manually annotated.}}
== Add interactions ==
== Add interactions ==
Next, we need to connect the two metabolites:
Next, we need to connect the two metabolites:
-
1. In the drop-down next to the ''Interaction'' button, select ''Conversion'' from the ''MIM interactions'' section. Place the interaction on the drawing board.
+
In the drop-down next to the '''Interaction''' button, select '''Conversion''' from the '''MIM interactions''' section. Place the interaction on the drawing area.
-
2. To attach the interaction, click on the non-arrow end of the interaction to select it, and drag it towards the HMG-CoA node. Red snap targets on the node will become visible as you drag the interaction towards it. Hover over a snap target to select it; it will be highlighted in green when selected. Simply let go of the interaction when you see the target highlight, and the interaction will attach.
+
To attach the interaction, click on the non-arrow end of the interaction to select it, and drag it towards the HMG-CoA node. Red link anchors on the node will become visible as you drag the interaction towards it. Hover over a snap target to select it; it will be highlighted in green when selected. Simply let go of the interaction when you see the target highlight, and the interaction will attach.
-
3. Repeat the process to attach the arrow-end of the interaction to Mevalonate.
+
 
-
4. Once the two nodes are connected, you can move them by clicking and dragging to adjust the alignment and layout.
+
Note that you can release an interaction from it's link target by moving the interaction end away from the link anchor.  
 +
 
 +
Repeat the process to attach the arrow-end of the interaction to Mevalonate.
 +
Once the two nodes are connected, you can move them by clicking and dragging to adjust the alignment and layout.
 +
 
 +
{{TutorialHint|It's good habit to connect the lines in your pathway wherever you can. It makes it easier to change the layout of the pathway in the future, because when you move an object, the connected lines will stick to it. Another advantage of defining connections is that it enables conversion of the pathway to graph format. When the interactions between the entities in the pathway are explicitly defined, this information can be used for computational purposes. For example, the pathway can be converted to a Cytoscape network to perform various graph analysis algorithms (see http://www.cytoscape.org).}}
== Add enzymatic reaction ==
== Add enzymatic reaction ==
We can now add the enzyme that converts HMG-CoA to Mevalonate, HMGCR:
We can now add the enzyme that converts HMG-CoA to Mevalonate, HMGCR:
-
1. Add another data node of the ''GeneProduct'' and annotate it as ''HMGCR''.
+
Add another data node of the GeneProduct and annotate it as "HMGCR".
-
2. Add an interaction of type ''Catalysis'' (under ''MIM interactions'').
+
Add an interaction of type '''Catalysis''', under '''MIM interactions'''.
-
3. Connect the start (plain) end of the catalysis to the left short-end of HMGCR.
+
Connect the start (plain) end of the catalysis to the left short-end of HMGCR.
The catalysis interaction works on the existing interaction between HMG-CoA and Mevalonate. To connect the catalysis interaction to this interaction, we first need to add an anchor to the conversion interaction.
The catalysis interaction works on the existing interaction between HMG-CoA and Mevalonate. To connect the catalysis interaction to this interaction, we first need to add an anchor to the conversion interaction.
-
4. To add an anchor, right-click on the conversion interaction and select ''Add anchor''. You can adjust the position of the anchor by click and drag.
+
To add an anchor, right-click on the conversion interaction and select '''Add anchor'''. You can adjust the position of the anchor by click and drag.
-
5. Attach the catalysis interaction to the anchor.
+
Attach the catalysis interaction to the anchor.
== Add inhibition of the catalysis by Statin ==
== Add inhibition of the catalysis by Statin ==
We can now add the inhibition of the catalysis by Statin.  
We can now add the inhibition of the catalysis by Statin.  
-
1. Add another metabolite data node. In the ''DataNode properties'' interface, search for Statin. There will be multiple results, choose ''Pravastatin''. For simplicity, change the text label to ''Statin''.
+
Add another metabolite data node. In the '''DataNode properties''' interface, search for Statin. There will be multiple results, choose "Pravastatin". For simplicity, change the text label to "Statin".
-
2. Now, add an interaction of type ''Inhibition'' (under ''MIM interactions'') and connect the plain end to the Statin node.
+
Now, add an interaction of type '''Inhibition''' (under '''MIM interactions''') and connect the plain end to the Statin node.
-
3. Add an anchor on the HMGCR catalysis interaction.  
+
Add an anchor on the HMGCR catalysis interaction.  
-
4. Connect the inhibition end of the new interaction to the anchor.  
+
Connect the inhibition end of the new interaction to the anchor.  
-
5. To make the interactions easier to read, change the style of the inhibition interaction to an elbow. You can do this by right-clicking the interaction and selecting ''Line type > elbow''.
+
To make the interactions easier to read, change the style of the inhibition interaction to an elbow. You can do this by right-clicking the interaction and selecting '''Line type > elbow'''.
== Changing the color and style of interactions ==
== Changing the color and style of interactions ==
Inhibitions are often depicted as red in pathway illustrations, so in keeping with this convention, let's change the color of the inhibition to red:
Inhibitions are often depicted as red in pathway illustrations, so in keeping with this convention, let's change the color of the inhibition to red:
-
1. Select the inhibition interaction.  
+
Select the inhibition interaction.  
-
2. In the right-side ''Properties'' panel, change the color to red.
+
In the right-side '''Properties''' panel, change the color to red.
 +
 
 +
== Saving changes ==
 +
 
 +
*  To save the pathway, go to '''Plugins -> WikiPathways -> Update'''. You will be asked to provide a description of your changes.
 +
*  Once the pathway is saved at WikiPathways, the Pathway Page will be updated with your changes.
-
== Saving changes and adding a description ==
+
{{TutorialHint|You can also save the pathway locally on your hard drive, under '''File -> Save As'''. Saving a pathway locally once in a while is usually a good habit to prevent losing your changes when an error occurs.}}
-
1. To save the pathway, click the ''Save the pathway to WikiPathways.org'' {{TutorialImage|savetoweb.gif}} button.
+
[[:Help:Tutorial:Step_3_v2|Next step]] | [[:Help:Tutorial|Index]]
-
2. Exit full-screen mode by clicking the {{TutorialImage|restorescreenbutton.png}} ''Switch to embedded mode'' button.
+

Current revision


Next step | Index


Creating a new pathway

This step includes several aspects of pathway creation, from creating a pathway at WikiPathways, launching the Applet Editor, adding data nodes, interactions and annotations.

Create a new pathway

Open a new browser window or tab, go to the WikiPathways main page and click the image under the header Create in the left side panel. Enter Demo_yourname under the "Pathway name" field and select "Homo sapiens" in the species menu. Now click the Create pathway button.

After clicking the button, a link to the new Pathway Page will open. Open the page and to start the editor, click the Launch Editor button under the blank pathway diagram.

You can now start drawing your pathway.

Adding initial gene products and metabolites

For the purposes of this tutorial, we will use the Statin pathway as our example. We will start by adding a data node to the pathway. On a WikiPathways pathway, all biological entities with an annotation are stored as a data node. A data node can have different types, in this case, we will use the type Metabolite.

  • To start, click the drop-down next to the GENE button and select Metabolite. Place the metabolite on the drawing are by dragging and dropping it.
  • To annotate the node, double-click the metabolite to bring up the DataNode properties interface. In the Annotation tab, type in "3-hydroxy-3-methylglutaryl-coA" and click Search.

Note that you can also manually fill in identifier and data source either in the DataNode properties interface or in the Properties tab in the right-side panel.

  • In the search results, select the node with the HMDB identifier "HMDB01375". Click OK.
  • Back in the DataNode properties window, you can alter the text label that will be displayed on the metabolite. In this case, change it to "HMG-CoA". Click OK to save.

Note that the text in the text label field will be displayed on the pathway and doesn't affect the annotation.

  • Repeat the steps above and add another metabolite node for "Mevalonate". Place it under the HMG-CoA node.

After annotating a data node, you check whether it's correctly annotated by selecting the data node and. Annotation info should appear in the Backpage tab of the side panel.

Note: Sometimes a gene symbol may not be found via the search feature. This is because some genes has two synonymous names, but only one is stored in the internal database. In this case, the data node has to be manually annotated.

Add interactions

Next, we need to connect the two metabolites:

  • In the drop-down next to the Interaction button, select Conversion from the MIM interactions section. Place the interaction on the drawing area.
  • To attach the interaction, click on the non-arrow end of the interaction to select it, and drag it towards the HMG-CoA node. Red link anchors on the node will become visible as you drag the interaction towards it. Hover over a snap target to select it; it will be highlighted in green when selected. Simply let go of the interaction when you see the target highlight, and the interaction will attach.

Note that you can release an interaction from it's link target by moving the interaction end away from the link anchor.

  • Repeat the process to attach the arrow-end of the interaction to Mevalonate.
  • Once the two nodes are connected, you can move them by clicking and dragging to adjust the alignment and layout.

Note: It's good habit to connect the lines in your pathway wherever you can. It makes it easier to change the layout of the pathway in the future, because when you move an object, the connected lines will stick to it. Another advantage of defining connections is that it enables conversion of the pathway to graph format. When the interactions between the entities in the pathway are explicitly defined, this information can be used for computational purposes. For example, the pathway can be converted to a Cytoscape network to perform various graph analysis algorithms (see http://www.cytoscape.org).

Add enzymatic reaction

We can now add the enzyme that converts HMG-CoA to Mevalonate, HMGCR:

  • Add another data node of the GeneProduct and annotate it as "HMGCR".
  • Add an interaction of type Catalysis, under MIM interactions.
  • Connect the start (plain) end of the catalysis to the left short-end of HMGCR.

The catalysis interaction works on the existing interaction between HMG-CoA and Mevalonate. To connect the catalysis interaction to this interaction, we first need to add an anchor to the conversion interaction.

  • To add an anchor, right-click on the conversion interaction and select Add anchor. You can adjust the position of the anchor by click and drag.
  • Attach the catalysis interaction to the anchor.

Add inhibition of the catalysis by Statin

We can now add the inhibition of the catalysis by Statin.

  • Add another metabolite data node. In the DataNode properties interface, search for Statin. There will be multiple results, choose "Pravastatin". For simplicity, change the text label to "Statin".
  • Now, add an interaction of type Inhibition (under MIM interactions) and connect the plain end to the Statin node.
  • Add an anchor on the HMGCR catalysis interaction.
  • Connect the inhibition end of the new interaction to the anchor.
  • To make the interactions easier to read, change the style of the inhibition interaction to an elbow. You can do this by right-clicking the interaction and selecting Line type > elbow.

Changing the color and style of interactions

Inhibitions are often depicted as red in pathway illustrations, so in keeping with this convention, let's change the color of the inhibition to red:

  • Select the inhibition interaction.
  • In the right-side Properties panel, change the color to red.

Saving changes

  • To save the pathway, go to Plugins -> WikiPathways -> Update. You will be asked to provide a description of your changes.
  • Once the pathway is saved at WikiPathways, the Pathway Page will be updated with your changes.

Note: You can also save the pathway locally on your hard drive, under File -> Save As. Saving a pathway locally once in a while is usually a good habit to prevent losing your changes when an error occurs.

Next step | Index

Personal tools