Team:WITS-CSIR SA/Outreach/Survey

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
     <title>Biotweet - Abstract</title>
+
     <title>Biotweet - Protocols</title>
-
     <!--<link href="../css/layout.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css" />
-
     <link href="../css/presentation.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css" />
-
    <link href="../css/theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />-->
+
     <style type="text/css">
-
     <!--<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css">-->
+
        html, body, div.container
 +
        {
 +
            height: 100%;
 +
            padding: 0px;
 +
            margin: 0px;
 +
        }
 +
       
 +
        div.top
 +
        {
 +
            height: 140px;
 +
            background-color: #2d4782;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#6279ad), to(#2d4782)); /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #6279ad,  #2d4782); /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.center
 +
        {
 +
            background-color: #b8bcbf;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8bcbf', endColorstr='#ffffff') !important; /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#b8bcbf), to(#ffffff)) !important; /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #b8bcbf,  #ffffff) !important; /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.bottom
 +
        {
 +
            text-align: center;
 +
        }
 +
       
 +
        .dijitMenuItem
 +
        {
 +
            background-color: #eeeeff;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        var dojoConfig = {
 +
            isDebug: false,
 +
            parseOnLoad: false
 +
        }
 +
    </script>
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&amp;ctype=text/css">
     <!-- Begin: Core -->
     <!-- Begin: Core -->
-
    <!--<script src="../js/lib/jquery-1.5.1.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/modernizr-1.7.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/underscore.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/backbone.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
Line 20: Line 57:
     <!-- End:  Core -->
     <!-- End:  Core -->
     <!-- Begin: Library -->
     <!-- Begin: Library -->
-
    <!--<script src="../js/lib/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.fling.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/sammy-latest.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jQuery.BlockUI.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.sizes.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jlayout.border.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.jlayout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
Line 34: Line 64:
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/liteaccordion.jquery.js?action=raw&amp;ctype=text/js"></script>
     <!-- End:  Library -->
     <!-- End:  Library -->
     <!-- Begin: Custom -->
     <!-- Begin: Custom -->
-
    <!--<script src="../js/common.js" type="text/javascript"></script>-->
 
-
    <!--<script src="../js/layout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/layout.js?action=raw&amp;ctype=text/js"></script>
 
     <!-- End:  Custom -->
     <!-- End:  Custom -->
 +
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
 +
    <script type="text/javascript">
 +
        dojo.require("dijit.layout.BorderContainer");
 +
        dojo.require("dijit.layout.ContentPane");
 +
        dojo.require("dijit.Menu");
 +
        dojo.require("dijit.MenuItem");
 +
        dojo.require("dijit.PopupMenuItem");
 +
        dojo.require("dijit.MenuBar");
 +
        dojo.require("dijit.MenuBarItem");
 +
        dojo.require("dijit.PopupMenuBarItem");
 +
        dojo.require("dijit.MenuSeparator");
 +
        dojo.require("dijit.TitlePane");
 +
        dojo.require("dijit.form.Button");
 +
        dojo.require("dijit.form.TextBox");
 +
        dojo.require("dojo.parser");
 +
    </script>
</head>
</head>
-
<body>
+
<body class="claro">
-
    <!--<script src="../client/MenuModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/CalendarModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/SideMenu.js" type="text/javascript"></script>-->
+
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/CalendarModel.js?action=raw&amp;ctype=text/js"></script>
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
-
     <div id="target">
+
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
        <input type="hidden" id="hidStart" value="false" />
+
        class="container">
-
         <div class="banner">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
-
             <h1 id="logo">
+
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 biotweet
+
                 <img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" alt="Biotweet" height="100px"
-
            </h1>
+
                    style="float: left; margin-bottom: 10px; border: none;" />
-
            <h1 id="igemLogo" style="display: inline-block;">
+
            </a><a href="https://igem.org/Main_Page" target="_blank">
-
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
                <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="100px"
-
             </h1>
+
                    style="float: right; margin-bottom: 10px; border: none;" />
 +
            </a>
 +
            <div class="menu padding ui-helper-clearfix">
 +
             </div>
         </div>
         </div>
-
         <div class="menu padding">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-
        </div>
+
            class="center">
-
        <div class="layout" style="margin: 0px auto; width: 960px;">
+
            <div style="width: 903px; margin: auto; height: 100%;">
-
            <div class="center">
+
                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
-
                <h1>
+
                    style="height: 100%;">
 +
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'leading', style:'overflow-y: auto;'"
 +
                        class="west">
 +
                        sidebar
 +
                    </div>
 +
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
 +
                        <div style="height: 100%; overflow-y: auto;">
 +
<h1>
                   Survey</h1>
                   Survey</h1>
-
 
+
                            <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Introduction'">
-
<h2>Introduction</h2>
+
<p>As an attempt to interact with the public and to promote a conversation around the topics of synthetic biology and genetic engineering, a simple survey was conducted.
<p>As an attempt to interact with the public and to promote a conversation around the topics of synthetic biology and genetic engineering, a simple survey was conducted.
The online survey tool, <a href = "http://www.surveymonkey.com/">surveymonkey</a>, was used to design, distribute and collect responses from the survey.
The online survey tool, <a href = "http://www.surveymonkey.com/">surveymonkey</a>, was used to design, distribute and collect responses from the survey.
The survey, which can be found <a href = "http://www.surveymonkey.com/s/8QJ22BR">here</a>, attempts to glean an understanding of public opinion towards the field of synthetic biology.
The survey, which can be found <a href = "http://www.surveymonkey.com/s/8QJ22BR">here</a>, attempts to glean an understanding of public opinion towards the field of synthetic biology.
-
<h2>The Survey</h2>
+
</div>
 +
  <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'The survey'">
<p>The survey consists of ten simple questions:
<p>The survey consists of ten simple questions:
<ol>
<ol>
Line 122: Line 172:
</li>
</li>
</ol>
</ol>
-
 
+
</div>
-
<h2>Analysis of results</h2>
+
  <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Analysis of results'">
<table>
<table>
Line 167: Line 217:
and medicine (34 %), education (27 %) and agriculture, food and beverage (26%).
and medicine (34 %), education (27 %) and agriculture, food and beverage (26%).
</p>
</p>
-
 
+
                            </div>
-
            </div>
+
                        </div>
-
            <div class="north">
+
                    </div>
-
                &nbsp;</div>
+
                </div>
-
            <div class="west">
+
-
            </div>
+
-
            <div class="south">
+
             </div>
             </div>
 +
        </div>
 +
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
 +
            class="footerBox" style="background-color: #ffffff;">
         </div>
         </div>
     </div>
     </div>
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(function () {
+
         dojo.ready(function () {
             $('#globalWrapper').hide();
             $('#globalWrapper').hide();
-
             $('#target').appendTo('body');
+
             $('.container').appendTo('body');
             $('.left-menu').prependTo('body').css('z-index', 100);
             $('.left-menu').prependTo('body').css('z-index', 100);
-
             $('#footer-box').appendTo('div.south');
+
             $('#footer-box').appendTo('div.footerBox');
             $('.left-menu li:last').remove();
             $('.left-menu li:last').remove();
             $('.right-menu').prependTo('body').css('z-index', 100);
             $('.right-menu').prependTo('body').css('z-index', 100);
 +
 +
            $('body').addClass('claro');
             $.fling('publish', 'ready');
             $.fling('publish', 'ready');
 +
 +
            $('#one').liteAccordion({
 +
                onActivate: function () {
 +
                    this.find('figcaption').fadeOut();
 +
                },
 +
                slideCallback: function () {
 +
                    this.find('figcaption').fadeIn();
 +
                },
 +
                autoPlay: false,
 +
                pauseOnHover: true,
 +
                theme: 'dark',
 +
                rounded: false,
 +
                enumerateSlides: true,
 +
                containerWidth: 932,
 +
                containerHeight: 240
 +
            }).find('figcaption:first').show();
 +
 +
            dojo.parser.parse();
         });
         });
     </script>
     </script>
</body>
</body>
</html>
</html>

Revision as of 20:58, 17 September 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Biotweet - Protocols

sidebar

Survey

As an attempt to interact with the public and to promote a conversation around the topics of synthetic biology and genetic engineering, a simple survey was conducted. The online survey tool, surveymonkey, was used to design, distribute and collect responses from the survey. The survey, which can be found here, attempts to glean an understanding of public opinion towards the field of synthetic biology.

The survey consists of ten simple questions:

  1. How old are you?
  2. What is your highest level of education?
  3. To what religious denomination do you belong?
  4. How would you rate your understanding of "synthetic biology"?
    • I have no idea what it is
    • I have some idea of what it may entail
    • I know what it is
    • I have a deep understanding of the field
  5. Which of the following have led to your understanding of synthetic biology?
    • Television news
    • Newspaper articles
    • Internet articles
    • School or university
    • Friends and family
  6. In your opinion genetic engineering is:
    • Unethical
    • Ethical but necessary
    • Ethical and very useful for humanity
    • I have conflicting opinions
  7. Would you ever use a medicine if it was a genetically engineered bacterium?
  8. As a member of the public do you feel that scientists, in general, approach technologies such as stem cell research, genetic engineering and synthetic biology:
    • Ethically
    • Neutrally
    • Unethically
  9. As a member of the public, do you feel that new advance in science are communicated to you in an understandable way?
  10. Which of the following areas do you consider most important for humanity?
    • Agriculture, food and beverage
    • Health and Medicine
    • Computer science and mathematics
    • Engineering and architecture
    • Sociology and philosophy
    • Education
    • History and politics

Of the 168 responses to the survey, 46 % were undergraduate university students, and 30 % postgraduates. Indeed, almost 70 % of respondents were aged 19 – 25. This does not nullify the results of the survey, but it should thus be understood that any results gleaned from the survey are heavily biased toward to a younger, educated audience.

20 % of respondents did not know what the field of synthetic biology involves, whilst 26 % did. 43 % did not know exactly, but felt they had some idea of what it may entail, whilst 11 % considered themselves possessing a deep knowledge of the field. The understanding of the field was found to originate mainly from school or university education (38 %), internet articles (25 %) and word of mouth by friends or family (22%).

Almost 60 % of correspondents felt that the field of genetic engineering is ethical and useful for humanity, whilst 30 % had conflicting opinions on the matter. Only 7 % felt that genetic engineering was unethical. Correspondingly, 63 % of responding parties indicated that they would use a medicine in the form of a genetically engineered bacterium, whilst 30 % would only do so if they were suffering from a life-threatening illness.

43 % of people felt that new advances in science are communicated to them in an understandable way, whilst 36 % felt that they are not. 21 % felt that they are not communicated at all.

The three main areas that respondents felt were of the greatest importance to humanity are the fields of health and medicine (34 %), education (27 %) and agriculture, food and beverage (26%).