Difference between revisions of "Team:CLSB-UK/Judging"

 
(10 intermediate revisions by 2 users not shown)
Line 6: Line 6:
  
 
{{CLSB-UK Medal Criteria}}
 
{{CLSB-UK Medal Criteria}}
 +
 +
= Jamboree =
 +
 +
<html><svg style="max-width: 700px; margin: 30px auto; display: block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 179.261 105.808"><path fill="none" stroke="#000" stroke-width="2" d="M1 5.545v99.263h40.418v-3.734h13.96v3.734h67.038v-3.896h13.635v3.896h28.17V91.822h14.04V19.498h-15.1V1.162H96.45V8.63H66.42V1H3.598v4.545z"/><path fill="#00002b" stroke="#000" d="M138.486 22.427h21.75v25.81h-21.75z"/><path fill="#b3e5fc" stroke="#000" d="M100.648 62.195h23.7V91.9h-23.7z"/><path fill="none" stroke="#000" d="M66.578 12.85h29.867v45.288H66.578z"/><text x="51.649" y="86.47" stroke-width=".265" font-size="10.583" transform="translate(-18.965 -74.756)" letter-spacing="0" font-weight="800" font-family="Montserrat" text-anchor="middle"><tspan x="51.649" y="86.47">Hall C</tspan></text><text x="148.144" y="85.865" stroke-width=".265" font-size="10.583" transform="translate(-18.965 -74.756)" letter-spacing="0" font-weight="800" font-family="Montserrat" text-anchor="middle"><tspan x="148.144" y="85.865">Hall D</tspan></text><path fill="#fff" d="M141.85 39.1c.153-.032.31-.063.464-.093l.014-.003.865-.156.018-.003.02-.003c1.7-.28 3.54-.448 5.46-.482v-2.59s-.37-.382-.37-.923c0-.54.38-.953.38-.953v-2.33c-2.1-.188-3.76-1.957-3.76-4.112 0-.62.14-1.206.38-1.733.07-.19.16-.38.26-.57-.06.09-4.6 6.49-3.71 13.94m15.03 0c-.15-.04-.303-.07-.46-.1h-.014l-.864-.16-.015-.01-.016-.004c-1.7-.28-3.54-.45-5.46-.486v-2.59s.377-.383.377-.924c0-.54-.375-.95-.375-.95v-2.33c2.11-.19 3.76-1.957 3.76-4.11 0-.62-.135-1.21-.38-1.736-.07-.18-.152-.37-.255-.56.062.094 4.602 6.497 3.713 13.945" font-weight="300" color="#777" font-family="Montserrat" paint-order="fill stroke markers"/><text x="168.245" y="119.772" fill="#fff" stroke-width=".092" letter-spacing="0" transform="translate(-18.965 -74.756)" font-size="3.662" font-family="Montserrat" text-anchor="middle"><tspan x="168.245" y="119.772">CLSB-UK</tspan></text><text x="168.346" y="129.064" stroke-width=".403" letter-spacing="0" font-size="6.177" transform="translate(-18.965 -74.756)" font-weight="800" font-family="Montserrat" text-anchor="middle" stroke-linejoin="bevel"><tspan x="168.346" y="129.064">Zone 5</tspan></text><path fill="none" stroke="#000" d="M66.578 62.195h29.867v34.818H66.578zm.14-36.107h29.497"/><text x="100.483" y="95.736" stroke-width=".265" letter-spacing="0" font-size="4.06" transform="translate(-18.965 -74.756)" font-weight="800" font-family="Montserrat" text-anchor="middle" stroke-linejoin="bevel"><tspan x="100.483" y="95.736">TOILETS</tspan></text><text x="100.445" y="129.481" stroke-width=".265" font-weight="800" font-size="4.06" letter-spacing="0" transform="translate(-18.965 -74.756)" font-family="Montserrat" text-anchor="middle"><tspan x="100.445" y="129.481">CHARGERS</tspan></text><text x="100.445" y="168.763" stroke-width=".265" letter-spacing="0" font-size="4.06" transform="translate(-18.965 -74.756)" font-weight="800" font-family="Montserrat" text-anchor="middle" stroke-linejoin="bevel"><tspan x="100.445" y="168.763">TIMELINE</tspan></text><path fill="none" stroke="#000" d="M66.89 88.47h29.497"/><path fill="#b3e5fc" stroke="#000" d="M100.648 22.33h23.7v25.515h-23.7z"/><path fill="#00002b" stroke="#000" d="M138.486 65.124h21.75v12.38h-21.75z"/><text x="168.385" y="158.161" stroke-width=".403" font-weight="800" font-size="6.177" letter-spacing="0" transform="translate(-18.965 -74.756)" font-family="Montserrat" text-anchor="middle"><tspan x="168.385" y="158.161">Zone 6</tspan></text><path fill="#fff" d="M144.422 75.63c.102-.023.204-.043.307-.063l.01-.002.57-.103.01-.002.01-.002c1.12-.186 2.34-.297 3.61-.32v-1.712s-.25-.253-.25-.61c0-.36.25-.63.25-.63v-1.542c-1.4-.124-2.49-1.294-2.49-2.72 0-.41.09-.798.25-1.146.04-.12.1-.246.17-.372-.05.06-3.05 4.296-2.46 9.222m9.93 0l-.31-.062-.01-.002-.58-.103h-.02c-1.126-.18-2.34-.29-3.61-.32v-1.71s.25-.25.25-.61-.25-.63-.25-.63v-1.54c1.394-.12 2.486-1.29 2.486-2.72 0-.41-.09-.79-.254-1.14-.046-.12-.1-.24-.17-.37.042.06 3.045 4.3 2.456 9.23" color="#777" paint-order="fill stroke markers"/><text x="168.346" y="132.815" stroke-width=".23" font-weight="800" font-size="3.527" letter-spacing="0" transform="translate(-18.965 -74.756)" font-family="Montserrat" text-anchor="middle"><tspan x="168.346" y="132.815">(poster, stall 259)</tspan></text><text x="168.346" y="161.845" stroke-width=".23" letter-spacing="0" font-size="3.527" transform="translate(-18.965 -74.756)" font-weight="800" font-family="Montserrat" text-anchor="middle" stroke-linejoin="bevel"><tspan x="168.346" y="161.845">(hardware, stand 27)</tspan></text></svg></html>
 +
 +
<div style="text-align:center">
 +
Come visit our poster stand - we are in zone 5 in Hall D on the second floor, stall 259.
 +
 +
We will also be at stand 27 in the exhibition space where hopefully we'll be demoing our [[Team:CLSB-UK/Hardware|Hardware]].
 +
 +
Our presentation is at 3:30 on Friday in Ballroom B.
 +
</div>
  
 
==Key Papers==
 
==Key Papers==
  
We have cited loads of papers in our wiki which makes it hard to see which ones are the most important. To make it easier for anyone reviewing our project, or wanting to get a better understanding into the principles off which our project is based, we have compiled the following list. Below are the papers which were key to our project design.  
+
We cited lots of papers on our wiki which makes it hard to see which ones are the most important. To make it easier for anyone reviewing our project, or wanting to get a better understanding without spending years trawling through tables of cancer statistics, we have compiled the following list.  
  
 
===Toehold Switches, their design and use===
 
===Toehold Switches, their design and use===
Line 23: Line 35:
 
*Etheridge, A., Lee, I., Hood, L., Galas, D., & Wang, K. (2011). Extracellular microRNA: a new source of biomarkers. Mutation Research/Fundamental and Molecular Mechanisms of Mutagenesis, 717(1), 85-90. DOI: [https://doi.org/10.1016/j.mrfmmm.2011.03.004 10.1016/j.mrfmmm.2011.03.004]
 
*Etheridge, A., Lee, I., Hood, L., Galas, D., & Wang, K. (2011). Extracellular microRNA: a new source of biomarkers. Mutation Research/Fundamental and Molecular Mechanisms of Mutagenesis, 717(1), 85-90. DOI: [https://doi.org/10.1016/j.mrfmmm.2011.03.004 10.1016/j.mrfmmm.2011.03.004]
  
===Wiki===
+
==Wiki==
  
We've really tried to go for Best Wiki this year. The most important part of course is the content. We used Google Docs to write and work as a team on every page - resolving a total over 400 comments. We tried to get the text done as early as possible - and succeeded to some extent, although only began uploading it to the wiki a couple weeks before the deadline. Adam, our student leader who did the bulk of wiki editing made over 1300 edits - and as a result has gone slightly insane.
+
We've put a lot of work into our wiki this year. The most important part of course is the content. We used Google Docs to write and work as a team - resolving a total over 600 comments. Adam, our student leader who did the bulk of wiki editing made over 1300 edits - and as a result has gone slightly insane.
  
One problem with previous wikis is that they were inaccessibly written - often not building up explanations properly and lacking good structure to pages. This is likely down to the last minute rush before the deadline to get everything up - we started early and spent a long time perfecting our text so hopefully you find it all makes sense. We also had several people on our team test everything out for us from clicking every link to reading all the text and how it was formatted on the wiki to iron out bugs.
+
Several wikis we looked at were inaccessibly written - often lacking good explanations and having little page structure. This is likely down to the last minute rush before the deadline. We started early and spent a long time perfecting our text, so hopefully you find it all makes sense.
  
Another problem is that previous wikis took ages to load. Part of this is down to the iGEM servers, but often the problem stems from poorly written code. Large swathes of redudant code often lurk in the shadows, and images are often uploaded at much too high resolution and without being compressed at all. We saw some homepages well over 10MB! Our homepage weighs in at a lean 0.7MB, and all our other pages are similarly optimized. We've done this by analysing our site with Google's Pagespeed and Lighthouse auditing tools, and made large gains by correctly sizing images, compressing images and using SVGs where possible.
+
Another problem is that previous wikis are slow to load. They often have large swathes of redudant code and uncompressed images are commonly uploaded at much higher resolutions than needed. We saw some homepages well over 10MB! Our homepage is just 0.7MB, and all our other pages are similarly optimized. We've done this by analysing our site with Google's Pagespeed and Lighthouse auditing tools to find where we could improve. We correctly sized and compressed images, reused files so they can be cached and used SVGs where possible for diagrams.
  
Using SVGs often is also good as they can be embedded more easily into the page, meaning page load times are further improved as the browser doesn't have to send another request to fetch the images seperately. SVGs also allow for infinite scalability allowing our wiki to take advantage of high resolution screens like Apple's 'Retina Displays'. They're also powerful as they allow text to be displayed as text rather than pixels - allowing screenreaders to read them out, increasing the accessibility of our wiki.
+
As SVGs can be embedded more easily into the page, page load times are improved as the browser doesn't have to fetch the images seperately. SVGs also allow for infinite scalability allowing our wiki to take advantage of high resolution screens like Apple's 'Retina Displays'. They're also powerful as they allow text to actually be text rather than pixels - allowing screenreaders to read diagrams, improving the accessibility of our wiki. The worst cases we’ve seen are are wikis that are just huge PNGs - they take forever to load, don’t allow you to select text, are inaccessible to the visually-impaired and lack links and citations embedded in the text.
  
Navigation is often poorly done - with thousands of nested subpages that aren't present in the navigation bar but are still very relevant to the project. We've used the default iGEM pages as far as possible to make finding the important parts as easy as possible and spent a long time thinking about the structure of our site. The navigation bar was significantly revised four times in efforts to make it as easy to find the relevant pages as possible, and we've avoided using extra nested subpages where not really necessary. We've also scattered links everywhere to prevent you having to hunt for where we reference another part of our project.
+
To make navigation as easy as possible, we've used the default iGEM pages and spent a long time thinking about the structure of the rest of our site. The navigation bar was significantly revised four times in efforts to make it as easy to find the relevant pages as possible, and we've tried to avoid using hidden nested subpages. If you do want a full list of pages with subpages you can see our [[Team:CLSB-UK/Sitemap|sitemap]]. We set up several redirects to make it easier to guess links, although we believe they shouldn’t be required with our navigation bar. In addition, we scattered links throughout our text to prevent you having to hunt for the right page when we reference another part of our project.
  
We believe many teams don't take full advantage of the template system Mediawiki offers. By compartmentalizing all our repeated sections we make our code more human readable, allowing members of our team with no coding experience at all to go in and edit sections. It also makes it easier to update styles - ensuring all our pages have a consistent feel that makes navigating them easier and as you learn what behaviours to expect makes the site easy to use.
+
We believe many teams don't take full advantage of the template system Mediawiki offers. By compartmentalizing all the repeated sections we made our code more readable, allowing members of our team with no coding experience at all to go in and edit sections (unfortunately they won’t now stop talking about how they’re programming geniuses). Templates also makes it easier to update styles - ensuring all our pages have a consistent feel that makes navigating them easier and look better.
  
 
We shared a lot of this knowledge with other teams, including Judd School, University of Westminster and Carroll High School. More information about this is available on our [[Team:CLSB-UK/Collaborations|collaborations page]].
 
We shared a lot of this knowledge with other teams, including Judd School, University of Westminster and Carroll High School. More information about this is available on our [[Team:CLSB-UK/Collaborations|collaborations page]].
  
 
All our code was written by current team members, except the small bits otherwise [[Team:CLSB-UK/Attributions|attributed]]. All images which we didn't make ourselves are attributed beneath the image. Images without explicit licenses are reproduced with written consent of the rights holders.
 
All our code was written by current team members, except the small bits otherwise [[Team:CLSB-UK/Attributions|attributed]]. All images which we didn't make ourselves are attributed beneath the image. Images without explicit licenses are reproduced with written consent of the rights holders.
 
=== Jamboree ===
 
 
<MAP FROM ABE>
 
 
Come visit our stall - we are in zone 5 in Hall D on the second floor, stall 259
 
 
<EXHIBITION HALL STUFF>
 
 
===Presentation===
 
Come watch our presentation at 3:30 on Friday in Ballroom B.
 
  
 
{{CLSB-UK Content End}}
 
{{CLSB-UK Content End}}
 
{{CLSB-UK Footer}}
 
{{CLSB-UK Footer}}

Latest revision as of 00:26, 2 November 2017

Judging

Bronze

  • Team registered and ready for Jamboree
  • Wiki and posters finished (see us and our poster in zone 5 in Hall D on the second floor, stall 259)
  • Presentation ready and waiting
  • Check in, safety and judging forms completed
  • Parts documented on and samples submitted to Registry
  • Attributions done on attributions page
  • Added to characterisation of BBa_J23111, BBa_K808000 and BBa_E0040
  • Completed InterLab measurements

Attribution: logo © CC BY 2.0


Attribution: logo © CC BY 2.0

Silver

Gold


Attribution: logo © CC BY 2.0

Jamboree

Hall CHall DCLSB-UKZone 5TOILETSCHARGERSTIMELINEZone 6(poster, stall 259)(hardware, stand 27)

Come visit our poster stand - we are in zone 5 in Hall D on the second floor, stall 259.

We will also be at stand 27 in the exhibition space where hopefully we'll be demoing our Hardware.

Our presentation is at 3:30 on Friday in Ballroom B.

Key Papers

We cited lots of papers on our wiki which makes it hard to see which ones are the most important. To make it easier for anyone reviewing our project, or wanting to get a better understanding without spending years trawling through tables of cancer statistics, we have compiled the following list.

Toehold Switches, their design and use

  • Green, A. A., Silver, P. A., Collins, J. J., & Yin, P. (2014). Toehold switches: de-novo-designed regulators of gene expression. Cell, 159(4), 925-939. DOI: 10.1016/j.cell.2014.10.002
  • Green, A. A., Kim, J., Ma, D., Silver, P. A., Collins, J. J., & Yin, P. (2016, September). Ribocomputing devices for sophisticated in vivo logic computation. In Proceedings of the 3rd ACM International Conference on Nanoscale Computing and Communication (p. 11). ACM. DOI: 10.1145/2967446.2970373
  • Pardee, K., Green, A. A., Takahashi, M. K., Braff, D., Lambert, G., Lee, J. W., ... & Daringer, N. M. (2016). Rapid, low-cost detection of Zika virus using programmable biomolecular components. Cell, 165(5), 1255-1266. DOI: 10.1016/j.cell.2016.04.059
  • Machinek, R. R., Ouldridge, T. E., Haley, N. E., Bath, J., & Turberfield, A. J. (2013). Programmable energy landscapes for kinetic control of DNA strand displacement. Nature communications, 5, 5324-5324. DOI: 10.1038/ncomms6324

Micro-RNAs as Biomarkers

  • Hennessey, P. T., Sanford, T., Choudhary, A., Mydlarz, W. W., Brown, D., Adai, A. T., ... & Califano, J. A. (2012). Serum microRNA biomarkers for detection of non-small cell lung cancer. PloS one, 7(2), e32307. DOI: 10.1371/journal.pone.0032307
  • Etheridge, A., Lee, I., Hood, L., Galas, D., & Wang, K. (2011). Extracellular microRNA: a new source of biomarkers. Mutation Research/Fundamental and Molecular Mechanisms of Mutagenesis, 717(1), 85-90. DOI: 10.1016/j.mrfmmm.2011.03.004

Wiki

We've put a lot of work into our wiki this year. The most important part of course is the content. We used Google Docs to write and work as a team - resolving a total over 600 comments. Adam, our student leader who did the bulk of wiki editing made over 1300 edits - and as a result has gone slightly insane.

Several wikis we looked at were inaccessibly written - often lacking good explanations and having little page structure. This is likely down to the last minute rush before the deadline. We started early and spent a long time perfecting our text, so hopefully you find it all makes sense.

Another problem is that previous wikis are slow to load. They often have large swathes of redudant code and uncompressed images are commonly uploaded at much higher resolutions than needed. We saw some homepages well over 10MB! Our homepage is just 0.7MB, and all our other pages are similarly optimized. We've done this by analysing our site with Google's Pagespeed and Lighthouse auditing tools to find where we could improve. We correctly sized and compressed images, reused files so they can be cached and used SVGs where possible for diagrams.

As SVGs can be embedded more easily into the page, page load times are improved as the browser doesn't have to fetch the images seperately. SVGs also allow for infinite scalability allowing our wiki to take advantage of high resolution screens like Apple's 'Retina Displays'. They're also powerful as they allow text to actually be text rather than pixels - allowing screenreaders to read diagrams, improving the accessibility of our wiki. The worst cases we’ve seen are are wikis that are just huge PNGs - they take forever to load, don’t allow you to select text, are inaccessible to the visually-impaired and lack links and citations embedded in the text.

To make navigation as easy as possible, we've used the default iGEM pages and spent a long time thinking about the structure of the rest of our site. The navigation bar was significantly revised four times in efforts to make it as easy to find the relevant pages as possible, and we've tried to avoid using hidden nested subpages. If you do want a full list of pages with subpages you can see our sitemap. We set up several redirects to make it easier to guess links, although we believe they shouldn’t be required with our navigation bar. In addition, we scattered links throughout our text to prevent you having to hunt for the right page when we reference another part of our project.

We believe many teams don't take full advantage of the template system Mediawiki offers. By compartmentalizing all the repeated sections we made our code more readable, allowing members of our team with no coding experience at all to go in and edit sections (unfortunately they won’t now stop talking about how they’re programming geniuses). Templates also makes it easier to update styles - ensuring all our pages have a consistent feel that makes navigating them easier and look better.

We shared a lot of this knowledge with other teams, including Judd School, University of Westminster and Carroll High School. More information about this is available on our collaborations page.

All our code was written by current team members, except the small bits otherwise attributed. All images which we didn't make ourselves are attributed beneath the image. Images without explicit licenses are reproduced with written consent of the rights holders.