Difference between revisions of "Team:NTU-Singapore/Attributions"

 
(26 intermediate revisions by 2 users not shown)
Line 92: Line 92:
 
<a href="https://2016.igem.org/Team:NTU-Singapore/Basic_Part"><i class="fa fa-fw fa-2x fa-gear"></i><span style="left: 8px;"class="navbar-name"> Basic Parts</span> </a>
 
<a href="https://2016.igem.org/Team:NTU-Singapore/Basic_Part"><i class="fa fa-fw fa-2x fa-gear"></i><span style="left: 8px;"class="navbar-name"> Basic Parts</span> </a>
 
</li>
 
</li>
<li>
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Composite_Part" style="height: 45px"><i class="fa fa-fw fa-2x fa-gavel" style="float: left;"></i><span style="float: left; width: 96px; left: 13px;" class="navbar-name"> Composite Part</span> </a>
+
</li>
+
 
<li>
 
<li>
 
<a style="height: 49px" href="https://2016.igem.org/Team:NTU-Singapore/Composite_Part"><i style="float: left;" class="fa fa-fw fa-2x fa-briefcase"></i><span style="    float: left;
 
<a style="height: 49px" href="https://2016.igem.org/Team:NTU-Singapore/Composite_Part"><i style="float: left;" class="fa fa-fw fa-2x fa-briefcase"></i><span style="    float: left;
Line 140: Line 138:
 
<a href="https://2016.igem.org/Team:NTU-Singapore/HP/Gold"><i class="fa fa-fw fa-2x fa-envelope"></i><span class="navbar-name"> Gold</span> </a>
 
<a href="https://2016.igem.org/Team:NTU-Singapore/HP/Gold"><i class="fa fa-fw fa-2x fa-envelope"></i><span class="navbar-name"> Gold</span> </a>
 
</li>
 
</li>
<li>
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Engagement"><i class="fa fa-fw fa-2x fa-heartbeat"></i><span class="navbar-name"> Engagement</span></a>
+
</li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 153: Line 149:
 
         <div id="page-wrapper" >
 
         <div id="page-wrapper" >
  
             <div class="container-fluid" style="height:650px;">
+
             <div class="container-fluid" style="height:400px;">
  
 
                 <!-- Main jumbotron for a primary marketing message or call to action -->
 
                 <!-- Main jumbotron for a primary marketing message or call to action -->
 
                 <div class="jumbotron content-page" style="font-family: 'Just Me Again Down Here', cursive; padding-top: 140px; margin-bottom: -10px;">
 
                 <div class="jumbotron content-page" style="font-family: 'Just Me Again Down Here', cursive; padding-top: 140px; margin-bottom: -10px;">
<h1 style="font-size: 70px;"><span style="color: #0089A7; ">CRISPRy</span> Public Sharing</h1>
+
<h1 style="font-size: 70px;"><span style="color: #0089A7; ">Thanks</span> for the help and guidance!</h1>
<p style="font-family: 'Annie Use Your Telescope', cursive; font-size: 26px; line-height: 51px;">With informing the community about CRISPR gene therapy in mind, we have designed several educational materials for a nation-wide exhibition. 3D models and fluorescent illustrators were some of our highlights during our exhibition. Yay!!</p>
+
<p style="font-family: 'Annie Use Your Telescope', cursive; font-size: 26px; line-height: 51px;">We are very gratefull that we have these super helpful labmates that are willing to spend time teaching us! They are the key to our success! :)</p>
 
</div>
 
</div>
  
<div class="content-overview" style="padding: 0px 201px;">
+
</div>
 +
 +
<div class="page-header">
 +
<h1>Advisors</h1>
 +
</div>
 +
<div class="well" style="color: black">
  
<div class="circle-overview circle1">
+
                                <h2>Asst. Prof Tan Meng How</h2>
<a href="#dCas" style="top: -9px; width:200px; height:200px;" class="overview-content"><img src="https://static.igem.org/mediawiki/2016/a/a8/T--NTU-Singapore--RNAg.png" width="200px"><span class="overview-text">The Making Of</span> <br></a>
+
                                <p>Assembled the team and met with all the team members every week to provide guidance and set research directions. Designed gRNAs for project Evaluation and primers for genomic PCR.</p>  
</div>
+
  
 +
                              <h2>Dr. Teh Min Yan</h2>
 +
                                <p>Mentored Fanxiang and Huanwen for Project Evolution. Taught us mammalian tissue culture</p>
 +
 +
                                <h2>Dr. Yuan Ming</h2>
 +
                                <p>In-charge of Project Evaluation</p>
 +
 +
                              <h2>Liu Kaiwen Ivy</h2>
 +
                                <p>Mentored us on Project Evaluation, taught us experiments involved in T7E assay.</p>
  
<div class="circle-overview circle3">
 
<a href="#dCas" style="top: -9px; width:200px; height:200px;" class="overview-content"><img src="https://static.igem.org/mediawiki/2016/a/a8/T--NTU-Singapore--RNAg.png" width="200px"><span class="overview-text">Exhibition Day</span> <br></a>
 
</div>
 
 
  
</div>
 
  
<br><br><br><br>
 
 
</div>
 
<div class="separator" id="101" style="border-bottom: 0px;">
 
 
 
 
</div>
 
</div>
+
 
 
<div class="page-header">
 
<div class="page-header">
<h1>The Making Of...</h1>
+
<h1>Adventurers</h1>
 
</div>
 
</div>
<div class="well">
+
<div class="well" style="color: black">
<p>The <a href="http://www.onenorthfestival.sg/index.php" style="color: #81C7D4">One-North Festival</a> is a two-day event jointly organised by the Agency for Science Technology and Research (A*STAR) and JTC. The event features leading scientist from different backgrounds to showcase cutting-edge reseach and developments efforts to reshape human life. Our team was lucky enough to be invited to exhibit about the CRISPR/Cas9 Technology and share our knowledge regarding CRISPR/Cas9 to the community of Singapore. The excitement from the invitation got us started with  full enthusiasm and we started to think about how to come out with more creative materials so that the public is able to grasp the concept of genome editing combined Cas9-induced double stranded breaks.</p>
+
                              <h2>Ooi Kean Hean</h2>
<p>As a start, we designed 4 informative cards explaining the fundamental features of the Cas9 enzyme: <br>1. The guide RNA &nbsp;&nbsp;&nbsp;2. PAM specificity &nbsp;&nbsp;&nbsp;3. Nuclease activity &nbsp;&nbsp;&nbsp;4. Usage in DNA editing. <br>
+
                                <p>Student leader of the team. Designed the wiki, Cas9 models and exhibition items. In charge on Project Truncation, analysed crystal structure of Sp-dCas9 for determination of truncations, Gibson cloning of truncation regions, maintanence of HEK293FT cells and preparation for transfection, did flow cytometry and analysis of the results for Project Truncation. </p>  
</p>
+
                              <h2>Yong Jing Yen</h2>
<div style="margin: auto; width: 900px;">
+
                                <p>Responsible for submission of parts and experiments involved in collaboration. Designed Cas9 models, poster and exhibition items. Cloned constructs for Project Evaluation and carried out T7E assay, transfection of HEK293 cells, FACS preparation and genomic PCR</p>  
<img id="myImg" class="content-img" src="https://static.igem.org/mediawiki/2016/6/6f/T--NTU-Singapore--guide.jpg" alt="" >
+
+
<!-- The Modal -->
+
<div id="myModal" class="modal">
+
<span class="close">×</span>
+
<img class="modal-content" id="img01" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
  
<img id="myImg2" class="content-img" style="margin-left: 20px;" src="https://static.igem.org/mediawiki/2016/c/c3/T--NTU-Singapore--pam.jpg">
+
                              <h2>Liu Zhehui</h2>
+
                                <p>Designed the brochure for our exhibition. Designed the wiki. Photographer of our team. Helped out in Project Truncation, i.e. Gibson cloning of truncation regions, preparation of HEK293FT cells for transfection, flow cytometry, and derived truncation regions in the PI domain. Cloned constructs for Project Evaluation and carried out T7E assay and genomic PCR</p>  
<!-- The Modal -->
+
                              <h2>Li Fanxiang</h2>
<div id="myModal2" class="modal">
+
                                <p>Carried out all the assays involved in Project Evolution. Photographer of our team. Drew all the fantastic picture of us!</p>  
<span class="close close2">×</span>
+
                              <h2>Mu Huanwen</h2>
<img class="modal-content" id="img02" >
+
                                <p>Carried out all the assays involved in Project Evolution and testing the mutant Cas9 in HEK 293 cells</p>  
<div id="caption"></div>
+
                              <h2>Zhang Junyi</h2>
</div>
+
                                <p>Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, and Surveyor Assay.</p>  
<!-- The Modal -->
+
                             
+
                             
<img id="myImg3" class="content-img" style="margin-left: 20px;" src="https://static.igem.org/mediawiki/2016/3/32/T--NTU-Singapore--cutter.jpg">
+
                              <h2>Shaun Lim Wen Zheng</h2>
+
                                <p>Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, and Surveyor Assay</p>  
<!-- The Modal -->
+
<div id="myModal3" class="modal">
+
<span class="close close3">×</span>
+
<img class="modal-content" id="img03" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
+
<img id="myImg4" class="content-img" style="margin-left: 20px;" src="https://static.igem.org/mediawiki/2016/6/69/T--NTU-Singapore--editor.jpg">
+
+
<!-- The Modal -->
+
<div id="myModal4" class="modal">
+
<span class="close close4">×</span>
+
<img class="modal-content" id="img04" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
</div>
+
  
<br>
+
<h2>NORFALA-ALIAH BINTE SUTRISNOH</h2>
<p>Then we went on to design a poster along with brochures to illustrate how did the the discovery and development of CRISPR-Cas9 came about: </p>
+
                                <p>Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, Surveyor Assay</p>  
+
 
<div style="margin: auto; width: 900px;">
+
<h2>YEO HWEE TING</h2>
<img id="myImg5" class="content-img" style="" src="info-card/poster.png">
+
                                <p>Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, Surveyor Assay</p>  
+
 
<!-- The Modal -->
+
                              <h2>Wong Ming Jie</h2>
<div id="myModal5" class="modal">
+
                                <p>Helped out during our exhibition</p>  
<span class="close close5">×</span>
+
                            <h2>Bui Thuy Thien</h2>
<img class="modal-content" id="img05" width="900px;" style="height:1272px;">
+
                                <p>Helped out during our exhibition</p>  
<div id="caption"></div>
+
                              <h2>Jenndy</h2>
</div>
+
                                <p>Helped out during our exhibition</p>  
<!-- The Modal -->
+
</div>
+
<br>
+
<p>With all these beautifully designed representations, Science can still be boring when they are explained on a 2D paper. Our idea was to print a model to accompany the 4 informative cards that we are displaying. These models would then be used when we introduce the CRISPR/Cas9's working principle to the public. Along with a Computer Aided Design(CAD) software, AutoDesk Fusion and AutoDesk MeshMixer, we designed joints into the Cas9 protein so that visitors can play with our models during the exhibition. Have a look at how we designed them at <a href="">here</a>. :)</p>
+
+
<div style="margin: auto; width: 900px;">
+
<img id="myImg" class="content-img" src="info-card/guide.jpg" alt="" >
+
+
<!-- The Modal -->
+
<div id="myModal" class="modal">
+
<span class="close">×</span>
+
<img class="modal-content" id="img01" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
+
<img id="myImg2" class="content-img" style="margin-left: 15px;" src="info-card/pam.jpg">
+
+
<!-- The Modal -->
+
<div id="myModal2" class="modal">
+
<span class="close close2">×</span>
+
<img class="modal-content" id="img02" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
+
<img id="myImg3" class="content-img" style="margin-left: 15px;" src="info-card/cutter.jpg">
+
+
<!-- The Modal -->
+
<div id="myModal3" class="modal">
+
<span class="close close3">×</span>
+
<img class="modal-content" id="img03" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
+
<img id="myImg4" class="content-img" style="margin-left: 15px;" src="info-card/editor.jpg">
+
+
<!-- The Modal -->
+
<div id="myModal4" class="modal">
+
<span class="close close4">×</span>
+
<img class="modal-content" id="img04" >
+
<div id="caption"></div>
+
</div>
+
<!-- The Modal -->
+
</div>
+
+
<br>
+
  
 
<p>Then, we stumbled upon the problem of explaining the usage of the catalytically inactive version of Cas9, the dCas9, to the public. Then came the idea of the dCas9 illustartor. :)</p>
 
<p>We adopted the idea from using GFP-tagged dCas9 live cell imaging of the nucleus. We decided to use fluorescent paints, a dark box, a blue-light filter and a UV-light to similate live cell imaging. Hemp ropes are used to represent DNA and a blob attached to Cas9 is used to represent GFP-Cas9. The blob and hemp ropes are painted with different colours of fluorescent paint. When the UV lamp is turned on, only the DNA and GFP will light up.
 
</p>
 
 
<div style="margin: auto; width: 900px;">
 
<img id="myImg" class="content-img" src="info-card/guide.jpg" alt="" >
 
 
<!-- The Modal -->
 
<div id="myModal" class="modal">
 
<span class="close">×</span>
 
<img class="modal-content" id="img01" >
 
<div id="caption"></div>
 
</div>
 
<!-- The Modal -->
 
 
<img id="myImg2" class="content-img" style="margin-left: 15px;" src="info-card/pam.jpg">
 
 
<!-- The Modal -->
 
<div id="myModal2" class="modal">
 
<span class="close close2">×</span>
 
<img class="modal-content" id="img02" >
 
<div id="caption"></div>
 
</div>
 
<!-- The Modal -->
 
 
<img id="myImg3" class="content-img" style="margin-left: 15px;" src="info-card/cutter.jpg">
 
 
<!-- The Modal -->
 
<div id="myModal3" class="modal">
 
<span class="close close3">×</span>
 
<img class="modal-content" id="img03" >
 
<div id="caption"></div>
 
</div>
 
<!-- The Modal -->
 
 
<img id="myImg4" class="content-img" style="margin-left: 15px;" src="info-card/editor.jpg">
 
 
<!-- The Modal -->
 
<div id="myModal4" class="modal">
 
<span class="close close4">×</span>
 
<img class="modal-content" id="img04" >
 
<div id="caption"></div>
 
</div>
 
<!-- The Modal -->
 
</div>
 
 
<br>
 
 
 
 
  
</div>
 
<div class="separator" id="3dprint" style="border-bottom: 0px;">
 
 
 
 
</div>
 
</div>
+
                        <div class="page-header">
<div class="page-header">
+
<h1>3D printing support</h1>
<h1>Exhibition Day!!</h1>
+
 
</div>
 
</div>
<div class="well">
+
<div class="well" style="color: black">
<p>Our booth setup in our exhibition!</p>
+
 
<p>For us, the most interesting part of our exibition is that kids liked the 3D models alot! The first thing they did when they came to our booth was to grab hold of our models and start exploring the protein. Their curiosity when holding the modles made us feel so happy and all the hardwork in designing the models are worthy.
+
                                <h2>Dr. Bai Jiaming, A*STAR SIMTECH</h2>
</p>
+
                                <p>Dr. Bai was kind enought to help us print out our 3D models with the MakerBotX</p>
<p>During our exibition, we asked visitors to answer our survey after we have explained about the technology to them. Results can be found <a href="">here</a>.
+
 
 
 
 
</p>
 
 
</div>
 
</div>
 
<!-- /.container-fluid -->
 
<div style="height: 150px; background-color: rgba(120,194,196,1);">
 
 
</div>
 
        </div>
 
        <!-- /#page-wrapper -->
 
  
    </div>
+
                        <div class="page-header">
    <!-- /#wrapper -->
+
<h1>FACS and Flow cytometry support</h1>
 +
</div>
 +
<div class="well" style="color: black">
  
  <script>
+
                                <h2>Dr. Abdul Rashid Bin Mohammad Muzaki</h2>
// Get the modal
+
                                <p>Rashid is the Flow-facility Assistant Manager who was very kind to teach us how to operate the FACSDiva software and the Fortessa X20 flow cytometry machine.</p>
var modal = document.getElementById('myModal');
+
+
// Get the image and insert it inside the modal - use its "alt" text as a caption
+
var img = document.getElementById('myImg');
+
var modalImg = document.getElementById("img01");
+
+
img.onclick = function(){
+
modal.style.display = "block";
+
modalImg.src = this.src;
+
}
+
+
var modal2 = document.getElementById('myModal2');
+
var img2 = document.getElementById('myImg2');
+
var modalImg2 = document.getElementById("img02");
+
+
img2.onclick = function(){
+
modal2.style.display = "block";
+
modalImg2.src = this.src;
+
}
+
+
var modal3 = document.getElementById('myModal3');
+
var img3 = document.getElementById('myImg3');
+
var modalImg3 = document.getElementById("img03");
+
+
img3.onclick = function(){
+
modal3.style.display = "block";
+
modalImg3.src = this.src;
+
}
+
  
var modal4 = document.getElementById('myModal4');
+
var img4 = document.getElementById('myImg4');
+
</div>
var modalImg4 = document.getElementById("img04");
+
<div class="page-header" style="height: 400px; width: 1182px; margin: auto;">
 +
 +
<h1 style="font-family: 'Just Me Again Down Here', cursive; font-size: 50px;">Last but not least, our sponsors!</h1>
  
img4.onclick = function(){
+
<img class="content-img" src="http://www.ntu.edu.sg/AboutNTU/CorporateInfo/CorporateIdentity/PublishingImages/ntuchineselogo.jpg" style="width: 548px; height: 148px; box-shadow: none; z-index: -1; position: relative; top: -10px;/* float: left; */">
modal4.style.display = "block";
+
modalImg4.src = this.src;
+
}
+
  
 +
<br>
 +
<img class="content-img" src="https://www.a-star.edu.sg/Portals/81/logo_astar.jpg" style="width: 238px; height: 128px; box-shadow: none; z-index: -1; position: relative; top: -10px; margin-right: 20px;float: left">
 +
<img class="content-img" src="http://www.neb-online.de/wp-content/uploads/2015/04/NEB_Logo.png" style="width: 248px; height: 128px; box-shadow: none; z-index: -1; position: relative; top: -15px; margin-right: 20px;float: left">
 +
<img class="content-img" src="https://static.igem.org/mediawiki/2012/2/22/IDT-Logo.jpg" style="width: 298px; height: 158px; box-shadow: none; z-index: -1; position: relative; top: -15px; margin-right: 20px;float: left">
 +
<img class="content-img" src="http://www.scitific.com/sites/default/files/Axil_logo.jpg" style="width: 338px; height: 168px; box-shadow: none; z-index: -1; position: relative; top: -30px; float: left">
  
// Get the <span> element that closes the modal
+
</div>
var span = document.getElementsByClassName("close")[0];
+
var span2 = document.getElementsByClassName("close2")[0];
+
var span3 = document.getElementsByClassName("close3")[0];
+
var span4 = document.getElementsByClassName("close4")[0];
+
  
  
 +
                 
 +
 +
<!-- /.container-fluid -->
 +
<div style="height: 150px; background-color: rgba(120,194,196,1);">
 
 
// When the user clicks on <span> (x), close the modal
+
</div>
span.onclick = function() {
+
modal.style.display = "none";
+
}
+
+
span2.onclick = function() {
+
modal2.style.display = "none";
+
}
+
+
span3.onclick = function() {
+
modal3.style.display = "none";
+
}
+
+
span4.onclick = function() {
+
modal4.style.display = "none";
+
}
+
  
+
       
</script>
+
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 17:47, 1 December 2016

NTU-Singapore

Thanks for the help and guidance!

We are very gratefull that we have these super helpful labmates that are willing to spend time teaching us! They are the key to our success! :)

Asst. Prof Tan Meng How

Assembled the team and met with all the team members every week to provide guidance and set research directions. Designed gRNAs for project Evaluation and primers for genomic PCR.

Dr. Teh Min Yan

Mentored Fanxiang and Huanwen for Project Evolution. Taught us mammalian tissue culture

Dr. Yuan Ming

In-charge of Project Evaluation

Liu Kaiwen Ivy

Mentored us on Project Evaluation, taught us experiments involved in T7E assay.

Ooi Kean Hean

Student leader of the team. Designed the wiki, Cas9 models and exhibition items. In charge on Project Truncation, analysed crystal structure of Sp-dCas9 for determination of truncations, Gibson cloning of truncation regions, maintanence of HEK293FT cells and preparation for transfection, did flow cytometry and analysis of the results for Project Truncation.

Yong Jing Yen

Responsible for submission of parts and experiments involved in collaboration. Designed Cas9 models, poster and exhibition items. Cloned constructs for Project Evaluation and carried out T7E assay, transfection of HEK293 cells, FACS preparation and genomic PCR

Liu Zhehui

Designed the brochure for our exhibition. Designed the wiki. Photographer of our team. Helped out in Project Truncation, i.e. Gibson cloning of truncation regions, preparation of HEK293FT cells for transfection, flow cytometry, and derived truncation regions in the PI domain. Cloned constructs for Project Evaluation and carried out T7E assay and genomic PCR

Li Fanxiang

Carried out all the assays involved in Project Evolution. Photographer of our team. Drew all the fantastic picture of us!

Mu Huanwen

Carried out all the assays involved in Project Evolution and testing the mutant Cas9 in HEK 293 cells

Zhang Junyi

Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, and Surveyor Assay.

Shaun Lim Wen Zheng

Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, and Surveyor Assay

NORFALA-ALIAH BINTE SUTRISNOH

Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, Surveyor Assay

YEO HWEE TING

Carried out experiments of Project Evalutiaon like T7E assay, transfection of HEK293 cells, FACS preparation, genomic PCR, Surveyor Assay

Wong Ming Jie

Helped out during our exhibition

Bui Thuy Thien

Helped out during our exhibition

Jenndy

Helped out during our exhibition

Dr. Bai Jiaming, A*STAR SIMTECH

Dr. Bai was kind enought to help us print out our 3D models with the MakerBotX

Dr. Abdul Rashid Bin Mohammad Muzaki

Rashid is the Flow-facility Assistant Manager who was very kind to teach us how to operate the FACSDiva software and the Fortessa X20 flow cytometry machine.