Team:SKLBC-China/Project

From 2014hs.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 7: Line 7:
img.logo {position:fixed;right:10px;top:1px;height:33px;border:none;}
img.logo {position:fixed;right:10px;top:1px;height:33px;border:none;}
div.header {background-color:rgb(46,178,170);width:100%;height:35px;z-index:3;top:0px;position:fixed}
div.header {background-color:rgb(46,178,170);width:100%;height:35px;z-index:3;top:0px;position:fixed}
-
div.container {margin:0;padding:0;background-color:rgb(0,4,0);width:60%;left:20%;margin-top:0px;z-index:-1;opacity:0.5;position:fixed}
+
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}
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-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-repeat:no-repeat;width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: urlhttps://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:35px;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}
div.paragraph {margin:5%;}
div.paragraph {margin:5%;}
Line 33: Line 33:
-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)}
 +
a:after {color:white}
li {display:inline;}
li {display:inline;}
-
div.middle_img {width:100%;text-align:center;}
+
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)}
.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 61: Line 150:
<br/>
<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.
&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"><img src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" style="width:140px"/></div>
+
<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>
</p>
-
<br/>
+
<br/><br/>
-
<br/>
+
<div class="bar"></div>
<div class="bar"></div>
-
<br/>
+
<br/><br/>
-
<br/>
+
<img src="https://static.igem.org/mediawiki/2014hs/4/4f/2014hs-SKLBC-China-Our_Work.png" />
<img src="https://static.igem.org/mediawiki/2014hs/4/4f/2014hs-SKLBC-China-Our_Work.png" />
<br/>
<br/>
<p class="innerc">
<p class="innerc">
-
&nbsp;&nbsp;&nbsp;&nbsp;Our work is consisted of two parts: the advanced search engine, and the push service platform,WeiGEM.
+
&nbsp;&nbsp;&nbsp;&nbsp;Our work is consisted of two parts: the advanced search engine, and the push service platform,WEiGEM+.
<br/>
<br/>
-
                                        <div class="middle_img"><img style="width:200px" src="https://static.igem.org/mediawiki/2014hs/8/8e/2014hs-SKLBC-China-IGEM-mp.PNG" style="width:100px"/></div>
+
<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/>
<br/>
<img src="https://static.igem.org/mediawiki/2014hs/7/79/2014hs-SKLBC-China-Search_Engine.png" />
<img src="https://static.igem.org/mediawiki/2014hs/7/79/2014hs-SKLBC-China-Search_Engine.png" />
Line 85: Line 244:
&nbsp;&nbsp;&nbsp;&nbsp;According to this situation, we made a searching engine, with the Biobricks data from iGEM official organization.
&nbsp;&nbsp;&nbsp;&nbsp;According to this situation, we made a searching engine, with the Biobricks data from iGEM official organization.
<br/>
<br/>
-
&nbsp;&nbsp;&nbsp;&nbsp;We provide the services of Biobricks searching in the ways of catalog searching and keywords searching.<br/>,/p>
+
&nbsp;&nbsp;&nbsp;&nbsp;We provide the services of Biobricks searching in the ways of catalog searching and keywords searching.
-
<div class="middle_img"><img style="width:200px" src="https://static.igem.org/mediawiki/2014hs/b/b7/2014hs-SKLBC-China-%40F2620_1.PNG" style="width:140px"/></div>
+
<br/>
-
<br/>
+
</p>
-
<div class="middle_img"><img style="width:200px" src="https://static.igem.org/mediawiki/2014hs/e/e2/2014hs-SKLBC-China-%40F2620_2.PNG" style="width:140px"/></div>
+
<div style="margin-top:35px;"><a name="v3"></a></div>
-
<br/>
+
<br/>
-
<div class="middle_img"><img style="width:200px" src="https://static.igem.org/mediawiki/2014hs/e/eb/2014hs-SKLBC-China-%40gfp_multipage.PNG" style="width:140px"/></div><p class="innerc">
+
<br/>
-
<br/>&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.
+
<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/>
<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.
&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.
Line 106: Line 306:
&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.
&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/>
<br/>
-
</p>
+
</p>
-
<div class="middle_img"><img src="https://static.igem.org/mediawiki/2014hs/f/fa/2014hs-SKLBC-China-PROJECT-weigem.PNG" style="width:140px"/></div>
+
<div style="margin-top:35px;"><a name="v4"></a></div>
-
<p class="innerc">
+
<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/>
<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.
<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.
Line 121: Line 360:
<b>We also build a search engine for theses articles.</b> Enter "'#'+Keywords" to search Related Papers about a specific topic (Eg: #water)
<b>We also build a search engine for theses articles.</b> Enter "'#'+Keywords" to search Related Papers about a specific topic (Eg: #water)
</p>
</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>
</div>
<br/>
<br/>
<br/>
<br/>
</p>
</p>
-
 
<br/>
<br/>
<br/>
<br/>
Line 138: Line 421:
<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.  
<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/>
<br/><br/>
-
<b>Q</b>: How do we spread our WeiGEM?
+
<b>Q</b>: How do we spread our WEiGEM+?
<br/>
<br/>
<b>A</b>: We have held lots of activities in schools, using our most compelling part-<b>GAMES</b>.  
<b>A</b>: We have held lots of activities in schools, using our most compelling part-<b>GAMES</b>.  
<br/>
<br/>
-
Pictures: map of Guangzhou with our flags.
+
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/>
<br/>
-
Furthermore, we make close communications with other teams. We hosted a meet-up on 1st June, 2014, inviting teams in China.
+
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/>
<br/>
-
Needless to say, people who is impressed by our job would share WeiGEM.
+
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/>
<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:example@example.com" style="text-decoration:none">example@example.com</a>
+
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/>
<br/>
<br/>
-
<big><b>DO NOT<b> hesitate to try our <b>POWERFUL SEARCH ENGINE</b> and <b>WeiGEM!!</b></big>
+
<big><b>DO NOT<b> hesitate to try our <b>POWERFUL SEARCH ENGINE</b> and </b>WEiGEM+!!</b></big>
</p>
</p>
</div>
</div>

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+!!