Team:Dundee/Project/Netlogo

From 2013.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Dundee/Templates/Navigationbar}}
 +
<html>
<html>
<html lang="en">
<html lang="en">
-
   <head>
+
    
-
    <meta charset="utf-8">
+
      <!-- Begin page content -->
-
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
+
      <div class="container">
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
    <meta name="description" content="">
+
-
    <meta name="author" content="">
+
-
    <!-- CSS -->
+
      <!-- Title -->
-
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
      <div class="page-header">
-
    <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
+
          <h2><b>NetLogo </b> - SECGATE Transportation</h2>
 +
          <p style="text-align:justify">
 +
                The applet requires Java 5 or higher. Java must be enabled in your browser settings. Mac users must have Mac OS X 10.4 or higher. Windows and Linux users may obtain the latest Java from Oracle's Java site.
 +
              </p>
 +
        </div>
 +
      <!-- Title End -->
-
  <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
+
      <div class="span12" style="margin-left:0px;margin-top: 10px;">
 +
            <applet code="org.nlogo.lite.Applet"
 +
                    codebase="http://www.kyleharrison.co.uk/netlogo/"
 +
                    archive="NetLogoLite.jar"
 +
                    width="1330" height="556">
 +
              <param name="DefaultModel"
 +
                    value="SECGATEcoloursprobabilities.nlogo">
 +
              <param name="java_arguments"
 +
                    value="-Djnlp.packEnabled=true">
 +
            </applet>
 +
        </div>
-
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
 
-
  <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
-
    <!--
+
        <div class="row" >
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
            <div class="span12">
-
-->
+
-
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
-
    <!--[if lt IE 9]>
+
-
      <script src="http://www.kyleharrison.co.uk/igem/assets/js/html5shiv.js"></script>
+
-
    <![endif]-->
+
-
    <!-- Fav and touch icons -->
+
              <h2>WHAT IS IT?</h2>
-
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+
              <p style="text-align:justify">
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+
                This model follows on the Simple Kinetics 2 model. In Simple Kinetics 2, we saw how changes to variables such as temperature, volume, and concentration affected the rate at which a chemical reaction reached an equilibrium state. Here we model the same phenomenon based upon a physical separation.
-
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+
-
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+
-
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
+
-
  </head>
+
-
  <body>
+
-
    <!-- Part 1: Wrap all page content here -->
+
                This model investigates some laboratory methods that chemists use to purify chemicals. Most of these methods are based upon physical properties of molecular separation. The same principles that affect chemical equilibrium affect physical equilibrium as well. By changing the variables of temperature, volume, and concentration, we can affect not only the speed at which a system reaches equilibrium, but also the nature of the distribution ratio. In this model, we watch how these factors affect the physical distribution of red molecules that are considered “dissolved” in a blue solvent.
-
    <div id="wrap">
+
              </p>
-
      <!-- Fixed navbar -->
+
              <h2>HOW TO USE IT</h2>
-
      <div class="navbar navbar-fixed-top">
+
              <p style="text-align:justify">
-
        <div class="navbar-inner">
+
                Setup the model by pressing either the SETUP-RANDOM or the SETUP-SIDE buttons at the top of the Interface tab. SETUP-RANDOM distributes all the molecules randomly around the world. SETUP-SIDE distributes the blue molecules evenly, while placing the red molecules on the right side of the world.<br>
-
          <div class="container">
+
                Press GO to watch the molecules move about the world as they achieve equilibrium. The plot tracks the relative concentrations of each color molecule on each side of the central divider. If the red line dips below 0, there are more red molecules on the left side of the divider than on the right. If it rises above 0, there are more red molecules on the right side of the divider than on the left. The blue line plots the same relationship for blue molecules.<br>
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
            </button>
+
-
<a class="brand" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
+
-
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
+
-
            <div class="nav-collapse collapse">
+
                 You can add more red molecules to the right side of the world by pressing ADD RED.<br>
-
              <ul class="nav">
+
-
                 <li class="active"><a href="/Team:Dundee">Home</a></li>
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
+
-
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
+
-
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
+
-
                    <li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
                 <li class="dropdown">
+
                 Similarly, you can shrink or expand the right side of the box with the buttons SHRINK RIGHT and EXPAND RIGHT, respectively.<br>
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Project">Project Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Lab</li>
+
-
 
+
-
                    <li><a href="/Team:Dundee/Project/LabOverview">Lab Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector - <i>EnvZ</i> </a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector - <i>prkC</i> </a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Modelling </li>
+
-
                    <li><a href="/Team:Dundee/Project/MathOverview">Modelling Overview</a></li>
+
-
 
+
-
                    <li><a href="/Team:Dundee/Project/MathTheory">PP1 Capacities</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/MathTheory">Production & Export </a></li>
+
-
                    <li><a href="/Team:Dundee/Project/MathTheory">Mop Simulation</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/MathTheory">Detection Comparison</a></li>
+
-
 
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Software</li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareOverview">Software Overview</a></li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Mop-toppus</a></li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Toxi-Tweet</a></li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Optical LDR Array</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
 
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="#">Our Biobricks</a></li>
+
-
                    <li><a href="#">Improvements</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
 
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Safety">Safety Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Safety/InTheLab">In the Lab</a></li>
+
-
                    <li><a href="/Team:Dundee/Safety/EnvironmentalSafety">Environmental Safety</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
 
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/HumanPractice">Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</a></li>
+
-
 
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Media</li>
+
-
                    <li><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
+
-
                    <li><a href="#">Graphic Novel</a></li>
+
-
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
+
-
                    <li><a href="#">Video Game</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Social Media</li>
+
-
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
+
-
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
+
-
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</a></li>
+
-
                    <li><a href="https://github.com/apoclyps">GitHub</a></li>
+
-
                   
+
-
                  </ul>
+
-
                </li>
+
 +
                Finally, to change the size of the connection window, move the WINDOW slider to your desired size and then press the CHANGE WINDOW button.<br>
 +
              </p>
                  
                  
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attributions <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
 
-
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
 
-
                  </ul>
 
-
                </li>
 
                
                
 +
              <h2>Things to Notice</h2>
 +
              <p style="text-align:justify">
 +
                Pay attention to the plot and compare it what you see in the world. Is there an equal number of blue and red molecules on each side of the divider according to the plot and according to what you see in the view?</p>
-
              </ul>
+
              <h2>Things to Try</h2>
-
            </div><!--/.nav-collapse -->
+
              <p style="text-align:justify">
-
          </div>
+
                Run the model with several different states for each variable. Do you observe similar equilibrium effects to those seen in Simple Kinetics 2? Are there significant differences?<br>
 +
                Does the temperature affect the system in the same way it affected the chemical reaction in Simple Kinetics 2? Why or why not?<br>
 +
                How does changing the concentration affect the rate at which the molecules achieve equilibrium? Does this make sense?<br></p>
 +
            </div>
         </div>
         </div>
-
      </div>
 
-
 
-
      <!-- Begin page content -->
 
-
      <div class="container">
 
-
 
-
 
-
      <!-- Title -->
 
-
 
-
      <div class="page-header">
 
-
          <h2><b>NetLogo </b> - SECGATE Transportation</h2>
 
-
        </div>
 
-
 
-
      <!-- Title End -->
 
-
 
-
      <div class="span12" style="margin-left:0px;margin-top: 10px;">
 
-
 
-
<applet code="org.nlogo.lite.Applet"
 
-
        archive="http://www.kyleharrison.co.uk/netlogo/NetLogoLite.jar"
 
-
        width="1330" height="556">
 
-
  <param name="DefaultModel"
 
-
        value="http://www.kyleharrison.co.uk/netlogo/SECGATEcoloursprobabilities.nlogo">
 
-
  <param name="java_arguments"
 
-
        value="-Djnlp.packEnabled=true">
 
-
</applet>
 
-
 
-
            </div>
 
         </div><!-- End Page Content -->
         </div><!-- End Page Content -->

Latest revision as of 16:10, 9 August 2013

iGEM Dundee 2013 · ToxiMop

WHAT IS IT?

This model follows on the Simple Kinetics 2 model. In Simple Kinetics 2, we saw how changes to variables such as temperature, volume, and concentration affected the rate at which a chemical reaction reached an equilibrium state. Here we model the same phenomenon based upon a physical separation. This model investigates some laboratory methods that chemists use to purify chemicals. Most of these methods are based upon physical properties of molecular separation. The same principles that affect chemical equilibrium affect physical equilibrium as well. By changing the variables of temperature, volume, and concentration, we can affect not only the speed at which a system reaches equilibrium, but also the nature of the distribution ratio. In this model, we watch how these factors affect the physical distribution of red molecules that are considered “dissolved” in a blue solvent.

HOW TO USE IT

Setup the model by pressing either the SETUP-RANDOM or the SETUP-SIDE buttons at the top of the Interface tab. SETUP-RANDOM distributes all the molecules randomly around the world. SETUP-SIDE distributes the blue molecules evenly, while placing the red molecules on the right side of the world.
Press GO to watch the molecules move about the world as they achieve equilibrium. The plot tracks the relative concentrations of each color molecule on each side of the central divider. If the red line dips below 0, there are more red molecules on the left side of the divider than on the right. If it rises above 0, there are more red molecules on the right side of the divider than on the left. The blue line plots the same relationship for blue molecules.
You can add more red molecules to the right side of the world by pressing ADD RED.
Similarly, you can shrink or expand the right side of the box with the buttons SHRINK RIGHT and EXPAND RIGHT, respectively.
Finally, to change the size of the connection window, move the WINDOW slider to your desired size and then press the CHANGE WINDOW button.

Things to Notice

Pay attention to the plot and compare it what you see in the world. Is there an equal number of blue and red molecules on each side of the divider according to the plot and according to what you see in the view?

Things to Try

Run the model with several different states for each variable. Do you observe similar equilibrium effects to those seen in Simple Kinetics 2? Are there significant differences?
Does the temperature affect the system in the same way it affected the chemical reaction in Simple Kinetics 2? Why or why not?
How does changing the concentration affect the rate at which the molecules achieve equilibrium? Does this make sense?