Difference between revisions of "Team:Michigan Software/UserGuide"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Michigan_Software}}
 
{{Michigan_Software}}
 
<html>
 
<html>
 +
<style>
 +
#contentContainer img{
 +
width:640px;
 +
border:2px solid #000;
 +
}
  
<h2>User Guide</h2>
+
#contentContainer p{
<img src=https://static.igem.org/mediawiki/2015/7/78/ProtoCat_Home.png width=100%>
+
margin-bottom:10px;
<img src=https://static.igem.org/mediawiki/2015/b/b4/ProtoCat_SignUp.png width=100%>
+
color:#000;
<img src=https://static.igem.org/mediawiki/2015/e/e0/ProtoCat_Login.png width=100%>
+
font-size:16px;
<img src=https://static.igem.org/mediawiki/2015/b/b0/ProtoCat_Upload.png width=100%>
+
}
<img src=https://static.igem.org/mediawiki/2015/b/b4/ProtoCat_SignUp.png width=100%>
+
<img src=https://static.igem.org/mediawiki/2015/b/b4/ProtoCat_SignUp.png width=100%>
+
  
<div class="highlightBox">
+
</style>
<h4>Note</h4>
+
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Software Tool award</a>, you must fill out this page.</p>
+
</div>
+
  
 +
<h1>User Guide</h1>
 +
<h2>Video Tutorial</h2>
 +
<center>
 +
<video width="640" height="480" controls>
 +
  <source src="https://static.igem.org/mediawiki/2015/f/f9/Team_Michigan_Software_userGuide.mp4" type="video/mp4">
  
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honour such "nuggets" of computational work.</p>
+
Your browser does not support the video tag.
 +
</video>  
 +
</center>
  
<p>
+
<h2>Screenshot Tutorial</h2>
If you are working on software as your main project, please join the software track. If you are creating software as an addition to your main project, please apply for this award.
+
<center>
</p>
+
<img src=https://static.igem.org/mediawiki/2015/7/78/ProtoCat_Home.png>
 
+
<p>Here we see the home page for Protocat 2.0</p>
<p>
+
<img src=https://static.igem.org/mediawiki/2015/b/b4/ProtoCat_SignUp.png>
Here are a few examples from previous teams:
+
<p>Unregistered users can register an account by filling in the required information</p>
</p>
+
<img src=https://static.igem.org/mediawiki/2015/e/e0/ProtoCat_Login.png>
<ul>
+
<p>Registered users can log in</p>
<li><a href="https://2013.igem.org/Team:TU-Munich/Results/Software">TU Munich 2013</a></li>
+
<img src=https://static.igem.org/mediawiki/2015/b/b0/ProtoCat_Upload.png>
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">Heidelberg 2014</a></li>
+
<p>The page for uploading protocol</p>
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">Aachen 2014</a></li>
+
<img src=https://static.igem.org/mediawiki/2015/d/de/Team_Michigan_Software_ProtoList.png>
</ul>
+
<p>The list of all protocol uploaded to Protocat 2.0</p>
 +
<img src=https://static.igem.org/mediawiki/2015/d/d8/Team_Michigan_Software_ProtoCommentt.png>
 +
<p>What a complete uploaded protocol looks like</p>
 +
<img src=https://static.igem.org/mediawiki/2015/8/89/Team_Michigan_Software_ProtoComments.png>
 +
<p>The Comments and Rating sections</p>
 +
</center>
  
 
</div>
 
</div>
  
 
</html>
 
</html>

Latest revision as of 14:12, 18 September 2015


Michigan Software 2015

User Guide

Video Tutorial

Screenshot Tutorial

Here we see the home page for Protocat 2.0

Unregistered users can register an account by filling in the required information

Registered users can log in

The page for uploading protocol

The list of all protocol uploaded to Protocat 2.0

What a complete uploaded protocol looks like

The Comments and Rating sections