Calgary/constructing printer

From 2007.igem.org

< Calgary(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!--
 +
  E.co Lisa Hardware/Software Design
 +
  This page describes the hardware and some of the software used in our project
 +
  Specifically this outlines the serires of steps performed by the hardware and software components
 +
-->
<head>
<head>
 +
<!--
 +
  Cascading Style Sheet (CSS) component
 +
  in plain html style sheets are completely independent of the HTML page but are included in this page to simplify design within a wiki script environment.
 +
  This section describes the layout, colors and images displayed on the page
 +
-->
<style>
<style>
Line 49: Line 59:
a.mainLinks:hover {
a.mainLinks:hover {
-
text-decoration:underline;
+
text-decoration:none;
 +
background-color:#006633;
}
}
Line 64: Line 75:
</head>
</head>
<body>
<body>
 +
<!--
 +
  E.coLisa Title
 +
  The title and and top level navigation links
 +
-->
<table class="header">
<table class="header">
   <tr>
   <tr>
     <td><a href="https://2007.igem.org/Calgary"><img style="border:none" src="https://static.igem.org/mediawiki/2007/3/34/BackToHome.gif" alt="back to U of C Homepage"></a></td>
     <td><a href="https://2007.igem.org/Calgary"><img style="border:none" src="https://static.igem.org/mediawiki/2007/3/34/BackToHome.gif" alt="back to U of C Homepage"></a></td>
-
     <td><a name="top"> <img src="https://static.igem.org/mediawiki/2007/2/22/EcoLisaHeader.png" /></a></td>
+
     <td><a name="top"> <img src="https://static.igem.org/mediawiki/2007/f/fe/EcoLisaHeader2.gif" /></a></td>
-
     <td align="right"><a href=""><img img style="border:none" src="https://static.igem.org/mediawiki/2007/2/29/CheckOutevoGEM.gif" alt="Check out evoGEM"></a></td>
+
     <td align="right"><a href="https://2007.igem.org/Calgary/evoGEM_introduction"><img img style="border:none" src="https://static.igem.org/mediawiki/2007/2/29/CheckOutevoGEM.gif" alt="Check out evoGEM"></a></td>
   </tr>
   </tr>
</table>
</table>
 +
<!--
 +
  E.coLisa main menu
 +
  The navigation menu for the E.co Lisa section of the site
 +
-->
<table class="links" >
<table class="links" >
   <tr>
   <tr>
-
     <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/choosing_our_project" title="choosing our project" >Projects</a> </td>
+
     <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/choosing_our_project" title="choosing our project" >Projects</a> </td>
-
     <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/design" title="designing our project">Project Design: Wet Lab</a> </td>
+
     <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/design" title="designing our project - wetlab">Design: Wet Lab</a> </td>
-
     <td align="center" bgcolor="#006633"><a class="mainLinks" href="https://2007.igem.org/Calgary/constructing_printer" title="constructing our project - printer and software" >Project Design: Printer and Software</a> </td>  
+
     <td align="center" bgcolor="#006633"><a class="mainLinks" href="https://2007.igem.org/Calgary/constructing_printer" title="designing our project - printer" >Design: Printer</a> </td>
-
     <td align="center"><a class="mainLinks" href="https://2007.igem.org/Calgary/testing" title="testing our parts and primers" >Testing</a> </td>
+
    <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/software" title="designing our project - printer" >Design: Software</a> </td>
-
     <td align="center"><a class="mainLinks" href="https://2007.igem.org/Calgary/constructing_wetlab" title="constructing our project" >Constructing our Project: The Wetlab</a> </td>
+
     <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/testing" title="testing our parts and primers" >Testing</a> </td>
-
     <td align="center" valign="top"><a class="mainLinks" href="https://2007.igem.org/Calgary/protocols" title="protocols" >Protocols</a> </td>
+
     <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/constructing_wetlab" title="constructing our project" >Construction: The Wetlab</a> </td>
 +
     <td align="center" valign="top"><a class="mainLinks" href="https://2007.igem.org/Calgary/protocols" title="protocols" >Protocols</a> </td>
     <td align="center"><a class="mainLinks" href="https://2007.igem.org/Calgary/final_result" title="final results" >Final Result of E.co Lisa</a> </td>
     <td align="center"><a class="mainLinks" href="https://2007.igem.org/Calgary/final_result" title="final results" >Final Result of E.co Lisa</a> </td>
   </tr>
   </tr>
</table>
</table>
-
<p>
 
-
In conjunction with the wetlab component our project also requires a mechanical component. This is both the physical printer system and the software that allows our printer to draw images from the computer. The plotter is operated by two stepper motors, one composing its x axis and the other its y axis. A laser diode is mounted on the x axis several inches above an area at least the width and height of a standard petri dish. This mechanism allows for very finely controlled and reliable movements that allow our laser to trace very precise shapes. Further the printer is capable of retracing its path in a completely reliable manner as this may be necessary to induce enough agarase expression to see the image.
 
-
</p>
 
-
<p>The Printer System works as follows...</p>
 
 +
<!--
 +
  Introduction
 +
-->
<table>
<table>
-
<tr>
+
  <tr>
-
<td>
+
    <td><p> In conjunction with the wetlab component our project also requires a mechanical component. This is both the physical printer system and the software that allows our printer to draw images from the computer. The plotter is operated by two stepper motors, one composing its x axis and the other its y axis. A laser diode is mounted on the x axis severl inches above an area at least the width and height of a standard petri dish. This mechanism allows for very finely controlled and reliable movements that allow our laser to trace very precise shapes. Further the printer is capable of retracing its path in a completely reliable manner as this may be necessary to induce enough agarase expression to see produce the image. </p>
-
<img border="1px" src="https://static.igem.org/mediawiki/2007/6/6c/Lenna.gif" alt="lenna" />
+
      <p>The Printer System works as follows...</p></td>
-
</td>
+
    <td>
-
<td>
+
<!--
-
<img src="https://static.igem.org/mediawiki/2007/5/56/One.gif" alt="1" />
+
  Embeds flash object
-
<p>
+
  Imports a video made of our printer system from www.youtube.com
-
Meet Lenna. This is a picture that has classically been used in computer graphics studies and it is the benchmark for our system. This is what we will be trying to draw on to our bacteria using the printer system.
+
-->
-
</p>
+
<object width="350">
-
</tr>
+
        <param name="movie" value="http://www.youtube.com/v/ZReY3J-sm_s&rel=1">
 +
        </param>
 +
        <param name="wmode" value="transparent">
 +
        </param>
 +
        <embed src="http://www.youtube.com/v/ZReY3J-sm_s&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="300"></embed>
 +
      </object>
 +
      <p align="center"><b>Video of Us Beta Testing The Printer</b></p></td>
 +
  </tr>
</table>
</table>
 +
 +
<!--
 +
  The following tables describe the series of events required to convert an image on the computer screen into printer movements
 +
  The pictures were provided by Vlad Lavrowski
 +
-->
<table>
<table>
-
<tr>
+
  <tr>
-
<td>
+
    <td><img border="1px" src="https://static.igem.org/mediawiki/2007/6/6c/Lenna.gif" alt="lenna" /> </td>
-
<img border="1px" src="https://static.igem.org/mediawiki/2007/7/74/Lenna2.gif" alt="Lenna after edge detection" />
+
    <td><img src="https://static.igem.org/mediawiki/2007/5/56/One.gif" alt="1" />
-
</td>
+
      <p> Meet Lenna. This is a picture that has classically been used in computer graphics studies and it is the benchmark for our system. This is what we will be trying to draw on to our bacteria using the printer system. </p>
-
<td>
+
  </tr>
-
<img src="https://static.igem.org/mediawiki/2007/7/78/Two.gif" alt="2" />
+
-
<p>
+
-
As much as a shame as it was to take away all that beautiful color this is the next step in how our picture gets from the computer screen to the <em>E. coli</em>. What we are looking at now is the picture after is has been run through the <em>edge detection algorithm</em> provided by <a href="http://www.inkscape.org/" title="Inkscape Website"> Inkscape.</a> Inkscape is an Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.  
+
-
</p>
+
-
</td>
+
-
</tr>
+
</table>
</table>
-
 
<table>
<table>
-
<tr>
+
  <tr>
-
<td>
+
    <td><img border="1px" src="https://static.igem.org/mediawiki/2007/7/74/Lenna2.gif" alt="Lenna after edge detection" /> </td>
-
<img border="1px" src="https://static.igem.org/mediawiki/2007/a/a8/LennaDarkSVG.gif" alt="lenna in svg format" />
+
    <td><img src="https://static.igem.org/mediawiki/2007/7/78/Two.gif" alt="2" />
-
</td>
+
      <p> As much as a shame as it was to take away all that beautiful color this is the next step in how our picture gets from the computer screen to the <em>E. coli</em>. What we are looking at now is the picture after is has been run through the <em>edge detection algorithm</em> provided by <a href="http://www.inkscape.org/" title="Inkscape Website"> Inkscape.</a> Inkscape is an Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format. </p></td>
-
<td>
+
  </tr>
-
<img src="https://static.igem.org/mediawiki/2007/2/2a/Three.gif" alt="3"/>
+
-
<p>
+
-
After the edge detection software from <a href="http://www.inkscape.org/" title="Inkscape Website"> Inkscape </a> has finished the resulting file is saved as a <em>scalable vector graphic</em>(SVG). Which results in the less than lovely image to the left. This is an xml file that describes the entire picture.
+
-
</p>
+
-
</td>
+
-
</tr>
+
</table>
</table>
-
 
<table>
<table>
-
<tr>
+
  <tr>
-
<td>
+
    <td><img border="1px" src="https://static.igem.org/mediawiki/2007/a/a8/LennaDarkSVG.gif" alt="lenna in svg format" /> </td>
-
<img border="1px" src="https://static.igem.org/mediawiki/2007/a/a1/LennaNSB.gif" alt="NS - Bezier Path of Lenna" />
+
    <td><img src="https://static.igem.org/mediawiki/2007/2/2a/Three.gif" alt="3"/>
-
</td>
+
      <p> After the edge detection software from <a href="http://www.inkscape.org/" title="Inkscape Website"> Inkscape </a> has finished the resulting file is saved as a <em>scalable vector graphic</em>(SVG). Which results in the less than lovely image to the left. This is an xml file that describes the entire picture. </p></td>
-
<td>
+
  </tr>
-
<img src="https://static.igem.org/mediawiki/2007/b/b6/Four.gif" alt="4" />
+
-
<p>
+
-
Next we designed a custom software application to a parse the SVG into three types of objective C objects: lineTo, moveTo and curveTo. Each of these objects are interpreted by another application we designed, PlotterPiolt.  
+
-
</p>
+
-
</td>
+
-
</tr>
+
</table>
</table>
-
 
<table>
<table>
-
<tr>
+
  <tr>
-
<td>
+
    <td><img border="1px" src="https://static.igem.org/mediawiki/2007/a/a1/LennaNSB.gif" alt="NS - Bezier Path of Lenna" /> </td>
-
<img border="1px" src="https://static.igem.org/mediawiki/2007/c/cf/Printer.gif" alt="NS - Bezier Path of Lenna" />
+
    <td><img src="https://static.igem.org/mediawiki/2007/b/b6/Four.gif" alt="4" />
-
</td>
+
      <p> Next we designed a custom software application to a parse the SVG into an NS-Bezier description. The NS-Bezier description of the image is interpreted by three types of objective C objects: lineTo, moveTo and curveTo. Each of these objects are interpreted by another application we designed, PlotterPilot. </p></td>
-
<td>
+
  </tr>
-
<img src="https://static.igem.org/mediawiki/2007/6/6f/Five.gif" alt="4" />
+
</table>
-
<p>
+
<table>
-
Plotter Pilot outputs the NS-Bezier paths to our printer system. The printer will move the laser across the bacteria in the petri dish and induce them to express agarase, or whatever other reporter gene is placed in the system. After that the rest is up to the bacteria.
+
  <tr>
-
</p>
+
    <td><img border="1px" src="https://static.igem.org/mediawiki/2007/d/d0/PrinterPic.jpg" alt="Picture of Printer" /> </td>
-
</td>
+
    <td><img src="https://static.igem.org/mediawiki/2007/6/6f/Five.gif" alt="5" />
-
</tr>
+
      <p> PlotterPilot is responsible for ineracting with our physical printer. The printer will move in the path defined by the image and draw with the laser on the bacteria in the petri dish. After that the rest is up to the bacteria. </p></td>
 +
  </tr>
</table>
</table>
-
 
</body>
</body>
</html>
</html>

Latest revision as of 05:40, 19 December 2007

back to U of C Homepage Check out evoGEM

In conjunction with the wetlab component our project also requires a mechanical component. This is both the physical printer system and the software that allows our printer to draw images from the computer. The plotter is operated by two stepper motors, one composing its x axis and the other its y axis. A laser diode is mounted on the x axis severl inches above an area at least the width and height of a standard petri dish. This mechanism allows for very finely controlled and reliable movements that allow our laser to trace very precise shapes. Further the printer is capable of retracing its path in a completely reliable manner as this may be necessary to induce enough agarase expression to see produce the image.

The Printer System works as follows...

Video of Us Beta Testing The Printer

lenna 1

Meet Lenna. This is a picture that has classically been used in computer graphics studies and it is the benchmark for our system. This is what we will be trying to draw on to our bacteria using the printer system.

Lenna after edge detection 2

As much as a shame as it was to take away all that beautiful color this is the next step in how our picture gets from the computer screen to the E. coli. What we are looking at now is the picture after is has been run through the edge detection algorithm provided by Inkscape. Inkscape is an Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.

lenna in svg format 3

After the edge detection software from Inkscape has finished the resulting file is saved as a scalable vector graphic(SVG). Which results in the less than lovely image to the left. This is an xml file that describes the entire picture.

NS - Bezier Path of Lenna 4

Next we designed a custom software application to a parse the SVG into an NS-Bezier description. The NS-Bezier description of the image is interpreted by three types of objective C objects: lineTo, moveTo and curveTo. Each of these objects are interpreted by another application we designed, PlotterPilot.

Picture of Printer 5

PlotterPilot is responsible for ineracting with our physical printer. The printer will move in the path defined by the image and draw with the laser on the bacteria in the petri dish. After that the rest is up to the bacteria.