Team:INSA Toulouse/contenu/project/binary reminder

From 2013.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 33: Line 33:
   .texteright{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:340px; margin:0 0 50px 0;}
   .texteright{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:340px; margin:0 0 50px 0;}
 +
 +
  .texteright500{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:500px; margin:0 0 50px 0;}
 +
 +
  .texteright450{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:450px; margin:0 0 50px 0;}
    
    
   .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;}
   .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;}
Line 47: Line 51:
   .imgcontentright{margin: 0 0 45px 0; border: 1px solid #e5e6e6;float:right;}
   .imgcontentright{margin: 0 0 45px 0; border: 1px solid #e5e6e6;float:right;}
 +
 +
  .imgcontentleft{margin: 0 10px 45px 0; border: 1px solid #e5e6e6;float:left;}
   .tablecontent{
   .tablecontent{
Line 63: Line 69:
       filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e6e6, Direction=180, Strength=0);}
       filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e6e6, Direction=180, Strength=0);}
-
     .tablecontent tr{height:42px; color:#5a6060; font-family:'Open Sans'; font-size:14px;}
+
     .tablecontent tr{height:42px; color:#5a6060; font-family:'Open Sans'; font-size:14px;text-align:center;}
    
    
     .tablecontent td{padding:0 25px 0 20px;}  
     .tablecontent td{padding:0 25px 0 20px;}  
Line 74: Line 80:
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
-
  <h1 class="title1">Project</h1>
 
-
  <h2 class="title2">Binary Reminder</h2>
 
-
  <h3 class="title3">How to count with binary numbers?</h3>
+
  <h1 class="title1">Boolean Logic Based Devices</h1>
-
  <p class="texte">For those who doesn’t remember (or who doesn’t have any idea of) binary courses, a little reminder about binary counting is here for you!</p>
 
-
 
 
-
  <img src="https://static.igem.org/mediawiki/2013/5/50/Binary_reminder.png" class="imgcontent" />
 
-
<table class="tablecontent">
+
  <h2 class="title2">What is a logic gate?</h2>
 +
<br>
-
<tr style="background-color:#20a8da; height:50px; color:#ffffff;" >
+
<p class="texte">A logic gate is an idealized or physical device implementing a Boolean function. In other terms it performs a logical operation on one or more logical inputs and produces a single logical output <a href="http://en.wikipedia.org/wiki/Logic_gate" target="_blank">(From Wikipedia)</a>. Simply said: logic gates are the devices that perform the boolean logic operations.</p>
-
<td style="border-bottom:4px solid #e5e6e6; border-top-left-radius:9px;"> </td>
+
  <p class="texteleft"><span class="spantitle">AND Gate</span></br>
-
<td style="border-bottom:4px solid #e5e6e6;">Operation</td>
+
<br>For an AND gate, if the two inputs are equal to 1, the result equals 1.<p>
-
                <td style="border-bottom:4px solid #e5e6e6;"> </td>
+
-
<td style="border-bottom:4px solid #e5e6e6; border-top-right-radius:9px;">Result</td>
+
-
</tr>
+
-
<tr>
+
-
<td style="border-right:1px solid #e5e6e6;">Decimal</td>
+
-
<td style="border-right:1px solid #e5e6e6;">5</td>
+
-
<td>2</td>
+
-
<td>7</td>
+
-
</tr>
+
-
<tr style="border-top:1px solid #e5e6e6">
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Binary</td>
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">1 (1*2^2)<br>0 (0*2^1)<br>1 (1*2^0)</td>
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">0 (0*2^2)<br>1 (1*2^1)<br>0 (0*2^0)</td>
+
-
<td style="border-top:1px solid #e5e6e6;">1 (1*2^2)<br>1 (1*2^1)<br>1 (1*2^0)</td>
+
-
</tr>
+
-
</table>
+
-
   <h3 class="title3">What is a logic gate?</h3>
+
   <img src="https://static.igem.org/mediawiki/2013/2/2a/AND_Gate_-_30%2C5%25.png" class="imgcontentleft" />
-
  <p class="texteleft500"><span class="spantitle">AND Gate</span></br>
+
  <img src="https://static.igem.org/mediawiki/2013/7/75/AND_Truthtable_-_30%2C5%25.png" class="imgcontentright" />
-
<br>For a AND gate, two inputs are needed to have a result egal 1.<p>
+
-
  <img src="https://static.igem.org/mediawiki/2013/0/0f/Truth_table_AND_gate.png" class="imgcontentright" />
 
<div class="clear"></div>
<div class="clear"></div>
 +
<br>
-
   <p class="texteright"><span class="spantitle">lorem ipsum</span></br>
+
   <p class="texteleft"><span class="spantitle">OR Gate</span></br>
-
<br>Mauris ac suscipit erat, sit amet blandit lectus. Fusce placerat, lectus at suscipit viverra, lorem lorem mattis turpis, id pharetra velit nunc vitae velit. Etiam ultrices aliquam ligula, sed ultrices nibh vulputate non. Ut dapibus arcu luctus, suscipit urna et, imperdiet magna. Curabitur tristique sed diam non elementum. Sed lectus urna, consequat quis porta eu, ultrices in nunc. Aenean vitae elit neque.</p>
+
<br>For an OR gate, if one or the other (or both) of the inputs are equal to 1, the result equals 1.<p>
 +
 
 +
  <img src="https://static.igem.org/mediawiki/2013/2/2e/OR_Gate_-_30%2C5%25.png" class="imgcontentleft" />
 +
 
 +
  <img src="https://static.igem.org/mediawiki/2013/8/8d/OR_Truthtable_-_30%2C5%25.png" class="imgcontentright" />
<div class="clear"></div>
<div class="clear"></div>
 +
<br>
-
  <div class="list">
+
  <p class="texteleft"><span class="spantitle">XOR Gate</span></br>
-
   
+
<br>For a XOR gate, if one or the other (but not both of them) of the inputs are equal to 1, the result equals 1.<p>
-
    <ul class="arrow">
+
-
      <li>Quisque at massa ipsum</li>
+
-
      <li>Maecenas a lorem augue, egestas </li>
+
-
      <li>Cras vitae felis at lacus ele </li>
+
-
      <li>Etiam auctor diam pellentesque </li>
+
-
      <li>Nulla ac massa at dolor </li>
+
-
    </ul>
+
-
   </div>
+
   <img src="https://static.igem.org/mediawiki/2013/7/77/XOR_Gate_-_30%2C5%25.png" class="imgcontentleft" />
-
   <div class="list">
+
   <img src="https://static.igem.org/mediawiki/2013/7/71/XOR_Truthtable_-_30%2C5%25.png" class="imgcontentright" />
-
   
+
-
    <ul class="circlearrow">
+
-
      <li>Quisque at massa ipsum</li>
+
-
      <li>Maecenas a lorem augue, egestas </li>
+
-
      <li>Cras vitae felis at lacus ele </li>
+
-
      <li>Etiam auctor diam pellentesque </li>
+
-
      <li>Nulla ac massa at dolor </li>
+
-
    </ul>
+
-
  </div>
+
<div class="clear"></div>
 +
<br>
-
  <div class="list">
 
-
   
 
-
    <ul class="arrow">
 
-
      <li>Quisque at massa ipsum</li>
 
-
      <li>Maecenas a lorem augue, egestas </li>
 
-
      <li>Cras vitae felis at lacus ele </li>
 
-
      <li>Etiam auctor diam pellentesque </li>
 
-
      <li>Nulla ac massa at dolor </li>
 
-
    </ul>
 
-
   </div>
+
 
-
    
+
  <p class="texte"><span class="spantitle">Electronic Full Adder</span></p>
 +
 
 +
   <img src="https://static.igem.org/mediawiki/2013/9/9b/400px-Full_Adder.png" class="imgcontent" />
 +
 
 +
  <p class="texteright450">This is the truth table of a full adder.<p>
 +
 
 +
   <img src="https://static.igem.org/mediawiki/2013/5/52/Table_vérité_addition_-_200px.png" class="imgcontentleft" />
 +
 
<div class="clear"></div>
<div class="clear"></div>
-
  <h3 class="title3">TITRE 3 lorem ipsum</h3>
 
-
  <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor turpis. Suspendisse interdum, dolor eu  ultricies dignissim, arcu sapien placerat quam, ut bibendum lorem nibh id magna. Nunc condimentum lectus at diam tempus sodales. Nullam scelerisque auctor tellus, nec auctor ante elementum sit amet. Aenean venenatis velit eget porttitor laoreet. Aliquam aliquam libero in ante imperdiet vehicula. Donec nibh urna, tincidunt quis condimentum at, tempus sed sapien. Nunc elit dui, dignissim tincidunt mi non, ultrices ultricies erat.</p>
 
-
   <table class="tablecontent">
+
 
 +
 
 +
 
 +
   <h2 class="title2">How to count with binary numbers?</h2>
 +
 
 +
  <p class="texte">For those who don’t remember your binary counting courses (or for those who don’t have any idea about binary counting), we provide a little reminder!</p>
 +
 
 +
  <img src="https://static.igem.org/mediawiki/2013/c/c4/Binary_decimal_2.png" class="imgcontent" />
 +
 
 +
<table class="tablecontent">
<tr style="background-color:#20a8da; height:50px; color:#ffffff;" >
<tr style="background-color:#20a8da; height:50px; color:#ffffff;" >
-
<td style="border-bottom:4px solid #e5e6e6; border-top-left-radius:9px;">TR  Title</td>
+
<td style="border-bottom:4px solid #e5e6e6; border-top-left-radius:9px;"> </td>
-
<td style="border-bottom:4px solid #e5e6e6;">TR  Title</td>
+
<td style="border-bottom:4px solid #e5e6e6; " colspan = "2">Operation</td>
-
<td style="border-bottom:4px solid #e5e6e6; border-top-right-radius:9px;">TR  Title</td>
+
<td style="border-bottom:4px solid #e5e6e6; border-top-right-radius:9px;">Result</td>
</tr>
</tr>
<tr>
<tr>
-
<td style="border-right:1px solid #e5e6e6;">Quisque</td>
+
<td style="border-right:1px solid #e5e6e6;">Decimal</td>
-
<td style="border-right:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
<td style="border-right:1px solid #e5e6e6;">5</td>
-
<td>Maecenas a lorem augue</td>
+
<td style="border-right:1px solid #e5e6e6;">2</td>
 +
<td>7</td>
</tr>
</tr>
<tr style="border-top:1px solid #e5e6e6">
<tr style="border-top:1px solid #e5e6e6">
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
+
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Binary</td>
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">1 (1*2^2)<br>0 (0*2^1)<br>1 (1*2^0)</td>
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">0 (0*2^2)<br>1 (1*2^1)<br>0 (0*2^0)</td>
-
</tr>
+
<td style="border-top:1px solid #e5e6e6;">1 (1*2^2)<br>1 (1*2^1)<br>1 (1*2^0)</td>
-
<tr>
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
-
</tr>
+
-
<tr>
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
+
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
+
</tr>
</tr>
</table>
</table>

Latest revision as of 21:37, 3 October 2013

logo


Boolean Logic Based Devices

What is a logic gate?


A logic gate is an idealized or physical device implementing a Boolean function. In other terms it performs a logical operation on one or more logical inputs and produces a single logical output (From Wikipedia). Simply said: logic gates are the devices that perform the boolean logic operations.

AND Gate

For an AND gate, if the two inputs are equal to 1, the result equals 1.


OR Gate

For an OR gate, if one or the other (or both) of the inputs are equal to 1, the result equals 1.


XOR Gate

For a XOR gate, if one or the other (but not both of them) of the inputs are equal to 1, the result equals 1.


Electronic Full Adder

This is the truth table of a full adder.

How to count with binary numbers?

For those who don’t remember your binary counting courses (or for those who don’t have any idea about binary counting), we provide a little reminder!

Operation Result
Decimal 5 2 7
Binary 1 (1*2^2)
0 (0*2^1)
1 (1*2^0)		 0 (0*2^2)
1 (1*2^1)
0 (0*2^0)		 1 (1*2^2)
1 (1*2^1)
1 (1*2^0)

Retrieved from "http://2013.igem.org/Team:INSA_Toulouse/contenu/project/binary_reminder"