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

(Replaced content with "{{SJTU-software}} <html> <style> </style> <body> <div class="wrapper"> <!-- MAIN--> <!-- ENDS MAIN --> </body> </html> {{SJTU-software/Widget}}")
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;
 +
            }
 +
            #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: 15px;
 +
            }
 +
            ul{
 +
                list-style: none;;
 +
            }
 
</style>
 
</style>
 +
 
<body>
 
<body>
 
     <div class="wrapper">
 
     <div class="wrapper">
  
 
         <!-- 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. And 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="excerpt">
 +
                                On September 23rd, we met each other in our lab. Tongji-software gave us some suggestion 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 also some methods to do gene knockout analysis on the result of flux balance analysis. They added this function into their software.
 +
                            </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 our β test. And they gave us some feedback. They pointed out some problems on user guiding, and gave us some suggestions. Then we improved our software as they recommended, making our software more user-friendly.
 +
                                </div>
 +
 +
                                <div class="excerpt">
 +
                                    Then we also participated in their test. Their software, Biohub was a 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 some suggestions on visualization and multithreading experiment recording. Then we exchanged some visualization methods. 
 +
                                </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 -->
 
         <!-- ENDS MAIN -->
  

Revision as of 09:06, 15 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. And since they had completed the visualization work, they could help us with front-end visualization. So we decided to communicate face to face.
On September 23rd, we met each other in our lab. Tongji-software gave us some suggestion 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 also some methods to do gene knockout analysis on the result of flux balance analysis. They added this function into their software.
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 our β test. And they gave us some feedback. They pointed out some problems on user guiding, and gave us some suggestions. Then we improved our software as they recommended, making our software more user-friendly.
Then we also participated in their test. Their software, Biohub was a 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 some suggestions on visualization and multithreading experiment recording. Then we exchanged some visualization methods.

    Address

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

    Contact Us

    rockywei@sjtu.edu.cn

    SJTU-software