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

 
(28 intermediate revisions by 4 users not shown)
Line 21: Line 21:
 
margin: 0;
 
margin: 0;
 
color:#685454;
 
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;*/
 
/* font-family: "Times New Roman", Cambria,  serif;*/
 
background-color:#fff;
 
background-color:#fff;
Line 30: Line 30:
 
   float: left;
 
   float: left;
 
   top: 0px;
 
   top: 0px;
−
   background-color: #685454;
+
   background-color: #592e2e;
 
   margin-top:0px;  
 
   margin-top:0px;  
 
   width: 10%;
 
   width: 10%;
Line 68: Line 68:
 
filter: brightness(200%);
 
filter: brightness(200%);
 
transform: scale(1.2);
 
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 115: Line 127:
 
   transition:all 0.3s;
 
   transition:all 0.3s;
 
   transform: scale(1.15);
 
   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 129: Line 164:
 
top:0px;
 
top:0px;
 
z-index: -1;
 
z-index: -1;
−
opacity: 0.3;
+
 
 
}
 
}
  
Line 137: Line 172:
 
   float: left;
 
   float: left;
 
   top:25%;
 
   top:25%;
−
   left:28%;
+
   left:27%;
 
   font-size: 48px;
 
   font-size: 48px;
 
   color:#fc8190 ;
 
   color:#fc8190 ;
Line 148: Line 183:
 
   float: left;
 
   float: left;
 
   top:110%;
 
   top:110%;
−
   left:28%;
+
   left:20%;
 
   width:71%;
 
   width:71%;
 
   font-size: 18px;
 
   font-size: 18px;
 
   z-index: 2;
 
   z-index: 2;
−
  color:#685454;
 
 
   margin-left：50px;
 
   margin-left：50px;
 
  line-height: 35px;
 
  line-height: 35px;
Line 160: Line 194:
 
.content .h1{
 
.content .h1{
 
   margin-top: 20px;
 
   margin-top: 20px;
−
   font-size: 30px;
+
   font-size: 33px;
 
   font-weight: bold;
 
   font-weight: bold;
−
   color: #fc8190;
+
   color: #fc8190;  
 
}
 
}
  
Line 186: Line 220:
 
}
 
}
  
−
.content img{
+
.content img{
−
  padding-left: 50px;
+
 
   display: table-cell;
 
   display: table-cell;
 
   vertical-align:middle;
 
   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>
 
<body>
Line 209: Line 288:
 
     <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/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/Collaborations" 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/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/Measurement" 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>
Line 219: Line 298:
 
   </div>
 
   </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>
 
     <ul>
 
       <li><a href="#Overview">Overview</a></li>
 
       <li><a href="#Overview">Overview</a></li>
Line 245: Line 326:
 
   </div>
 
   </div>
 
      
 
      
−
<div class="content" >
+
<div class="content" id="con">
 
<span class="top">
 
<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>
 +
<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" ><b>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.</b></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.</span></br>
−
 
+
−
<span class="detail" ><b>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.</b></span></br>
+
  
 
   
 
   
Line 302: Line 382:
 
       </span>
 
       </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>
 
<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>
 
<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">  
 
<span class="h1" id="Human">  
−
       Human Practice and Collaboration</br>  
+
       Human Practices and Collaborations</br>  
 
       </span>
 
       </span>
  
Line 336: Line 420:
  
 
<b>4.EuroAsia Meetup</b></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>
 
<b>5.CCiC</b></br>
Line 342: Line 426:
 
<li>Xiaotian Yu contacted with Shanghai-tech, who held CCiC in Shanghai.</li>
 
<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>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>
 
</ul>
 
</br>
 
</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>
 
<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">  
 
<span class="h1" id="Financing & Trip planning">  
Line 367: Line 466:
 
<li>Professor Qi Liu gave us advice on search algorithm and help us contact with WuXi AppTec.</li>
 
<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>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>
 
</ul>
Line 375: Line 474:
 
       </span>
 
       </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>
  
  
  
 
</div>
 
</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>
 
</body>
 
</html>
 
</html>

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

GET IN TOUCH