|
|
(48 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
− | <html lang="en"> | + | {{GlasgowNavbar}} |
− | <head>
| + | <html> |
− | <meta charset="utf-8">
| + | <head> |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | <script type="text/javascript" > |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | function menuFixed(id){ |
− | <meta name="description" content="">
| + | var obj = document.getElementById(id); |
− | <meta name="author" content="">
| + | var _getHeight = obj.offsetTop; |
− | <link rel="icon" href="../../favicon.ico">
| + | |
| | | |
− | <title>IGEM Glasgow 2015 funding</title>
| + | window.onscroll = function(){ |
| + | changePos(id,_getHeight); |
| + | } |
| + | } |
| + | function changePos(id,height){ |
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var w = window.innerWidth; |
| + | if(w>=1024){ |
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 500){ |
| + | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");} |
| + | } |
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
| + | }else{ |
| + | obj.style.position = 'fixed'; |
| + | } |
| + | } |
| + | </script> |
| | | |
− | <!-- Bootstrap core CSS
| + | <script type="text/javascript"> |
− | <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
| + | window.onload = function(){ |
− |
| + | menuFixed('sidebar'); |
− | -->
| + | } |
− | <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
| + | </script> |
| | | |
− | <!-- Custom styles for this template
| + | <script type="text/javascript"> |
− | <link href="http://getbootstrap.com/examples/jumbotron/jumbotron.css" rel="stylesheet">-->
| + | // 收缩展开效果 |
− | <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
| + | $(document).ready(function(){ |
− | <style>
| + | // $(".box h5").toggle(function(){ |
− | body { | + | // $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); |
− | padding-top: 0px;
| + | // },function(){ |
− | padding-bottom: 0px;
| + | //$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); |
− | }
| + | //}); |
− | .navbar { | + | $("div.text").hide();//默认隐藏div,或者在样式表中添加.text{display:none},推荐使用后者 |
− | margin-bottom: 0px !important; | + | $(".box h5").click(function(){ |
− | border-radius: 0px !important;
| + | $(this).next(".text").slideToggle("slow"); |
| + | }) |
| + | }); |
| + | </script> |
| + | <style> |
| + | .firstHeading { |
| + | display:none; |
| + | } |
| + | figcaption { |
| + | color: #666666; |
| + | font-size: 0.7em; |
| + | font-style: italic; |
| + | font-family: 'Noto Sans', sans-serif; |
| + | margin-bottom: 15px; |
| + | } |
| + | #content { |
| + | width:auto; |
| + | height:auto; |
| + | padding:0px 0px 0px 0px; |
| + | border:none; |
| + | } |
| + | * { |
| + | padding:0; |
| + | margin:0; |
| + | } |
| + | |
| + | .banner { |
| + | height:55vh; |
| + | top:0; |
| + | background-color:black; |
| + | } |
| + | h1 { |
| + | color:white; |
| + | margin-top:15vh; |
| + | margin-left: 20vw; |
| + | position:absolute; |
| + | font-size: 4em; |
| + | } |
| + | |
| + | .links { |
| + | margin-top: 5vh; |
| + | text-decoration:none; |
| + | color:blue; |
| + | margin-left:5vw; |
| + | } |
| + | |
| + | |
| + | .containerRight { |
| + | width:70vw; |
| + | text-align: justify; |
| + | background-color:white; |
| + | margin-left: 25vw; |
| + | /*float: right;*/ |
| + | } |
| + | |
| + | div h2 { |
| + | text-align: center; |
| + | margin-bottom: 8vh; |
| + | margin-top:5vh; |
| + | } |
| + | /* |
| + | .leftContainer { |
| + | width:22vw; |
| + | float:left; |
| + | height:100%; |
| + | text-align: center; |
| + | background-color:white; |
| + | }*/ |
| + | |
| + | table { |
| + | margin-top:15vh; |
| + | border-radius: 10%; |
| + | margin-left:7.5vw; |
| + | float:left; |
| + | text-align:center; |
| + | } |
| + | |
| + | td { |
| + | padding:0.8vw; |
| + | cursor:pointer; |
| + | margin-top: 4vh; |
| + | color:deepskyblue; |
| + | } |
| + | |
| + | td:hover { |
| + | margin-top: 4vh; |
| + | background-color: deepskyblue; |
| + | color:white; |
| + | } |
| + | |
| + | .fixed { |
| + | position: fixed; |
| + | top:5vh; |
| + | |
| + | } |
| + | |
| + | .final { |
| + | top: 230vh; |
| + | position:relative; |
| + | } |
| + | |
| + | |
| + | .monster { |
| + | height:50vh; |
| + | width:15vw; |
| + | position:relative; |
| + | display:inline-block; |
| + | margin: 0 auto; |
| + | } |
| + | |
| + | .monsterContainer { |
| + | width:70vw; |
| + | height:50vh; |
| + | margin:10vh auto; |
| + | text-align: justify; |
| + | margin-bottom: 10vh; |
| + | |
| + | } |
| + | |
| + | .monsterContainer:after { |
| + | content: ""; |
| + | width: 100%; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .monsterImg { |
| + | height:100%; |
| + | width:100%; |
| + | opacity:0.92; |
| + | box-shadow: 0 0 5px purple; |
| + | } |
| + | |
| + | h3 { |
| + | color: white; |
| + | position:absolute; |
| + | bottom:5%; |
| + | left: 5%; |
| + | width:100%; |
| + | opacity:0.85; |
| + | } |
| + | |
| + | monsterSpan { |
| + | letter-spacing: -1px; |
| + | background: rgb(30, 5, 90); |
| + | background: rgba(30, 5, 90, 0.7); |
| + | padding:5%; |
| + | } |
| + | |
| + | .dimmer { |
| + | opacity:1; |
| + | } |
| + | |
| + | .dimmer2 { |
| + | text-decoration: underline; |
| + | opacity:1 |
| + | } |
| + | h5{ |
| + | text-align:center; |
| + | font-size:18px; |
| + | } |
| + | |
| + | .text{line-height:22px;padding:0 6px;} |
| + | .box h5{padding-top:0px;font-weight:bold;cursor: pointer;} |
| + | .box{position:relative;border:1px solid #e7e7e7;background-color:#C1EAFF;} |
| + | figcaption { |
| + | color: #666666; |
| + | font-size: 0.7em; |
| + | font-style: italic; |
| + | font-family: 'Noto Sans', sans-serif; |
| + | margin-bottom: 15px; |
| + | } |
| + | #bodybackground { |
| + | font-family: 'Nixie One', Helvetica, Arial, sans-serif; |
| + | font-size: 50px; |
| + | height:45vh; |
| + | background-size:cover; |
| + | } |
| + | @font-face { |
| + | font-family: 'Nixie One'; |
| + | font-style: normal; |
| + | font-weight: 400; |
| + | src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2'); |
| + | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; |
| + | } |
| + | @font-face { |
| + | font-family: 'League Script'; |
| + | font-style: normal; |
| + | font-weight: 400; |
| + | src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2'); |
| + | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; |
| + | } |
| + | .container3 { |
| + | display: flex; |
| + | flex-direction: row; |
| + | flex-wrap: wrap; |
| + | justify-content: center; |
| + | align-items: center; |
| + | line-height:7vh; |
| + | padding-top:50px; |
| + | |
| + | } |
| + | .sign { |
| + | -ms-transform: rotate(-3deg); |
| + | -webkit-transform: rotate(-3deg); |
| + | transform: rotate(-3deg); |
| + | margin-top:20vh; |
| + | } |
| + | #title { |
| + | font-size: 20vh; |
| + | } |
| + | #trav { |
| + | -webkit-animation: blink 0.01s infinite alternate; |
| + | -moz-animation: blink 0.01s infinite alternate; |
| + | -o-animation: blink 0.01s infinite alternate; |
| + | animation: blink 0.01s infinite alternate; |
| + | } |
| + | #fade { |
| + | opacity: 0.6; |
| + | color: #0000FF; |
| + | text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff; |
| + | -webkit-animation: fade 3s infinite alternate; |
| + | -moz-animation: fade 3s infinite alternate; |
| + | -o-animation: fade 3s infinite alternate; |
| + | animation: fade 3s infinite alternate; |
| + | } |
| + | .neon-blue { |
| + | margin: 0 auto; |
| + | text-align: center; |
| + | color: #0000FF; |
| + | text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff; |
| + | font-size:4vw; |
| + | } |
| + | .neon-purple { |
| + | font-family: 'League Script', Helvetica, Arial, sans-serif; |
| + | font-size: 130px; |
| + | margin: 0 auto; |
| + | text-align: center; |
| + | color: #6CA7FF; |
| + | text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd; |
| + | font-size:8vh; |
| + | } |
| + | @-moz-keyframes blink { |
| + | 70% { |
| + | opacity: 0.7; |
| } | | } |
− | .navbar-inverse .navbar-brand, .navbar-brand:hover {
| + | } |
− | color: white; | + | @-webkit-keyframes blink { |
| + | 45% { |
| + | opacity: 0.5; |
| } | | } |
− | #content{
| + | } |
− | height:90px;
| + | @-o-keyframes blink { |
− | padding: 0px 0px 0px 0px; | + | 70% { |
− | border-left: 0px solid #444444; | + | opacity: 0.7; |
− | border-right: 0px solid #444444; | + | } |
− | background:transparent; | + | } |
− | width:auto; | + | @keyframes blink { |
− | height: auto; | + | 70% { |
− | }
| + | opacity: 0.7; |
− | </style> | + | } |
| + | } |
| + | @-moz-keyframes fade { |
| + | 40% { |
| + | opacity: 0.8; |
| + | } |
| + | 42% { |
| + | opacity: 0.1; |
| + | } |
| + | 43% { |
| + | opacity: 0.8; |
| + | } |
| + | 45% { |
| + | opacity: 0.1; |
| + | } |
| + | 46% { |
| + | opacity: 0.8; |
| + | } |
| + | } |
| + | @-webkit-keyframes fade { |
| + | 40% { |
| + | opacity: 0.8; |
| + | } |
| + | 42% { |
| + | opacity: 0.1; |
| + | } |
| + | 43% { |
| + | opacity: 0.8; |
| + | } |
| + | 45% { |
| + | opacity: 0.1; |
| + | } |
| + | 46% { |
| + | opacity: 0.8; |
| + | } |
| + | } |
| + | @-o-keyframes fade { |
| + | 40% { |
| + | opacity: 0.8; |
| + | } |
| + | 42% { |
| + | opacity: 0.1; |
| + | } |
| + | 43% { |
| + | opacity: 0.8; |
| + | } |
| + | 45% { |
| + | opacity: 0.1; |
| + | } |
| + | 46% { |
| + | opacity: 0.8; |
| + | } |
| + | } |
| + | @keyframes fade { |
| + | 40% { |
| + | opacity: 0.8; |
| + | } |
| + | 42% { |
| + | opacity: 0.1; |
| + | } |
| + | 43% { |
| + | opacity: 0.8; |
| + | } |
| + | 45% { |
| + | opacity: 0.1; |
| + | } |
| + | 46% { |
| + | opacity: 0.8; |
| + | } |
| + | } |
| + | </style> |
| | | |
− | <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
| + | </head> |
− | <!--[if lt IE 9]><script src="view-source:http://getbootstrap.com/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
| + | |
− | <script src="http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js"></script>
| + | |
| | | |
− | <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
| + | <body> |
− | <script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
| + | <div id="bodybackground"> |
| + | <img src="https://static.igem.org/mediawiki/2015/1/1f/2015-Glasgow-kids3.jpg" style="width:25vw;float:left; height:60vh;"> |
| + | <img src="https://static.igem.org/mediawiki/2015/4/48/2015-Glasgow-kids1.jpg" style="width:25vw;float:left; height:60vh;"> |
| + | <img src="https://static.igem.org/mediawiki/2015/3/32/2015-Glasgow-kids2.jpg" style="width:25vw;float:right;height:60vh;"> |
| + | <img src="https://static.igem.org/mediawiki/2015/c/c8/2015-Glasgow-kids4.jpg" style="width:25vw;float:right;height:60vh;"> |
| + | <div class=" scollTop container3"> |
| + | <div class="sign"> |
| + | <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div> |
| + | <div class="neon-blue"><br><span class="neon-purple"><strong>Human Practices</strong></span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!--<div class='leftContainer'>--> |
| + | <p class="links scrollOverview"><a style="color:blue;" href="https://2015.igem.org/Team:Glasgow"> Home</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview"> Project</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview/Practices">Policy & Practices</a></p> |
| + | <div id="sidebar"class="widget widget-categories"> |
| + | <table> |
| + | <tr><td class="overview">Glasgow Science Centre</td></tr> |
| + | <tr><td class="sensor">Hyndland School Visit</td></tr> |
| + | <tr><td class="survivability">Glowing <br/>Plants Controversy</td></tr> |
| + | <tr><td class="results">Survey Analysis</td></tr> |
| + | <tr><td class="top">Top</td></tr> |
| + | </table> |
| + | </div> |
| + | <!-- </div> --> |
| + | |
| + | <div class='containerRight'> |
| + | |
| + | <h2 style="margin-top:13vh;">Glasgow Science Centre</h2> |
| + | |
| + | <p class="mainText"> |
| + | On the 1st and 2nd of August, we presented a stall at Glasgow Science Centre as part of their ‘Meet the Experts’ event. This was our first chance to reach out and engage with the public to get real feedback about the things we had planned, which was overwhelmingly positive! |
| + | <br/> |
| + | <br/> |
| + | We used this opportunity to find out what our target market thought of Furri-Lux – to help with this, we had a large colouring-in picture of Furri-Lux’s logo for younger children, as well as blank paper for older kids to design their own ‘friendly monster’, all of which we displayed on a poster board next to our table. |
| + | These drawings later became inspiration for Furri-Lux’s outer design, as we were particularly interested in which features children associated with ‘friendly’ and ‘scary’ monsters. |
| + | <br/>For their parents, we had flyers with information about iGEM, the competition, past projects as well as our project to take away and read at their leisure, along with an interactive ‘circuit quiz’ on how the bioluminescence system worked inside the cells. The right answer had to be placed onto the board for it to conduct, and light up the LED! |
| + | <br/> |
| + | <br/> |
| + | On the whole, many parents appeared very receptive to the idea of a children’s product incorporating bacteria, which was greatly encouraging. A common theme seemed to be that many parents believed their children were already exposed to a lot of much more harmful bacteria in every day life, so more education for younger kids was definitely needed.<br/> |
| + | However, their concern was apparent when we tried to talk to the children about ‘monsters under the bed’ – clearly this was a fear that parents were not immediately willing to validate, and they had put a lot of effort into trying to convince their children that these ‘monsters’ didn’t exist. Therefore, buying a product that offered help with this problem seemed contradictory and counter-productive. <br/>We at iGEM Glasgow, on the other hand, feel that validating the children’s’ fears is more important to their healthy emotional development, as well as strengthening the parent-child bond as they work through it together. |
| + | <br/> |
| + | Parents also expressed concerns that curious children would try to open the container themselves – which led us to design the removable handle for the bacteria’s release. To read more about this, see our <a href="https://2015.igem.org/Team:Glasgow/Design">Product Design</a> page.<br/><br/> |
| | | |
− | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
| + | <center> |
− | <!--[if lt IE 9]>
| + | <img src="https://static.igem.org/mediawiki/2015/d/df/2015GlasgowGSC1.jpeg" height="75%" width="75%"/> |
− | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
| + | </center> |
− | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
| + | |
− | <![endif]-->
| + | |
− | </head>
| + | |
| | | |
− |
| |
− |
| |
− | <!----------begin-------->
| |
− | <body>
| |
− | <script>
| |
− | $(".progress-bar").css("width",'80%')
| |
− | </script>
| |
| | | |
− | <div class="navbar navbar-inverse" role="navigation">
| |
− | <div class="container">
| |
− | <div class="navbar-header">
| |
− | <a class="navbar-brand" style="text-align: center;">IGEM Glasgow funding</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
| | | |
− | <div class='container' style="text-align:center;font-family: sans-serif;">
| |
− | <p style="font-size: 60px;">Collected miles: <br/></p>
| |
| | | |
− | <div class="row"> | + | <div class="scrollSensor"></div></p> |
− | <div class="col-sm-4">
| + | </br> |
− | <img src="https://static.igem.org/mediawiki/2015/8/81/2015-Glasgow-running.png"/>
| + | </br> |
− | <h3>Walking and Running</h3>
| + | |
− | <h4>Collected miles:343.2 miles</h4>
| + | <h2>Hyndland School Visit</h2> |
− | <hr/>
| + | |
− | <span style='text-align:left !important;'>
| + | <p class="mainText"> |
− | </span>
| + | We had the chance to invite some senior pupils from the nearby Hyndland Secondary School to our lab, so that they could learn more about the iGEM competition and the other opportunities available to them at university.<br/><br/> |
− | <hr/>
| + | |
− | </div>
| + | Afterwards, we let them practice their aseptic technique by drawing their own pictures on agar plates with our glowing bacteria – and they came up a treat!<br/><br/> |
− | <div class="col-sm-4">
| + | |
− | <img src="https://static.igem.org/mediawiki/2015/0/03/2015-Glasgow-swimming.png"/>
| + | Most of the pupils were studying a course on Lab Skills, so we showed them around the lab we were working in and discussed the operation of some of the equipment they may not have had substantial access to in school – such as the autoclave and flow hood.<br/><br/> |
− | <h3>Swimming</h3>
| + | |
− | <h4>Collected miles:0.4 miles</h4>
| + | The remaining pupils were from their Advanced Biology course, who found the more in depth presentation of our bioluminescence system to be more interesting and insightful. |
− | <hr/>
| + | |
− | <span style='text-align:left !important;'>
| + | <br/><br/> |
− | </span>
| + | <center> |
− | <hr/>
| + | <img src ="https://static.igem.org/mediawiki/2015/d/db/2015GlasgowSchool.jpeg" height="75%" width="75%"/> |
− | </div>
| + | </center> |
− | <div class="col-sm-4">
| + | <div style="visibility:hidden; height:0;width:0;" class="scrollSurvivability"></div> </p> |
− | <img src="https://static.igem.org/mediawiki/2015/e/ee/2015-Glasgow-cycling.png">
| + | </br> |
− | <h3>Cycling</h3>
| + | </br> |
− | <h4>Collected miles: 118.7 miles</h4>
| + | <h2>Glowing Plants Controversy</h2> |
− | <hr/>
| + | |
− | <span style='text-align:left !important;'>
| + | <p class="mainText"> |
− | </span>
| + | In 2013 a Kickstarter campaign looking for funding to create a glow in the dark plant attracted attention from not just the scientific community but also the general public. Backers of The Glowing Plant project were to be rewarded with seeds created from genetically modifying firefly and bioluminescent genes. The San Francisco-based group originally planned to create modified Arabidopsis thaliana plants as these plants are small and would hopefully make the finished product assessable to the public. Their main aim in creating the campaign was to “inspire and educate” people about synthetic biology and then eventually go on to replace street lights with trees. However this sparked a debate amongst experts and advocacy groups. Many feared that allowing genetically modified organisms to be distributed online may encourage illegal releases of other synthetic organisms or that the plants themselves may proliferate in the wild if grown in uncontrolled conditions. Others in the field of synthetic biology worried that such a project could damage public opinion and bring scrutiny upon current research. Due to this response, even with reassurances from the team that strict measures were to be taken to avoid problems arising, Kickstarter banned GMOs from being offered for donations to future campaigns. Omri Amirav-Drory, who created the project, was quoted as saying,<i> “We already have the money, and we’re working on the project as we speak, transforming plants using DNA. But for me, I’m very sorry to see this, because it puts synthetic biology in the same category on Kickstarter as hate crimes and tobacco.“</i> |
− | <hr/>
| + | </br> |
− | </div>
| + | </br> |
| + | We had originally thought about implementing our bioluminescent bacteria into a form of street lighting which would be in a fully contained system and in that way hopefully avoid any of the same criticisms. However after looking into the controversy surrounding The Glowing Plant project we determined, amongst other reasons, that research with a similar end goal may garner more negative press for the industry. With this in mind we decided to tackle this issue by instead focussing our efforts on education in the hope that we could change how the public would perceive similar projects in the future. What better way to do this than to start with the next generation of scientists, lawyers, parents and more. By creating a children’s toy incorporating genetically modified organisms which look after kids in the dark we will encourage the mentality that these advances in synthetic biology should be welcomed as helpful and with the correct safety are not to be feared. |
| + | |
| + | |
| + | <div class="scrollResults"></div></p> |
| + | </br> |
| + | </br> |
| + | <h2> Survey Analysis </h2> |
| + | <div class="box"> |
| + | <h5>Overview</h5> |
| + | <div class="text"> |
| + | We conducted a survey of 60 random members of the public to attempt to gauge how willing they would be to give our night-light to a child, and to ascertain their overall view of genetically modified organisms. A full list of the questions asked can be seen <a href="https://www.surveymonkey.com/r/FR2P7HX" target="_blank">here.</a><br/><br/> |
| + | |
| + | In particular, we were looking at:<br/> |
| + | <ul> |
| + | <li>The demand for a children’s product in this genre</li> |
| + | <li>The respondents’ level of science education</li> |
| + | <li>How strongly people agreed or disagreed with 7 points: |
| + | <ol> |
| + | <li>I would allow my child to have an educational toy that needed to be fed and looked after once a day with my supervision.</li> |
| + | <li>I would allow my child to have an educational toy that incorporates <i>E.coli</i> bacteria.</li> |
| + | <li>I would allow my child to have an educational toy that incorporates genetically modified bacteria.</li> |
| + | <li>I would allow my child to have an educational toy that incorporates bacteria.</li> |
| + | <li>All strains of <i>E.coli</i> are dangerous.</li> |
| + | <li><i>E.coli</i> regularly exists in my body.</li> |
| + | <li>If these genetically modified bacteria were accidentally swallowed by someone, they would become dangerously ill.</li> |
| + | </li></ol> |
| + | </ul> |
| + | <br/><br/> |
| + | |
| + | For the 7 opinion points, we first assessed how they felt about them as it stood in that moment with their current level of knowledge on the subject, then allowed them to read more information about the bacteria we were using in our project:<br/><br/> |
| + | |
| + | <i> <p style="text-align:center">What is 'synthetic biology'?<br/> |
| + | Synthetic biology is a branch of biology that combines the powers of biotechnology, evolutionary biology, molecular biology, systems biology, biophysics, computer engineering, and genetic engineering (to name but a few) in order to construct 'biological devices' or 'machines' that are useful for solving problems - anything from something as trivial as chewing gum on the streets to solving climate change.<br/><br/> |
| + | |
| + | What are </i>e.coli<i>?<br/> |
| + | </i>E.coli<i> bacteria are commonly found in the lower intestine of warm-blooded organisms (in other words, you and I!) where they make up the normal flora of the gut, produce vitamin K2, and prevent dangerous bacteria from growing. Most strains of </i>e.coli<i> are completely harmless, however there are one or two types that cause serious food poisoning - because of this, many people understandably assume that just because it's called '</i>e.coli<i>', it must be very harmful, however this isn't the case! |
| + | In our labs, classes and research, we use </i>e.coli<i> as they grow quickly and are easy to look after. The bacteria we use are a 'lab strain' which means we know exactly what their genotype is (the full set of genes present in the organism), and any and all dangerous genes or features that could cause it to infect humans and cause illness have been removed.<br/><br/> |
| + | |
| + | What are you doing to it?<br/> |
| + | Over the summer we have been working on taking bioluminescence genes out of a bacterium called Aliivibrio fischeri and genes from a cyanobacterium called Synechocystis that can detect UV-A light from the sun, and placing them in our </i>e.coli<i> cells. |
| + | When combined with some other standard genetic parts, the result is </i>e.coli<i> bacteria that glow when it's dark!<br/><br/> |
| + | |
| + | What are you using it for?<br/> |
| + | Our project involves designing a toy nightlight for children based around the idea of a "friendly monster", i.e. one that scares away the bad monsters under the bed! This would involve a stuffed monster toy, inside which would be a clear plastic container that would hold our bacteria. Every morning the child, with parental supervision, would turn a tap at the base of the toy, and the nutrient solution containing the bacteria would drop out of the bottom into the toilet to be flushed away. The handle of the tap connects via a key slot so that curious children can't open it and spill everything everywhere on their own. The child can then "feed" their monster friend by pouring fresh nutrient solution into their mouth, which passes through a tube through a one-way valve down into the main part of the vessel, so that if it were dropped or accidentally turned upside down the bacteria and solution would stay inside. There would be enough bacterial residue stuck to the inside of the container to allow them to repopulate during the day while the child is at school or nursery. Once they no longer detect the UV-A from the sun, the bioluminescence system becomes activated and they will begin to glow. At night the child would give the monster a gentle shake, which would allow oxygen to distribute more evenly among the bacteria encouraging brighter, more even bioluminescence.<br/><br/> |
| + | |
| + | Kids are mischievous and curious, what if they tried to eat it?<br/> |
| + | The bacteria are harmless, as is the nutrient solution they'd be in. The environment in the stomach would kill them immediately. However, it wouldn't taste very nice at all, which may cause them to bring it back up. Ultimately the child would come to no lasting harm and would not require professional medical treatment, just a big glass of water to get rid of the taste.<br/><br/></i></p> |
| + | |
| + | The same questions were then asked again, in order to see if providing more information about the details of our project would alter the public’s view on these points. |
| + | </br></br> |
| </div> | | </div> |
| </div> | | </div> |
| + | </br> |
| + | <div class="box"> |
| + | <h5>Market Research</h5> |
| + | <div class="text"> |
| + | The results here show that, although there are perceived gaps in the market for toys that fill any of the demonstrated criteria, there is significantly more demand for 'scientific' toys - because of this we moved the focus of our design more towards being an educational tool, rather than the other two objectives. |
| + | <br> |
| + | <br> |
| + | <center> |
| + | <img src = "https://static.igem.org/mediawiki/2015/thumb/7/73/2015GlasgowMarketResearch.png/800px-2015GlasgowMarketResearch.png" height="80%" width="80%"/> |
| + | </center> |
| + | <br> |
| + | <br> |
| + | </div> |
| + | </div> |
| + | </br> |
| + | <div class="box"> |
| + | <h5>Overall Opinion Results</h5> |
| + | <div class="text"> |
| + | The participants of the survey were given a 5-point scale on which to grade their opinions of the bacteria – Strongly Disagree corresponding to 1 point, up to Strongly Agree resulting in 5 points. A 6th option of ‘Not Sure’ was also added (worth 0 points). The average of these responses was then calculated and is displayed below:<br/> |
| + | <br/> |
| + | <center> |
| + | <img src="https://static.igem.org/mediawiki/2015/e/e1/2015GlasgowOverallOpinions.png" height="80%" width="80%"/> |
| + | <br> |
| + | <figcaption>Figure 1: Overall Opinion Results - Initial opinions shown in purple on top of final opinions in green to demonstrate differences</figcaption> |
| + | </center> |
| + | <br/> |
| + | From this, it is obvious that on the whole, the public responded well to the objectives we are trying to achieve, showing that more education is needed on the benefits that genetic modification and synthetic biology can bring to the future. |
| + | </br></br> |
| + | </div> |
| + | </div> |
| + | </br> |
| + | <div class="box"> |
| + | <h5>Effect of Education on Opinions</h5> |
| + | <div class="text"> |
| + | The responses were then observed again, this time according to whether or not the participant had a significant educational background in science. Those who answered that they had either no science education or had only achieved a high school certificate where separated into one set and those who answered that they had completed a college course or higher were separated into another set These results were then analysed in the same way.<br/><br/> |
| | | |
| + | <center> |
| + | <img src="https://static.igem.org/mediawiki/2015/1/14/2015GlasgowOpinionsHighSchool.png" height="80%" width="80%"/> |
| + | <figcaption>Figure 2: Opinion Results - No Education/High School - Initial opinions shown in purple on top of final opinions in green to demonstrate differences</figcaption></center><br/><br/> |
| | | |
− | <style> | + | <center> |
− | #p-bar{
| + | <img src="https://static.igem.org/mediawiki/2015/0/00/2015GlasgowOpinionsEducated.png" height="80%" width="80%"/> |
− | height:60px;
| + | <figcaption>Figure 3: Opinion Results - College Education and Higher - Initial opinions shown in purple on top of final opinions in green to demonstrate differences</figcaption></center><br/><br/> |
− | }
| + | |
− | </style>
| + | When a comparison was made between respondents with limited or no science background and those with a College/PhD level of science education, it was observed that the difference between the responses prior to and following the information provided about the project was greater for those with no science background. The observed improvement of public opinion on questions relating to <i>E.coli</i> and synthetic biology indicated that providing information and educating the public has a positive impact on their perception of the subject.<br/><br/> |
− | <div class="progress" id="p-bar"> | + | |
− | <div class="progress-bar" id="count25" role="progressbar" style="width:11.33%;background-color: red;">
| + | A less marked difference is seen between the responses prior to and following the provision of information to those with a higher level of science education, though these respondents’ responses also indicate an increase in likelihood to look more positively on the use of <i>E.coli</i> in synthetic biology and for the purpose of science education for children. <br/><br/> |
− | <span class="sr-only">10%</span>
| + | |
− | <div style="margin-top: 20px;font-size: 20px;">11.33%</div>
| + | These differences in initial opinion about <i>E.coli</i> and synthetic biology between those with different levels of science education and the changes of opinion seen after educational materials on the subject were provided shows the importance of educating the public. |
− | </div>
| + | </br></br> |
− | <div class="progress-bar" id="count25" role="progressbar" style="width:0.13%;background-color: blue;">
| + | </div> |
− | <span class="sr-only">20%</span>
| + | |
− | <div style="margin-top: 20px;font-size: 20px;">0.13%</div>
| + | |
− | </div>
| + | |
− | <div class="progress-bar" id="count25" role="progressbar" style="width:3.92%;background-color: green;">
| + | |
− | <span class="sr-only">10%</span>
| + | |
− | <div style="margin-top: 20px;font-size: 20px;">3.92%</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
| | | |
| | | |
| + | <div class="scrollConclusion"></div> |
| + | </br> |
| + | </br> |
| | | |
| | | |
| + | |
| + | |
| + | </div> |
| + | </div> |
| | | |
| + | <script> |
| | | |
− |
| + | |
− | <div class="container">
| + | $('.overview').click(function() { |
− | <hr>
| + | $('html, body').animate({ scrollTop: $('.scrollOverview').offset().top}, 1000); |
− | <footer>
| + | }); |
− | <p>© IGEM Glasgow 2015</p> | + | |
− | </footer>
| + | $('.sensor').click(function() { |
− | </div> <!-- /container -->
| + | $('html, body').animate({ scrollTop: $('.scrollSensor').offset().top}, 1000); |
− | <!-- Bootstrap core JavaScript
| + | }); |
− | ================================================== -->
| + | |
− | <!-- Placed at the end of the document so the pages load faster -->
| + | $('.survivability').click(function() { |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| + | $('html, body').animate({ scrollTop: $('.scrollSurvivability').offset().top}, 1000); |
− | <script src="{% static 'js/bootstrap.min.js' %}"></script>
| + | }); |
− | </body>
| + | |
| + | $('.conclusion').click(function() { |
| + | $('html, body').animate({ scrollTop: $('.scrollConclusion').offset().top}, 1000); |
| + | }); |
| + | |
| + | $('.results').click(function() { |
| + | $('html, body').animate({ scrollTop: $('.scrollResults').offset().top}, 1000); |
| + | }); |
| + | |
| + | $('.top').click(function() { |
| + | $('html, body').animate({ scrollTop: $('.scrollTop').offset().top}, 1000); |
| + | }); |
| + | |
| + | </script> |
| + | <script type="text/javascript"> |
| + | var x = $('.links').offset().top; |
| + | $(window).scroll(function() { |
| + | if ($(this).scrollTop() > x) { |
| + | $('table').addClass("fixed"); |
| + | } |
| + | |
| + | |
| + | else { |
| + | $('table').removeClass("fixed"); |
| + | } |
| + | }); |
| + | |
| + | </script> |
| + | |
| + | |
| + | </body> |
| </html> | | </html> |
| + | |
| + | {{Glasgowfooter}} |