Difference between revisions of "Team:CityU HK/Game"

Latest revision as of 00:53, 19 September 2015

Results - iGEM2015 wiki

Introduction

Who says ‘Fun’ and 'Science' cannot be combined? With a view to educating people about the controversial issues surrounding synthetic biology, allaying the fears this new field has generated, and breaking the myth that science is not fun, the CityU iGEM team specially designed 2 interactive games to engage members of the general public in the fun of science. It is hoped that active participation by the public in learning through games about synthetic biology and our iGEM project would be an effective means to promote synthetic biology to the public. The two games we designed are described below.

BYO Bio-brick

This game is designed to engage the community in the world of synthetic biology. Participants are provided with daily life situations.Based on the situation assigned, participants are required to carefully choose the relevant 'Bio-bricks' to construct a gene cassette to achieve a specific biological aim. The game allows the general public to construct their own custom-designed bacteria (biological machine) equipped with desired functions. Guidance was provided during the course of the game to help the participants understand the concept of a biobrick while having fun.

Aims:

To educate the general public about synthetic biology through a stimulating and interactive game.

Instruction

1) Participants are given a stack of cards.Each card is labeled with a component in a biobrick.

2) Short anecdotes about daily life situations are provided as context for participants to construct the gene cassette of interest.

3) Participants are asked to assemble different Bio-bricks in a specific sequence in order to express the genes in the cassette.

Think it is too easy to play?

Take up our challenge and solve the puzzle of synthetic biology

Break Lac – Introduction on our board game

For us, dairy products are an essential part of our diet. In this board game, the main character is unaware that he suffers from lactose intolerance. He has the habit of drinking a glass of milk daily.

The four players are special cells with limited ability to digest lactose, and are responsible to help them break down the lactose he introduces into the intestine before he experiences diarrhea. CityU's iGEM project has introduced the main feature of the game so that the players can understand the concept of lactose intolerance.

Aims:

Provide a chance for the general public to learn and understand synthetic biology through game-playing

Make synthetic biology interactive and fun

Bridge the distance between synthetic biology and the community

This game will definitely drive you crazy

So addicted that there is no way to stop

Difference between revisions of "Team:CityU HK/Game"

Latest revision as of 00:53, 19 September 2015

Introduction

BYO Bio-brick

Aims:

Instruction

Break Lac – Introduction on our board game

Aims:

Game Overview

ABOUT US

LOCATION

CONTACT US

FOLLOW US ON

@@ Line 44: / Line 44: @@
 body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
 </style>
-		<script><!--
-var STATIC_BASE = '//cdn1.editmysite.com/';
-var STYLE_PREFIX = 'wsite';
-//-->
-</script>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
 <script src="http://cdn2.editmysite.com/js/site/main.js?buildTime=1234"></script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script type="text/javascript" src="http://cdn2.editmysite.com/js/lang/en/ftl.js?buildTime=1234"></script><script>_W.relinquish && _W.relinquish()</script>
-<script> _W.themeOptions = [];</script><script type="text/javascript"><!--
+</head>
-	var IS_ARCHIVE = 1;
-	(function(jQuery){
-		function initFlyouts(){
+<body class="short-header-page  wsite-page-results"><input type="checkbox" id="navTrigger" />
-			initPublishedFlyoutMenus(
-				[{"id":"125179881719007230","title":"Home","url":"index.html","target":""},{"id":"117564151509922601","title":"Team","url":"team.html","target":""},{"id":"392475496104510282","title":"Project","url":"project.html","target":""},{"id":"719611068520302903","title":"Characterisation","url":"characterisation.html","target":""},{"id":"375771293147075277","title":"Attributions","url":"attributions.html","target":""},{"id":"595526209520916103","title":"Human Practices1","url":"human-practices1.html","target":""},{"id":"290391284397012185","title":"Collaboration","url":"collaboration.html","target":""},{"id":"863315470447303768","title":"Human Practices","url":"human-practices.html","target":""}],
-				"371703204966341745",
-				"<li class=\"wsite-menu-item-wrap\"><a href=\"#\"class=\"wsite-menu-item\">{{title}}<\/a><\/li>",
-				'{{id}}',
-				false,
-				{"navigation\/flyout\/list":"{{!\n\tNOTES:\n\t- \"wsite-menu-wrap\" required on submenu wrapper\n\t- \"wsite-menu\" required on submenu element\n}}\n\n<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"{{!\n\tNOTES:\n\t- an id and \"wsite-menu-subitem-wrap\" class are required on the item wrap\n\t- a \"wsite-menu-subitem\" class is required on the item link\n}}\n\n<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a href=\"{{url}}\"\n\t\t{{#target}}target=\"{{target}}\"{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">&gt;<\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
-				{}
-			)
-		}
-		if (jQuery) {
-			jQuery(document).ready(function() { jQuery(initFlyouts); });
-		}else{
-			if (Prototype.Browser.IE) window.onload = initFlyouts;
-			else document.observe('dom:loaded', initFlyouts);
-		}
-	})(window._W && _W.jQuery)
-//-->
-</script>
-	</head>
-	<body class="short-header-page  wsite-page-results"><input type="checkbox" id="navTrigger" />
    <div class="wrapper">
 	  <div class="paris-header">
-      <div class="container">
-      	<label for="navTrigger" class="nav-trigger hamburger"><span></span></label>
-      	<div class="logo"><span class="wsite-logo">
-</span></div>
-      </div><!-- end .container -->
 	  </div><!-- end .header -->
@@ Line 103: / Line 68: @@
 		<div class="main-wrap">
 	    <div class="container">
-	 			<div class="content-wrap"><div id='wsite-content' class='wsite-elements wsite-not-footer'>
-</div>
+<h2 class="wsite-content-title" style="text-align:center;"><font size="6"><u>Introduction</u></font></h2>
+<div class="paragraph" style="text-align:justify;"><font size="5"><font color="#2a2a2a"><span style="font-family: 'Calibri Light', sans-serif; line-height: 107%; background-color: initial;"><br />Who says ‘Fun’ and 'Science' cannot be combined? With a view to educating people about the controversial issues surrounding synthetic biology, allaying the fears this new field has generated, and breaking the myth that science is not fun, the CityU iGEM team specially designed 2 interactive games to engage members of the general public in the fun of science. It is hoped that active participation by the public in learning through games about synthetic biology and our iGEM project would be an effective means to promote synthetic biology to the public. The two games we designed are described below.</span></font></font></span></font><span "font-size:12.0pt;line-height:107%;="" font-family:&quot;calibri="" light&quot;,sans-serif;mso-ascii-theme-font:major-latin;="" mso-hansi-theme-font:major-latin;mso-bidi-font-family:arial;color:#2a2a2a"="" style=""></span><br /><span style=""></span><span style=""></span><br /><span style=""></span></div>
+<div><div style="height: 20px; overflow: hidden; width: 70%;"></div>
+<hr class="styled-hr" style="width:70%;"></hr>
+<div style="height: 20px; overflow: hidden; width: 70%;"></div></div>
+<h2 class="wsite-content-title" style="text-align:center;"><strong><font size="6"><u>BYO Bio-brick</u></font></strong></h2>
+<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+	<table class="wsite-multicol-table">
+		<tbody class="wsite-multicol-tbody">
+			<tr class="wsite-multicol-tr">
+				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div class="wsite-spacer" style="height:34px;"></div>
+<div class="paragraph" style="text-align:justify;"><font size="4"></font><span style="line-height: 107%; font-family: 'Calibri Light', sans-serif;"><span id="selectionBoundary_1442335683770_36106189782731235" class="rangySelectionBoundary" style="line-height: 0; display: none;">&#65279;</span><font color="#2a2a2a" size="4.5">This game is designed to engage the community in the world of synthetic biology. Participants are provided with daily life situations.Based on the situation assigned, participants are required to carefully choose the relevant 'Bio-bricks' to construct a gene cassette to achieve a specific biological aim. The game allows the general public to construct their own custom-designed bacteria (biological machine) equipped with desired functions. Guidance was provided during the course of the game to help the participants understand the concept of a biobrick while having fun.</font><span id="selectionBoundary_1442335683770_44760194863192737" class="rangySelectionBoundary" style="line-height: 0; display: none;">&#65279;</span></span><br /></div>
+				</td>				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div class="wsite-spacer" style="height:10px;"></div>
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right">
+<br />
+<a>
+<img src="https://static.igem.org/mediawiki/2015/9/97/2015CityU_HK_BioBrickpaper.jpeg"Picture" style="width:433;max-width:100%" />
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div>
+				</td>			</tr>
+		</tbody>
+	</table>
+</div></div></div>
+<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+	<table class="wsite-multicol-table">
+		<tbody class="wsite-multicol-tbody">
+			<tr class="wsite-multicol-tr">
+				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+<br />
+<a>
+<img src="https://static.igem.org/mediawiki/2015/3/35/2015CityU_HK_4typesofbiobricks.png"="Picture" style="width:416;max-width:100%" />
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div>
+				</td>				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<h2 class="wsite-content-title" style="text-align:center;"><strong><font size="5">Aims:</font>&nbsp;</strong></h2>
+<div class="paragraph" style="text-align:justify;"><br /><ul style=""><ul style=""><li style=""><span "font-size:12.0pt;font-family:="" &quot;calibri="" light&quot;,sans-serif;mso-ascii-theme-font:major-latin;mso-fareast-font-family:="" &quot;times="" roman&quot;;mso-hansi-theme-font:major-latin;mso-bidi-font-family:="" arial"="" style=""><font size="4">To educate the general public about synthetic biology through a stimulating and interactive game.</font></span></li></ul></ul></div>
+				</td>			</tr>
+		</tbody>
+	</table>
+</div></div></div>
+<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+	<table class="wsite-multicol-table">
+		<tbody class="wsite-multicol-tbody">
+			<tr class="wsite-multicol-tr">
+				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<h2 class="wsite-content-title" style="text-align:center;"><font size="5"><strong><i>Instruction</i></strong></font></h2>
+<div class="paragraph" style="text-align:justify;"><font size="3"><span style=""><font color="#2a2a2a">1) Participants are given a stack of cards.Each card is labeled with a component in a biobrick.</font></span></font><br /><font size="3"><span style=""><font color="#2a2a2a"><br /> 2) Short anecdotes about daily life situations are provided as context for participants to construct the gene cassette of interest.</font></span></font><br /><font size="3"><span style=""><font color="#2a2a2a"><br />3) Participants are asked to assemble different Bio-bricks in a specific sequence in order to express the genes in the cassette.</font></span></font><br /><br /><br /></div>
+				</td>				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div class="wsite-spacer" style="height:102px;"></div>
+<div class="paragraph" style="text-align:center;"><font size="6" color="#ffb90f"><strong>Think it is too easy to play?&nbsp;</strong></font><br /><font size="6" color="#ffb90f"><br /><br /><strong>Take up our challenge and solve the puzzle of synthetic biology</strong><br /></font><br /></div>
+				</td>			</tr>
+		</tbody>
+	</table>
+</div></div></div>
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+<a>
+<img src="https://static.igem.org/mediawiki/2015/3/3b/2015CityU_HK_BioBricks_Diagram.png"="Picture" style="width:464;max-width:100%" />
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div>
+<div class="wsite-spacer" style="height:31px;"></div>
+<div><div style="height: 20px; overflow: hidden; width: 70%;"></div>
+<hr class="styled-hr" style="width:70%;"></hr>
+<div style="height: 20px; overflow: hidden; width: 70%;"></div></div>
+<div class="wsite-spacer" style="height:20px;"></div>
+<h2 class="wsite-content-title" style="text-align:center;"><font size="6"><u>Break Lac – Introduction on our board game </u></font></h2><br />
+<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+	<table class="wsite-multicol-table">
+		<tbody class="wsite-multicol-tbody">
+			<tr class="wsite-multicol-tr">
+				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+<a>
+<img src="https://static.igem.org/mediawiki/2015/d/dc/2015CityU_HK_Lyse_or_%27Dia%27.png"="Picture" style="width:auto;max-width:100%" />
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div>
+<div class="wsite-spacer" style="height:32.997px;"></div>
+				</td>				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div class="paragraph" style="text-align:justify;"><span "font-size:="" 12.0pt;mso-bidi-font-size:11.0pt;font-family:&quot;calibri="" light&quot;,sans-serif;="" mso-ascii-theme-font:major-latin;mso-hansi-theme-font:major-latin"="" style=""><font size="3">For us, dairy products are an essential part of our diet. In this board game, the main character is unaware that he suffers from lactose intolerance. He has the habit of drinking a glass of milk daily.&nbsp;</font></span><br /><br /><span "font-size:="" 12.0pt;mso-bidi-font-size:11.0pt;font-family:&quot;calibri="" light&quot;,sans-serif;="" mso-ascii-theme-font:major-latin;mso-hansi-theme-font:major-latin"="" style=""><font size="3">The four players are special cells with limited ability to digest lactose, and are responsible to help them break down the lactose he introduces into the intestine before he experiences diarrhea. CityU's iGEM project has introduced the main feature of the game so that the players can understand the concept of lactose intolerance.</font></span><br /><span style=""></span><br /><span style=""></span></div>
+				</td>			</tr>
+		</tbody>
+	</table>
+</div></div></div>
+<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+	<table class="wsite-multicol-table">
+		<tbody class="wsite-multicol-tbody">
+			<tr class="wsite-multicol-tr">
+				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<br /><br /><h2 class="wsite-content-title" style="text-align:center;"><font size="5"><strong>Aims:</strong></font></h2>
+<div class="paragraph" style="text-align:justify;"><br /><ul style=""><li><font size="4"><font color="#2a2a2a">Provide a chance for the general public to learn and understand synthetic biology through game-playing</font></font></li></ul><br /><ul style=""><li><span style="font-size: large; line-height: 1.5em; background-color: initial;"><font color="#2a2a2a">Make synthetic biology interactive and fun</font></span></li></ul><br /><ul style=""><li><span style="font-size: large; line-height: 1.5em; background-color: initial;"><font color="#2a2a2a">Bridge the distance between synthetic biology and the community</font></span></li></ul></div>
+<div class="wsite-spacer" style="height:45px;"></div>
+				</td>				<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+<div class="wsite-spacer" style="height:73.997px;"></div>
+<div class="paragraph" style="text-align:center;"><br /><font size="6"color="ffb90f"><strong>This game will definitely drive you crazy</strong></font><br /><br /><br /><font size="6" color="ffb90f"><strong>So addicted that there is no way to stop</strong></font></div>
+<div class="wsite-spacer" style="height:50px;"></div>
+<div><div style="height: 20px; overflow: hidden;"></div>
+				<center><div id='250376803692307180-gallery' class='imageGallery' style='line-height: 0px; padding: 0; margin: 0;'>
+<div id='250376803692307180-imageContainer0' style='float:left;width:24.95%;margin:0;'><div id='250376803692307180-insideImageContainer0' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2015/f/f9/2015CityU_HK_Games_3.jpeg'  rel='lightbox[gallery250376803692307180]' onclick='if (!window.lightboxLoaded) return false'><img src='https://static.igem.org/mediawiki/2015/f/f9/2015CityU_HK_Games_3.jpeg' class='galleryImage' _width='400' _height='300' style='position:absolute;border:0;width:100%;top:0%;left:0%' /></a></div></div></div></div>
+<div id='250376803692307180-imageContainer1' style='float:left;width:24.95%;margin:0;'><div id='250376803692307180-insideImageContainer1' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2015/4/47/2015CityU_HK_Games_2.jpeg' rel='lightbox[gallery250376803692307180]' onclick='if (!window.lightboxLoaded) return false'><img src='https://static.igem.org/mediawiki/2015/4/47/2015CityU_HK_Games_2.jpeg' class='galleryImage' _width='400' _height='300' style='position:absolute;border:0;width:100%;top:0%;left:0%' /></a></div></div></div></div>
+<div id='250376803692307180-imageContainer2' style='float:left;width:24.95%;margin:0;'><div id='250376803692307180-insideImageContainer2' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2015/a/ad/2015CityU_HK_Games_1.jpeg' rel='lightbox[gallery250376803692307180]' onclick='if (!window.lightboxLoaded) return false'><img src='https://static.igem.org/mediawiki/2015/a/ad/2015CityU_HK_Games_1.jpeg' class='galleryImage' _width='400' _height='300' style='position:absolute;border:0;width:100%;top:0%;left:0%' /></a></div></div></div></div>
+<div id='250376803692307180-imageContainer3' style='float:left;width:24.95%;margin:0;'><div id='250376803692307180-insideImageContainer3' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2015/9/9f/2015CityU_HK_Games_4.jpeg' rel='lightbox[gallery250376803692307180]' onclick='if (!window.lightboxLoaded) return false'><img src='https://static.igem.org/mediawiki/2015/9/9f/2015CityU_HK_Games_4.jpeg' class='galleryImage' _width='400' _height='300' style='position:absolute;border:0;width:100%;top:0%;left:0%' /></a></div></div></div></div><span style='display: block; clear: both; height: 0px; overflow: hidden;'></span>
+</div></center>
+				<div style="height: 20px; overflow: hidden;"></div></div>
+				</td>			</tr>
+		</tbody>
+	</table>
+</div></div></div>
+<img src="">
+<br /><br />
+<h2 class="wsite-content-title" style="text-align:center;"><strong><font size="6"><u>Game Overview</u></font></strong></h2>
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right">
+<a>
+<center><img src="https://static.igem.org/mediawiki/2015/2/25/2015CityU_HK_Games_backgrounds.png"="Picture" style="width:auto;max-width:70%" /></center>
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div>
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+<a>
+<img src="https://static.igem.org/mediawiki/2015/b/bd/2015CityU_HK_Game_Preparation.png"="Picture" style="width:auto;max-width:70%" />
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div>
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right">
+<a>
+<center><img src="https://static.igem.org/mediawiki/2015/b/b9/2015CityU_HK_Game_Plan.png"="Picture" style="width:auto;max-width:70% ;" /></center>
+</a>
+<div style="display:block;font-size:90%"></div>
+</div></div></div>
 </div>
 	  	</div><!-- end container -->
 	  </div>
 	</div>
+</div>