Difference between revisions of "Team:Peking/Software"

(Prototype team page)
 
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Peking}}
+
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
−
<html>
+
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 8)|!(IE)]><!-->
 +
<html class="no-js" lang="en">
 +
    <!--<![endif]-->
 +
    <head>
 +
        <!--- Basic Page Needs========================================================================= -->
 +
        <meta charset="utf-8"/>
 +
        <title>Software</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
        <meta name="description" content="Wiki of Peking iGEM 2016" />
 +
        <meta name="author" content="Li Jiamian & Wang Yuqing"/>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <!-- Mobile Specific Metas===================================================================== -->
 +
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 +
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 +
        <style>
 +
            .texttitle{
 +
                color: #11abb0;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif !important;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
                padding-top:40px;
 +
            }
 +
        sup{font-size:11px;}
 +
        .references{margin-top:150px;margin-bottom:40px;}
 +
        .references p{font-size:14px !important; color:#666161 !important;}
 +
        sub{color:white;}
 +
        .classic-title {font-weight: 300;padding-top:30px;}
 +
        .classic-title span {
 +
            padding-bottom: 8px;
 +
            border-bottom: 1px solid #383232;
 +
            font-weight: 400;
 +
        }
 +
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
 +
            </style>
 +
       
 +
    </head>
 +
    <body>
 +
        <!--sidebar 引用==============================================================================-->
 +
        <style>
 +
            #primary span{
 +
                display:block;
 +
                word-break:break-all
 +
            }
 +
       
 +
        #page-wrap {
 +
            width: 25%;
 +
            margin: 0px;
 +
            position: relative;
 +
        }
 +
       
 +
        #sidebar {
 +
            width: 25%;
 +
            margin-left: 0px;
 +
        }
 +
        @media (min-width:1024px){
 +
            #sidebar{position:relative;top:120px;max-width:200px;}}
 +
        @media (max-width: 1023px){
 +
            #sidebar{display:none;
 +
            }
 +
            #page-wrap{display:none;}
 +
        }
 +
        </style>
 +
       
 +
       
 +
        <script type="text/javascript">
 +
            function menuFixed(id){
 +
                var obj = document.getElementById(id);
 +
                var _getHeight = obj.offsetTop;
 +
               
 +
                window.onscroll = function(){
 +
                    changePos(id,_getHeight);
 +
                }
 +
            }
 +
        function changePos(id,height){
 +
            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            if(w>=1024){
 +
                if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
                    $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
            }
 +
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
            var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            var w = window.innerWidth;
 +
           
 +
            if(scrollTop < height){ obj.style.position = 'relative';
 +
            }else{
 +
                obj.style.position = 'fixed';
 +
            }
 +
        }
 +
        </script>
 +
       
 +
        <script type="text/javascript">
 +
            window.onload = function(){
 +
                menuFixed('sidebar');
 +
            }
 +
        </script>
 +
        <script>
 +
            function naver(id){
 +
                var obj=document.getElementById(id);
 +
                var oPos=obj.offsetTop;
 +
                return window.scrollTo(0,oPos+250);
 +
            }
 +
        </script>
 +
        <!--sidebar 引用 end ==============================================================================-->
 +
        <!--panel 引用==================================================================================-->
 +
        <style type="text/css">
 +
            .panel-default .panel-heading a{
 +
                text-decoration: none;
 +
                display:block;
 +
                padding:10px;
 +
            }
 +
        .panel-heading.panel-title{
 +
            text-decoration: none;
 +
            padding-top:0px;
 +
            padding-bottom:0px;
 +
            padding-left:0px;
 +
            padding-right:0px;
 +
            text-align:center;
 +
            font-size:19px;
 +
           
 +
        }
 +
        a[aria-expanded="true"] {
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
       
 +
        .panel-default .panel-heading a[aria-expanded="false"]{
 +
            -o-transition: background-color 1s linear;
 +
            -moz-transition: background-color 1s linear;
 +
            -khtml-transition: background-color 1s linear;
 +
            -webkit-transition: background-color 1s linear;
 +
            -ms-transition: background-color 1s linear;
 +
            transition: background-color 1s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]{
 +
            -o-transition: opacity 1s linear;
 +
            -moz-transition: opacity 1s linear;
 +
            -khtml-transition: opacity 1s linear;
 +
            -webkit-transition: opacity 1s linear;
 +
            -ms-transition: opacity 1s linear;
 +
            transition: opacity 0.7s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
 +
            opacity:0.7;
 +
        }
 +
        </style>
 +
       
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                              $("#button1").click(function(){
 +
                                                  $(".panel-collapse").collapse("show");
 +
                                                  });
 +
                              });
 +
                              $(document).ready(function(){
 +
                                                $("#button2").click(function(){
 +
                                                                    $(".panel-collapse").collapse("hide");
 +
                                                                    });
 +
                                                });
 +
                                                $("#notebook").addClass("navbar-active");
 +
            </script>
 +
        <!--panel 引用 end ==================-->
 +
       
 +
      <!-- Navigation -->
 +
        <div id="navigation" class="navbar navbar-fixed-top">
 +
            <div class="navbar-inner ">
 +
                <div class="container no-padding">
 +
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
                    </a>
 +
                    <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
 +
                   
 +
                    <div class="nav-collapse collapse">
 +
                        <ul class="nav">
 +
                            <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
 +
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Results" >Results</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Clearance" >Clearance</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Final Performance</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Model/GelPoint" > Model of Gel Point </a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution" > Model of Mass Distribution</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Education&nbsp;&amp;&nbsp;Other</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
 +
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--/Navigation -->
  
 +
       
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1>Software</h1>
 +
                    <p class="title1" style="text-align:center">    </p>
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 +
       
 +
        <div id="page-content" class="row page">
 +
            <div id="primary" class="twelve columns">
 +
                <section>
 +
                    <div class="row">
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="three columns">
 +
                            <div id="page-wrap">
 +
                                <div id="sidebar" style="color:#000000">
 +
                                    <h4><a href="javascript:void(0);" onClick="naver('descri')">Software&nbsp;Descrition</a></h4>
 +
                                    <h4><a href="javascript:void(0);" onClick="naver('inter')">Interface</a></h4>
 +
                                </div>
 +
                            </div>
 +
                        </div>
  
−
<div class="column full_size judges-will-not-evaluate">
+
                       
−
<h3>★ ALERT! </h3>
+
                    <div class="nine columns">
−
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Awards"> Best Software Tool award</a>. </p>
+
                       
 +
                       
 +
<div class="panel panel-default">
 +
                            <div class="panel-heading panel-title">
 +
                                <a href="https://2016.igem.org/Team:Peking/Workplace" aria-expanded="false" target="_blank">Link to Software</a>
 +
                            </div>
 +
                      </div>
 +
                       
 +
<br/>
 +
<p><a id="descri"></a>
 +
                      <div class="texttitle"> Brief Description</div>
 +
                       
 +
                    <p>
 +
SoP is originally built to help our team members work out molecular weight distribution results more efficiently, at least more efficient than excel. Now for the wish of sharing, the software was published on webpage so that everyone can try our method or even compare it with experiments. Note that this application exclusively uses the formula described in our “Model-Mass Distribution” part.
 +
</p>                       
 +
                       
 +
                        <a id="inter"></a>
 +
<div class="texttitle">Software Interface</div>
 +
<br/>
 +
                        <a href="https://2016.igem.org/Team:Peking/Workplace" target="_blank"> <img src="https://static.igem.org/mediawiki/2016/c/c9/T--Peking--images_softwareinterface.png"/></a>
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
  
−
 
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
 
 
</div>
 
</div>
−
 
+
                    </div><!--row end-->
−
 
+
                    </section>
−
 
+
            </div><!--12 columes end-->
−
 
+
        </div><!--page-content end-->
−
 
+
       
−
 
+
       
−
<div class="column full_size">
+
       
−
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.</p>
+
       
−
 
+
       
−
 
+
       
−
<h5> Inspiration </h5>
+
       
−
<p>
+
       
−
Here are a few examples from previous teams:
+
        <!-- footer============================================================================== -->
−
</p>
+
        <style>
−
<ul>
+
            footer .copyright span:before {
−
<li><a href="https://2013.igem.org/Team:TU-Munich/Results/Software">TU Munich 2013</a></li>
+
                content: "|";
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">Heidelberg 2014</a></li>
+
                padding-left: 10px;
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">Aachen 2014</a></li>
+
                padding-right: 12px;
−
</ul>
+
                color: #b4bbbb;
−
 
+
            }
−
</div>
+
        footer .copyright span:after {
−
 
+
            content: "|";
 +
            padding-left: 10px;
 +
            padding-right: 12px;
 +
            color: #b4bbbb;
 +
        }
 +
        </style>
 +
        <footer id="page-footer">
 +
            <div class="row">
 +
                <div class="twelve columns" >
 +
                    <ul class="copyright">
 +
                        <!--<li>&copy; 2014 Sparrow</li> -->
 +
                        <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
 +
                        <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
 +
                        <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
 +
                    </ul>
 +
                </div>
 +
                <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
 +
            </div>
 +
        </footer> <!-- Footer End-->
 +
       
 +
       
 +
        <!-- Java Script======================================================================= -->
 +
        <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
 +
       
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 +
       
 +
       
 +
        <!--quotations from black: start-->
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
        <!--quotations from black: end-->
 +
    </body>
 
</html>
 
</html>

Latest revision as of 02:12, 20 October 2016

Software

Software


Brief Description

SoP is originally built to help our team members work out molecular weight distribution results more efficiently, at least more efficient than excel. Now for the wish of sharing, the software was published on webpage so that everyone can try our method or even compare it with experiments. Note that this application exclusively uses the formula described in our “Model-Mass Distribution” part.

Software Interface