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

Latest revision as of 16:27, 17 October 2018

COLLABORATIONS

Overview "It is literally true that you can succeed best and quickest by helping others to succeed." –Napolean Hill We reached out for 3 registered teams this year and achieved mutual benefits in the process of cooperation. As a software team, we use our skills at data processing and front-end visualization to help other teams a lot. Also, they gave lots of practical suggestions on our project from the experimenter's point of view.
SJTU-software We surprisely found that the project of SJTU-software is also relative to metabolic pathway like us from the website of iGEM. So we contacted with their team leader and held a meeting to communicate on our projects and solve problems we met together.
Mutual Benefits Achieved
Our software contains a function of flux balance analysis with Cobra tool box. Surprisely, some team members of SJTU-software have learnt Cobra tool box in their professional classes. Since our software only evaluated the flux distribution and did not look insight into the results, they showed us some cases and taught us how to choose knockout native genes for more efficient heterologous pathways based on the results of flux balance analysis. We added this to our project and made our software more practical.

Fig.1. Discussing with SJTU-software and Brainstorming.

Fig.2. Example of FBA results in Alpha Ant.
The team of SJTU-software countered some difficulties in visualizing network. During this meetup, we presented beta-version of our software. Since our team also implemented network visualization and master the skill of front-end visualization, we introduced the tutorial of D3.js package which is used for data visualization in detail and help them work it out.

Fig.3. Zhichao Ma from Tongji-Software showed beta-version of our software. Besides the assistant on project, the team member of SJTU-software Yangzhen Wei who has participated in iGEM twice shared us his experiences in Giant Jamboree and the climate, transportation and accommodation in Boston. Thanks for Wei’s reminder of keeping warm and hydrated due to the dry and cold climate in October in Boston!

Fig.4. Tongji & SJTU.Always good buddy.
Peking We met Peking in August on the fifth Conference of China iGEMer Community. We communicated a lot during the poster exhibition. After gaining insight into each other’s project, both of us realize that we could have a further collaboration. Mutual Benefits Achieved
The project of Peking is to construct a ‘synthetic membrane-less organelle’ as a multifunctional toolbox in yeast. They were planning to examine the effect of β-carotene producing in order to verify the feasibility of their project. Theβ-carotene producing consists of several enzymatic reactions.

Fig.5. Visit Peking's poster in CCiC.

Fig.6. Introducing Alpha Ant to Peking. For purpose of designing rational experiment conditions, they need to know the most efficient pathway of producingβ-carotene and the detail information about enzymes involved in the reactions. Their needs inspire us that we could offer the detail information of enzyme to our users with our software. And then we collected enzyme data from BRENDA and KEGG and integrated them into our web application. Peking got the data they needed from our software and conducted their experiments afterwards.Here is our search result page which includes physiochemical information of compound.

Fig.7. Search result page in Alpha Ant.

Fig.8. Explanation of physiochemical properties.
Copyright ©2003-2018 LIPID MAPS® Lipidomics Gateway Fudan-CHINA We reached out for Fudan_CHINA in September and held a meeting to Trouble Shooting in Tongji University. It's a great pleasure to collaborate with dry lab Team. What was exciting that they were really interested in our project. Mutual Benefits Achieved
Fudan_CHINA planned to develop a web application for visualizing their model this year. However, they got trouble in implementing their software on the web using JavaScript language. We introduced them a high-level Python Web framework which called Django to help them build web app. Similar with Fudan-CHINA, our model is related to Probability Theory. So we instructed Fundan-CHINA to change parameters of their model to make it more reliable. Beyond that, Fudan_CHINA help us edit the wiki. They reminded us to write HTML pages based on the initial code of wiki page otherwise the garbled characters may appear.

Fig.9. We held a meeting with Fudan-CHINA

Fig.10. Trouble shooting with Funda-CHINA on building model and wiki editing. Thanks a lot to Fudan-CHINA. It is really helpful for both of us among this Trouble Shooting. Hope we all have a great time in Giant Jamboree.
Eurasia Meetup Thanks to invitation by TU-Delft & BIT-China. We came to attend this Eurasia Meetup on July 24th in Shenzhen, China. We meet a lot of great teams and their excellent projects there. The three-day meetup brought us a full harvest. We introduced our project to teams who attended this meetup and acquire many useful suggestions.What is more,we learnt much about biosafety and bridging bioethics standards between continents.

Fig.11. Tongji-Software in Eurasia Meetup. Conference of China iGEMer Community We attended 5th CCiC which was held by ShanghaiTech University in August this summer. During this meeting, we introduced our project to others through presentation and poster exhibition and gained lots of valuable feedbacks.

Fig. 12. Our poster session in CCiC.

Fig. 13. We gave presentation to other teams.Q & A section was really challenging for us.
Collaboration is such a valuable thing to do. We are sincerely grateful to teams the team that gave us help and advice.We hope have further cooperation in the future!

@@ Line 30: / Line 30: @@
    float: left;
    top: 0px;
-   background-color: #685454;
+   background-color: #592e2e;
    margin-top:0px;
    width: 10%;
@@ Line 68: / Line 68: @@
 filter: brightness(200%);
 transform: scale(1.2);
+}
+.line {
+  position: fixed;
+  float: left;
+  top: 0px;
+  left:10%;
+  background-color: #ffe286;
+  width: 1%;
+  height: 100%;
+  padding-right:-20px;
+  padding-top:10px;
 }
@@ Line 75: / Line 86: @@
    top: 0px;
    left:10%;
-   background-color: #c274fd;
+   background-color: #ffe286;
    width: 12%;
    height: 100%;
@@ Line 106: / Line 117: @@
    transition: 0.3s;
    font-weight:bold;
-   font-size:15px;
+   font-size:19px;
 }
@@ Line 115: / Line 126: @@
    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 129: / Line 164: @@
 top:0px;
 z-index: -1;
-opacity: 0.3;
 }
@@ Line 137: / Line 171: @@
    float: left;
    top:25%;
-   left:28%;
+   left:20%;
    font-size: 48px;
-   color:#c274fd ;
+   color:#ffe286 ;
    z-index: 2;
    font-weight: bolder;
@@ Line 148: / Line 182: @@
    float: left;
    top:110%;
-   left:26%;
+   left:20%;
    width:71%;
    font-size: 18px;
    z-index: 2;
-  color:#685454;
    margin-left：50px;
   line-height: 35px;
@@ Line 162: / Line 195: @@
    font-size: 30px;
    font-weight: bold;
-   color: #c274fd;
+   color: #ffe286;
 }
 .content .top{
-   padding-left: 50px;
+   display:block;
-   display: table-cell;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
-   font-size: 15px;
+   font-size: 14px;
-  color:#685454;
    padding-bottom: 20px;
+  font-family:Georgia;
 }
@@ Line 185: / Line 217: @@
 .content  img{
-  padding-left: 50px;
    display: table-cell;
    vertical-align:middle;
+  margin:0 auto;
+  text-align:center;
 }
-</style>
+.contact{
+  position:absolute;
+  float: left;
+  left:10%;
+  font-size: 18px;
+  border-radius: 15px;
+ width:71%;
+  height:250px;
+  background:rgba(255,255,255,0.8);
+ /* border: 2.5px solid rgba(0,0,0,0.7);*/
+  z-index: 5;
+  text-align: center;
+  display: block;
+  margin-bottom: 100px;
+}
+.contact h3{
+  font-size: 22px;
+  margin-top:35px;
+  margin-bottom:10px;
+  color : #5b3d3d;
+}
+.contact ul{
+        display:inline-block;
+	 position:absolute;
+	width:500px;
+background:rgba(255,255,255,0.8);
+left:20%;
+ margin-bottom: 100px;
+}
+.contact ul li{
+	float: left;
+	list-style: none;
+}
+.contact img {
+    width: 5em;
+    margin-right: 1em;
+    margin-bottom: 0.6em;
+}
+.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>
@@ Line 211: / Line 299: @@
      <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>
    </ul>
    </div>
-<div class="left">
+<div class="line"></div>
+<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 222: / Line 316: @@
        <li><a href="#Peking">Peking</a></li>
        <li><a href="#Fudan-CHINA">Fudan-CHINA</a></li>
+      <li><a href="#Eurasia">Eurasia Meetup</a></li>
+      <li><a href="#CCiC">CCiC</a></li>
      </ul>
@@ Line 237: / Line 333: @@
-<div class="content" >
+<div class="content" id="con">
 <span class="h1" id="Overview">Overview</span>
@@ Line 246: / Line 342: @@
 <span class="h1" id="SJTU-software">SJTU-software</span>
-<span class="detail">We surprisely found that the project of SJTU-software is also relative to metabolic pathway like us from the website of iGEM. So we contacted with their team leader and held a meeting to communicate on our projects and solve problems we met together.</span>
+<span class="detail">We surprisely found that the project of <a href ="https://2018.igem.org/Team:SJTU-software/Collaborations">SJTU-software</a> is also relative to metabolic pathway like us from the website of iGEM. So we contacted with their team leader and held a meeting to communicate on our projects and solve problems we met together.</span>
 </br>
 <b>Mutual Benefits Achieved</b></br>
 <span class="detail">Our software contains a function of flux balance analysis with Cobra tool box. Surprisely, some team members of SJTU-software have learnt Cobra tool box in their professional classes. Since our software only evaluated the flux distribution and did not look insight into the results, they showed us some cases and taught us how to choose knockout native genes for more efficient heterologous pathways based on the results of flux balance analysis. We added this to our project and made our software more practical. </span>
-<img src="https://static.igem.org/mediawiki/2018/1/19/T--Tongji-Software--collaboration-SJTU-com.jpeg" width="75%">
+<img src="https://static.igem.org/mediawiki/2018/1/19/T--Tongji-Software--collaboration-SJTU-com.jpeg" width="65%">
 <span class="top">Fig.1. Discussing with SJTU-software and Brainstorming.</span>
+<img src="https://static.igem.org/mediawiki/2018/9/9c/T--Tongji-Software--project-p22.png" width="90%"></br>
+<span class="top">Fig.2. Example of FBA results in Alpha Ant.</span></br>
 <span class="detail">The team of SJTU-software countered some difficulties in visualizing network. During this meetup, we presented beta-version of our software. Since our team also implemented network visualization and master the skill of front-end visualization, we introduced the tutorial of D3.js package which is used for data visualization in detail and help them work it out.</span>
-<img src="https://static.igem.org/mediawiki/2018/f/f1/T--Tongji-Software--collaboration-SJTU-pre.jpeg" width="75%">
+<img src="https://static.igem.org/mediawiki/2018/f/f1/T--Tongji-Software--collaboration-SJTU-pre.jpeg" width="65%">
-<span class="top">Fig.2. Zhichao Ma from Tongji-Software showed beta-version of our software.</span>
+<span class="top">Fig.3. Zhichao Ma from Tongji-Software showed beta-version of our software.</span>
 <span class="detail">Besides the assistant on project, the team member of SJTU-software Yangzhen Wei who has participated in iGEM twice shared us his experiences in Giant Jamboree and the climate, transportation and accommodation in Boston. Thanks for Wei’s reminder of keeping warm and hydrated due to the dry and cold climate in October in Boston!</span>
-<img src="https://static.igem.org/mediawiki/2018/e/eb/T--Tongji-Software--collaboration-SJTU-together.jpeg" width="75%">
+<img src="https://static.igem.org/mediawiki/2018/e/eb/T--Tongji-Software--collaboration-SJTU-together.jpeg" width="65%">
-<span class="top">Fig.3. Tongji & SJTU.Always good buddy.</span>
+<span class="top">Fig.4. Tongji & SJTU.Always good buddy.</span>
 </br>
 <span class="h1" id="Peking">Peking</span>
+<span class="detail">We met <a href="https://2018.igem.org/Team:Peking/Collaborations">Peking</a> in August on the fifth Conference of China iGEMer Community. We communicated a lot during the poster exhibition. After gaining insight into each other’s project, both of us realize that we could have a further collaboration.</span>
+<b>Mutual Benefits Achieved</b></br>
+<span class="detail">The project of Peking is to construct a ‘synthetic membrane-less organelle’ as a multifunctional toolbox in yeast. They were planning to examine the effect of β-carotene producing in order to verify the feasibility of their project. Theβ-carotene producing consists of several enzymatic reactions. </span>
+<img src="https://static.igem.org/mediawiki/2018/1/15/T--Tongji-Software--collaboration-Peking-poster.jpeg" width="50%">
+<span class="top">Fig.5. Visit Peking's poster in CCiC.</span>
+<img src="https://static.igem.org/mediawiki/2018/d/d4/T--Tongji-Software--HP31.jpeg" width="65%">
+<span class="top">Fig.6. Introducing Alpha Ant to Peking.</span>
+<span class="detail">For purpose of designing rational experiment conditions, they need to know the most efficient pathway of producingβ-carotene and the detail information about enzymes involved in the reactions. Their needs inspire us that we could offer the detail information of enzyme to our users with our software. And then we collected enzyme data from BRENDA and KEGG and integrated them into our web application. Peking got the data they needed from our software and conducted their experiments afterwards.Here is our search result page which includes physiochemical information of compound.</span>
+<img src="https://static.igem.org/mediawiki/2018/2/2f/T--Tongji-Software--alpha2.png" width="85%">
+<span class="top">Fig.7. Search result page in Alpha Ant.</span>
+<img src="https://static.igem.org/mediawiki/2018/4/42/T--Tongji-Software--collaboration1.png" width="90%">
+<span class="top">Fig.8. Explanation of physiochemical properties.</br>
+                  Copyright ©2003-2018 LIPID MAPS® Lipidomics Gateway </span>
 <span class="h1" id="Fudan-CHINA">Fudan-CHINA</span>
+<span class="detail">We reached out for <a href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">Fudan_CHINA</a> in September and held a meeting to Trouble Shooting in Tongji University. It's a great pleasure to collaborate with dry lab Team. What was exciting that they were really interested in our project. </span>
+<b>Mutual Benefits Achieved</b></br>
+<span class="detail">Fudan_CHINA planned to develop a web application for visualizing their model this year. However, they got trouble in implementing their software on the web using JavaScript language. We introduced them a high-level Python Web framework which called Django to help them build web app. Similar with Fudan-CHINA, our model is related to Probability Theory. So we instructed Fundan-CHINA to change parameters of their model to make it more reliable. Beyond that, Fudan_CHINA help us edit the wiki. They reminded us to write HTML pages based on the initial code of wiki page otherwise the garbled characters may appear.</span>
+<img src="https://static.igem.org/mediawiki/2018/0/01/T--Tongji-Software--HP30.jpeg" width="65%">
+<span class="top">Fig.9. We held a meeting with Fudan-CHINA</span>
+<img src="https://static.igem.org/mediawiki/2018/d/dd/T--Tongji-Software--HP32.jpeg" width="65%">
+<span class="top">Fig.10. Trouble shooting with Funda-CHINA on building model and wiki editing.</span>
+<span class="detail">Thanks a lot to Fudan-CHINA. It is really helpful for both of us among this Trouble Shooting. Hope we all have a great time in Giant Jamboree.</span></br>
+<span class="h1" id="Eurasia">Eurasia Meetup</span>
+<span class="detail">Thanks to invitation by TU-Delft & BIT-China. We came to attend this Eurasia Meetup on July 24th in Shenzhen, China. We meet a lot of great teams and their excellent projects there. The three-day meetup brought us a full harvest. We introduced our project to teams who attended this meetup and acquire many useful suggestions.What is more,we learnt much about biosafety and bridging bioethics standards between continents. </span></br>
+<img src="https://static.igem.org/mediawiki/2018/c/c2/T--Tongji-Software--HP-background.jpeg"  width="65%" >
+<span class="top">Fig.11. Tongji-Software in Eurasia Meetup.</span>
+<span class="h1" id="CCiC">Conference of China iGEMer Community</span>
+<span class="detail">We attended 5th CCiC which was held by ShanghaiTech University in August this summer. During this meeting, we introduced our project to others through presentation and poster exhibition and gained lots of valuable feedbacks.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/2/29/T--Tongji-Software--HP27.jpeg" width="70%"></br>
+<span class="top">Fig. 12. Our poster session in CCiC.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/9/9e/T--Tongji-Software--HP6.jpeg" width="70%"></br>
+<span class="top">Fig. 13. We gave presentation to other teams.Q & A section was really challenging for us.</span></br>
+<span class="detail">Collaboration is such a valuable thing to do. We are sincerely grateful to teams the team that gave us help and advice.We hope have further cooperation in the future!</span></br>
+<div class="contact">
+   <h3>Acknowledge</h3>
+   </br>
+   <ul>
+    <li> <img  src="https://static.igem.org/mediawiki/2018/e/e1/T--Tongji-Software--HP33.jpeg" width="50%"></li>
+   <li><img  src="https://static.igem.org/mediawiki/2018/1/1b/T--Tongji-Software--collaboration4.jpeg" width="30%"></li>
+   <li><img  src="https://static.igem.org/mediawiki/2018/9/99/T--Tongji-Software--collaboration3.jpeg" width="50%"></li>
+   <li><img  src="https://static.igem.org/mediawiki/2018/8/89/T--Tongji-Software--collaboration2.png" width="30%"></li>
+  </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>
 </html>