Joanne Lau:

=='''Create Your Own Proteopedia Page'''==

===Use a 64-bit Java based Internet browser===
Proteopedia and Jmol requires Java for 64-bit browsers. Therefore, use [http://www.mozilla.org/en-US/firefox/new/ Mozilla Firefox] (works best for page making) or Safari (can view Proteopedia pages, but sometimes problematic for 3D page making), and not Chrome (incompatible at the moment).

==='''Create a page'''===

*At the 'Search' box on the left of any proteopedia page, type your page title. For a draft page for this class, type:

Your Username/Sandbox1

You will be asked to click on a red linked caption to create your new page.

==='''Edit the page'''===
Create all your content in the 'edit this page' tab. Remember that you need to log in to edit a page. Changes are recorded and can be undone in the 'history' tab, just like Wikipages.

For this workshop, please first delete all default content in the editing box.

=='''Create written content'''==

===Typography===
Simple and useful basics...

*In the 'edit this page' tab, write something, then select your sentence or word. Click the appropriate buttons to create '''Bold''' or ''italics'' fonts, or "Headers".

[[Image:Buttons-Bold Itallics Headers.png||300px|left|]]

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

Tips:

You can combine those typography: eg. bold+italic, bold+italic+header.

When you create headers, Proteopedia automatically generates a content box at the top of the page to contain all the headers of the page.

To create more complicated constructions of your proteopedia page, browse other proteopedia pages, and observe the syntax used to create the special effects.

===Link or reference other webpages===

[[Image:Buttons-External internal links.png||300px|left|]]

The 'External link' button lets you create a link to another webpage (other than Proteopedia pages). Example: Research articles related to your page.
*Click the 'External link' button. You'll see: <nowiki>[http://www.example.com link title]</nowiki>. Paste in your web address of interest. When you create a link title, it will show up as a blue linked caption like this: [http://www.umass.edu UMASS Amherst]

The 'Internal link' button lets you create a link to another Proteopedia webpage. Example: a Proteopedia page that contains a PDB molecule related to your page, your Proteopedia profile page.

*Click the 'Internal link'. You'll see: <nowiki>[[Link title]]</nowiki>. Paste in the Proteopedia page of interest. It will show up as a blue linked caption like this: [[CBI Molecules]]

=='''Insert still images'''==

[[Image:Buttons-External_embeddedimage.png||300px|left|]]

The 'Embedded image' button lets you include images into your page. Example: gene pathways, chemical reactions, still structural images from Pymol.

To upload images, ensure that you are logged on. It appears easiest to carry out the following steps out in a different Proteopedia page than the one you are currently editing (avoids losing the link to the page that you are editing).

*Click the 'Upload file' tab on the left of the page. Upload an image of interest. Copy the file name of the image.
*When in the 'edit this page tab' of the page that you are editing, click the 'Embedded image' button and paste the file name into <nowiki>[[Image:Example.jpg]]</nowiki>.
*You can change the size and position of the image by including further details such as: <nowiki>[[Image:Example.jpg||300px|left|]]</nowiki>

=='''Create dynamic molecular content'''==

===Front page molecular content===

When a proteopedia page loads onto a browser, the page can be edited to immediately display a specific molecular content. This is how you do it:

*Click the '3D' button. You will see:
<nowiki><Structure load='Insert PDB code or filename here' size='500' frame='true' align='right' caption='Insert caption here' scene='Insert optional scene name here' /></nowiki>

For this workshop:
*Type '7DFR' in place of <nowiki>'Insert PDB code or filename here'</nowiki>.
*Type 'DHFR is pretty cool' in place of 'Insert caption here'.
After this workshop, you can choose a published or your own PDB file for your own Proteopedia page.

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

===Creating green-linked scenes===
Scenes are different dynamic displays of your molecule. Try these steps to get a taste of scene-creating:

*In the 'edit this page' tab, click the 'show' button of the "Scene authoring tools":
[[Image:Scene authoring tools.png||300px]]

*Load a molecular structure onto your page by first clicking the 'load molecule' tab. For this workshop, type '7DFR'. Click 'load'. You'll see the DHFR protein molecule in the box on the right, as such:

[[Image:Load Molecule.png||500px]]

*Click 'selections' tab. Click 'helix' and 'add to selection'. In the box on the right, check mark 'selection halos' to see which part of the protein is selected. Selection will be highlighted in yellow. This is what it should look like:

[[Image:Selections.png||500px]]

*Click 'representations' tab. Check mark 'meshribbon' and click 'set representation'. You'll see that the yellow highlighted sections change to mesh representation.

*Click 'colors' tab. Select the 'selection' option button, and click a green color box. Then select the 'background' option button, and click a black color box. This is what it should look like:

[[Image:Colors.png||500px]]

*Click 'labels' tab. Click the 'select none' button in the right hand side box. This removes all selection so that nothing is highlighted in yellow. Next, select the 'atom' option button. Click an atom on the protein, so that only one residue is selected. In the text box, type "Just playing around". Click 'set label'. This is what it should look like:

[[Image:Labels.png||500px]]

To display this modified molecule in your page as a specific scene:
*Click the 'save scene' tab in the "Scene authoring tools".
*Type into the 'Scene name' box, for example: Scene 1
*Click 'Save current scene'. A wikitext will appear as:

Copy and paste the following line where you want the scene link to appear (scroll down if needed) and edit the TextToBeDisplayed:
<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>

*Select and copy the line '<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>'. This is the scene name.

*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule.
*To save this scene into your page, first click the 'hide' button of the "Scene authoring tools":
[[Image:hide.png||300px]]
*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page. Try out your new green link scene. If it somehow fails, ask for help during this workshop. You can also see an example of how it looks like [http://www.proteopedia.org/wiki/index.php/Joanne_Lau/sandbox_18 here].

=='''Display evolutionary conservation'''==
Note that the following steps were written based off instructions from Professor Eric Martz's [http://proteopedia.org/wiki/index.php/Help:How_to_Insert_a_ConSurf_Result_Into_a_Proteopedia_Green_Link Proteopedia Consurf page].

The [http://consurf.tau.ac.il/ ConSurf Server] provides a way to visualize conserved amino acid or dna bases in a 3D manner. You may follow the Consurf instructions to generate a conservation score of your molecule of interest. You will need to extract the RasMol Coloring Script from the output.

Due to time limitation in this workshop, we will provide you a RasMol Coloring Script for DHFR:
*Open a new Internet Browser Window open the script stored at: http://consurf.tau.ac.il/results/1382380889/rasmol.scr
*Open the 'Scene authoring tools' of your page. In 'load scene' tab, select
Scene name: 'Scene_1' Version number: '1'
*Click on the word 'Jmol_S' at the lower right hand side, go to the 'Main Menu' and click on 'Console'. A new box will appear, with the header "Jmol Script Console".
[[Image:Image:Jmol S.png]]

*Select the script in entirety from the earlier mentioned webpage, then 'drag and drop' the script into the bottom box of the console.
*Click the 'Run' button of the Console. You will see that the molecule is now in spacefill representation, and colored differently. You can edit the representation further, but for this workshop, we will move on.
[[Image:EVolutionaryConservation.png||500px]]

*Save the scene by clicking the 'save scene' tab. Type: Scene 2, and click 'Save current scene' button. Copy the scenename.
*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule. Type "evolutionary conservation" as the caption.
*Copy and paste this color key for the evolutionary conservation into your editing box:
<nowiki>{{Template:ColorKey_ConSurf}}</nowiki>

=='''Favorite tips'''==

Observe other Proteopedia pages.

Create a nice story line.

Creating a great page is a reiterative process!

Remember to give credit to images appropriately, and avoid plagiarism like the plague by writing in your own words.

== '''Other useful pages for creating your CBI molecule''' ==
[[Proteopedia:How to Make a Page]]

[[Scene authoring tools]]

File:Jmol S.png

2013-10-23T08:29:49Z

Joanne Lau:

2013-10-23T08:05:39Z

Joanne Lau:

CBI Molecule Workshop

2013-10-23T07:59:11Z

Joanne Lau:

=='''Create Your Own Proteopedia Page'''==

===Use a 64-bit Java based Internet browser===
Proteopedia and Jmol requires Java for 64-bit browsers. Therefore, use [http://www.mozilla.org/en-US/firefox/new/ Mozilla Firefox] (works best for page making) or Safari (can view Proteopedia pages, but sometimes problematic for 3D page making), and not Chrome (incompatible at the moment).

==='''Create a page'''===

*At the 'Search' box on the left of any proteopedia page, type your page title. For a draft page for this class, type:

Your Username/Sandbox1

You will be asked to click on a red linked caption to create your new page.

==='''Edit the page'''===
Create all your content in the 'edit this page' tab. Remember that you need to log in to edit a page. Changes are recorded and can be undone in the 'history' tab, just like Wikipages.

For this workshop, please first delete all default content in the editing box.

=='''Create written content'''==

===Typography===
Simple and useful basics...

*In the 'edit this page' tab, write something, then select your sentence or word. Click the appropriate buttons to create '''Bold''' or ''italics'' fonts, or "Headers".

[[Image:Buttons-Bold Itallics Headers.png||300px|left|]]

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

Tips:

You can combine those typography: eg. bold+italic, bold+italic+header.

When you create headers, Proteopedia automatically generates a content box at the top of the page to contain all the headers of the page.

To create more complicated constructions of your proteopedia page, browse other proteopedia pages, and observe the syntax used to create the special effects.

===Link or reference other webpages===

[[Image:Buttons-External internal links.png||300px|left|]]

The 'External link' button lets you create a link to another webpage (other than Proteopedia pages). Example: Research articles related to your page.
*Click the 'External link' button. You'll see: <nowiki>[http://www.example.com link title]</nowiki>. Paste in your web address of interest. When you create a link title, it will show up as a blue linked caption like this: [http://www.umass.edu UMASS Amherst]

The 'Internal link' button lets you create a link to another Proteopedia webpage. Example: a Proteopedia page that contains a PDB molecule related to your page, your Proteopedia profile page.

*Click the 'Internal link'. You'll see: <nowiki>[[Link title]]</nowiki>. Paste in the Proteopedia page of interest. It will show up as a blue linked caption like this: [[CBI Molecules]]

=='''Insert still images'''==

[[Image:Buttons-External_embeddedimage.png||300px|left|]]

The 'Embedded image' button lets you include images into your page. Example: gene pathways, chemical reactions, still structural images from Pymol.

To upload images, ensure that you are logged on. It appears easiest to carry out the following steps out in a different Proteopedia page than the one you are currently editing (avoids losing the link to the page that you are editing).

*Click the 'Upload file' tab on the left of the page. Upload an image of interest. Copy the file name of the image.
*When in the 'edit this page tab' of the page that you are editing, click the 'Embedded image' button and paste the file name into <nowiki>[[Image:Example.jpg]]</nowiki>.
*You can change the size and position of the image by including further details such as: <nowiki>[[Image:Example.jpg||300px|left|]]</nowiki>

=='''Create dynamic molecular content'''==

===Front page molecular content===

When a proteopedia page loads onto a browser, the page can be edited to immediately display a specific molecular content. This is how you do it:

*Click the '3D' button. You will see:
<nowiki><Structure load='Insert PDB code or filename here' size='500' frame='true' align='right' caption='Insert caption here' scene='Insert optional scene name here' /></nowiki>

For this workshop:
*Type '7DFR' in place of <nowiki>'Insert PDB code or filename here'</nowiki>.
*Type 'DHFR is pretty cool' in place of 'Insert caption here'.
After this workshop, you can choose a published or your own PDB file for your own Proteopedia page.

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

===Creating green-linked scenes===
Scenes are different dynamic displays of your molecule. Try these steps to get a taste of scene-creating:

*In the 'edit this page' tab, click the 'show' button of the "Scene authoring tools":
[[Image:Scene authoring tools.png||300px]]

*Load a molecular structure onto your page by first clicking the 'load molecule' tab. For this workshop, type '7DFR'. Click 'load'. You'll see the DHFR protein molecule in the box on the right, as such:

[[Image:Load Molecule.png||500px]]

*Click 'selections' tab. Click 'helix' and 'add to selection'. In the box on the right, check mark 'selection halos' to see which part of the protein is selected. Selection will be highlighted in yellow. This is what it should look like:

[[Image:Selections.png||500px]]

*Click 'representations' tab. Check mark 'meshribbon' and click 'set representation'. You'll see that the yellow highlighted sections change to mesh representation.

*Click 'colors' tab. Select the 'selection' option button, and click a green color box. Then select the 'background' option button, and click a black color box. This is what it should look like:

[[Image:Colors.png||500px]]

*Click 'labels' tab. Click the 'select none' button in the right hand side box. This removes all selection so that nothing is highlighted in yellow. Next, select the 'atom' option button. Click an atom on the protein, so that only one residue is selected. In the text box, type "Just playing around". Click 'set label'. This is what it should look like:

[[Image:Labels.png||500px]]

To display this modified molecule in your page as a specific scene:
*Click the 'save scene' tab in the "Scene authoring tools".
*Type into the 'Scene name' box, for example: Scene 1
*Click 'Save current scene'. A wikitext will appear as:

Copy and paste the following line where you want the scene link to appear (scroll down if needed) and edit the TextToBeDisplayed:
<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>

*Select and copy the line '<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>'. This is the scene name.

*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule.
*Save page to view your output.

=='''Display evolutionary conservation'''==
Note that these steps were written based off instructions from Professor Eric Martz's [http://proteopedia.org/wiki/index.php/Help:How_to_Insert_a_ConSurf_Result_Into_a_Proteopedia_Green_Link Proteopedia Consurf page].

The [http://consurf.tau.ac.il/ ConSurf Server] provides a way to visualize conserved amino acid or dna bases in a 3D manner. You may follow the Consurf instructions to generate a conservation score of your molecule of interest. You will need to extract the RasMol Coloring Script from the output.

Due to time limitation in this workshop, we will provide you a RasMol Coloring Script for DHFR:
*Open a new Internet Browser Window open the script stored at: http://consurf.tau.ac.il/results/1382380889/rasmol.scr
*Open the 'Scene authoring tools' of your page. In 'load scene' tab, select
Scene name: 'Scene_1'
Version number: '2'
*Click on the word 'Jmol_S' at the lower right hand side, and click on 'Console'. A new box will appear, and this is the Console.
*Select the script in entirety, then 'drag and drop' the script into the bottom box of the console.
*Click the 'Run' button of the Console. You will see that the molecule is now in spacefill representation, and colored differently. You can edit the representation further, but for this workshop, we will move on.
*Save the scene by clicking the 'save scene' tab. Type: Scene 2, and click 'Save current scene' button. Copy the scenename.
*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule. Type "evolutionary conservation" as the caption.
*Copy and paste this color key for the evolutionary conservation into your editing box:
<nowiki>{{Template:ColorKey_ConSurf}}</nowiki>

=='''Favorite tips'''==

Observe other Proteopedia pages.

Create a nice story line.

Creating a great page is a reiterative process!

Remember to give credit to images appropriately, and avoid plagiarism like the plague by writing in your own words.

== '''Other useful pages for creating your CBI molecule''' ==
[[Proteopedia:How to Make a Page]]

[[Scene authoring tools]]

CBI Molecule Workshop

2013-10-23T07:58:10Z

Joanne Lau:

=='''Create Your Own Proteopedia Page'''==

===Use a 64-bit Java based Internet browser===
Proteopedia and Jmol requires Java for 64-bit browsers. Therefore, use Firefox (works best for page making) or Safari (can view Proteopedia pages, but sometimes problematic for 3D page making), and not Chrome (incompatible at the moment).

==='''Create a page'''===

*At the 'Search' box on the left of any proteopedia page, type your page title. For a draft page for this class, type:

Your Username/Sandbox1

You will be asked to click on a red linked caption to create your new page.

==='''Edit the page'''===
Create all your content in the 'edit this page' tab. Remember that you need to log in to edit a page. Changes are recorded and can be undone in the 'history' tab, just like Wikipages.

For this workshop, please first delete all default content in the editing box.

=='''Create written content'''==

===Typography===
Simple and useful basics...

*In the 'edit this page' tab, write something, then select your sentence or word. Click the appropriate buttons to create '''Bold''' or ''italics'' fonts, or "Headers".

[[Image:Buttons-Bold Itallics Headers.png||300px|left|]]

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

Tips:

You can combine those typography: eg. bold+italic, bold+italic+header.

When you create headers, Proteopedia automatically generates a content box at the top of the page to contain all the headers of the page.

To create more complicated constructions of your proteopedia page, browse other proteopedia pages, and observe the syntax used to create the special effects.

===Link or reference other webpages===

[[Image:Buttons-External internal links.png||300px|left|]]

The 'External link' button lets you create a link to another webpage (other than Proteopedia pages). Example: Research articles related to your page.
*Click the 'External link' button. You'll see: <nowiki>[http://www.example.com link title]</nowiki>. Paste in your web address of interest. When you create a link title, it will show up as a blue linked caption like this: [http://www.umass.edu UMASS Amherst]

The 'Internal link' button lets you create a link to another Proteopedia webpage. Example: a Proteopedia page that contains a PDB molecule related to your page, your Proteopedia profile page.

*Click the 'Internal link'. You'll see: <nowiki>[[Link title]]</nowiki>. Paste in the Proteopedia page of interest. It will show up as a blue linked caption like this: [[CBI Molecules]]

=='''Insert still images'''==

[[Image:Buttons-External_embeddedimage.png||300px|left|]]

The 'Embedded image' button lets you include images into your page. Example: gene pathways, chemical reactions, still structural images from Pymol.

To upload images, ensure that you are logged on. It appears easiest to carry out the following steps out in a different Proteopedia page than the one you are currently editing (avoids losing the link to the page that you are editing).

*Click the 'Upload file' tab on the left of the page. Upload an image of interest. Copy the file name of the image.
*When in the 'edit this page tab' of the page that you are editing, click the 'Embedded image' button and paste the file name into <nowiki>[[Image:Example.jpg]]</nowiki>.
*You can change the size and position of the image by including further details such as: <nowiki>[[Image:Example.jpg||300px|left|]]</nowiki>

=='''Create dynamic molecular content'''==

===Front page molecular content===

When a proteopedia page loads onto a browser, the page can be edited to immediately display a specific molecular content. This is how you do it:

*Click the '3D' button. You will see:
<nowiki><Structure load='Insert PDB code or filename here' size='500' frame='true' align='right' caption='Insert caption here' scene='Insert optional scene name here' /></nowiki>

For this workshop:
*Type '7DFR' in place of <nowiki>'Insert PDB code or filename here'</nowiki>.
*Type 'DHFR is pretty cool' in place of 'Insert caption here'.
After this workshop, you can choose a published or your own PDB file for your own Proteopedia page.

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

===Creating green-linked scenes===
Scenes are different dynamic displays of your molecule. Try these steps to get a taste of scene-creating:

*In the 'edit this page' tab, click the 'show' button of the "Scene authoring tools":
[[Image:Scene authoring tools.png||300px]]

*Load a molecular structure onto your page by first clicking the 'load molecule' tab. For this workshop, type '7DFR'. Click 'load'. You'll see the DHFR protein molecule in the box on the right, as such:

[[Image:Load Molecule.png||500px]]

*Click 'selections' tab. Click 'helix' and 'add to selection'. In the box on the right, check mark 'selection halos' to see which part of the protein is selected. Selection will be highlighted in yellow. This is what it should look like:

[[Image:Selections.png||500px]]

*Click 'representations' tab. Check mark 'meshribbon' and click 'set representation'. You'll see that the yellow highlighted sections change to mesh representation.

*Click 'colors' tab. Select the 'selection' option button, and click a green color box. Then select the 'background' option button, and click a black color box. This is what it should look like:

[[Image:Colors.png||500px]]

*Click 'labels' tab. Click the 'select none' button in the right hand side box. This removes all selection so that nothing is highlighted in yellow. Next, select the 'atom' option button. Click an atom on the protein, so that only one residue is selected. In the text box, type "Just playing around". Click 'set label'. This is what it should look like:

[[Image:Labels.png||500px]]

To display this modified molecule in your page as a specific scene:
*Click the 'save scene' tab in the "Scene authoring tools".
*Type into the 'Scene name' box, for example: Scene 1
*Click 'Save current scene'. A wikitext will appear as:

Copy and paste the following line where you want the scene link to appear (scroll down if needed) and edit the TextToBeDisplayed:
<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>

*Select and copy the line '<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>'. This is the scene name.

*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule.
*Save page to view your output.

=='''Display evolutionary conservation'''==
Note that these steps were written based off instructions from Professor Eric Martz's [http://proteopedia.org/wiki/index.php/Help:How_to_Insert_a_ConSurf_Result_Into_a_Proteopedia_Green_Link Proteopedia Consurf page].

The [http://consurf.tau.ac.il/ ConSurf Server] provides a way to visualize conserved amino acid or dna bases in a 3D manner. You may follow the Consurf instructions to generate a conservation score of your molecule of interest. You will need to extract the RasMol Coloring Script from the output.

Due to time limitation in this workshop, we will provide you a RasMol Coloring Script for DHFR:
*Open a new Internet Browser Window open the script stored at: http://consurf.tau.ac.il/results/1382380889/rasmol.scr
*Open the 'Scene authoring tools' of your page. In 'load scene' tab, select
Scene name: 'Scene_1'
Version number: '2'
*Click on the word 'Jmol_S' at the lower right hand side, and click on 'Console'. A new box will appear, and this is the Console.
*Select the script in entirety, then 'drag and drop' the script into the bottom box of the console.
*Click the 'Run' button of the Console. You will see that the molecule is now in spacefill representation, and colored differently. You can edit the representation further, but for this workshop, we will move on.
*Save the scene by clicking the 'save scene' tab. Type: Scene 2, and click 'Save current scene' button. Copy the scenename.
*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule. Type "evolutionary conservation" as the caption.
*Copy and paste this color key for the evolutionary conservation into your editing box:
<nowiki>{{Template:ColorKey_ConSurf}}</nowiki>

=='''Favorite tips'''==

Observe other Proteopedia pages.

Create a nice story line.

Creating a great page is a reiterative process!

Remember to give credit to images appropriately, and avoid plagiarism like the plague by writing in your own words.

== '''Other useful pages for creating your CBI molecule''' ==
[[Proteopedia:How to Make a Page]]

[[Scene authoring tools]]

CBI Molecule Workshop

2013-10-23T07:56:40Z

Joanne Lau:

=='''Create Your Own Proteopedia Page'''==

===Use a 64-bit Java based Internet browser===
Proteopedia and Jmol requires Java for 64-bit browsers. Therefore, use Firefox (works best for page making) or Safari (sometimes problematic), and not Chrome.

==='''Create a page'''===

*At the 'Search' box on the left of any proteopedia page, type your page title. For a draft page for this class, type:

Your Username/Sandbox1

You will be asked to click on a red linked caption to create your new page.

==='''Edit the page'''===
Create all your content in the 'edit this page' tab. Remember that you need to log in to edit a page. Changes are recorded and can be undone in the 'history' tab, just like Wikipages.

For this workshop, please first delete all default content in the editing box.

=='''Create written content'''==

===Typography===
Simple and useful basics...

*In the 'edit this page' tab, write something, then select your sentence or word. Click the appropriate buttons to create '''Bold''' or ''italics'' fonts, or "Headers".

[[Image:Buttons-Bold Itallics Headers.png||300px|left|]]

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

Tips:

You can combine those typography: eg. bold+italic, bold+italic+header.

When you create headers, Proteopedia automatically generates a content box at the top of the page to contain all the headers of the page.

To create more complicated constructions of your proteopedia page, browse other proteopedia pages, and observe the syntax used to create the special effects.

===Link or reference other webpages===

[[Image:Buttons-External internal links.png||300px|left|]]

The 'External link' button lets you create a link to another webpage (other than Proteopedia pages). Example: Research articles related to your page.
*Click the 'External link' button. You'll see: <nowiki>[http://www.example.com link title]</nowiki>. Paste in your web address of interest. When you create a link title, it will show up as a blue linked caption like this: [http://www.umass.edu UMASS Amherst]

The 'Internal link' button lets you create a link to another Proteopedia webpage. Example: a Proteopedia page that contains a PDB molecule related to your page, your Proteopedia profile page.

*Click the 'Internal link'. You'll see: <nowiki>[[Link title]]</nowiki>. Paste in the Proteopedia page of interest. It will show up as a blue linked caption like this: [[CBI Molecules]]

=='''Insert still images'''==

[[Image:Buttons-External_embeddedimage.png||300px|left|]]

The 'Embedded image' button lets you include images into your page. Example: gene pathways, chemical reactions, still structural images from Pymol.

To upload images, ensure that you are logged on. It appears easiest to carry out the following steps out in a different Proteopedia page than the one you are currently editing (avoids losing the link to the page that you are editing).

*Click the 'Upload file' tab on the left of the page. Upload an image of interest. Copy the file name of the image.
*When in the 'edit this page tab' of the page that you are editing, click the 'Embedded image' button and paste the file name into <nowiki>[[Image:Example.jpg]]</nowiki>.
*You can change the size and position of the image by including further details such as: <nowiki>[[Image:Example.jpg||300px|left|]]</nowiki>

=='''Create dynamic molecular content'''==

===Front page molecular content===

When a proteopedia page loads onto a browser, the page can be edited to immediately display a specific molecular content. This is how you do it:

*Click the '3D' button. You will see:
<nowiki><Structure load='Insert PDB code or filename here' size='500' frame='true' align='right' caption='Insert caption here' scene='Insert optional scene name here' /></nowiki>

For this workshop:
*Type '7DFR' in place of <nowiki>'Insert PDB code or filename here'</nowiki>.
*Type 'DHFR is pretty cool' in place of 'Insert caption here'.
After this workshop, you can choose a published or your own PDB file for your own Proteopedia page.

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

===Creating green-linked scenes===
Scenes are different dynamic displays of your molecule. Try these steps to get a taste of scene-creating:

*In the 'edit this page' tab, click the 'show' button of the "Scene authoring tools":
[[Image:Scene authoring tools.png||300px]]

*Load a molecular structure onto your page by first clicking the 'load molecule' tab. For this workshop, type '7DFR'. Click 'load'. You'll see the DHFR protein molecule in the box on the right, as such:

[[Image:Load Molecule.png||500px]]

*Click 'selections' tab. Click 'helix' and 'add to selection'. In the box on the right, check mark 'selection halos' to see which part of the protein is selected. Selection will be highlighted in yellow. This is what it should look like:

[[Image:Selections.png||500px]]

*Click 'representations' tab. Check mark 'meshribbon' and click 'set representation'. You'll see that the yellow highlighted sections change to mesh representation.

*Click 'colors' tab. Select the 'selection' option button, and click a green color box. Then select the 'background' option button, and click a black color box. This is what it should look like:

[[Image:Colors.png||500px]]

*Click 'labels' tab. Click the 'select none' button in the right hand side box. This removes all selection so that nothing is highlighted in yellow. Next, select the 'atom' option button. Click an atom on the protein, so that only one residue is selected. In the text box, type "Just playing around". Click 'set label'. This is what it should look like:

[[Image:Labels.png||500px]]

To display this modified molecule in your page as a specific scene:
*Click the 'save scene' tab in the "Scene authoring tools".
*Type into the 'Scene name' box, for example: Scene 1
*Click 'Save current scene'. A wikitext will appear as:

Copy and paste the following line where you want the scene link to appear (scroll down if needed) and edit the TextToBeDisplayed:
<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>

*Select and copy the line '<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>'. This is the scene name.

*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule.
*Save page to view your output.

=='''Display evolutionary conservation'''==
Note that these steps were written based off instructions from Professor Eric Martz's [http://proteopedia.org/wiki/index.php/Help:How_to_Insert_a_ConSurf_Result_Into_a_Proteopedia_Green_Link Proteopedia Consurf page].

The [http://consurf.tau.ac.il/ ConSurf Server] provides a way to visualize conserved amino acid or dna bases in a 3D manner. You may follow the Consurf instructions to generate a conservation score of your molecule of interest. You will need to extract the RasMol Coloring Script from the output.

Due to time limitation in this workshop, we will provide you a RasMol Coloring Script for DHFR:
*Open a new Internet Browser Window open the script stored at: http://consurf.tau.ac.il/results/1382380889/rasmol.scr
*Open the 'Scene authoring tools' of your page. In 'load scene' tab, select
Scene name: 'Scene_1'
Version number: '2'
*Click on the word 'Jmol_S' at the lower right hand side, and click on 'Console'. A new box will appear, and this is the Console.
*Select the script in entirety, then 'drag and drop' the script into the bottom box of the console.
*Click the 'Run' button of the Console. You will see that the molecule is now in spacefill representation, and colored differently. You can edit the representation further, but for this workshop, we will move on.
*Save the scene by clicking the 'save scene' tab. Type: Scene 2, and click 'Save current scene' button. Copy the scenename.
*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule. Type "evolutionary conservation" as the caption.
*Copy and paste this color key for the evolutionary conservation into your editing box:
<nowiki>{{Template:ColorKey_ConSurf}}</nowiki>

=='''Favorite tips'''==

Observe other Proteopedia pages.

Create a nice story line.

Creating a great page is a reiterative process!

Remember to give credit to images appropriately, and avoid plagiarism like the plague by writing in your own words.

== '''Other useful pages for creating your CBI molecule''' ==
[[Proteopedia:How to Make a Page]]

[[Scene authoring tools]]

CBI Molecule Workshop

2013-10-23T07:52:03Z

Joanne Lau:

=='''Create Your Own Proteopedia Page'''==

===Use a 64-bit Java based Internet browser===
Proteopedia and Jmol requires Java for 64-bit browsers. Therefore, use Firefox (works best for page making) or Safari, and not Chrome.

==='''Create a page'''===

*At the 'Search' box on the left of any proteopedia page, type your page title. For a draft page for this class, type:

Your Username/Sandbox1

You will be asked to click on a red linked caption to create your new page.

==='''Edit the page'''===
Create all your content in the 'edit this page' tab. Remember that you need to log in to edit a page. Changes are recorded and can be undone in the 'history' tab, just like Wikipages.

For this workshop, please first delete all default content in the editing box.

=='''Create written content'''==

===Typography===
Simple and useful basics...

*In the 'edit this page' tab, write something, then select your sentence or word. Click the appropriate buttons to create '''Bold''' or ''italics'' fonts, or "Headers".

[[Image:Buttons-Bold Itallics Headers.png||300px|left|]]

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

Tips:

You can combine those typography: eg. bold+italic, bold+italic+header.

When you create headers, Proteopedia automatically generates a content box at the top of the page to contain all the headers of the page.

To create more complicated constructions of your proteopedia page, browse other proteopedia pages, and observe the syntax used to create the special effects.

===Link or reference other webpages===

[[Image:Buttons-External internal links.png||300px|left|]]

The 'External link' button lets you create a link to another webpage (other than Proteopedia pages). Example: Research articles related to your page.
*Click the 'External link' button. You'll see: <nowiki>[http://www.example.com link title]</nowiki>. Paste in your web address of interest. When you create a link title, it will show up as a blue linked caption like this: [http://www.umass.edu UMASS Amherst]

The 'Internal link' button lets you create a link to another Proteopedia webpage. Example: a Proteopedia page that contains a PDB molecule related to your page, your Proteopedia profile page.

*Click the 'Internal link'. You'll see: <nowiki>[[Link title]]</nowiki>. Paste in the Proteopedia page of interest. It will show up as a blue linked caption like this: [[CBI Molecules]]

=='''Insert still images'''==

[[Image:Buttons-External_embeddedimage.png||300px|left|]]

The 'Embedded image' button lets you include images into your page. Example: gene pathways, chemical reactions, still structural images from Pymol.

To upload images, ensure that you are logged on. It appears easiest to carry out the following steps out in a different Proteopedia page than the one you are currently editing (avoids losing the link to the page that you are editing).

*Click the 'Upload file' tab on the left of the page. Upload an image of interest. Copy the file name of the image.
*When in the 'edit this page tab' of the page that you are editing, click the 'Embedded image' button and paste the file name into <nowiki>[[Image:Example.jpg]]</nowiki>.
*You can change the size and position of the image by including further details such as: <nowiki>[[Image:Example.jpg||300px|left|]]</nowiki>

=='''Create dynamic molecular content'''==

===Front page molecular content===

When a proteopedia page loads onto a browser, the page can be edited to immediately display a specific molecular content. This is how you do it:

*Click the '3D' button. You will see:
<nowiki><Structure load='Insert PDB code or filename here' size='500' frame='true' align='right' caption='Insert caption here' scene='Insert optional scene name here' /></nowiki>

For this workshop:
*Type '7DFR' in place of <nowiki>'Insert PDB code or filename here'</nowiki>.
*Type 'DHFR is pretty cool' in place of 'Insert caption here'.
After this workshop, you can choose a published or your own PDB file for your own Proteopedia page.

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

===Creating green-linked scenes===
Scenes are different dynamic displays of your molecule. Try these steps to get a taste of scene-creating:

*In the 'edit this page' tab, click the 'show' button of the "Scene authoring tools":
[[Image:Scene authoring tools.png||300px]]

*Load a molecular structure onto your page by first clicking the 'load molecule' tab. For this workshop, type '7DFR'. Click 'load'. You'll see the DHFR protein molecule in the box on the right, as such:

[[Image:Load Molecule.png||500px]]

*Click 'selections' tab. Click 'helix' and 'add to selection'. In the box on the right, check mark 'selection halos' to see which part of the protein is selected. Selection will be highlighted in yellow. This is what it should look like:

[[Image:Selections.png||500px]]

*Click 'representations' tab. Check mark 'meshribbon' and click 'set representation'. You'll see that the yellow highlighted sections change to mesh representation.

*Click 'colors' tab. Select the 'selection' option button, and click a green color box. Then select the 'background' option button, and click a black color box. This is what it should look like:

[[Image:Colors.png||500px]]

*Click 'labels' tab. Click the 'select none' button in the right hand side box. This removes all selection so that nothing is highlighted in yellow. Next, select the 'atom' option button. Click an atom on the protein, so that only one residue is selected. In the text box, type "Just playing around". Click 'set label'. This is what it should look like:

[[Image:Labels.png||500px]]

To display this modified molecule in your page as a specific scene:
*Click the 'save scene' tab in the "Scene authoring tools".
*Type into the 'Scene name' box, for example: Scene 1
*Click 'Save current scene'. A wikitext will appear as:

Copy and paste the following line where you want the scene link to appear (scroll down if needed) and edit the TextToBeDisplayed:
<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>

*Select and copy the line '<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>'. This is the scene name.

*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule.
*Save page to view your output.

=='''Display evolutionary conservation'''==
Note that these steps were written based off instructions from Professor Eric Martz's [http://proteopedia.org/wiki/index.php/Help:How_to_Insert_a_ConSurf_Result_Into_a_Proteopedia_Green_Link Proteopedia Consurf page].

The [http://consurf.tau.ac.il/ ConSurf Server] provides a way to visualize conserved amino acid or dna bases in a 3D manner. You may follow the Consurf instructions to generate a conservation score of your molecule of interest. You will need to extract the RasMol Coloring Script from the output.

Due to time limitation in this workshop, we will provide you a RasMol Coloring Script for DHFR:
*Open a new Internet Browser Window open the script stored at: http://consurf.tau.ac.il/results/1382380889/rasmol.scr
*Open the 'Scene authoring tools' of your page. In 'load scene' tab, select
Scene name: 'Scene_1'
Version number: '2'
*Click on the word 'Jmol_S' at the lower right hand side, and click on 'Console'. A new box will appear, and this is the Console.
*Select the script in entirety, then 'drag and drop' the script into the bottom box of the console.
*Click the 'Run' button of the Console. You will see that the molecule is now in spacefill representation, and colored differently. You can edit the representation further, but for this workshop, we will move on.
*Save the scene by clicking the 'save scene' tab. Type: Scene 2, and click 'Save current scene' button. Copy the scenename.
*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule. Type "evolutionary conservation" as the caption.
*Copy and paste this color key for the evolutionary conservation into your editing box:
<nowiki>{{Template:ColorKey_ConSurf}}</nowiki>

=='''Favorite tips'''==

Observe other Proteopedia pages.

Create a nice story line.

Creating a great page is a reiterative process!

Remember to give credit to images appropriately, and avoid plagiarism like the plague by writing in your own words.

== '''Other useful pages for creating your CBI molecule''' ==
[[Proteopedia:How to Make a Page]]

[[Scene authoring tools]]

CBI Molecule Workshop

2013-10-23T07:51:01Z

Joanne Lau:

=='''Create Your Own Proteopedia Page'''==

===Use a 64-bit Java based Internet browser===
Proteopedia and Jmol requires Java for 64-bit browsers. Therefore, use Firefox (works best for page making) or Safari, and not Chrome.

==='''Create a page'''===

*At the 'Search' box on the left of any proteopedia page, type your page title. For a draft page for this class, type:

Your Username/Sandbox1

You will be asked to click on a red linked caption to create your new page.

==='''Edit the page'''===
Create all your content in the 'edit this page' tab. Remember that you need to log in to edit a page. Changes are recorded and can be undone in the 'history' tab, just like Wikipages.

For this workshop, please first delete all default content in the editing box.

=='''Create written content'''==

===Typography===
Simple and useful basics...

*In the 'edit this page' tab, write something, then select your sentence or word. Click the appropriate buttons to create '''Bold''' or ''italics'' fonts, or "Headers".

[[Image:Buttons-Bold Itallics Headers.png||300px|left|]]

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

Tips:

You can combine those typography: eg. bold+italic, bold+italic+header.

When you create headers, Proteopedia automatically generates a content box at the top of the page to contain all the headers of the page.

To create more complicated constructions of your proteopedia page, browse other proteopedia pages, and observe the syntax used to create the special effects.

===Link or reference other webpages===

[[Image:Buttons-External internal links.png||300px|left|]]

The 'External link' button lets you create a link to another webpage (other than Proteopedia pages). Example: Research articles related to your page.
*Click the 'External link' button. You'll see: <nowiki>[http://www.example.com link title]</nowiki>. Paste in your web address of interest. When you create a link title, it will show up as a blue linked caption like this: [http://www.umass.edu UMASS Amherst]

The 'Internal link' button lets you create a link to another Proteopedia webpage. Example: a Proteopedia page that contains a PDB molecule related to your page, your Proteopedia profile page.

*Click the 'Internal link'. You'll see: <nowiki>[[Link title]]</nowiki>. Paste in the Proteopedia page of interest. It will show up as a blue linked caption like this: [[CBI Molecules]]

=='''Insert still images'''==

[[Image:Buttons-External_embeddedimage.png||300px|left|]]

The 'Embedded image' button lets you include images into your page. Example: gene pathways, chemical reactions, still structural images from Pymol.

To upload images, ensure that you are logged on. It appears easiest to carry out the following steps out in a different Proteopedia page than the one you are currently editing (avoids losing the link to the page that you are editing).

*Click the 'Upload file' tab on the left of the page. Upload an image of interest. Copy the file name of the image.
*When in the 'edit this page tab' of the page that you are editing, click the 'Embedded image' button and paste the file name into <nowiki>[[Image:Example.jpg]]</nowiki>.
*You can change the size and position of the image by including further details such as: <nowiki>[[Image:Example.jpg||300px|left|]]</nowiki>

=='''Create dynamic molecular content'''==

===Front page molecular content===

When a proteopedia page loads onto a browser, the page can be edited to immediately display a specific molecular content. This is how you do it:

*Click the '3D' button. You will see:
<nowiki><Structure load='Insert PDB code or filename here' size='500' frame='true' align='right' caption='Insert caption here' scene='Insert optional scene name here' /></nowiki>

For this workshop:
*Type '7DFR' in place of <nowiki>'Insert PDB code or filename here'</nowiki>.
*Type 'DHFR is pretty cool' in place of 'Insert caption here'.
After this workshop, you can choose a published or your own PDB file for your own Proteopedia page.

*Click the button "Save page" at the page bottom, and you'll see how it will look like on your Proteopedia page.

===Creating green-linked scenes===
Scenes are different dynamic displays of your molecule. Try these steps to get a taste of scene-creating:

*In the 'edit this page' tab, click the 'show' button of the "Scene authoring tools":
[[Image:Scene authoring tools.png||300px]]

*Load a molecular structure onto your page by first clicking the 'load molecule' tab. For this workshop, type '7DFR'. Click 'load'. You'll see the DHFR protein molecule in the box on the right, as such:

[[Image:Load Molecule.png||500px]]

*Click 'selections' tab. Click 'helix' and 'add to selection'. In the box on the right, check mark 'selection halos' to see which part of the protein is selected. Selection will be highlighted in yellow. This is what it should look like:

[[Image:Selections.png||500px]]

*Click 'representations' tab. Check mark 'meshribbon' and click 'set representation'. You'll see that the yellow highlighted sections change to mesh representation.

*Click 'colors' tab. Select the 'selection' option button, and click a green color box. Then select the 'background' option button, and click a black color box. This is what it should look like:

[[Image:Colors.png||500px]]

*Click 'labels' tab. Click the 'select none' button in the right hand side box. This removes all selection so that nothing is highlighted in yellow. Next, select the 'atom' option button. Click an atom on the protein, so that only one residue is selected. In the text box, type "Just playing around". Click 'set label'. This is what it should look like:

[[Image:Labels.png||500px]]

To display this modified molecule in your page as a specific scene:
*Click the 'save scene' tab in the "Scene authoring tools".
*Type into the 'Scene name' box, for example: Scene 1
*Click 'Save current scene'. A wikitext will appear as:

Copy and paste the following line where you want the scene link to appear (scroll down if needed) and edit the TextToBeDisplayed:
<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>

*Select and copy the line '<nowiki><scene name='56/565760/Scene_1/1'>TextToBeDisplayed</scene></nowiki>'. This is the scene name.

*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule.
*Save page to view your output.

=='''Display evolutionary conservation'''==
Note that these steps were written based off instructions from Professor Eric Martz's [http://proteopedia.org/wiki/index.php/Help:How_to_Insert_a_ConSurf_Result_Into_a_Proteopedia_Green_Link Proteopedia Consurf page].

The [http://consurf.tau.ac.il/ ConSurf Server] provides a way to visualize conserved amino acid or dna bases in a 3D manner. You may follow the Consurf instructions to generate a conservation score of your molecule of interest. You will need to extract the RasMol Coloring Script from the output.

Due to time limitation in this workshop, we will provide you a RasMol Coloring Script for DHFR:
*Open a new Internet Browser Window open the script stored at: http://consurf.tau.ac.il/results/1382380889/rasmol.scr
*Open the 'Scene authoring tools' of your page. In 'load scene' tab, select
Scene name: 'Scene_1'
Version number: '2'
*Click on the word 'Jmol_S' at the lower right hand side, and click on 'Console'. A new box will appear, and this is the Console.
*Select the script in entirety, then 'drag and drop' the script into the bottom box of the console.
*Click the 'Run' button of the Console. You will see that the molecule is now in spacefill representation, and colored differently. You can edit the representation further, but for this workshop, we will move on.
*Save the scene by clicking the 'save scene' tab. Type: Scene 2, and click 'Save current scene' button. Copy the scenename.
*In the main editing box of the 'edit this page' tab, paste the scene name. 'TextToBeDisplayed' is where you can type a caption name that will turn into a green link that is used to initiate visualization of the molecule. Type "evolutionary conservation" as the caption.
*Copy and paste this color key for the evolutionary conservation into your editing box:
<nowiki>{{Template:ColorKey_ConSurf}}</nowiki>

=='''Favorite tips'''==

Observe other Proteopedia pages.

Create a nice story line.

Creating a great page is a reiterative process!

Remember to give credit to images appropriately, and avoid plagiarism like the plague by writing in your own words.

== '''Other useful pages for creating your CBI molecule''' ==
[[Proteopedia:How to Make a Page]]

[[Scene authoring tools]]