Difference between revisions of "Team:Tongji-Software/Attributions"

Latest revision as of 16:28, 17 October 2018

ATTRIBUTIONS

What makes Alpha Ant meaningful and wonderful is those
people’s great work.
Since we are from different majors, all things can be covered by everyone of us. More information about team members could be found in Team. Generally, we have three main sessions: biology logic thinking and investigation, programming and modeling, design.
It’s more like a workflow. At first, everyone is engaged in previous biology research and decide to do a topic about pathway design. Secondly, biology group try to get access to different database and deliver data to programming group. Then data processing and main part programming are followed. At last, design group can figure out how to show our software reasonably and wiki design.
Overview

Previous Research

Haiyan He, Xiaotian Yu, Zhichao Ma and Wei Cao are responsible for learning synthetic biology and mining proper topic.
Wei Cao investigated the barriers that experimenters could occur in metabolic engineering and interviewed Professor Ping Li for Tongji University for general workflow of metabolic pathway research.
Zhichao Ma communicated with postgraduate students major in bioinformatics.
Xiangzhen Li did some research on graph theoretic algorithm.

Database

Xiaotian Yu, Xiangzhen Li and Zhichao Ma were responsible for getting data from KEGG Database and data processing.
Haiyan He and Xiaotian Yu were responsible for calculating thermodynamic data by using equilibrator.
Zhichao Ma and Wei Cao was responsible for getting data from Brenda, ChEBI, DrugBank and KnowledgeBase.

Search algorithm & Ranking criteria

Xiangzhen Li did a lot of research on Graph Theoretic Algorithm and wrote code of DFS.
Xiaotian Yu and Wei Cao read some paper about atom conservation. Then they worked together on coding and model building.
Xiaotian Yu and Zhichao Ma worked on toxicity of compound and added it to ranking criteria.

Additional Functions
1.Organism recommendation
Zhichao Ma and Xiangzhen Li built and optimized microorganism recommendation model.
2.Flux Balance Analysis
Wei Cao and Haiyan He learned COBRA toolbox and built FBA model.
3.Atom conservation
Wei Cao and Haiyan He learned COBRA toolbox and built FBA model.
4.SMILES Comparison
Xiaotian Yu learned RDkit toolbox and added SMILES Comparison to our project.

Design

Yuchen Xing, Yuejia Li,Wei Cao were responsible for wiki design.
Yuchen Xing, Wei Cao and Zhichao Ma designed software interface.
YueJia Li also carried poster design work.

Human Practices and Collaborations
1.Visiting WuXi AppTec
Wei Cao communicated with WuXi AppTec and made an interview on experts in WuXi AppTec. Haiyan He, Xiaotian Yu, Zhichao Ma and Xiangzhen Li participated this interview and proposed many great ideas. Haiyan He give an excellent speech on this meeting.
2.Communicate with programmers
Zhichao Ma made a speech on a forum in school of life science and technology, Tongji University. There, we got a lot of suggestions on modeling.
3.Contact with experimenters
Wei Cao made a speech on professor Ping Li’s class and then investigate need of experimenters.
4.EuroAsia Meetup
All members attended EuroAsia Meetup in Shenzhen, China. Wei Cao and Xiaotian Yu did presentation in this Meetup. All the member answered questions during the speech.
5.CCiC

Xiaotian Yu contacted with Shanghai-tech, who held CCiC in Shanghai.
Xiangzhen Li , Xiaotian Yu and Wei Cao gave the committee a great presentation.
Haiyan He was responsible for poster exhibition part.
Yuejia Li designed the poster.

6.Meeting with SJTU & Fudan_China
Wei Cao contacted with SJTU-software and helped arrange meeting with SJTU-software. Haiyan He contacted with Fudan_China and helped arrange meeting with them. And rest of the team attended this meeting.
7.Game : “Go Ant!”
Xiaotian Yu developed the whole game. Of course, the rest of teammates gave him some advice. Yuejia Li designed the magnificent background, which made the game even more fun!
8.Visiting Meihua Group
Haiyan He, Xiaotian Yu, Zhichao Ma and Wei Cao participated this visit and proposed many great ideas. Xiaotian Yu gave an excellent speech on this meeting
9.Visiting Cathay Industrial Biotech
Haiyan He, Xiaotian Yu, Zhichao Ma and Wei Cao participated this visit and proposed many great ideas. Xiaotian Yu gave an excellent speech on this meeting
10.Visiting Key Synthetic Biology Laboratory of CAS
Xiaotian Yu, Zhichao Ma and Wei Cao participated this visit and proposed many great ideas. Weicao gave an excellent speech on this meeting
11.Mini Lectures for High School Students & Freshmen
Xiangzhen Li and Wei Cao gave these lectures for high school student and freshmen.

Financing

Xiaotian Yu is in charge of Financial management.
Wei Cao is responsible for flight tickets booking and hotel reservation. The rest of team members help plan the whole trip.

Advice and human practice support

Professor Qi Liu gave us advice on search algorithm and help us contact with WuXi AppTec.
Professor Ping Li taught us basic knowledge of synthetic biology and introduced MEIHUA GROUP to us. Then we visited the company and got a lot of useful comments on our software.
Associate professor Ye Leng helped us make a speech in The first affiliated middle school of Tongji University.

We are sincerely grateful to everyone who help us in many ways.

CONTACT

annecao@tongji.edu.cn

ADDRESS

1239# Siping Road
Tongji University,Shanghai China

@@ Line 18: / Line 18: @@
 	#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
-	.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 body{
 	margin: 0;
 	color:#685454;
-	font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-family:  Helvetica, Arial, sans-serif;
 /*	font-family: "Times New Roman", Cambria,  serif;*/
 background-color:#fff;
@@ Line 31: / Line 30: @@
    float: left;
    top: 0px;
-   background-color: #685454;
+   background-color: #592e2e;
    margin-top:0px;
    width: 10%;
@@ Line 69: / Line 68: @@
 filter: brightness(200%);
 transform: scale(1.2);
+}
+.line {
+  position: fixed;
+  float: left;
+  top: 0px;
+  left:10%;
+  background-color: #ffb6bc;
+  width: 1%;
+  height: 100%;
+  padding-right:-20px;
+  padding-top:10px;
 }
@@ Line 116: / Line 127: @@
    transition:all 0.3s;
    transform: scale(1.15);
+}
+.left li:before {
+  content: '';
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  -webkit-transition: width 0.2s ease-in;
+  transition: width 0.2s ease-in;
+  width: 3px;
+  z-index: -1;
+}
+.left li:hover:before {
+  -webkit-transition: width 0.2s ease-in;
+  transition: width 0.2s ease-in;
+  width: 100%;
+}
+.left li.open:hover before {
+  -webkit-transition: width 0.2s ease-in;
+  transition: width 0.2s ease-in;
+  width: 100%;
 }
@@ Line 130: / Line 164: @@
 top:0px;
 z-index: -1;
-opacity: 0.3;
 }
@@ Line 138: / Line 172: @@
    float: left;
    top:25%;
-   left:28%;
+   left:27%;
    font-size: 48px;
    color:#fc8190 ;
@@ Line 149: / Line 183: @@
    float: left;
    top:110%;
-   left:28%;
+   left:20%;
    width:71%;
    font-size: 18px;
    z-index: 2;
-  color:#685454;
    margin-left：50px;
   line-height: 35px;
@@ Line 161: / Line 194: @@
 .content .h1{
    margin-top: 20px;
-   font-size: 30px;
+   font-size: 33px;
    font-weight: bold;
    color: #fc8190;
 }
 .content .top{
    padding-top: 23px;
-   padding-left: 150px;
+   padding-left: 90px;
    display: table-cell;
    vertical-align:middle;
@@ Line 181: / Line 214: @@
    display: inline-block;
    text-indent:2em;
-   font-size: 20px;
+   font-size: 18px;
-   padding-top: 20px;
+   padding-top: 10px;
-   padding-bottom: 20px;
+   padding-bottom: 10px;
 }
-.content img{
+.content  img{
-  padding-left: 50px;
    display: table-cell;
    vertical-align:middle;
+  margin:0 auto;
+  text-align:center;
 }
+#contact{
+  border-radius: 15px;
+  width: 90%;
+  height:auto;
+  background:rgba(255,255,255,0.7);
+ /* border: 2.5px solid rgba(0,0,0,0.9);*/
+  z-index: 5;
+  text-align: center;
+  display: block;
+  margin-bottom: 100px;
+}
-</style>
+#contact h3{
+  font-size: 22px;
+  margin-top:35px;
+  margin-bottom:10px;
+  color : #5b3d3d;
+}
+#contact span{
+  margin-top: 15px;
+  font-size: 19px;
+  color : #826767;
+}
+#contact img{
+  margin-top: 10px;
+  transition: all 0.4s;
+  margin-bottom: 30px;
+}
+#contact img:hover{
+  transform: scale(1.15);
+  transition: all 0.4s;
+}
+#btn{
+display: none;
+position: fixed;
+left: 90%;
+bottom: 40px;
+height:80px;
+width: 80px;
+background: url(https://static.igem.org/mediawiki/2018/d/d1/T--Tongji-Software--top.png) no-repeat left top;
+background-size:100% auto;
+}
+</style>
+<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css">
 <body>
 <div class="icon">
      <ul>
-     <a href="https://2018.igem.org/Team:Tongji-Software/project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/f/fa/T--Tongji-Software--logo.svg" width="55%"  ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/f/fa/T--Tongji-Software--logo.svg" width="55%"  ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Tongji-Software--Pro.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Tongji-Software--Pro.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/team" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/1/1f/T--Tongji-Software--Tea.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Team" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/1/1f/T--Tongji-Software--Tea.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/attribution" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/86/T--Tongji-Software--Att.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Attributions" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/86/T--Tongji-Software--Att.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/modeling" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/7/77/T--Tongji-Software--Mod.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Model" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/7/77/T--Tongji-Software--Mod.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/collaboration" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Col.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Collaborations" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Col.svg" width="35%" left="100px"></li></a>
      <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/human-practice" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/Medal" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Measurement" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
    </ul>
    </div>
+<div class="line"></div>
-<div class="left">
+<div><a href="javascript:;" id="btn" title="Return to Top"></a></div>
+<div id = "wrapper">
+<div class="left"  id = "sidebar-wrapper">
      <ul>
        <li><a href="#Overview">Overview</a></li>
@@ Line 231: / Line 312: @@
        <li><a href="#Financing">Financing &</br> Trip planning</a></li>
        <li><a href="#Advice">Advice and human</br> practice support</a></li>
-     </ul> //小标题
+     </ul>
   </div>
- <div class="picture">
+<div class="picture">
       <img src="https://static.igem.org/mediawiki/2018/2/24/T--Tongji-Software--Attribution-background.jpeg"  width="100%" >
     </div>
@@ Line 245: / Line 326: @@
     </div>
-<div class="content" >
+<div class="content" id="con">
 <span class="top">
-         What makes Alpha Ant meaningful and wonderful is those people’s great work.</br>
+         What makes Alpha Ant meaningful and wonderful is those </br>people’s great work.</br>
        </span>
+<span class="detail" >Since we are from different majors, all things can be covered by everyone of us. More information about team members could be found in <a href="https://2018.igem.org/Team:Tongji-Software/Team" target="_blank">Team</a>. Generally, we have three main sessions: biology logic thinking and investigation, programming and modeling, design.</span> </br>
-<span class="detail" >Since we are from different majors, all things can be covered by everyone of us. More information about team members could be found in <a href="https://2018.igem.org/Team:Tongji-Software/Team" target="_blank">Team</a>.Generally, we have three main sessions: biology logic thinking and investigation, programming and modeling, design.</span> </br></span>
+<span class="detail" >It’s more like a workflow. At first, everyone is engaged in previous biology research and decide to do a topic about pathway design. Secondly, biology group try to get access to different database and deliver data to programming group. Then data processing and main part programming are followed. At last, design group can figure out how to show our software reasonably and wiki design.</span></br>
-<span class="detail" >It’s more like a workflow. At first, everyone is engaged in previous biology research and decide to do a topic about pathway design. Secondly, biology group try to get access to different database and deliver data to programming group. Then data processing and main part programming are followed. At last, design group can figure out how to show our software reasonably and wiki design.</br></span>
@@ Line 302: / Line 382: @@
        </span>
-<b>1.FBA</b></br>
-<span class="detail" >Wei Cao and Haiyan He learned COBRA toolbox and built FBA model.</span></br>
-<b>2.Microorganism recommendation</b></br>
+<b>1.Organism recommendation</b></br>
 <span class="detail" >Zhichao Ma and Xiangzhen Li built and optimized microorganism recommendation model.</span></br>
-<b>3.SMILES Comparison </b></br>
+<b>2.Flux Balance Analysis</b></br>
+<span class="detail" >Wei Cao and Haiyan He learned COBRA toolbox and built FBA model.</span></br>
+<b>3.Atom conservation</b></br>
+<span class="detail" >Wei Cao and Haiyan He learned COBRA toolbox and built FBA model.</span></br>
+<b>4.SMILES Comparison </b></br>
 <span class="detail" >Xiaotian Yu learned RDkit toolbox and added SMILES Comparison to our project.</br></span></br>
@@ Line 323: / Line 407: @@
 <span class="h1" id="Human">
-       Human Practice and Collaboration</br>
+       Human Practices and Collaborations</br>
        </span>
@@ Line 333: / Line 417: @@
 <b>3.Contact with experimenters</b></br>
-<span class="detail" >Wei Cao made a speech on professor Ping Li’s class and then investigate need of experimenters. </br></span>
+<span class="detail" >Wei Cao made a speech on professor Ping Li’s class and then investigate need of experimenters. </span></br>
 <b>4.EuroAsia Meetup</b></br>
-<span class="detail" > All members attended EuroAsia Meetup in Shenzhen, China. Haiyan took picture for us. Wei Cao and Xiaotian Yu did presentation in this Meetup.</br></span>
+<span class="detail" > All members attended EuroAsia Meetup in Shenzhen, China. Wei Cao and Xiaotian Yu did presentation in this Meetup. All the member answered questions during the speech.</br></span>
 <b>5.CCiC</b></br>
-<span class="detail" >Xiaotian Yu contacted with Shanghai-tech, who held CCiC in Shanghai.</br></span>
+<ul>
-<span class="detail" >Xiangzhen Li , Xiaotian Yu and Wei Cao gave the committee a great presentation.</br></span>
+<li>Xiaotian Yu contacted with Shanghai-tech, who held CCiC in Shanghai.</li>
+<li>Xiangzhen Li , Xiaotian Yu and Wei Cao gave the committee a great presentation.</li>
+<li>Haiyan He was responsible for poster exhibition part.</li>
+<li>Yuejia Li designed the poster.</li>
+</ul>
+</br>
-<b>6.Meeting with SJTU</b></br>
+<b>6.Meeting with SJTU & Fudan_China</b></br>
-<span class="detail" >Wei Cao contacted with SJTU-software and helped arrange meeting with SJTU-software. And rest of the team attended this meeting.</br></span>
+<span class="detail" >Wei Cao contacted with SJTU-software and helped arrange meeting with SJTU-software. Haiyan He contacted with Fudan_China and helped arrange meeting with them. And rest of the team attended this meeting.</br></span>
-<b>6.Game : “Go Ant!”</b></br>
+<b>7.Game : “Go Ant!”</b></br>
 <span class="detail" >Xiaotian Yu developed the whole game. Of course, the rest of teammates gave him some advice. Yuejia Li designed the magnificent background, which made the game even more fun!</br></span>
+<b>8.Visiting Meihua Group</b></br>
+<span class="detail" >Haiyan He, Xiaotian Yu, Zhichao Ma and Wei Cao participated this visit and proposed many great ideas. Xiaotian Yu gave an excellent speech on this meeting</br></span>
+<b>9.Visiting Cathay Industrial Biotech</b></br>
+<span class="detail" >Haiyan He, Xiaotian Yu, Zhichao Ma and Wei Cao participated this visit and proposed many great ideas. Xiaotian Yu gave an excellent speech on this meeting</br></span>
+<b>10.Visiting Key Synthetic Biology Laboratory of CAS</b></br>
+<span class="detail" >Xiaotian Yu, Zhichao Ma and Wei Cao participated this visit and proposed many great ideas. Weicao gave an excellent speech on this meeting</br></span>
+<b>11.Mini Lectures for High School Students & Freshmen</b></br>
+<span class="detail" >Xiangzhen Li and Wei Cao gave these lectures for high school student and freshmen.</br></span></br>
 <span class="h1" id="Financing & Trip planning">
@@ Line 364: / Line 466: @@
 <li>Professor Qi Liu gave us advice on search algorithm and help us contact with WuXi AppTec.</li>
 <li>Professor Ping Li taught us basic knowledge of synthetic biology and introduced MEIHUA GROUP to us. Then we visited the company and got a lot of useful comments on our software.</li>
-<li>Associate professor Ye Len helped us make a speech in The first affiliated middle school of Tongji University.</li>
+<li>Associate professor Ye Leng helped us make a speech in The first affiliated middle school of Tongji University.</li>
 </ul>
@@ Line 372: / Line 474: @@
        </span>
+<div id="contact">
+	<h3>CONTACT</h3>
+	<span>annecao@tongji.edu.cn</span><hr/>
+	<h3>ADDRESS</h3>
+	<span>1239# Siping Road</br>Tongji University,Shanghai China</span><hr/>
+	<h3>GET IN TOUCH</h3>
+	<a href="https://www.facebook.com/tongjiIGEMer/?ref=bookmarks"><img src="https://static.igem.org/mediawiki/2018/8/8c/T--Tongji-Software--facebook.png" width="5%"></a>
+</div>
+</div>
-</span>
 </div>
+<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script>
+<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
+<script type="text/javascript">
+	$(document).ready(function () {
+	  var trigger = $('.icon'),
+	    slide = $('.left'),
+		 isClosed = true;
+		trigger.mouseover(function () {
+		  cross_out();
+		});
+		slide.mouseleave(function () {
+		  cross_in();
+		});
+		function cross_out() {
+		  if (isClosed == true) {
+			trigger.removeClass('is-open');
+			trigger.addClass('is-closed');
+			$('#wrapper').toggleClass('toggled');
+			isClosed = false;
+		  }
+		}
+		function cross_in() {
+		  if (isClosed == false) {
+			trigger.removeClass('is-closed');
+			trigger.addClass('is-open');
+			$('#wrapper').toggleClass('toggled');
+			isClosed = true;
+		  }
+	  }
+	});
+</script>
+<script>
+window.onload = function(){
+                var mybtn = document.getElementById("btn");
+                var Time1 = null;
+                var isTop = true;
+                mybtn.onclick = function(){
+                    Time1 = setInterval(function(){
+                        var osTop = document.body.scrollTop||document.documentElement.scrollTop;
+                        var speed = Math.ceil(osTop/2);
+                        document.body.scrollTop = document.documentElement.scrollTop = osTop - speed;
+                        if(osTop <= 0){
+                            clearInterval(Time1);
+                        }
+                        isTop = true ;
+                    },100)
+                }
+                window.onscroll = function(){
+                    var osTop = document.body.scrollTop||document.documentElement.scrollTop;
+                    var clientHeight = document.documentElement.clientHeight;
+                    if (osTop>clientHeight) {
+                        mybtn.style.display = "block"
+                    }
+                    else{
+                        mybtn.style.display = "none"
+                    }
+                    if (!isTop) {
+                        clearInterval(Time1);
+                    }
+                    isTop = false;
+                }
+            }
+</script>
 </body>
 </html>