Difference between revisions of "Team:Toronto/Engagement"

 
(11 intermediate revisions by 2 users not shown)
Line 9: Line 9:
 
</html>
 
</html>
 
{{Toronto/head}}
 
{{Toronto/head}}
 +
<html>
 +
</html>
 +
{{Toronto/navbar-dark-cyan}}
 
<html>
 
<html>
  
−
<div class="navigation">
+
<!-- Header div -->
−
<div id='logo'><h1>iGEMTO</h1></div>
+
<div class="section">
−
<div id="navigation">
+
<div class="container header" id="cyan">
−
<ul>
+
<h1>Engagement</h1>
−
<li class="team">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li>
+
</div>
−
</li>
+
−
<li class="model">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li>
+
−
</li>
+
−
<li class="demo">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>demonstrate</span></a></li>
+
−
</li>
+
−
<li class="data">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>measurement</span></a></li>
+
−
</li>
+
−
<li class="human_practices">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>human practices</span></a></li>
+
−
</li>
+
−
</ul>
+
 
</div>
 
</div>
−
</div>
 
−
<div class="content">
 
−
<div id=content-main><!-- ### ★ ALERT!
 
  
−
This page is used by the judges to evaluate your team for the [Best Education and Public Engagement award](https://2016.igem.org/Judging/Awards#SpecialPrizes).
+
<!-- Content div -->
 +
<div class="section bg-white">
 +
<div class="container content-page row">
 +
<div class="block content">
  
−
Delete this box in order to be evaluated for this medal. See more information at [Instructions for Pages for awards](https://2016.igem.org/Judging/Pages_for_Awards/Instructions).
+
<!-- subsection 1 -->
 +
<div class="subsection">
 +
<p>Our community outreach consisted of three major projects over the course of the summer.</p>
  
−
Do you want to be considered for the [Best Education and Public Engagement award](https://2016.igem.org/Judging/Awards#SpecialPrizes)? Help the judges consider your team for this award by describing your work on this page.
+
<h2 class="text-cyan">Podcast</h2>
  
−
Here are two examples of excellent Education and Public Engagement from 2015:
+
<p>We created a podcast series for those unfamiliar with synthetic biology in hopes of helping the public engage with the field in a meaningful way. In order to accomplish this we focused each episode on a different field and how it intersects with synthetic biology. The fields we chose were business, the arts, bioengineering and ethics. In doing this we hoped to create an easy accessible platform for any member of the public to understand and enjoy.
 +
</p>
  
−
*  [UFMG Brazil 2015](https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement)
+
<figure>
−
*  [William and Mary 2015](https://2015.igem.org/Team:William_and_Mary/Practices) -->
+
<div class="figures">
−
<!-- Public Engagement and Education (1): An Icon is Worth a Thousand Words
+
<div class="image"><img src="https://static.igem.org/mediawiki/2017/1/19/T--Toronto--2017_Podcast2.jpeg" alt="data"></div>
−
Visual communication often acts as a more effective way of getting information across- a picture is, after all, worth a 1000 words. This is especially true with more specialized information such as the methods and processes of biotechnology. Recognizing this, our team developed a unique way to teach and spread the basics of biotechnology and to assist industry professionals and researchers. We did this by tackling the shortage of icons related to biotechnology in icon repositories such as Font Awesome and the Noun Project by holding an Icon-a-thon in the style of popular Hackathons.
+
</div>
−
On the day of the event we paired up scientists and creatives to create accurate and aesthetically pleasing icons. We provided the creatives with some basic background information about biotechnology and our project and a list of basic icons related to biotech topics and tools absent from icon repositories specifically related to CRISPR and anti-CRISPR technology such as “model organisms” and “ATPsynthase.” Nearly 42% of the participants wrote that they had a minimal background in postsecondary biology so this crash course acted as an introduction.
+
<figcaption>Team members recording a podcast</figcaption>
−
The final icons created by these pairs were fairly accurate and showcased unique, shorthand ways of clarifying complicated topics[There hasn’t been a lot of feedback yet but if/when there is there's a questioning asking them what they learned after this workshop so I want to add that to this.]. This level of synthesis demonstrated the knowledge of biotechnology these creatives had attained over the course of this event.
+
</figure>
−
On a larger scale these icons can be used by a wider public already involved in scientific writing and creation. These icons may be used as shorthand’s in textbooks for undergraduate students, research papers, and secondary sources. -->
+
−
<div class="section1 pageTitle turquois alignCentre">
+
−
  <h2>Engagement</h2>
+
−
</div>
+
  
−
<div class="section1 mainMargin white pad5">
+
<a href="https://2017.igem.org/Team:Toronto/Podcast"><button class="btn-primary dark-cyan">More on Podcast</button></a>
  
−
  <h1>Public Engagement and Education (1):</h1>
+
</div>
−
  <div class="sectionSpace">
+
<!-- subsection 1 END -->
−
    <img src='../../images/Engagement.png' alt='What Does Bioethics Look Like?' class='col3' style='float: right; margin-left: 30px; margin-bottom: 30px;'>
+
−
    <h3 class='textCentre'><i>&quot;An Icon is Worth a Thousand Words&quot;</i></h3>
+
−
    <p>
+
−
      Visual communication often acts as a more effective way of getting information across- <b>a picture is, after all, worth a 1000 words.</b> This is especially true with more specialized information such as the methods and processes of biotechnology.
+
−
    </p>
+
−
    <p>
+
−
      Recognizing this, our team developed a unique way to teach and spread the basics of biotechnology and to assist industry professionals and researchers. We did this by tackling the shortage of icons related to biotechnology in icon repositories such as <a href='http://fontawesome.io/'>Font Awesome</a> and <a href='https://thenounproject.com/'>the Noun Project</a> by holding an <b>Icon-a-thon</b> in the style of popular Hackathons.
+
−
    </p>
+
−
  </div>
+
−
  <!-- <div class="section2 sectionSpace">
+
−
    <div class="flex2 alignCentre">
+
−
      <p>
+
−
        On the day of the event we paired up scientists and creatives to create accurate and aesthetically pleasing icons. We provided the creatives with some basic background information about biotechnology and our project and a list of basic icons related to biotech topics and tools absent from icon repositories specifically related to CRISPR and anti-CRISPR technology such as “model organisms” and “ATPsynthase.”
+
−
      </p>
+
−
      <p>
+
−
        <b>Nearly 42% of the participants wrote that they had a minimal background in postsecondary biology so this crash course acted as an introduction.</b>
+
−
      </p>
+
−
    </div>
+
−
    <div class="col2" style>
+
−
      <canvas id='engagementchart' width="400" height="400"></canvas>
+
−
      Participants who are Bio Savvy (58%) versus Non Bio Savvy (42%)
+
−
    </div>
+
−
  </div>
+
−
  <div class="">
+
−
    <img src='../../images/default-placeholder.png' class='col2' style='float: left; margin-right: 30px; margin-bottom: 30px;'>
+
−
    <p>
+
−
      The final icons created by these pairs were fairly accurate and showcased unique, shorthand ways of clarifying complicated topics. This level of synthesis demonstrated the knowledge of biotechnology these creatives had attained over the course of this event.
+
−
      On a larger scale these icons can be used by a wider public already involved in scientific writing and creation. These icons may be used as shorthand’s in textbooks for undergraduate students, research papers, and secondary sources.
+
−
    </p>
+
−
  </div> -->
+
−
  <div class="">
+
−
    <div class="col2" style='float: left; margin-right: 30px; margin-bottom: 30px;'>
+
−
      <canvas id='engagementchart' width="400" height="400"></canvas>
+
−
      <h5><b>Chart 1:</b> Participants who are Bio Savvy (58%) versus Non Bio Savvy (42%)<h5>
+
−
    </div>
+
−
    <p>
+
−
      On the day of the event we paired up scientists and creatives to create accurate and aesthetically pleasing icons. We provided the creatives with some basic background information about biotechnology and our project and a list of basic icons related to biotech topics and tools absent from icon repositories specifically related to CRISPR and anti-CRISPR technology such as “model organisms” and “ATPsynthase.”
+
−
    </p>
+
−
    <p>
+
−
      <b>Nearly 42% of the participants wrote that they had a minimal background in postsecondary biology so this crash course acted as an introduction.</b>
+
−
    </p>
+
−
    <p>
+
−
      The final icons created by these pairs were fairly accurate and showcased unique, shorthand ways of clarifying complicated topics. This level of synthesis demonstrated the knowledge of biotechnology these creatives had attained over the course of this event.
+
−
      On a larger scale these icons can be used by a wider public already involved in scientific writing and creation. These icons may be used as shorthand’s in textbooks for undergraduate students, research papers, and secondary sources.
+
−
    </p>
+
−
  </div>
+
  
−
<p></div></p>
+
<!-- subsection 2 -->
 +
<div class="subsection">
 +
 
 +
<h2 class="text-cyan">Icon-a-thon</h2>
 +
 
 +
<p>Earlier in the year we recognized a lack of icons for synthetic biology . In hopes of increasing the icon repository we decided to hold an event for scientists and artists to collaborate. We invited those who identified as either or both to come together and work on creating clear and aesthetically appealing icons. The Icon-a-thon resulted in numerous exciting new designs and three icons were later chosen as the winners.</p>
 +
 
 +
<figure>
 +
<div class="figures">
 +
<div class="image"><img src="https://static.igem.org/mediawiki/2017/b/b7/T--Toronto--2017_Iconathon.jpeg" alt="data"></div>
 +
</div>
 +
<figcaption>Artists and scientists collaborating.</figcaption>
 +
</figure>
 +
 
 +
<a href="https://2017.igem.org/Team:Toronto/Icon-a-thon"><button class="btn-primary dark-cyan">More on Icon-a-thon</button></a>
 +
</div>
 +
<!-- subsection 2 END -->
 +
 
 +
<!-- subsection 3 -->
 +
<div class="subsection">
 +
 
 +
<h2 class="text-cyan">The Genetic Code Workshop</h2>
 +
 
 +
<p>Our high school workshop aimed to help future scientists and programmers gain more experience in bioinformatics and synthetic biology. The first half of the day was a bioinformatics workshop where the students learned the basics of coding. During the second half of the day we incorporated aspects of our project to help the students gain some understanding of synthetic biology. This involved a genetic circuit logic game where they could learn some of the basics of the science. We also had two case study rotations where students had the opportunity to discuss important issues in gene drives and human gene editing.</p>
 +
 
 +
<figure>
 +
<div class="figures">
 +
<div class="image"><img src="https://static.igem.org/mediawiki/2017/0/0f/T--Toronto--2017_Workshop.jpeg" alt="data"></div>
 +
</div>
 +
<figcaption>Student Particpants of the workshop.</figcaption>
 +
</figure>
 +
 
 +
<a href="https://2017.igem.org/Team:Toronto/Genetic_Code_Workshop"><button class="btn-primary dark-cyan">More on the Workshop</button></a>
 +
 
 +
</div>
 +
 
 +
</div>
 +
 
 +
</div>
 
</div>
 
</div>
−
</div>
+
 
−
<div class="footer pad3 white">
+
 
−
<p>SITE MAP</p><div class="section3">
+
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:Toronto"><span>Home</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Team"><span>Team</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Description"><span>Description</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>Human Practices</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Silver</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Gold</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>Engagement</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Software"><span>Software</span></a></li>
+
−
</li>
+
−
</ul>
+
−
</div></div>
+
 
</html>
 
</html>
 
{{Toronto/footer}}
 
{{Toronto/footer}}

Latest revision as of 18:30, 13 December 2017

Engagement

Our community outreach consisted of three major projects over the course of the summer.

Podcast

We created a podcast series for those unfamiliar with synthetic biology in hopes of helping the public engage with the field in a meaningful way. In order to accomplish this we focused each episode on a different field and how it intersects with synthetic biology. The fields we chose were business, the arts, bioengineering and ethics. In doing this we hoped to create an easy accessible platform for any member of the public to understand and enjoy.

data
Team members recording a podcast

Icon-a-thon

Earlier in the year we recognized a lack of icons for synthetic biology . In hopes of increasing the icon repository we decided to hold an event for scientists and artists to collaborate. We invited those who identified as either or both to come together and work on creating clear and aesthetically appealing icons. The Icon-a-thon resulted in numerous exciting new designs and three icons were later chosen as the winners.

data
Artists and scientists collaborating.

The Genetic Code Workshop

Our high school workshop aimed to help future scientists and programmers gain more experience in bioinformatics and synthetic biology. The first half of the day was a bioinformatics workshop where the students learned the basics of coding. During the second half of the day we incorporated aspects of our project to help the students gain some understanding of synthetic biology. This involved a genetic circuit logic game where they could learn some of the basics of the science. We also had two case study rotations where students had the opportunity to discuss important issues in gene drives and human gene editing.

data
Student Particpants of the workshop.

General Pages

Wet Lab

Dry Lab

Human Practices

iGEM Toronto