Difference between revisions of "Team:Toronto/Engagement"

Line 11: Line 11:
 
<html>
 
<html>
  
<div class="navigation">
 
<div id='logo'><h1>iGEMTO</h1></div>
 
 
<div id="navigation">
 
<div id="navigation">
 
<ul>
 
<ul>
<li class="team">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto"><span>home</span></a></li>
 
</li>
 
</li>
<li class="model">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li>
+
<li><a href="#"><span>team</span></a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li>
 
</li>
 
</li>
<li class="demo">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>demonstrate</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Collaborations"><span>collaborations</span></a></li>
 
</li>
 
</li>
<li class="data">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>measurement</span></a></li>
+
</ul>
 +
<li><a href="#"><span>project</span></a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Description"><span>description</span></a></li>
 
</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><a href="https://2017.igem.org/Team:Toronto/Design"><span>design</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Experiments"><span>experiments</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Proof"><span>proof</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Demonstrate"><span>demonstrate</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Results"><span>results</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Notebook"><span>notebook</span></a></li>
 
</li>
 
</li>
 
</ul>
 
</ul>
</div>
+
<li><a href="#"><span>parts</span></a>
</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).
+
 
+
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).
+
 
+
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.
+
 
+
Here are two examples of excellent Education and Public Engagement from 2015:
+
 
+
*  [UFMG Brazil 2015](https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement)
+
*  [William and Mary 2015](https://2015.igem.org/Team:William_and_Mary/Practices) -->
+
<!-- Public Engagement and Education (1): An Icon is Worth a Thousand Words
+
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.
+
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.
+
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.
+
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">
+
 
+
  <h1>Public Engagement and Education (1):</h1>
+
  <div class="sectionSpace">
+
    <img src='https://static.igem.org/mediawiki/2017/3/35/Toronto_2017_Toronto-BioethicsIconathon.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>
+
</div>
+
</div>
+
<div class="footer pad3 white">
+
<p>SITE MAP</p><div class="section3">
+
 
<ul>
 
<ul>
<li><a href="https://2017.igem.org/Team:Toronto"><span>Home</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Parts"><span>parts</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/Team"><span>Team</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Basic_Part"><span>basic_part</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/Description"><span>Description</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Composite_Part"><span>composite_part</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>Human Practices</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Part_Collection"><span>part_collection</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Silver</span></a></li>
+
</ul>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Safety"><span>safety</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Gold</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Attributions"><span>attributions</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>Engagement</span></a></li>
+
<li class="active"><a href="#"><span>human_practices</span></a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>human_practices</span></a></li>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:Toronto/Software"><span>Software</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/HP-Silver"><span>silver</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/HP-Gold"><span>gold</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Integrated_Practices"><span>integrated_practices</span></a></li>
 +
</li>
 +
<li class="active"><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>engagement</span></a></li>
 
</li>
 
</li>
 
</ul>
 
</ul>
</div></div>
+
<li><a href="#"><span>awards</span></a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Entrepreneurship"><span>entrepreneurship</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Hardware"><span>hardware</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Software"><span>software</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Measurement"><span>measurement</span></a></li>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li>
 +
</li>
 +
</ul>
 +
</ul>
 +
</div>
 +
<div class="content">
 +
<div class="content" id="content-main"><div class="row"><div class="col col-lg-8 col-md-12"><div class="content-main"><h3 id="-alert-">★ ALERT!</h3>
 +
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Engagement award</a>.</p>
 +
<p>Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Instructions for Pages for awards</a>.</p>
 +
<p>Do you want to be considered for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Engagement award</a>? Help the judges consider your team for this award by describing your work on this page.</p>
 +
<p>Here are two examples of excellent Education and Public Engagement from 2015:</p>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">UFMG Brazil 2015</a></li>
 +
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices">William and Mary 2015</a></li>
 +
</ul>
 +
</div></div><div id="tableofcontents" class="tableofcontents affix sidebar col-lg-4 hidden-xs hidden-sm hidden-md visible-lg-3"><ul class="nav"></div></div></div>
 +
</div>
 +
 
 
</html>
 
</html>
 
{{Toronto/footer}}
 
{{Toronto/footer}}

Revision as of 21:51, 21 September 2017

★ ALERT!

This page is used by the judges to evaluate your team for the Best Education and Public Engagement award.

Delete this box in order to be evaluated for this medal. See more information at Instructions for Pages for awards.

Do you want to be considered for the Best Education and Public Engagement award? Help the judges consider your team for this award by describing your work on this page.

Here are two examples of excellent Education and Public Engagement from 2015: