|
|
| (6 intermediate revisions not shown.) |
| Line 1: |
Line 1: |
| - | __NOEDITSECTION__
| + | This page has been retired, current tutorial content is available [[Help:Tutorial|here]]. |
| - | __NOTOC__
| + | |
| - | {{Template:TutorialNavigate|5}}
| + | |
| - | ==Illustrate the E-box enhancer==
| + | |
| - | {{TutorialVideo|R3_gF30lVXk|360|Drawing the E-box element}}
| + | |
| - | Target genes of the circadian clock pathway contain the E-box ''cis''-regulatory enhancer elements. The Bmal1/Clock heterodimer directly activates expression of these genes by binding to the E-box sequence. In this section we are going to draw an illustration of this process. It will become a purely visual element of the pathway, so it's not annotated to any biological database and will be added for illustrational purpose only.
| + | |
| - | | + | |
| - | {{TutorialHint|In this tutorial and on WikiPathways, you will see many elements in a pathway that have a clearly defined biological meaning and could be annotated to an external database. Examples are genomic sequences, SNPs, cellular locations, interaction types. We are working on supporting these kinds of annotations in future releases.}}
| + | |
| - | | + | |
| - | The video on the right shows how to draw the E-box element, which in the end will look like this:
| + | |
| - | {|class=prettytable
| + | |
| - | |{{TutorialImage|e-box.png}}
| + | |
| - | |}
| + | |
| - | | + | |
| - | Below is a step-by-step description of how to create such an element:
| + | |
| - | ==== 1. Draw a horizontal line ====
| + | |
| - | Start with a horizontal line, by clicking the {{TutorialImage|newlinemenu.gif}} ''line dropdown menu'' and selecting the ''line'' button. Next, move to the location on the drawing where you want the line to start. Press down the mouse button, drag the mouse to the right (while holding the button down!) and release the button at the location where you want the line to end. You can modify the location of the start and end points by dragging the handles (yellow squares). You can modify the location of the whole line by clicking on the line itself and dragging it.
| + | |
| - | | + | |
| - | {{TutorialHint|You can easily make a perfectly horizontal or vertical line by holding the Shift button on you keyboard while moving a line end. This will snap the line fixed angles.}}
| + | |
| - | | + | |
| - | ==== 2. Copy/paste the line ====
| + | |
| - | We now want a second horizontal line of the same length and parallel to the first line. Therefore, we are going to copy the line from the previous step. Select the line by clicking on it, the line will turn red and the two handles will be visible. Now click the {{TutorialImage|copy.gif}} ''copy'' button. The line is now copied to your system's clipboard. You can paste a copy of the line by pressing the {{TutorialImage|paste.gif}} ''paste'' button. A copy of the line now appears a little below the original line.
| + | |
| - | ==== 3. Align the two lines vertically ====
| + | |
| - | To put the lines exactly below each other, select both lines and press the {{TutorialImage|aligncenterx.gif}} ''align horizontal center'' button. You can select multiple objects by pressing the mouse on an empty part of the drawing, hold the mouse button down and drag the mouse to include or exlude elements from the selection. You can also select or deselect multiple objects by clicking them while holding the ''Shift'' button on your keyboard.
| + | |
| - | ==== 4. Draw a label ====
| + | |
| - | Now we have two parallel horizontal lines that represent a piece of DNA. We can denote the E-box region by placing a label over the lines. Add a label using the {{TutorialImage|newlabel.gif}} ''label'' button.
| + | |
| - | ==== 5. Set the label text to 'E-box' and apply the 'square' outline ====
| + | |
| - | Label properties can be edited in the ''Properties table''. Set the property ''Text Label'' to 'E-box' by double clicking on the cell in the ''Value'' column:
| + | |
| - | {|class=prettytable
| + | |
| - | |{{TutorialImage|textlabel.png}}.
| + | |
| - | |}
| + | |
| - | In the same way, you can set a rectangular outline, by selecting the 'Rectangle' for the ''Outline'' property. Finally, use the handles to resize the label so that it exactly fits between the two horizontal lines.
| + | |
| - | ==== 6. Copy/paste the label and change text to 'Gene' ====
| + | |
| - | Downstream of the E-box element is the gene that will be activated. We can denote this with a label too. Copy/paste the E-box label and change the text to 'Genes', since we use a single element to depict multiple genes that will be activated. Drag the label to put it at the right position.
| + | |
| - | ==== 7. Draw a transcription start symbol ====
| + | |
| - | To make it clear that the genes downstream of the E-box element are transcribed after activation, the following symbol is used:
| + | |
| - | {|class=prettytable
| + | |
| - | |{{TutorialImage|transcription.png}}
| + | |
| - | |}
| + | |
| - | This symbol is made out of a vertical line and horizontal arrow. Draw the line and arrow by using the {{TutorialImage|newline.gif}} ''line'' and {{TutorialImage|newarrow.gif}} ''arrow'' buttons and correctly place them by dragging the handles.
| + | |
| - | | + | |
| - | ==== 8. Group all lines and labels ====
| + | |
| - | To make it more easy to handle the E-box illustration, you can group it. This way the elements will be selected together, so you can move the group as a whole, instead of having to move each element separately. To create the group, select all lines and labels you created in the previous steps, right-click on one of the lines and select ''Group->Group'' from the pop-up menu, or press ''CTRL-G'' on the keyboard. You can ungroup the grouped elements by right-clicking the group and selecting ''Group->Ungroup'', or pressing ''CTRL-G'' again.
| + | |
| - | | + | |
| - | {{Template:TutorialNavigate|5}}
| + | |
