Difference between revisions of "Team:BioIQS-Barcelona/Public Engagement"

Line 1: Line 1:
 
+
<!DOCTYPE html>
 
<html>
 
<html>
  
 
+
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
Line 16: Line 16:
 
     </script>
 
     </script>
  
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
+
     <link rel="stylesheet" href="css/goodload.css">
  
 
     <!-- Habilitar nomes al app per veure les funcions Jquery -->
 
     <!-- Habilitar nomes al app per veure les funcions Jquery -->
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript"></script>
+
     <script src="dist/js/vendor.js"></script>
  
 
     <title>BIO IQS</title>
 
     <title>BIO IQS</title>
  
 
     <!-- Bootstrap core CSS -->
 
     <!-- Bootstrap core CSS -->
     <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet">
+
     <link href="css/bootstrapmin.css" rel="stylesheet">
  
 
     <script>
 
     <script>
 
         $(function () {
 
         $(function () {
             $('navigationbar').load('https://2018.igem.org/Template:BioIQS-Barcelona/header?action=raw&ctype=text/javascript');
+
             $('navigationbar').load('/templates/header.html');
             $('footer').load('https://2018.igem.org/Template:BioIQS-Barcelona/footer?action=raw&ctype=text/javascript');
+
             $('footer').load('/templates/footer.html');
 
         });
 
         });
 
     </script>
 
     </script>
Line 37: Line 37:
  
 
     <!-- Custom fonts for this template -->
 
     <!-- Custom fonts for this template -->
     <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/allmin?action=raw&ctype=text/css" rel="stylesheet"> <!-- canvio all.min per allmin-->
+
     <link href="css/allmin.css" rel="stylesheet"> <!-- canvio all.min per allmin-->
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/simplelineicons?action=raw&ctype=text/css">    <!-- CANVI-->
+
     <link rel="stylesheet" href="css/simplelineicons.css">    <!-- CANVI-->
 
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
Line 44: Line 44:
  
  
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/new-age?action=raw&ctype=text/css">
+
     <link rel="stylesheet" href="css/new-age.css">
  
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
+
     <link rel="stylesheet" href="css/adaptwiki.css">
  
  
Line 58: Line 58:
 
});
 
});
 
</script>
 
</script>
 +
</head>
  
 
+
<body id="page-top">
 
+
    <div id="igem-navbar-placeholder">
    <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
+
        <!-- p>Placeholder for iGEM Navbar</p> -->
 +
    </div> <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
 
     <navigationbar></navigationbar>
 
     <navigationbar></navigationbar>
  
Line 72: Line 74:
 
                     <div class="header-content header-xxl">
 
                     <div class="header-content header-xxl">
 
                         <h1 class="mb-5">Outside the Lab | Education &amp; Engagement</h1>
 
                         <h1 class="mb-5">Outside the Lab | Education &amp; Engagement</h1>
                         <a href="https://2018.igem.org/Team:BioIQS-Barcelona#first-steps" class="btn btn-outline btn-xl js-scroll-trigger">Have a look!</a>
+
                         <a href="#first-steps" class="btn btn-outline btn-xl js-scroll-trigger">Have a look!</a>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 94: Line 96:
 
                 </div>
 
                 </div>
 
                 <div class="col-md-12 mx-auto block-sept">
 
                 <div class="col-md-12 mx-auto block-sept">
                     <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona#cl-description"><span class="arrow down"></span></a>
+
                     <a class="js-scroll-trigger a-arrow" href="#cl-description"><span class="arrow down"></span></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 143: Line 145:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="image">
 
                             <div class="image">
                                 <img class="img-f" src="https://static.igem.org/mediawiki/2018/3/36/T--BioIQS-Barcelona--2018_bar-one.png">
+
                                 <img class="img-f" src="images/bar-one.png">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="image">
 
                             <div class="image">
                                 <img class="img-f" src="https://static.igem.org/mediawiki/2018/4/47/T--BioIQS-Barcelona--2018_bar-two.png">
+
                                 <img class="img-f" src="images/bar-two.png">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="image">
 
                             <div class="image">
                                 <img class="img-f" src="https://static.igem.org/mediawiki/2018/f/f0/T--BioIQS-Barcelona--2018_bar-three.png">
+
                                 <img class="img-f" src="images/bar-three.png">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 198: Line 200:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="image">
 
                             <div class="image">
                                 <img class="img-f" src="https://static.igem.org/mediawiki/2018/9/98/T--BioIQS-Barcelona--2018_pastissos-iqs-team.png">
+
                                 <img class="img-f" src="images/pastissos-iqs-team.png">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="image">
 
                             <div class="image">
                                 <img class="img-f" src="https://static.igem.org/mediawiki/2018/2/2b/T--BioIQS-Barcelona--2018_pastissos-iqs.png">
+
                                 <img class="img-f" src="images/pastissos-iqs.png">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 235: Line 237:
 
                     <div class="col-md-6">
 
                     <div class="col-md-6">
 
                         <div class="image">
 
                         <div class="image">
                             <img class="img-f" src="https://static.igem.org/mediawiki/2018/7/7f/T--BioIQS-Barcelona--2018_platja.png">
+
                             <img class="img-f" src="images/platja.png">
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="col-md-6">
 
                     <div class="col-md-6">
 
                         <div class="image">
 
                         <div class="image">
                             <img class="img-f" src="https://static.igem.org/mediawiki/2018/b/bd/T--BioIQS-Barcelona--2018_lab.png">
+
                             <img class="img-f" src="images/lab.png">
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 251: Line 253:
 
                 <div class="row justify-content-center block-sept">
 
                 <div class="row justify-content-center block-sept">
 
                     <div class="col-md-10">
 
                     <div class="col-md-10">
                         <h4 class="book orange-intense text-center">This meeting set the beginning of a <a class="link" href="https://2018.igem.org/Team:BioIQS-Barcelona/Collaborations">new collaboration</a>. Over the summer, our team designed a novel strategy to extract the alpha and beta chains of the HLA-DQ from a celiac patient's DNA using PCR. We invited them to test our protocol using a different DNA sample to determine whether our protocol was robust or not.</h4>
+
                         <h4 class="book orange-intense text-center">This meeting set the beginning of a <a class="link" href="Collaborations.html">new collaboration</a>. Over the summer, our team designed a novel strategy to extract the alpha and beta chains of the HLA-DQ from a celiac patient's DNA using PCR. We invited them to test our protocol using a different DNA sample to determine whether our protocol was robust or not.</h4>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 267: Line 269:
 
                         <div class="col-md-6 right">
 
                         <div class="col-md-6 right">
 
                             <div class="image">
 
                             <div class="image">
                                 <img class="img-f" src="https://static.igem.org/mediawiki/2018/d/d8/T--BioIQS-Barcelona--2018_presenting.jpg">
+
                                 <img class="img-f" src="images/presenting.jpg">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 304: Line 306:
 
                                 <!-- Card header -->
 
                                 <!-- Card header -->
 
                                 <div class="card-header" role="tab" id="heading5">
 
                                 <div class="card-header" role="tab" id="heading5">
                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_01" aria-expanded="false" aria-controls="collapse_01">
+
                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="#collapse_01" aria-expanded="false" aria-controls="collapse_01">
 
                                         <h3 class="mb-0 mt-3 title-accordion orange-intense">
 
                                         <h3 class="mb-0 mt-3 title-accordion orange-intense">
 
                                             Natural information on DNA: <i class="fa fa-angle-down rotate-icon fa-2x"></i>
 
                                             Natural information on DNA: <i class="fa fa-angle-down rotate-icon fa-2x"></i>
Line 325: Line 327:
 
                                 <!-- Card header -->
 
                                 <!-- Card header -->
 
                                 <div class="card-header" role="tab" id="heading5">
 
                                 <div class="card-header" role="tab" id="heading5">
                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_02" aria-expanded="false" aria-controls="collapse_02">
+
                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="#collapse_02" aria-expanded="false" aria-controls="collapse_02">
 
                                         <h3 class="mb-0 mt-3 title-accordion orange-intense">
 
                                         <h3 class="mb-0 mt-3 title-accordion orange-intense">
 
                                             Synthetic DNA as an information storage system:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 
                                             Synthetic DNA as an information storage system:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
Line 371: Line 373:
 
     <footer></footer>
 
     <footer></footer>
 
    
 
    
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script>  
+
     <script src="/js/wiki.js"></script>  
 
+
</body>
  
 
</html>
 
</html>

Revision as of 21:40, 7 December 2018

<!DOCTYPE html> BIO IQS

Outside the Lab | Education & Engagement

Have a look!

Publication in the News AIQS Magazine

We had the opportunity to announce our project to the IQS Alumni Association in an interview that was published on the News AIQS magazine in October 2018. Being present in the newspapers brings us the opportunity to reach more people.

Divulgation Activities in Barcelona

“The closer we get to people, the more they sympathize with the cause.”

Spain is the country that has more bars per inhabitant in the world. Therefore, if you ever want to catch people attention, you better go to any bar and present your project to the audience.

Since our project aims to ease celiac people life, we arranged divulgation activities over the summer in bars and coffee shops that compromise with scientific divulgation. It was a must that all bars had gluten-free meals in their menu.

“Learning by playing”

We offered games based on educational technology using Kahoot (game-based learning platform). We asked a set of questions to the audience:

What is gluten, a protein or a sugar? What is cross-contamination? Does gluten apports nutritional value to the food?

By answering this questions, we were expecting to clear up misunderstandings related to celiac disease. Over the project, we realized there are yet several myths associated with gluten-free food.

There is much work yet to do!

We also brought the audience the opportunity to know more about the iGEM competition and synthetic biology.

Introducing gluten free food at the University

“Time to cook! The BioIQS Barcelona team changed the laboratory for the kitchen for a while.”

We baked around fifty cakes, most of them gluten-free, for demonstrating that life without gluten is pretty tasty.

During two days we sold cakes, cookies, and candies at the entry hall of our university. We also made a challenge that consisted of eating two pieces of cakes, one with gluten and the other one gluten-free, and students had to guess which one was suitable for celiac people.

Collaborations

We visited the iGEM UPF CRG Barcelona Team. Being able to share what we were investigating, how we managed to deal with deadlines and fundraising was such a good experience.

It took part in front of the PRBB (The Barcelona Biomedical Research Park), where the IGEM UPF CRG Team is working. Since this Research Park is placed in front of the beach, we took advantage of it and played volleyball towards the Mediterranean sea.

This meeting set the beginning of a new collaboration. Over the summer, our team designed a novel strategy to extract the alpha and beta chains of the HLA-DQ from a celiac patient's DNA using PCR. We invited them to test our protocol using a different DNA sample to determine whether our protocol was robust or not.

Sharing the IGEM experience

We had the occasion to share our iGEM experience with undergraduate students of Biotechnology, Chemistry and Bioengineering from IQS. We explained how is to start a project from scratch, how important it is to work together as a team, all the achievements, the new skills we have acquired and everything that we have learn from this project.

DNA information storage workshop

During the divulgation sessions in which we explained our personalized sensor project we noticed that many people was surprised by the fact that the sensor would be build upon their DNA sequence.

As we decided to keep the focus of our education and public engagement activities on the necessities of the people who participated in it, we realized that we could do some kind of workshop to let to know the information storage capability of DNA. This is how the DNA information storage workshop was born.

We prepared a postcard to explain how many information is stored in the genome of a single cell or in a single human body. To give sense to that large amount of data we calculated the quantity of DIN-A4 papers that would be needed in order to write all the DNA sequence of the genome of a single cell in a standard font (Courier New, 12) and standard margins. This way, everyone without biology or computation* knowledge could also imagine the quantity of information.

*(sometimes the quantity of DNA information it is expressed in bytes, which is not suitable for general population, especially older people) It turns out that a normal somatic human female cell has 2 dotations of 23 chromosomes (including 2 X sex chromosomes) and mitochondrial DNA. This is a total of two times 3,088,286,401 base pairs, according to the latest human genome sequence release (GRCh38.p12). A single DINA-4 page full of characters in Courier New, 12 and standard margins could contain 2773 base pairs written on it. Therefore, to write all the information stored in the base pairs of the genome of a single human cell it would be needed to print 2,186,117 pages on one face. If this pages are then piled up to form a tower (considering the height of a single paper is 0.1mm), it would be 218.61 meters tall (717.2 ft)! Just between the Agbar Tower (the taller building in our city, Barcelona; 142m) and the Eiffel Tower (324m). Scientists have estimated that the human body contains nearly 37.2 trillions of human cells (note that this does not include the microbiota). So...to write all the information condensed in the DNA of one human body it would take a large amount of DINA-4 papers. This amount is so huge that if the papers were arranged in a straight line, light would spend 2553 years traveling from one end to the other. This is 2553 light years long! Keep in mind that the distance from sun to earth is just 8.3 light minutes, so imagine the amount of data stored in such a low volume like your body.

Using this examples, general population can easily understand the information storage capability of DNA. Nearly everyone (including ourselves) was pretty amazed to realize how much information human bodies contain stored in DNA. After this examples, we explained that our sensor was based on a piece of information stored in two genes of the DNA. So this comparisons helped general population to understand that DNA contains many useful information, which is different between us and that we can extract this information to create a personalized product. This helped us to explain the DNA extraction and PCR process of our project to general population. This way, they are much better informed about the project and can have an opinion about it. Then, we integrated that informed opinion from the general population in the design of our project. Dedicating effort in explaining the projects in a simple but rigorous way can help teams to receive feedback from the target population. This feedback can be incorporated in the design of the project and hence make it more suitable for the real world.

Synthetic biologists engineer nature to create solutions to real world problems. We decided to incorporate some synthetic biology in our DNA information storage workshop to expand the general population knowledge about that field. If DNA is able to compact such a large amount of data in a very small volume, why not use it as a information storage system? - would a synthetic biology scientist think. Furthermore, digital information is being generated at an increasing rate and the storage of this information requires a huge amount of servers which take up a lot of space. So why not using DNA to store digital data?

A single DNA base contains more information than one bit. DNA is made from a combination of four different nucleotide residues (A,T,C,G), while one bit can only take up to two values (0 or 1 in binary code). So one DNA base pair could contain two binary code bits of information (i.e. A=00, T=01, C=10, G=11). Therefore, theoretically information is much more condensed in DNA than in bits.

Actually, there are still several factors making DNA information storage not as practical as current systems. However, the increase in efficiency and the drop in the cost of DNA synthesis and sequencing has dramatically increased the likelihood of using DNA as an information storage system. For this reason, Church et al, 2012 encoded multiple copies of the book he wrote, Regenesis, in DNA and then used next generation sequencing to read it. Instead of using the maximum compaction system that DNA offers (2 bits per base), the authors used one bit per base (A or C for 0, G or T for 1). This has multiple advantages, one of it being avoiding extreme GC content.

To integrate system biology in our DNA storage workshop we reproduced the work done by Church et al, 2012 to write our own DNA messages. While the authors considered secondary structure, designed a block system to order their data from DNA and encoded words, images and a javascript file, our system only considered GC content to write messages of a few words or mp3 files in binary code. However, our system was perfectly usable for our purpose. We created a bash script which takes a text input message and converts it to binary by the ASCII code using the xxd command. Then, using a random function, the program assigns a DNA nucleotide to each binary value (A or C to 0, G or T to 1). Finally, it checks if the GC content is between the specified boundaries (by default, 40-60%). Thanks to the random function, the GC content is usually between 50%. Only when encoding single ASCII characters the program needs to perform more than one iteration to get the appropriate GC content. The generated output consists of the written message in the input format, in binary and in DNA. It also incorporates a title recreating the FASTA format used to identify the DNA sequences (and in this case, the message). The program was also adapted to convert songs in mp3 format to DNA sequences, to convert multiple text messages in the same file and to send the generated DNA messages by mail. In addition, the program displayed in a very visual way how the message was being encoded in binary and then in DNA.

We used this program to convert several short text messages about synthetic biology to DNA sequences. We then printed only this DNA sequences with their title and including a guide on how this information is encoded on the other face of the paper. We printed nearly 300 copies of the messages and gave it to students in our university. The message contained information about where to locate the DNA information workshop and an invitation to come in order to decode their DNA message.

This way, we attracted the students to the workshop, where we told them the information about natural information on DNA. In addition, we organized some other small activities related to science and celiac disease (i.e. a guess what contest, in which the participants tried to identify the content of a science picture between two possible options). All the students who came had their message decoded by us. We could quickly identify the message by its title and write down the content of the message in text format in their DNA message paper.

Finally, if the participants correctly identified more than 2 of 3 scientific pictures, we gave them the opportunity to write their own message and have it coded in DNA and sent to their mail by the program we created. Most of the messages consisted of the name of the participants and some student jokes. However, the final objective was to have fun while learning about DNA information storage, so mission accomplished!

Furthermore, it was very satisfactory for us to see the enthusiastic attitude of the students towards that workshop. It seems that most of them finds special the fact of having a personal message stored in a DNA sequence which could be then synthetized and introduced and replicated by a living organism. The program we developed based on the coding system of Church et al, 2012, helped the students to integrate into the topic by engaging on it hands on. Like the examples provided before, this section of the workshop helped translate a difficult concept in a simple but rigorous way to general population. In addition, it served us as a tool to attract people to the workshop and explain them a little bit more about iGEM, synthetic biology and our project.