Team:SKLBC-China/Project

From 2014hs.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 5: Line 5:
*{margin:0px;padding:0px}
*{margin:0px;padding:0px}
body {background-color:rgb(2,173,163)}
body {background-color:rgb(2,173,163)}
-
img.logo {position:fixed;
+
img.logo {position:fixed;right:10px;top:1px;height:33px;border:none;}
-
right:10px;
+
div.header {background-color:rgb(46,178,170);width:100%;height:35px;z-index:3;top:0px;position:fixed}
-
height:50px;
+
div.container {margin:0;padding:0;background-color:rgb(0,4,0);width:60%;left:20%;margin-top:0px;z-index:-1;filter:alpha(opacity=50);opacity:0.5;position:fixed}
-
border-radius:50%;
+
-
overflow:hidden}
+
-
div.header {background-color:rgb(46,178,170);width:100%;height:30px;z-index:3;top:0px;position:fixed}
+
-
div.container {height:100%;margin:0;padding:0;background-color:rgb(61,59,66);width:60%;left:20%;margin-top:0px;z-index:-1;opacity:0.7;position:fixed;}
+
div.content {width:60%;left:20%;margin-top:0px;z-index:1;position:relative}
div.content {width:60%;left:20%;margin-top:0px;z-index:1;position:relative}
-
div.bgleft {background-color:rgb(2,173,163);background-repeat:no-repeat;width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg);background-position:bottom}
+
div.bgleft {background-repeat:no-repeat;width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg);background-position:bottom}
-
div.bgright {background-color:rgb(2,173,163);background-repeat:no-repeat;width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg);background-position:bottom}
+
div.bgright {background-repeat:no-repeat;width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image:url(https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg);background-position:bottom}
-
div.bigtitle {background-position:center;background-image:url(https://static.igem.org/mediawiki/2014hs/6/6e/SKLBC-China2014-title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative}
+
div.bigtitle {background-position:center;background-image:url(https://static.igem.org/mediawiki/2014hs/6/6e/SKLBC-China2014-title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:35px;z_index:2;position:relative}
-
p {text-align:center;color:rgb(2,173,163);font-family:Gulim;font-size:17px;word-spacing:4.5px;text-height:8=75%}
+
div.paragraph {margin:5%;}
-
ul {float:left;
+
p.title {text-align:center;color:rgb(2,173,163);font-family:GeosansLight;font-size:50px;line-height:60px;}
 +
p.innerc {color:rgb(2,173,163);font-family:Gulim;font-size:20px;line-height:30px;}
 +
ul.ss {float:left;
width:100%;
width:100%;
padding:0;
padding:0;
-
margin:0;
+
margin:5px;
list-style-type:none;}
list-style-type:none;}
a.s {float:left;
a.s {float:left;
Line 30: Line 28:
background-color:rgb(46,178,170);
background-color:rgb(46,178,170);
padding:0.2em 0.6em;
padding:0.2em 0.6em;
-
border-right:1px solid white;
+
border-right:1px solid rgb(2,173,163);
-webkit-transition: background-color 0.25s ease-in;
-webkit-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
-o-transition: background-color 0.25s ease-in;}
-o-transition: background-color 0.25s ease-in;}
a:hover {background-color:rgb(244,174,184)}
a:hover {background-color:rgb(244,174,184)}
-
li {display:inline}
+
a:after {color:white}
-
div.middle_img {width:100%;text-align:center;}
+
li {display:inline;}
 +
div.middle_img {width:90%;margin-left:5%;margin-rigth:5%;text-align:center;}
 +
.bar {margin-left:2%;margin-right:2%;width:96%;height:1px;background-color:rgb(4,90,80)}
 +
#right{
 +
display:block;
 +
height: 500px;
 +
position: absolute;
 +
width: 5%;
 +
left: 95%;
 +
float:left;
 +
color:white;
 +
text-align: center;
 +
font-size: 3.75em;
 +
line-height: 500px;
 +
overflow: hidden;
 +
}
 +
#right:hover{
 +
background-color: grey;
 +
filter:alpha(opacity=50);
 +
-moz-opacity:0.5; 
 +
-khtml-opacity: 0.5; 
 +
opacity: 0.5; 
 +
}
 +
#left{
 +
display:block;
 +
height: 500px;;
 +
position: absolute;
 +
width: 5%;
 +
color:white;
 +
left: 0%;
 +
float:left;
 +
text-align: center;
 +
font-size: 3.75em;
 +
line-height: 500px;
 +
overflow: hidden;
 +
}
 +
#left:hover{
 +
background-color: grey;
 +
filter:alpha(opacity=50); 
 +
-moz-opacity:0.5; 
 +
-khtml-opacity: 0.5; 
 +
opacity: 0.5; 
 +
}
 +
#overviewimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#ourworkimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#searchengineimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#pushserviceimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#articleimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#activityimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#meetupimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
 +
#shareimg{
 +
font-size: 60px;
 +
max-width:100%;
 +
max-height:500px;
 +
vertical-align:center;
 +
}
</style>
</style>
</head>
</head>
Line 42: Line 130:
<body>
<body>
<div class="header" style="text-align:center">
<div class="header" style="text-align:center">
-
<ul>
+
<ul class="ss">
-
<li><a class="s" href="#">Project</a></li>
+
-
<li><a class="s" href="Index.html">Back to Home</a></li>
+
-
<li><a class="s" href="#">Overview</a></li>
+
<li><a class="s" href="#">See Our Project</a></li>
<li><a class="s" href="#">See Our Project</a></li>
-
<li><a class="s" href="#">Demo</a></li>
+
<li><a class="s" href="https://2014hs.igem.org/Team:SKLBC-China">Back to Home</a></li>
</ul>
</ul>
-
<a href="Index.html"><img class="logo" src="https://static.igem.org/mediawiki/2014hs/7/7f/SKLBC-China2014-ogo.jpg"/></a>
+
<a href="https://2014hs.igem.org/Team:SKLBC-China"><img class="logo" src="https://static.igem.org/mediawiki/2014hs/6/65/SKLBC-China2014-logo.png"/></a>
</div>
</div>
<div class="bgleft"></div>
<div class="bgleft"></div>
<div class="bgright"></div>
<div class="bgright"></div>
-
<div class="container"></div>
+
<div class="container" style="height:100%;"></div>
<div class="bigtitle" style="height:120px"></div>
<div class="bigtitle" style="height:120px"></div>
<div class="content">
<div class="content">
-
<p>Great! Good news for Bio fans and synthetic biology researchers!</p>
+
<div class="paragraph">
-
<p>Lack of news about biology?</p>
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d9/2014hs-SKLBC-China-Background.png"/>
-
<p>Can't catch up with the Sci-Front?</p>
+
<br/>
-
<p>Being driven mad by looking for the biobricks you want in the enormous and disjointed library?</p>
+
<p class="innerc">
-
<p>We help!</p>
+
&nbsp;&nbsp;&nbsp;&nbsp;Synthetic biology has been developing so quickly recently. It's a burgeoning field and has tremendous prospects for development, which benefits the society a lot and will change people's life greatly. However, people don't know much about it. They may know some words like recombinant DNA technologies, but actually they don't really understand it. They even think negative about it and avoid it.
-
<p>Log in Wechat and follow us to get the latest news in biology and find your biobricks conveniently!</p>
+
<br/>
-
<div class="middle_img"><img src="https://static.igem.org/mediawiki/2014hs/7/7f/SKLBC-China2014-ogo.jpg"/></div>
+
&nbsp;&nbsp;&nbsp;&nbsp;Meanwhile, it's an era of intelligence. We need a more beautiful and convenient way to deal with about 20000 Biobricks,especially on mobile terminals. To satisfied these needs, we come across an idea: make a brand new searchi engine, which can both make searching much easier and can popularize synthetic biology. It's no longer a searching engine, we, SKLBC-China team, are designers, named it WeiGem+.
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;WeChat is the largest social system network in China. It's like WhatsApp, but with more functions and is compatible for iOS, Android system and PC. It would be our pleasure if you could install the application on <a href="http://www.wechat.com/en/download.html" style="text-decoration:none">http://www.wechat.com/en/download.html</a> and follow us to have a taste of our work by scan our QR code.
 +
<div class="middle_img"><img style="width:140px" src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" /></div>
 +
<div style="margin-top:35px;"><a name="v1"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v1" onclick="CastingLoadNext1();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v1" onclick="CastingLoadPrev1();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="overviewimg"/></div>
 +
<script>
 +
var Set1 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/c/ce/2014hs-SKLBC-China-Overview-1.png",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/9/94/2014hs-SKLBC-China-Overview-2.png",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/6/6a/2014hs-SKLBC-China-Overview-3.png",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/f/f3/2014hs-SKLBC-China-Overview-4.png",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/f/f2/2014hs-SKLBC-China-Overview-5.png",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/8/8e/2014hs-SKLBC-China-IGEM-mp.PNG",0));
 +
var CastingSettings1;
 +
function CastingSet(s) {
 +
CastingSettings1 = s;
 +
}
 +
var Counting1 = -1, total1;
 +
function CastingLoadNext1() {
 +
total1 = CastingSettings1.length;
 +
Counting1 = (Counting1 + 1)%total1;
 +
CastingObject1.src = CastingSettings1[Counting1][0];
 +
}
 +
var CastingObject1;
 +
function CastingImgObject(Name) {
 +
CastingObject1 = Name;
 +
}
 +
function CastingLoadPrev1() {
 +
total1 = CastingSettings1.length;
 +
Counting1 = (Counting1 - 1 + total1)%total1;
 +
CastingObject1.src = CastingSettings1[Counting1][0];
 +
}
 +
CastingImgObject(document.getElementById("overviewimg"));
 +
CastingSet(Set1);
 +
CastingLoadNext1();
 +
</script>
 +
</div>
 +
</p>
 +
<br/><br/>
 +
<div class="bar"></div>
 +
<br/><br/>
 +
<img src="https://static.igem.org/mediawiki/2014hs/4/4f/2014hs-SKLBC-China-Our_Work.png" />
 +
<br/>
 +
<p class="innerc">
 +
&nbsp;&nbsp;&nbsp;&nbsp;Our work is consisted of two parts: the advanced search engine, and the push service platform,WEiGEM+.
 +
<br/>
 +
<div style="margin-top:35px;"><a name="v2"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v2" onclick="CastingLoadNext2();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v2" onclick="CastingLoadPrev2();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="ourworkimg"/></div>
 +
<script>
 +
var Set2 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/8/8e/2014hs-SKLBC-China-IGEM-mp.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/e/eb/2014hs-SKLBC-China-Wechat-off.png",0));
 +
var CastingSettings2;
 +
function CastingSet(s) {
 +
CastingSettings2 = s;
 +
}
 +
var Counting2 = -1, total2;
 +
function CastingLoadNext2() {
 +
total2 = CastingSettings2.length;
 +
Counting2 = (Counting2 + 1)%total2;
 +
CastingObject2.src = CastingSettings2[Counting2][0];
 +
}
 +
var CastingObject2;
 +
function CastingImgObject(Name) {
 +
CastingObject2 = Name;
 +
}
 +
function CastingLoadPrev2() {
 +
total2 = CastingSettings2.length;
 +
Counting2 = (Counting2 - 1 + total2)%total2;
 +
CastingObject2.src = CastingSettings2[Counting2][0];
 +
}
 +
CastingImgObject(document.getElementById("ourworkimg"));
 +
CastingSet(Set2);
 +
CastingLoadNext2();
 +
</script>
 +
</div>
 +
<br/>
 +
<img src="https://static.igem.org/mediawiki/2014hs/7/79/2014hs-SKLBC-China-Search_Engine.png" />
 +
<div class="paragraph" style="margin-top:0%;margin-bottom:0%;">
 +
<p class="innerc">
 +
&nbsp;&nbsp;&nbsp;&nbsp;For the first part, we provide the services of Biobricks searching in the of catalog searching and keyword searching.
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;Nowadays, there have been more than 20,000 Biobricks, but there hasn't a very convenient way to search for the Biobricks <b>for mobile terminals</b>, which has been a big problem.
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;According to this situation, we made a searching engine, with the Biobricks data from iGEM official organization.
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;We provide the services of Biobricks searching in the ways of catalog searching and keywords searching.
 +
<br/>
 +
</p>
 +
<div style="margin-top:35px;"><a name="v3"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v3" onclick="CastingLoadNext3();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v3" onclick="CastingLoadPrev3();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="searchengineimg"/></div>
 +
<script>
 +
var Set3 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/2/27/2014hs-SKLBC-China-Light.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/2/2c/2014hs-SKLBC-China-Water.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/1/15/2014hs-SKLBC-China-26-1.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/a/aa/2014hs-SKLBC-China-26-2.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/6/6a/2014hs-SKLBC-China-F2620-1.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/3/30/2014hs-SKLBC-China-F2620-2.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/c/ca/2014hs-SKLBC-China-Gfp-1-changable_font.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/1/18/2014hs-SKLBC-China-Gfp-multipage.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/d/dc/2014hs-SKLBC-China-Gfp.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/3/34/2014hs-SKLBC-China-How-to-search.PNG",0));
 +
var CastingSettings3;
 +
function CastingSet(s) {
 +
CastingSettings3 = s;
 +
}
 +
var Counting3 = -1, total3;
 +
function CastingLoadNext3() {
 +
total3 = CastingSettings3.length;
 +
Counting3 = (Counting3 + 1)%total3;
 +
CastingObject3.src = CastingSettings3[Counting3][0];
 +
}
 +
var CastingObject3;
 +
function CastingImgObject(Name) {
 +
CastingObject3 = Name;
 +
}
 +
function CastingLoadPrev3() {
 +
total3 = CastingSettings3.length;
 +
Counting3 = (Counting3 - 1 + total3)%total3;
 +
CastingObject3.src = CastingSettings3[Counting3][0];
 +
}
 +
CastingImgObject(document.getElementById("searchengineimg"));
 +
CastingSet(Set3);
 +
CastingLoadNext3();
 +
</script>
 +
</div><br/>
 +
<p class="innerc">
 +
&nbsp;&nbsp;&nbsp;&nbsp;We didn't put this searching engine into a separated app, but made it link with the Wechat platform. WeChat is a Chinese app that has more functions than WhatsApp, and it can run on iOS, Android and PC.
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;All the data are storage on our server, so there's not huge data on user's device. Besides, there is an answering robot, when users input the keywords, the robot will give the feedback of searching results to the users.
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;After user begin a talk with the subscription account, the robot will launch a guiding massage, and the user can choose to use catalog searching (for Biobricks), keywords searching (for Biobricks), or article searching. Input "C", there will be a catalog, divide the Biobricks into different groups of types, such as DNA or Terminators. Moreover, user can type keywords to find the Biobricks linked to it, for instance, typing "purple", you will get 3 results:" M33355"," K1033906"," K1033919".
 +
</p>
 +
</div>
 +
<br/>
 +
<br/>
 +
<img src="https://static.igem.org/mediawiki/2014hs/0/0e/2014hs-SKLBC-China-Push_Service.png" />
 +
<div class="paragraph" style="margin-top:0%;margin-bottom:0%">
 +
<p class="innerc">
 +
<br/>
 +
&nbsp;&nbsp;&nbsp;&nbsp;Next is push service of science articles. They can be harshly divided into 3 parts: iGEM projects, Recommendations and Focus Issues.
 +
<br/>
 +
</p>
 +
<div style="margin-top:35px;"><a name="v4"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v4" onclick="CastingLoadNext4();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v4" onclick="CastingLoadPrev4();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="pushserviceimg"/></div>
 +
<script>
 +
var Set4 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/2/23/2014hs-SKLBC-China-Ca1.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/c/c2/2014hs-SKLBC-China-Ca2.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/d/d2/2014hs-SKLBC-China-Ca3.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/5/5b/20414hs-SKLBC-China-Ca4.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/f/ff/2014hs-SKLBC-China-Ca5.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/d/de/2014hs-SKLBC-China-Ca6.PNG",0));
 +
var CastingSettings4;
 +
function CastingSet(s) {
 +
CastingSettings4 = s;
 +
}
 +
var Counting4 = -1, total4;
 +
function CastingLoadNext4() {
 +
total4 = CastingSettings4.length;
 +
Counting4 = (Counting4 + 1)%total4;
 +
CastingObject4.src = CastingSettings4[Counting4][0];
 +
}
 +
var CastingObject4;
 +
function CastingImgObject(Name) {
 +
CastingObject4 = Name;
 +
}
 +
function CastingLoadPrev4() {
 +
total4 = CastingSettings4.length;
 +
Counting4 = (Counting4 - 1 + total4)%total4;
 +
CastingObject4.src = CastingSettings4[Counting4][0];
 +
}
 +
CastingImgObject(document.getElementById("pushserviceimg"));
 +
CastingSet(Set4);
 +
CastingLoadNext4();
 +
</script><br/><br/>
 +
</div>
 +
<br/>
 +
<p class="innerc">
 +
<br/>
 +
<b>iGEM projects</b>: in this part, we write introductions to the best researches in a simple and understandable way, both in Chinese and English. The teams' wikis are affiliated and recommended by them. In this way, iGEM as well as Synthetic Biology is understandable, more straightforwardly.
 +
<br/>
 +
<br/>
 +
<b>Recommendations</b>: this is where we push excellent and fascinating science books, movies and speeches etc. All kinds of interesting resources can be found here, some of which are closely connected to articles in other two parts. The most compelling member would be <b>GAMES</b>. <b>PLAY AND SAVE THE WORLD HERE!</b> Thus, our followers can get more background knowledge and further understanding.
 +
<br/>
 +
<br/>
 +
<b>Focus Issues</b>: this part is about popular controversies, like Genetic Modified Food and health rumors. We present both for and against sides of the issues. In crowds of brainwash, we provide objective views. Hopefully, followers' critical thinking and elaborative faculties will be developed.
 +
<br/>
 +
<br/>
 +
<b>We also build a search engine for theses articles.</b> Enter "'#'+Keywords" to search Related Papers about a specific topic (Eg: #water)
 +
</p>
 +
<div style="margin-top:35px;"><a name="v5"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v5" onclick="CastingLoadNext5();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v5" onclick="CastingLoadPrev5();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="articleimg"/></div>
 +
<script>
 +
var Set5 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/6/6b/2014hs-SKLBC-China-A1.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/a/a3/2014hs-SKLBC-China-A2.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/e/e3/2014hs-SKLBC-China-A3.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/2/2e/2014hs-SKLBC-China-A4.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/f/fc/2014hs-SKLBC-China-A5.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/0/0d/2014hs-SKLBC-China-ABOUT_US.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/8/85/2014hs-SKLBC-China-BOOK.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/4/4d/2014hs-SKLBC-China-FOCUS_ISSUE.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/0/03/2014hs-SKLBC-China-Integrate.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/d/d1/2014hs-SKLBC-China-Project1.PNG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/5/5b/2014hs-SKLBC-China-project2.png",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/d/df/2014hs-SKLBC-China-Project3.PNG",0));
 +
var CastingSettings5;
 +
function CastingSet(s) {
 +
CastingSettings5 = s;
 +
}
 +
var Counting5 = -1, total5;
 +
function CastingLoadNext5() {
 +
total5 = CastingSettings5.length;
 +
Counting5 = (Counting5 + 1)%total5;
 +
CastingObject5.src = CastingSettings5[Counting5][0];
 +
}
 +
var CastingObject5;
 +
function CastingImgObject(Name) {
 +
CastingObject5 = Name;
 +
}
 +
function CastingLoadPrev5() {
 +
total5 = CastingSettings5.length;
 +
Counting5 = (Counting5 - 1 + total5)%total5;
 +
CastingObject5.src = CastingSettings5[Counting5][0];
 +
}
 +
CastingImgObject(document.getElementById("articleimg"));
 +
CastingSet(Set5);
 +
CastingLoadNext5();
 +
</script>
 +
</div>
 +
</div>
 +
<br/>
 +
<br/>
 +
</p>
 +
<br/>
 +
<br/>
 +
<div class="bar"></div>
 +
<br/>
 +
<br/>
 +
<img src="https://static.igem.org/mediawiki/2014hs/5/5d/2014hs-SKLBC-China-FAQ.png" />
 +
<br/>
 +
<p class="innerc">
 +
<b>Q</b>: Why we chose WeChat instead of developing an application or a website?
 +
<br/>
 +
<b>A</b>: We actually thought about them, but since Social Network System (SNS) has become a part of everyone's life nowadays, we regarded SNS as a better choice for its great convenience, sharing and propelling functions. In addition, WeChat, with over 600,000,000 users, is proved to amplify our influence. Now we have more than 500 followers and 300 selected articles only after 2 months work. With our effort, the number and influence will surely continue to explode in the future.
 +
<br/><br/>
 +
<b>Q</b>: How do we spread our WEiGEM+?
 +
<br/>
 +
<b>A</b>: We have held lots of activities in schools, using our most compelling part-<b>GAMES</b>.
 +
<br/>
 +
Pictures: map of Guangzhou with our flags.</p>
 +
<div style="margin-top:35px;"><a name="v6"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v6" onclick="CastingLoadNext6()" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v6" onclick="CastingLoadPrev6()" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="activityimg"/></div>
 +
<script>
 +
var Set6 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/f/fe/2014hs-SKLBC-China-Hf1.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/7/74/2014hs-SKLBC-China-Hf2.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/7/7f/2014hs-SKLBC-China-Hf3.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/9/96/2014hs-SKLBC-China-IMG_0750.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/e/e4/2014hs-SKLBC-China-IMG_0774.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/c/ce/2014hs-SKLBC-China-IMG_0776.jpg",0)
 +
);
 +
var CastingSettings6;
 +
function CastingSet(s) {
 +
CastingSettings6 = s;
 +
}
 +
var Counting6 = -1, total6;
 +
function CastingLoadNext6() {
 +
total6 = CastingSettings6.length;
 +
Counting6 = (Counting6 + 1)%total6;
 +
CastingObject6.src = CastingSettings6[Counting6][0];
 +
}
 +
var CastingObject6;
 +
function CastingImgObject(Name) {
 +
CastingObject6 = Name;
 +
}
 +
function CastingLoadPrev6() {
 +
total6 = CastingSettings6.length;
 +
Counting6 = (Counting6 - 1 + total6)%total6;
 +
CastingObject6.src = CastingSettings6[Counting6][0];
 +
}
 +
CastingImgObject(document.getElementById("activityimg"));
 +
CastingSet(Set6);
 +
CastingLoadNext6();
 +
</script>
 +
</div>
 +
<p class="innerc">
 +
<br/>
 +
Furthermore, we make close communications with other teams. We hosted a meet-up on 1st June, 2014, inviting teams in China.</p>
 +
<div style="margin-top:35px;"><a name="v7"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v7" onclick="CastingLoadNext7();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v7" onclick="CastingLoadPrev7();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="meetupimg"/></div>
 +
<script>
 +
var Set7 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/7/79/1-iGEM_China_Meetup-002.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/d/dd/2014hs-SKLBC-China-DSC_3306.JPG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/7/74/2014hs-SKLBC-China-DSC_3150.JPG",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/2/28/2014hs-SKLBC-China-DSC_3147.JPG",0));
 +
var CastingSettings7;
 +
function CastingSet(s) {
 +
CastingSettings7 = s;
 +
}
 +
var Counting7 = -1, total7;
 +
function CastingLoadNext7() {
 +
total7 = CastingSettings7.length;
 +
Counting7 = (Counting7 + 1)%total7;
 +
CastingObject7.src = CastingSettings7[Counting7][0];
 +
}
 +
var CastingObject7;
 +
function CastingImgObject(Name) {
 +
CastingObject7 = Name;
 +
}
 +
function CastingLoadPrev7() {
 +
total7 = CastingSettings7.length;
 +
Counting7 = (Counting7 - 1 + total7)%total7;
 +
CastingObject7.src = CastingSettings7[Counting7][0];
 +
}
 +
CastingImgObject(document.getElementById("meetupimg"));
 +
CastingSet(Set7);
 +
CastingLoadNext7();
 +
</script>
 +
</div>
 +
<p class="innerc">
 +
<br/>
 +
Needless to say, people who is impressed by our job would share WEiGEM+.</p>
 +
<div style="margin-top:35px;"><a name="v8"></a></div>
 +
<br/>
 +
<br/>
 +
<div class="middle_img" style="height:500px">
 +
<a href="#v8" onclick="CastingLoadNext8();" style="text-decoration:none" id="right">&raquo;</a>
 +
<a href="#v8" onclick="CastingLoadPrev8();" style="text-decoration:none" id="left">&laquo;</a>
 +
<div style="width:100%;"><img alt="Loading..." id="shareimg"/></div>
 +
<script>
 +
var Set8 = new Array(
 +
new Array("https://static.igem.org/mediawiki/2014hs/e/e2/2014hs-SKLBC-China-Good.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/6/6e/2014hs-SKLBC-China-Good2.jpg",0),
 +
new Array("https://static.igem.org/mediawiki/2014hs/a/ad/2014hs-SKLBC-China-Good3.jpg",0));
 +
var CastingSettings8;
 +
function CastingSet(s) {
 +
CastingSettings8 = s;
 +
}
 +
var Counting8 = -1, total8;
 +
function CastingLoadNext8() {
 +
total8 = CastingSettings8.length;
 +
Counting8 = (Counting8 + 1)%total8;
 +
CastingObject8.src = CastingSettings8[Counting8][0];
 +
}
 +
var CastingObject8;
 +
function CastingImgObject(Name) {
 +
CastingObject8 = Name;
 +
}
 +
function CastingLoadPrev8() {
 +
total8 = CastingSettings8.length;
 +
Counting8 = (Counting8 - 1 + total8)%total8;
 +
CastingObject8.src = CastingSettings8[Counting8][0];
 +
}
 +
CastingImgObject(document.getElementById("shareimg"));
 +
CastingSet(Set8);
 +
CastingLoadNext8();
 +
</script>
 +
</div>
 +
<p class="innerc">
 +
<br/>
 +
You are unusual and have other special problems or insights, right? Feel free to contact us by sending an e-mail: <a href="mailto:JamesRNA@gmail.com" style="text-decoration:none">JamesRNA(AT)gmail.com</a>
 +
<br/>
 +
<br/>
 +
<big><b>DO NOT<b> hesitate to try our <b>POWERFUL SEARCH ENGINE</b> and </b>WEiGEM+!!</b></big>
 +
</p>
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 03:11, 21 June 2014

SKLBC-China-Our Project!


    Synthetic biology has been developing so quickly recently. It's a burgeoning field and has tremendous prospects for development, which benefits the society a lot and will change people's life greatly. However, people don't know much about it. They may know some words like recombinant DNA technologies, but actually they don't really understand it. They even think negative about it and avoid it.
    Meanwhile, it's an era of intelligence. We need a more beautiful and convenient way to deal with about 20000 Biobricks,especially on mobile terminals. To satisfied these needs, we come across an idea: make a brand new searchi engine, which can both make searching much easier and can popularize synthetic biology. It's no longer a searching engine, we, SKLBC-China team, are designers, named it WeiGem+.
    WeChat is the largest social system network in China. It's like WhatsApp, but with more functions and is compatible for iOS, Android system and PC. It would be our pleasure if you could install the application on http://www.wechat.com/en/download.html and follow us to have a taste of our work by scan our QR code.



» «
Loading...






    Our work is consisted of two parts: the advanced search engine, and the push service platform,WEiGEM+.



» «
Loading...

    For the first part, we provide the services of Biobricks searching in the of catalog searching and keyword searching.
    Nowadays, there have been more than 20,000 Biobricks, but there hasn't a very convenient way to search for the Biobricks for mobile terminals, which has been a big problem.
    According to this situation, we made a searching engine, with the Biobricks data from iGEM official organization.
    We provide the services of Biobricks searching in the ways of catalog searching and keywords searching.



» «
Loading...

    We didn't put this searching engine into a separated app, but made it link with the Wechat platform. WeChat is a Chinese app that has more functions than WhatsApp, and it can run on iOS, Android and PC.
    All the data are storage on our server, so there's not huge data on user's device. Besides, there is an answering robot, when users input the keywords, the robot will give the feedback of searching results to the users.
    After user begin a talk with the subscription account, the robot will launch a guiding massage, and the user can choose to use catalog searching (for Biobricks), keywords searching (for Biobricks), or article searching. Input "C", there will be a catalog, divide the Biobricks into different groups of types, such as DNA or Terminators. Moreover, user can type keywords to find the Biobricks linked to it, for instance, typing "purple", you will get 3 results:" M33355"," K1033906"," K1033919".




    Next is push service of science articles. They can be harshly divided into 3 parts: iGEM projects, Recommendations and Focus Issues.



» «
Loading...




iGEM projects: in this part, we write introductions to the best researches in a simple and understandable way, both in Chinese and English. The teams' wikis are affiliated and recommended by them. In this way, iGEM as well as Synthetic Biology is understandable, more straightforwardly.

Recommendations: this is where we push excellent and fascinating science books, movies and speeches etc. All kinds of interesting resources can be found here, some of which are closely connected to articles in other two parts. The most compelling member would be GAMES. PLAY AND SAVE THE WORLD HERE! Thus, our followers can get more background knowledge and further understanding.

Focus Issues: this part is about popular controversies, like Genetic Modified Food and health rumors. We present both for and against sides of the issues. In crowds of brainwash, we provide objective views. Hopefully, followers' critical thinking and elaborative faculties will be developed.

We also build a search engine for theses articles. Enter "'#'+Keywords" to search Related Papers about a specific topic (Eg: #water)



» «
Loading...







Q: Why we chose WeChat instead of developing an application or a website?
A: We actually thought about them, but since Social Network System (SNS) has become a part of everyone's life nowadays, we regarded SNS as a better choice for its great convenience, sharing and propelling functions. In addition, WeChat, with over 600,000,000 users, is proved to amplify our influence. Now we have more than 500 followers and 300 selected articles only after 2 months work. With our effort, the number and influence will surely continue to explode in the future.

Q: How do we spread our WEiGEM+?
A: We have held lots of activities in schools, using our most compelling part-GAMES.
Pictures: map of Guangzhou with our flags.



» «
Loading...


Furthermore, we make close communications with other teams. We hosted a meet-up on 1st June, 2014, inviting teams in China.



» «
Loading...


Needless to say, people who is impressed by our job would share WEiGEM+.



» «
Loading...


You are unusual and have other special problems or insights, right? Feel free to contact us by sending an e-mail: JamesRNA(AT)gmail.com

DO NOT hesitate to try our POWERFUL SEARCH ENGINE and WEiGEM+!!