Wiki How-To
From 2014.igem.org
m |
(→Wiki Freeze - October 17th (11:59 PM -EDT)) |
||
(15 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
===Wiki Freeze - October 17th (11:59 PM -EDT)=== | ===Wiki Freeze - October 17th (11:59 PM -EDT)=== | ||
<html> | <html> | ||
+ | |||
+ | <p><b><span style="color:red;">W Do not wait till the last minute! There will be a lot of traffic on the iGEM wiki starting as early as Wednesday (October 15th). Upload your content early and avoid issues caused by server load.</span></b></p> | ||
<p>Your team's project must be documented on the iGEM 2014 wiki, the parts used in your project must be documented on the <a href="http://parts.igem.org">Registry of Standard Biological Parts</a>. You have the freedom to be creative, but a few specific rules apply:</p> | <p>Your team's project must be documented on the iGEM 2014 wiki, the parts used in your project must be documented on the <a href="http://parts.igem.org">Registry of Standard Biological Parts</a>. You have the freedom to be creative, but a few specific rules apply:</p> | ||
+ | |||
<br /> | <br /> | ||
Line 43: | Line 46: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td>Make sure all wiki content, from | + | <td>Make sure all wiki content, from code and scripts, to files, is hosted on <b>2014.igem.org</b></td> |
- | <td>Don't host your wiki or parts of your wiki elsewhere</td> | + | <td>Don't host your wiki or parts of your wiki elsewhere. <!-- It is possible to display contents from another server onto your wiki, using iframes or other methods. Please be aware that this violates the requirement for hosting all content on 2014.igem.org--> </td> |
<td>iGEM content is preserved on our servers so future teams can learn from what you've done. When content is stored on other sites/servers, links may become broken (<a href="https://static.igem.org/mediawiki/2014/d/d6/Wiki_server_example1.jpg" title="images were stored off-site, and became broken" target="_blank">example</a>), sites may go down, and <b>information will be lost.</b></td> | <td>iGEM content is preserved on our servers so future teams can learn from what you've done. When content is stored on other sites/servers, links may become broken (<a href="https://static.igem.org/mediawiki/2014/d/d6/Wiki_server_example1.jpg" title="images were stored off-site, and became broken" target="_blank">example</a>), sites may go down, and <b>information will be lost.</b></td> | ||
</tr> | </tr> | ||
Line 56: | Line 59: | ||
<td>Don't use generic names for you files (Header.png)</td> | <td>Don't use generic names for you files (Header.png)</td> | ||
<td>Using <b>unique names</b> makes searching/identification of uploaded files easier, and helps prevent files from being overwritten.</td> | <td>Using <b>unique names</b> makes searching/identification of uploaded files easier, and helps prevent files from being overwritten.</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Load your CSS and Javascript into the wiki, either directly into your page or using templates (<a href="https://2014.igem.org/wiki/index.php?title=Wiki_How-To&action=submit#Wiki_Editing">see below</a>)</td> | ||
+ | <td>Don't try to host your CSS and Javascript on a third party server</td> | ||
+ | <td>You are required to host all content on the iGEM servers (<a href="https://2014.igem.org/wiki/index.php?title=Wiki_How-To&action=submit#Wiki_Requirements">see below</a>)</td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
Line 61: | Line 69: | ||
</html> | </html> | ||
+ | |||
+ | ===Wiki Requirements=== | ||
+ | <html> | ||
+ | <h4>iGEM Logo</h4> | ||
+ | <p>All iGEM Team Wikis must include the iGEM logo at the top of the page and a visible link back to the iGEM 2014 Wiki Main Page in the header (or at the top of the page). All wiki pages must preserve the user editing menu (notifications, username, messages, history, edit). In the case where the user heading is not visible, an automatic heading will be overlaid on top of the wiki page(s) where the heading is missing. </p> | ||
+ | <h4>The iGEM Login Bar</h4> | ||
+ | <p>The iGEM Login Bar is a 20 pixel high, full-width menu bar that exists on all 2014.igem.org pages. It contains: | ||
+ | <ul> | ||
+ | <li>wiki tools (edit, history, watch, etc.)</li> | ||
+ | <li>login</li> | ||
+ | </ul> | ||
+ | All iGEM 2014 Team Wikis are required to have the Login Bar. All wiki pages must preserve the user editing menu (notifications, username, messages, history, edit). Please keep this in mind as you design your wiki.</p> | ||
+ | <h4>No Adobe Flash</h4> | ||
+ | <p>Flash is not permitted on the iGEM 2014 wiki. Adobe flash is 100% proprietary and you cannot view the source like you can with our wiki. We chose wikis for teams to build their projects so the source code would be available for future teams, to build on the concept of open source. Flash can also be hosted on external sites and we want 100% of the content of our wikis to be on our wikis. </p> | ||
+ | <h4>Upload to 2014.igem.org server</h4> | ||
+ | <p>All team pages, images, documents and <b>code</b> must be hosted on the <b>2014.igem.org</b> server. We preserve all iGEM content on our own servers so future teams can learn from what you have done. When you store content on your own sites or servers, after time, links might become broken, sites might go down, and information will be lost. <br /> | ||
+ | Additionally, hosting content outside of 2014.iGEM.org allows teams to change/add information to their wiki after the wiki freeze. Please note, that altering content after the wiki freeze is a <a href="https://2014.igem.org/Responsible_Conduct">form of cheating</a>. <br /> | ||
+ | Load your CSS and Javascript into the wiki, either directly into your page or using templates (<a href="https://2014.igem.org/wiki/index.php?title=Wiki_How-To&action=submit#Wiki_Editing">see below</a>) | ||
+ | </p> | ||
+ | <h4>No iframes</h4> | ||
+ | <p><b>iframes</b> are not permitted on the iGEM wiki. If an iframe was used to access content outside of <b>2014.igem.org</b>... | ||
+ | <ul> | ||
+ | <li>it would break when there was an issue with the outside server</li> | ||
+ | <li>it would allow a team to show change/add content after the wiki freeze. Please note, that altering content after the wiki freeze is a <a href="https://2014.igem.org/Responsible_Conduct">form of cheating</a></li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | <h4>2014.igem.org/Team:Team_Name</h4> | ||
+ | <p>All iGEM 2014 teams are given a namespace on the iGEM 2014 wiki with their team name. Teams are allowed to create and edit pages within their respective team namespace. Teams are <b>not allowed</b> to create or edit pages belonging to another team's namespace.</p> | ||
+ | <h4>Wiki Freeze - October 17th</h4> | ||
+ | <p>The wiki freeze for the 2014 Giant Jamboree is on <a href="https://2014.igem.org/Calendar_of_Events">October 17th,</a> along with other deadlines. iGEM experiences higher than normal traffic on this day which can lead to strain on our servers and sessions timing out for users. iGEM HQ recommends that users do not wait till the last day to work/finish their wikis. <b>Once the wikis are frozen, users can no longer make any changes until they are unfrozen after the Jamboree.</b></p> | ||
+ | <h4>Other deadlines</h4> | ||
+ | <p>The team's project description must be documented on their iGEM Team Wiki by the deadline. The project description should be 1-3 paragraphs and only needs to include an up-to-date explanation of the project.</p> | ||
+ | <p>The team's wiki must include an attributions section.</p> | ||
+ | <h4>Creative Commons</h4> | ||
+ | <p>All content on this wiki is available under the Creative Commons <a href="http://creativecommons.org/licenses/by/4.0/">Attribution 4.0</a> license (or any later version). | ||
+ | <img src="http://i.creativecommons.org/l/by/3.0/88x31.png"></p> | ||
+ | <br /><br /> | ||
+ | |||
+ | </html> | ||
+ | |||
+ | ===Wiki Editing=== | ||
+ | <html> | ||
+ | <h4>Add a wiki page, change a wiki page, delete a wiki page, etc.</h4> | ||
+ | <p>All iGEM wiki sites are powered by Mediawiki. See the <a href="http://www.mediawiki.org/wiki/Help:Contents">Mediawiki Help page</a> for details on how to edit wiki pages and more.</p> | ||
+ | <p>Using/editing the wiki is a trial-and-error process. Editing the wiki is a simple, fun thing to do and you definitely get better the more you play around with it. The key is to take a look at other wiki pages and see what you like. Then all you have to do is go to the source (either view source if you're not logged in, or edit if you are logged in), copy it, and modify it to fit your needs. It doesn't have to be perfect before you can take a look at what it looks like. Try things out and see what results they yield.</p> | ||
+ | |||
+ | <h4>Adding a page to your team's namespace?</h4> | ||
+ | <p>You must keep your team's pages in your team namespace. For example, take a look at <a href="https://2014.igem.org/Team:Example">2014.igem.org/Team:Example</a></p> | ||
+ | <p>Specifically, when you create a new page, you just have to name it <b>Team</b>:<a href="https://igem.org/Team_List">OFFICIAL team name</a>/PageName. For example, if you were on Team Example and wanted to create a Biosensor project page you would name it <b>Team:Example/Biosensor_project</b>.</p> | ||
+ | |||
+ | <h4>Using html in wiki pages</h4> | ||
+ | <p>Instead of using wiki markup, you can use <b>html</b> in the wiki editor. Just put your html code in between <i><html></html></i></p> | ||
+ | |||
+ | <h4>Using CSS and/or Javascript</h4> | ||
+ | <p>You can also use <b>CSS</b> and <b>Javascript</b> on the wiki by adding your <i><style></i> and <i><script></i> tags into your <i><html></i> code.</p> | ||
+ | <p>If you want to use a CSS stylesheet or Javascript on multiple pages, you can create a <b>wiki template page</b>.</p> | ||
+ | |||
+ | <h4>Using Wiki Templates</h4> | ||
+ | <p>If there is standard text/code that you want to add to more than one page, like a CSS style or script, then you can use <a href="http://www.mediawiki.org/wiki/Help:Templates">MediaWiki templates</a></p> | ||
+ | <p>You can create a <b>wiki template page</b> to house your HTML/CSS/Javascript, by entering <i>{{Team:YourTeamName/CSS}}</i> into your wiki markup. Saving the page will create a link for a new template page, which you can edit and enter all of your CSS code. You can then call <i>{{Team:YourTeamName/CSS}}</i> on other pages.</p> | ||
+ | <p>Take a look at a few 2013 team wikis to see how other teams setup the styling. You can do this by going to a wiki, and looking for <i>view source</i> in the default wiki links at the top of the page. See <a href="https://2013.igem.org/Template:MIT-style">MIT's</a> and <a href="https://2013.igem.org/Team:TU-Munich">TU-Munich's</a> for examples.</p> | ||
+ | |||
+ | <h4>Uploading videos and using HTML 5 to display them</h4> | ||
+ | <p>You can upload videos (ogg, mov) to the 2014 wiki by using Mediawiki's <a href="https://2014.igem.org/Special:Upload">Upload tool</a>.</p> | ||
+ | <p>You can display videos by using the HTML 5 <i><video></i> tag, along with <i><source src="file_url" type="video/mov" /></i>.</p> | ||
+ | <p>Take a look at the <a href="https://2013.igem.org/Team:Leeds">2013 Leed's team wiki</a> to see how they displayed their video. You can do this by going to their wiki, and looking for <i>view source</i> in the default wiki links at the top of the page.</p> | ||
+ | |||
+ | <br /><br /> | ||
+ | </html> | ||
+ | |||
===Perspectives from an iGEM veteran=== | ===Perspectives from an iGEM veteran=== | ||
<html> | <html> | ||
Line 111: | Line 189: | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
===Wiki Templates=== | ===Wiki Templates=== | ||
<html> | <html> | ||
Line 150: | Line 196: | ||
<a href="https://2014.igem.org/WikitemplateB_home ">Wiki Template B </a> | <a href="https://2014.igem.org/WikitemplateB_home ">Wiki Template B </a> | ||
<BR><BR> | <BR><BR> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
</html> | </html> | ||
{{MainPage2014/Footer}} | {{MainPage2014/Footer}} |
Latest revision as of 07:36, 20 June 2015
|
Wiki Freeze - October 17th (11:59 PM -EDT)
W Do not wait till the last minute! There will be a lot of traffic on the iGEM wiki starting as early as Wednesday (October 15th). Upload your content early and avoid issues caused by server load.
Your team's project must be documented on the iGEM 2014 wiki, the parts used in your project must be documented on the Registry of Standard Biological Parts. You have the freedom to be creative, but a few specific rules apply:
Wiki Dos and Don'ts
Do | Don't | Why? |
---|---|---|
Make sure all wiki content, from code and scripts, to files, is hosted on 2014.igem.org | Don't host your wiki or parts of your wiki elsewhere. | iGEM content is preserved on our servers so future teams can learn from what you've done. When content is stored on other sites/servers, links may become broken (example), sites may go down, and information will be lost. |
Work on your wiki throughout the year and save small edits for last | Don't wait to add/edit large portions of wiki content the day of the Wiki Freeze | Just before the Wiki Freeze, iGEM websites experience increased traffic and server loads. This can be a difficult time to make larger changes or additions to your wiki. Don't wait till the last minute! |
Name uploaded files clearly and uniquely (TeamName_Header.png) | Don't use generic names for you files (Header.png) | Using unique names makes searching/identification of uploaded files easier, and helps prevent files from being overwritten. |
Load your CSS and Javascript into the wiki, either directly into your page or using templates (see below) | Don't try to host your CSS and Javascript on a third party server | You are required to host all content on the iGEM servers (see below) |
Wiki Requirements
iGEM Logo
All iGEM Team Wikis must include the iGEM logo at the top of the page and a visible link back to the iGEM 2014 Wiki Main Page in the header (or at the top of the page). All wiki pages must preserve the user editing menu (notifications, username, messages, history, edit). In the case where the user heading is not visible, an automatic heading will be overlaid on top of the wiki page(s) where the heading is missing.
The iGEM Login Bar
The iGEM Login Bar is a 20 pixel high, full-width menu bar that exists on all 2014.igem.org pages. It contains:
- wiki tools (edit, history, watch, etc.)
- login
No Adobe Flash
Flash is not permitted on the iGEM 2014 wiki. Adobe flash is 100% proprietary and you cannot view the source like you can with our wiki. We chose wikis for teams to build their projects so the source code would be available for future teams, to build on the concept of open source. Flash can also be hosted on external sites and we want 100% of the content of our wikis to be on our wikis.
Upload to 2014.igem.org server
All team pages, images, documents and code must be hosted on the 2014.igem.org server. We preserve all iGEM content on our own servers so future teams can learn from what you have done. When you store content on your own sites or servers, after time, links might become broken, sites might go down, and information will be lost.
Additionally, hosting content outside of 2014.iGEM.org allows teams to change/add information to their wiki after the wiki freeze. Please note, that altering content after the wiki freeze is a form of cheating.
Load your CSS and Javascript into the wiki, either directly into your page or using templates (see below)
No iframes
iframes are not permitted on the iGEM wiki. If an iframe was used to access content outside of 2014.igem.org...
- it would break when there was an issue with the outside server
- it would allow a team to show change/add content after the wiki freeze. Please note, that altering content after the wiki freeze is a form of cheating
2014.igem.org/Team:Team_Name
All iGEM 2014 teams are given a namespace on the iGEM 2014 wiki with their team name. Teams are allowed to create and edit pages within their respective team namespace. Teams are not allowed to create or edit pages belonging to another team's namespace.
Wiki Freeze - October 17th
The wiki freeze for the 2014 Giant Jamboree is on October 17th, along with other deadlines. iGEM experiences higher than normal traffic on this day which can lead to strain on our servers and sessions timing out for users. iGEM HQ recommends that users do not wait till the last day to work/finish their wikis. Once the wikis are frozen, users can no longer make any changes until they are unfrozen after the Jamboree.
Other deadlines
The team's project description must be documented on their iGEM Team Wiki by the deadline. The project description should be 1-3 paragraphs and only needs to include an up-to-date explanation of the project.
The team's wiki must include an attributions section.
Creative Commons
All content on this wiki is available under the Creative Commons Attribution 4.0 license (or any later version).
Wiki Editing
Add a wiki page, change a wiki page, delete a wiki page, etc.
All iGEM wiki sites are powered by Mediawiki. See the Mediawiki Help page for details on how to edit wiki pages and more.
Using/editing the wiki is a trial-and-error process. Editing the wiki is a simple, fun thing to do and you definitely get better the more you play around with it. The key is to take a look at other wiki pages and see what you like. Then all you have to do is go to the source (either view source if you're not logged in, or edit if you are logged in), copy it, and modify it to fit your needs. It doesn't have to be perfect before you can take a look at what it looks like. Try things out and see what results they yield.
Adding a page to your team's namespace?
You must keep your team's pages in your team namespace. For example, take a look at 2014.igem.org/Team:Example
Specifically, when you create a new page, you just have to name it Team:OFFICIAL team name/PageName. For example, if you were on Team Example and wanted to create a Biosensor project page you would name it Team:Example/Biosensor_project.
Using html in wiki pages
Instead of using wiki markup, you can use html in the wiki editor. Just put your html code in between <html></html>
Using CSS and/or Javascript
You can also use CSS and Javascript on the wiki by adding your <style> and <script> tags into your <html> code.
If you want to use a CSS stylesheet or Javascript on multiple pages, you can create a wiki template page.
Using Wiki Templates
If there is standard text/code that you want to add to more than one page, like a CSS style or script, then you can use MediaWiki templates
You can create a wiki template page to house your HTML/CSS/Javascript, by entering {{Team:YourTeamName/CSS}} into your wiki markup. Saving the page will create a link for a new template page, which you can edit and enter all of your CSS code. You can then call {{Team:YourTeamName/CSS}} on other pages.
Take a look at a few 2013 team wikis to see how other teams setup the styling. You can do this by going to a wiki, and looking for view source in the default wiki links at the top of the page. See MIT's and TU-Munich's for examples.
Uploading videos and using HTML 5 to display them
You can upload videos (ogg, mov) to the 2014 wiki by using Mediawiki's Upload tool.
You can display videos by using the HTML 5 <video> tag, along with <source src="file_url" type="video/mov" />.
Take a look at the 2013 Leed's team wiki to see how they displayed their video. You can do this by going to their wiki, and looking for view source in the default wiki links at the top of the page.
Perspectives from an iGEM veteran
Hello iGEMers!
I was also part of an iGEM team! In 2011 and 2012 my role was to design and create our team’s wiki. So wiki freeze was my major deadline. I am by no means an expert but let me share with you some of the things I learned with two wiki freezes under my belt. 1.- Test your webpage layout: is information easy to find? I made the terrible mistake of not asking for a third party’s opinion about the layout of information on our site. It was obvious for me how things were laid out and organized. It wasn’t for the people evaluating us. 2.- Look at other teams’ code, see how they documented and what resources they used. It is always good to get inspiration from other iGEM teams. See what you liked that they did and strive to improve! 3.- Start working on your documentation early on. This was a good thing that we did; we created a common file that more than one person can edit at a time. Divide the documentation into smaller files and assign a team member to fully document that topic. In the end you will have a printable version of your project that you can share as a pdf file with other people! |
4.- Name your images according to the project and keep them all in a folder on your computer. Sometimes naming your gel image “gelthingy_whyiamworkingat3am” sounds perfect at 3AM but later it may not be easy to know what or when that photograph was taken or that image created. 5.- Do not leave everything to the last minute! Plan ahead. The last thing you want to be doing at 11:30PM the night of wiki freeze is uploading images. It is very stressful to be looking at the clock and hoping some kind of coding miracle helps you fix bugs faster. Plan to have everything online at least one week ahead so you can go enjoy a nice dinner with your team that night! I hope this helps and if you have any questions, feel free to email me or send me a tweet! ana at igem dot org@anita_sifuentes |
Wiki Templates
This year we have created a set of template pages that you may for your wiki!
Feel free to edit them as much as you want