Team:Exeter/lab book/glyco/wk6

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:Exeter/e-candi_banner}}
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <title>ExiGEM2012 Lab Book Glyco wk5</title>
 +
</head>
 +
 +
<body>
 +
<table width="980" border="0" cellpadding="10">
 +
 +
<!--Spacer for Menu Banner-->
 +
  <tr>
 +
  <td height="10" colspan="2"></td>
 +
  </tr>
 +
<!--End of Spacer-->
 +
 +
  <tr>
 +
  <td colspan="2">
 +
    <div style="text-align:center">
 +
    <font face="Verdana" color="#57b947" size="2">
 +
     
 +
    <!--Project Division Links-->
 +
      <a href="https://2012.igem.org/Team:Exeter/lab_book/proto"; style="color:#57b947">Protocols</a>
 +
      &nbsp;|&nbsp;
 +
      <a href="https://2012.igem.org/Team:Exeter/lab_book/1gp/wk1"; style="color:#57b947">Single Gene Plasmids and Enzyme Characterisation</a>
 +
      &nbsp;|&nbsp;
 +
      <a href="https://2012.igem.org/Team:Exeter/lab_book/novpol/wk1"; style="color:#57b947">Showcasing Polysaccharide Production</a>
 +
      &nbsp;|&nbsp;
 +
      <a href="https://2012.igem.org/Team:Exeter/lab_book/3gip/wk1"; style="color:#57b947">The 3-Gene Inducible Plasmid</a>
 +
      <p>
 +
      <a href="https://2012.igem.org/Team:Exeter/lab_book/gibs/wk1"; style="color:#57b947">Operon Construction</a>     
 +
      &nbsp;|&nbsp;
 +
      <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk1"; style="color:#57b947" >Glycobase</a>
 +
      </p>
 +
    <!--End Project Division Links-->
 +
 +
 +
    </font>
 +
    </div>
 +
  </td>
 +
  </tr>
 +
 +
  <tr>
 +
    <td rowspan="2" valign="top" align="center" width="170">
 +
   
 +
    <!--Project Division Week Hyperlinks-->
 +
    <div style="text-align:center; width:170">
 +
      <font face="Verdana" color="#1d1d1b" size="2">
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk1"; style="color:#1d1d1b">25th - 29th June</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk2"; style="color:#1d1d1b">2nd - 6th July</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk3"; style="color:#1d1d1b">9th - 13th July</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk4"; style="color:#1d1d1b">16th - 20th July</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk5"; style="color:#1d1d1b">23rd - 27th July</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk6"; style="color:#1d1d1b">30th July - 3rd August</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk7"; style="color:#1d1d1b">6th - 10th August</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk8"; style="color:#1d1d1b">10th - 14th September</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk9"; style="color:#1d1d1b">17th - 21st September</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/lab_book/glyco/wk10"; style="color:#1d1d1b">24th - 28th September</a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="https://2012.igem.org/Team:Exeter/Results/GlycoBase"; style="color:#e30614"><b>The Database: <font size="3">GlycoBase</font></b></a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="http://glycoweb.com/"; style="color:#e30614" target="_blank"><b>The Result: <font size="3">GlycoWeb</font></b></font></a>
 +
        <p>
 +
        -
 +
        </p>
 +
        <a href="http://sourceforge.net/projects/exe2012ecandi/"; style="color:#e30614" target="_blank"><b><font size="3">Source Code</font></b></font></a>
 +
      </font>
 +
    </div>
 +
    <!--End Project Division Week Hyperlinks-->
 +
    </td>
 +
 
 +
  <td width="850" height="250">
 +
  <!------------INSERT WEEKLY IMAGE HERE------------>
 +
    <img src="https://static.igem.org/mediawiki/2012/7/70/Exe2012_lab15.jpg" alt="" title="" width="850" height="250">
 +
  </td>
 +
  </tr>
 +
 
 +
  <tr>
 +
  <td valign="top" width="850">
 +
    <div style="text-align:justify">
 +
    <font face="Verdana" color="#1d1d1b" size="2">
 +
   
 +
      <font face="Verdana" color="#57b947" size="4">
 +
      <p><b><u>Glycobase: 30th July - 3rd August 2012</u></b></p>
 +
      </font>
 +
 +
    <p><b>30/07/12</b></p>
 +
<p><i>Using Bottle.Py</i></p>
 +
<p>Completed example, importing 'route' using '@route('/attempt/:name') and running on localhost port 8080.</p>
 +
<p>Ran the app.py python file using Windows command prompt. Output shows Bottle server listening on 'http://localhost:8080/'.</p>
 +
<p>Went to URL http://localhost:8080/attempt/one.</p>
 +
<p>Union operator used like an AND function for select statements.</p>
 +
<p>The message 'hello iGEM team' displayed, written to be in localhost port 8080.</p>
 +
<p>SQL count could be useful for the dropdown menu.</p>
 +
<p>Completed second example using dynamic route http://localhost:8080/dynamic. The web address 'dynamic' is stored as variable unknown. This is printed on the screen and the web address changed.</p>
 +
<p>Third example uses more than one dynamic route.</p>
 +
<p>Expected output:
 +
</br>path 1:p1
 +
</br>path 2:p2</p>
 +
<p>Web browser input http:/localhost:8080/p1/p2, where p1 and p2 are now variables recorded under path 1 and path 2.</p>
 +
    <p><b>01/08/12</b></p>
 +
<p>More bottle examples completed along with http request methods.<p>
 +
    <p><b>02/08/12</b></p>
 +
<p><i>Routing static files</i></p>
 +
<p>Static files (images or CSS stylesheets) are not served automatically so must add a route and call back to control where to find the files. Thus, the CSS is interpreted within the HTML.</p>
 +
<p><i>Web based to do list</i></p>
 +
<p>Each page visible in the browser is generated when the URL is called. A 'route' in the bottle is an address on the server. When called, Bottle accepts the call and checks if there is any Python function defined. Bottle then executes any code called.</p>
 +
<p>Important point is the decorator statement @route('toDO'). Functions are bound to this route. Bottle returns result of function bound to route. You may bind multiple routes to functions but each route can only have one function.</p>   
 +
<p><i>Bottle Template to Format the Output</i></p>
 +
<p>Bottle expects a string or list of strings from a function.
 +
</br>The string can be text formatted using HTML markup.
 +
</br>Templates are stored as .tpl files and can be called from within functions.
 +
</br>They contain a mix of HTML mark-up and Python statements.
 +
</br>Every line beginning with % is interpreted as Python code. All condition must be closed with % end.
 +
</br>Access a variable within a non-python code line with double curly braces.</p>
 +
<p>Using GET or POST values studied.</p>
 +
<Used 'dynamic routing' to edit existing items and validated these.</p>
 +
<p>Reviewed 'dynamic routes using regular expressions', returning static files and how to catch errors.</p>   
 +
    </font>
 +
    </div>
 +
  </td>
 +
  </tr>
 +
 +
</table>
 +
 +
<table width="980" align="center" cellspacing="20">
 +
<tr align="center">
 +
  <td>
 +
  <font color="#57B947" size="1" face="Verdana">
 +
    <p><u>Website Designed and Built by: Ryan Edginton, James Lynch & Alex Clowsley</u> &nbsp;&nbsp;|&nbsp;&nbsp;
 +
    <a href="https://igem.org/Team.cgi?id=764" style="color:#57B947" target="_blank"><u>Contact Us</u></a>  &nbsp;&nbsp;|&nbsp;&nbsp;
 +
    <a href="https://2012.igem.org/Team:Exeter/site_map" style="color:#57B947"><u>Site Map</u></a></p>
 +
  </font>
 +
  </td>
 +
</tr>
 +
</table>
 +
 +
</body>
 +
</html>

Latest revision as of 00:24, 27 September 2012

ExiGEM2012 Lab Book Glyco wk5

Glycobase: 30th July - 3rd August 2012

30/07/12

Using Bottle.Py

Completed example, importing 'route' using '@route('/attempt/:name') and running on localhost port 8080.

Ran the app.py python file using Windows command prompt. Output shows Bottle server listening on 'http://localhost:8080/'.

Went to URL http://localhost:8080/attempt/one.

Union operator used like an AND function for select statements.

The message 'hello iGEM team' displayed, written to be in localhost port 8080.

SQL count could be useful for the dropdown menu.

Completed second example using dynamic route http://localhost:8080/dynamic. The web address 'dynamic' is stored as variable unknown. This is printed on the screen and the web address changed.

Third example uses more than one dynamic route.

Expected output:
path 1:p1
path 2:p2

Web browser input http:/localhost:8080/p1/p2, where p1 and p2 are now variables recorded under path 1 and path 2.

01/08/12

More bottle examples completed along with http request methods.

02/08/12

Routing static files

Static files (images or CSS stylesheets) are not served automatically so must add a route and call back to control where to find the files. Thus, the CSS is interpreted within the HTML.

Web based to do list

Each page visible in the browser is generated when the URL is called. A 'route' in the bottle is an address on the server. When called, Bottle accepts the call and checks if there is any Python function defined. Bottle then executes any code called.

Important point is the decorator statement @route('toDO'). Functions are bound to this route. Bottle returns result of function bound to route. You may bind multiple routes to functions but each route can only have one function.

Bottle Template to Format the Output

Bottle expects a string or list of strings from a function.
The string can be text formatted using HTML markup.
Templates are stored as .tpl files and can be called from within functions.
They contain a mix of HTML mark-up and Python statements.
Every line beginning with % is interpreted as Python code. All condition must be closed with % end.
Access a variable within a non-python code line with double curly braces.

Using GET or POST values studied.

Reviewed 'dynamic routes using regular expressions', returning static files and how to catch errors.

Website Designed and Built by: Ryan Edginton, James Lynch & Alex Clowsley   |   Contact Us   |   Site Map