Difference between revisions of "Team:MIT/accessible protocols"

Line 32: Line 32:
 
<br></br>
 
<br></br>
  
−
<a href="https://fold.cm/read/G_Gumuskaya/transformation-HgRGgvsF"><img src = "https://static.igem.org/mediawiki/2016/b/be/T--MIT--fold_3d.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/transformation-HgRGgvsF"><img src = "https://static.igem.org/mediawiki/2016/b/be/T--MIT--fold_3d.JPG" width = 100%></a>
 
<p style="font-family: Verdana; float:left;">↑ As one scrolls down, some keywords start appear in green. These are the keywords linked up to an image. As one reads the instructions, s/he can click on these highlighted keywords to see a photograph of their execution.</p>
 
<p style="font-family: Verdana; float:left;">↑ As one scrolls down, some keywords start appear in green. These are the keywords linked up to an image. As one reads the instructions, s/he can click on these highlighted keywords to see a photograph of their execution.</p>
  
Line 43: Line 43:
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/gateway-cloning-lr-reaction-Kdjc7pfg"><img src = "https://static.igem.org/mediawiki/2016/f/fb/T--MIT--fold_3b1.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gateway-cloning-lr-reaction-Kdjc7pfg"><img src = "https://static.igem.org/mediawiki/2016/f/fb/T--MIT--fold_3b1.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/transformation-HgRGgvsF"><img src = "https://static.igem.org/mediawiki/2016/c/c4/T--MIT--fold_3c.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/transformation-HgRGgvsF"><img src = "https://static.igem.org/mediawiki/2016/c/c4/T--MIT--fold_3c.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
  
−
<a href="https://fold.cm/read/G_Gumuskaya/gateway-cloning-lr-reaction-Kdjc7pfg"><img src = "https://static.igem.org/mediawiki/2016/c/c2/T--MIT--fold_3e.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gateway-cloning-lr-reaction-Kdjc7pfg"><img src = "https://static.igem.org/mediawiki/2016/c/c2/T--MIT--fold_3e.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/plating-2GZL7WhC"><img src = "https://static.igem.org/mediawiki/2016/2/2b/T--MIT--fold_3f.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/plating-2GZL7WhC"><img src = "https://static.igem.org/mediawiki/2016/2/2b/T--MIT--fold_3f.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/plating-2GZL7WhC"><img src = "https://static.igem.org/mediawiki/2016/1/1e/T--MIT--fold_3g.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/plating-2GZL7WhC"><img src = "https://static.igem.org/mediawiki/2016/1/1e/T--MIT--fold_3g.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/f/f1/T--MIT--fold_3h.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/f/f1/T--MIT--fold_3h.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/6/6e/T--MIT--fold_3i.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/6/6e/T--MIT--fold_3i.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/7/76/T--MIT--fold_3j.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/7/76/T--MIT--fold_3j.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/b/b6/T--MIT--fold_3k.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/b/b6/T--MIT--fold_3k.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/2/28/T--MIT--fold_3l.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/midi-prep-koMrzWst"><img src = "https://static.igem.org/mediawiki/2016/2/28/T--MIT--fold_3l.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href=""><img src = "https://static.igem.org/mediawiki/2016/d/d3/T--MIT--fold_3m.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gel-electrophoresis-kxiwkNRA"><img src = "https://static.igem.org/mediawiki/2016/d/d3/T--MIT--fold_3m.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href=""><img src = "https://static.igem.org/mediawiki/2016/5/5f/T--MIT--fold_3n.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gel-electrophoresis-kxiwkNRA"><img src = "https://static.igem.org/mediawiki/2016/5/5f/T--MIT--fold_3n.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href=""><img src = "https://static.igem.org/mediawiki/2016/a/aa/T--MIT--fold_3o.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gel-electrophoresis-kxiwkNRA"><img src = "https://static.igem.org/mediawiki/2016/a/aa/T--MIT--fold_3o.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href=""><img src = "https://static.igem.org/mediawiki/2016/9/9f/T--MIT--fold_3r.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gel-electrophoresis-kxiwkNRA"><img src = "https://static.igem.org/mediawiki/2016/9/9f/T--MIT--fold_3r.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
−
<a href=""><img src = "https://static.igem.org/mediawiki/2016/2/2c/T--MIT--fold_3s.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/nanodrop-tHKAQyux"><img src = "https://static.igem.org/mediawiki/2016/2/2c/T--MIT--fold_3s.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>
 
<p style="font-family: Verdana; float:left;">We also documented our mistakes and included these as possible errors</p>
 
<p style="font-family: Verdana; float:left;">We also documented our mistakes and included these as possible errors</p>
−
<a href=""><img src = "https://static.igem.org/mediawiki/2016/e/e2/T--MIT--fold_3p.JPG" width = 100%>
+
<a href="https://fold.cm/read/G_Gumuskaya/gel-electrophoresis-kxiwkNRA"><img src = "https://static.igem.org/mediawiki/2016/e/e2/T--MIT--fold_3p.JPG" width = 100%></a>
 
<br></br>
 
<br></br>
 
<br></br>
 
<br></br>

Revision as of 05:35, 15 October 2016

Accessible Synthetic Biology Protocols for Novices

Accessible Synthetic Biology Protocols for Novices

Doing synthetic biology is hard! Especially if you have never done it before! Therefore, we took it upon ourselves, as a part of our human practices work, to create a lively and explanatory platform for making novices' job a little easier in their first voyages into the magical land of Syn-Bio! Our blog - which can be reached via this link- features the mainstream synthetic biology lab procedures, as broken down in stepwise fashion, with photographs. We used fold.cm, through tumblr.com, in creation of this blog due to Fold's unique interface that enables one to easily link up sentences with images, hence serve both literary and visual cognition simultaneously. Below we explain how the blog works with a series of screenshots:

↑ The image above is the screenshot of the blog's mainpage where the all the procedures are listed with an accompanying illustration that describes the essence of that procedure. In order to see a quick explanation of the procedure, one can hover over the little magnifier symbol on the upper right corner of the illustrtion as shown below:



Then one can click on any of the illustrative icons to get more information about that specific procedure:

↑ The image above is the screenshot of an exemplary inner page that firstly includes a brief description of the procedure, then presents a link (highlighted in yellow) to the Fold page where tutorial resides. The screenshot of the Fold page can be seen below:







↑ This is how the tutorial page looks at first. The instructions can be seen as broken down into various successive steps depending on the protocol content (ie. "materials" as seen in the image).







↑ As one scrolls down, some keywords start appear in green. These are the keywords linked up to an image. As one reads the instructions, s/he can click on these highlighted keywords to see a photograph of their execution.







Below are some images showing different instances of narration:

































































































We also documented our mistakes and included these as possible errors







We hope that this platform will be useful to future iGEMers as well as to anyone who is new in the land of Synthetic Biology!