Difference between revisions of "Team:SJTU-software/Collaborations"

 
(11 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
 +
/*================================================================================*/
 +
            /*public engagement*/
 +
            #posts-list {
 +
                position: relative;
 +
                width: 900px;
 +
                margin-top: 15px;
 +
                margin-left: 40px;
 +
                margin-right:40px；
 +
                margin-bottom: 15px;
 +
 
 +
            }
  
 +
            #posts-list article {
 +
            position: relative;
 +
            margin-bottom: 30px;
 +
            padding-bottom: 30px;
 +
            border-bottom: 1px solid #6b3b25;
 +
            text-align:justify;
 +
            }
 +
            #posts-list article:last-child {
 +
            border: none;
 +
            }
 +
            #posts-list article .feature-image {
 +
            background:#fff;
 +
            position: relative;
 +
            line-height: 0px;
 +
            border: 5px solid #fff;
 +
            -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
            -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
            -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
            margin-bottom: 20px;
 +
            }
 +
            #posts-list article .feature-image:after {
 +
            position: absolute;
 +
            bottom: -22px;
 +
            left: 0px;
 +
            content: '';
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom;
 +
            width: 100%;
 +
            height: 17px;
 +
            }
 +
            #posts-list article .feature-image img {
 +
            max-width: 100%;
 +
            }
 +
            #posts-list article .meta {
 +
            color: #c78301;
 +
            text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 +
            font-size: 18px;
 +
            margin-bottom: 14px;
 +
            }
 +
            #posts-list article .meta a {
 +
            color: #c78301;
 +
            text-decoration: none;
 +
            }
 +
            #posts-list article .entry-title {
 +
            color: #6b3b25;
 +
            text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
            margin-bottom: 14px;
 +
            }
 +
            #posts-list article .entry-title .post-heading {
 +
            color: #6b3b25;
 +
            text-decoration: none;
 +
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
            font-size: 24px;
 +
            font-weight: 700;
 +
            }
 +
            #posts-list article .subtitle{
 +
                color: #6b3b25;
 +
                text-decoration: none;
 +
                font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
                font-size: 20px;
 +
                font-weight: 600;
 +
            }
 +
            #posts-list article .excerpt {
 +
            text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
            margin-bottom: 21px;
 +
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 +
            font-size: 18px;
 +
            line-height: 1.5em;
 +
            color: #6b3b25;
 +
            }
 +
            #posts-list.single-post article {
 +
            border: none;
 +
            }
 +
            /*-----------------------------------------------------------------------------------*/
 +
            /* PAGE NAVIGATION
 +
            /*-----------------------------------------------------------------------------------*/
 +
            #posts-list .page-navigation {
 +
            position: relative;
 +
            left: 50%;
 +
            display: block;
 +
            margin-bottom: 100px;
 +
            float: left;
 +
            }
 +
            #posts-list .page-navigation div {
 +
            position: relative;
 +
            right: 50%;
 +
            }
 +
            #posts-list .page-navigation div span {
 +
            margin-bottom: 15px;
 +
            display: inline-block;
 +
            }
 +
            #posts-list .page-navigation div:hover a {
 +
            color: #6b3b25;
 +
            }
 +
            #posts-list .page-navigation a {
 +
            -webkit-transition: all 0.3s ease;
 +
            -moz-transition: all 0.3s ease;
 +
            -o-transition: all 0.3s ease;
 +
            transition: all 0.3s ease;
 +
            color: #fff;
 +
            display: block;
 +
            font-size: 12px;
 +
            line-height: 41px;
 +
            width: 112px;
 +
            text-decoration: none;
 +
            text-align: center;
 +
            }
 +
            #posts-list .page-navigation .nav-next {
 +
            float: left;
 +
            margin-right: 20px;
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px;
 +
            }
 +
            #posts-list .page-navigation .nav-previous {
 +
            float: right;
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px;
 +
            }
 +
            /*-----------------------------------------------------------------------------------*/
 +
            .headline{
 +
                color: #6b3b25;
 +
                text-decoration: none;
 +
                font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
                font-size: 35px;
 +
                font-weight: 800;
 +
                margin: 27px;
 +
            }
 +
            ul{
 +
                list-style: none;
 +
            }
 +
            .image{
 +
                  margin: 2px 72px 6px 72px;
 +
            }
 
</style>
 
</style>
 +
 
<body>
 
<body>
 
     <div class="wrapper">
 
     <div class="wrapper">
−
        <!-- HEADER -->
 
−
      <header class="cf">
 
−
          <div id="logo"><a href="https://2018.igem.org/Team:SJTU-software/Home"> <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/teamlogo.png"  height="90"/></a></div>
 
−
          <div id="title">SJTU-software</div>
 
−
          <div id="subtitle">Metlab: a metabolic network alignment tool</div>
 
−
        </header>
 
−
 
−
        <!-- NAV -->
 
−
        <nav class="cf">
 
−
            <ul id="nav" class="sf-menu">
 
−
                <li class="current-menu-item"><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
 
−
                <li><a href="">TEAM</a>
 
−
                    <ul>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>>
 
−
                    </ul>
 
−
                </li>
 
−
                <li><a href="">PROJECT</a>
 
−
                    <ul>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Notebook">NOTEBOOK</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Contribution">CONTRIBUTION</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Improve">IMPROVE</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Attributions">ATTRIBUTIONS</a></li>
 
−
                    </ul>
 
−
                </li>
 
−
                <li><a href="">HUMAN PRACTICE</a>
 
−
                    <ul>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Silver">SILVER HP</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Gold_Intergrated">INTERCRATED AND COLD</a></li>
 
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Engagement">PUBLIC ENGAGEMENT</a></li>
 
−
                    </ul>
 
−
                </li>
 
−
            </ul>
 
−
        </nav>
 
−
        <!-- ENDS NAV-->
 
  
 
         <!-- MAIN-->
 
         <!-- MAIN-->
 +
                <div id="main" class="cf">
 +
<div class="headline">
 +
                    Collaboration 
 +
                </div>
 +
                    <!-- posts list -->
 +
                    <div id="posts-list" class="cf">
 +
                       
 +
                        <article class="cf">
 +
                            <div class="entry-title">
 +
                                <div class="post-heading" >Tongji-software team </div>
 +
                            </div>
 +
                            <div class="excerpt">
 +
                              In the process of our project, we had some difficulty in network visualization. Just then Tongji-software team got in touch with us. They had some problem in the COBRA toolbox, hoping to get some help from us. Since they had completed the visualization work, they could help us with front-end visualization. So we decided to communicate face to face.
 +
                            </div>
 +
                            <div class="feature-image image">
 +
                                        <img src="https://static.igem.org/mediawiki/2018/b/b7/T--SJTU-software--tongji_Communication2.jpg" alt="Thumbnail" />
 +
                                </div>
 +
                            <div class="excerpt">
 +
                              On September 23rd, we met each other in our lab. Tongji-software gave us some suggestions on network visualization and showed us how D3.js package was used. They helped us to deploy the package with an example. And we taught them the FVA function in COBRA toolbox and some methods to do gene knockout analysis on the result of flux balance analysis as well. They added this function into their software later.
 +
                            </div>
 +
                            <div class="feature-image image">
 +
                                        <img src="https://static.igem.org/mediawiki/2018/a/a4/T--SJTU-software--tongji_Communication1.jpg" alt="Thumbnail" />
 +
                                </div>
 +
                            <div class="excerpt">
 +
                                Besides the communication on projects, our team leader Yangzhen Wei shared some experience in Giant Jamboree as an old iGEMer. What’s more, he shared some tips about transportation, climate, sightseeing in Boston.
 +
                            </div>
 +
                           
 +
                            <div class="entry-title">
 +
                                    <div class="post-heading" >USTC-software team</div>
 +
                                </div>
 +
                                <div class="excerpt">
 +
                                    After completing our tool box, we invited USTC-software to run our β test. And they gave us some feedbacks. They pointed out problems on user guiding, and gave us their opinions. Then we improved our software in the way they recommended, making our software more user-friendly.
 +
                                </div>
  
−
        <!-- ENDS MAIN -->
+
                                <div class="excerpt">
−
+
                                    We also participated in their test. Their software, Biohub was an experiment process recording tool. It was convenient for process-experiment recording. Creating process module and sharing them in the community facilitated the communication between researchers. We gave them advices on visualization and multithreading experiment recording. In the end, we exchanged some of the visualization methods.
−
+
                                </div>
−
<!-- WIDGETS -->
+
−
<div class="widget-cols cf">
+
−
<ul class="first-col">
+
−
+
−
<div class="widget-block">
+
−
<h4>Address</h4>
+
−
<p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
+
−
                        <!-- <a href="#/blog/license/" >link</a>  -->
+
−
                    </p>
+
−
    </div>
+
−
</ul>
+
−
+
−
<ul class="second-col">
+
−
+
−
<div class="widget-block">
+
−
<h4>Contact Us</h4>
+
−
                 
+
−
    </div>
+
−
+
−
</ul>
+
−
+
−
<ul class="third-col">
+
−
+
−
<div class="widget-block">
+
−
<h4>DUMMY TEXT</h4>
+
−
<p></p>
+
−
    </div>
+
−
   
+
−
</ul>
+
−
+
−
<ul class="fourth-col">
+
−
+
−
<div class="widget-block">
+
−
<h4>CATEGORIES</h4>
+
−
<ul>
+
−
<li class="cat-item"><a href="#" >Design</a></li>
+
−
<li class="cat-item"><a href="#" >Photo</a></li>
+
−
<li class="cat-item"><a href="#" >Art</a></li>
+
−
<li class="cat-item"><a href="#" >Game</a></li>
+
−
<li class="cat-item"><a href="#" >Film</a></li>
+
−
<li class="cat-item"><a href="#" >TV</a></li>
+
−
</ul>
+
−
</div>
+
−
   
+
−
</ul>
+
−
<ul class="scroll"></ul>
+
−
</div>
+
−
<!-- ENDS WIDGETS -->
+
−
        <!-- FOOTER -->
+
−
            <div class="footer-divider"></div>
+
−
            <footer class="cf">
+
−
                    SJTU-software
+
−
            </footer>
+
−
<!-- ENDS FOOTER -->
+
  
−
    </div>
+
                               
 +
 
 +
                        </article>
 +
 
 +
                    <article>
 +
                       
 +
                        <div class="feature-image">
 +
                                <img src="https://static.igem.org/mediawiki/2018/a/a4/T--SJTU-software--tongji.jpg" width="29%" height="auto">
 +
                                <img src="https://static.igem.org/mediawiki/2018/f/fd/T--SJTU-software--BioHub.jpg" width="40%" height="auto">
 +
                                <img src="https://static.igem.org/mediawiki/2018/2/24/T--SJTU-software--USTC_logo.jpg" width="27%" height="auto">
 +
 
 +
                        </div>
 +
                    </article>
 +
                                   
 +
                </div>
 +
                    <!-- ENDS post list -->   
 +
            </div>
 +
        <!-- ENDS MAIN -->
  
−
    <script src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
 
−
    <script>
 
−
        /*-----------------------------------------------------------------------------------*/
 
−
        /* Scroll to top
 
−
        /*-----------------------------------------------------------------------------------*/       
 
−
        $('.widget-cols .scroll').click(function(){
 
−
            $("html, body").animate({ scrollTop: 0 }, 600);
 
−
            return false;
 
−
        });
 
−
        /*-----------------------------------------------------------------------------------*/
 
−
    </script>
 
−
 
 
 
</body>
 
</body>
  
 
</html>
 
</html>
 +
{{SJTU-software/Widget}}

Latest revision as of 08:09, 17 October 2018

SJTU-software
Metlab: a metabolic network research tool box
Collaboration
Tongji-software team
In the process of our project, we had some difficulty in network visualization. Just then Tongji-software team got in touch with us. They had some problem in the COBRA toolbox, hoping to get some help from us. Since they had completed the visualization work, they could help us with front-end visualization. So we decided to communicate face to face.
Thumbnail
On September 23rd, we met each other in our lab. Tongji-software gave us some suggestions on network visualization and showed us how D3.js package was used. They helped us to deploy the package with an example. And we taught them the FVA function in COBRA toolbox and some methods to do gene knockout analysis on the result of flux balance analysis as well. They added this function into their software later.
Thumbnail
Besides the communication on projects, our team leader Yangzhen Wei shared some experience in Giant Jamboree as an old iGEMer. What’s more, he shared some tips about transportation, climate, sightseeing in Boston.
USTC-software team
After completing our tool box, we invited USTC-software to run our β test. And they gave us some feedbacks. They pointed out problems on user guiding, and gave us their opinions. Then we improved our software in the way they recommended, making our software more user-friendly.
We also participated in their test. Their software, Biohub was an experiment process recording tool. It was convenient for process-experiment recording. Creating process module and sharing them in the community facilitated the communication between researchers. We gave them advices on visualization and multithreading experiment recording. In the end, we exchanged some of the visualization methods.

    Address

    NO. 800 Dongchuan Road, Minhang District, Shanghai, China

    Contact Us

    rockywei@sjtu.edu.cn

    SJTU-software