|
|
Line 1: |
Line 1: |
- | <html class="no-js" lang="en">
| + | {{USTC-Software/head}} |
- | <head>
| + | <style type="text/css"> |
- | <meta charset="utf-8" />
| + | .wiki{ |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
| + | background-color: #e9f0f5; |
- | <title>USTC-Software | Welcome</title>
| + | } |
- | <link rel="icon" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/favicon.ico" type="image/x-icon">
| + | </style> |
- | <!-- For third-generation iPad with high-resolution Retina display: -->
| + | |
- | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-144x144-precomposed.png">
| + | |
- | <!-- For iPhone with high-resolution Retina display: --> | + | |
- | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-114x114-precomposed.png">
| + | |
- | <!-- For first- and second-generation iPad: -->
| + | |
- | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-72x72-precomposed.png">
| + | |
- | <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
| + | |
- | <link rel="apple-touch-icon-precomposed" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-precomposed.png">
| + | |
| | | |
- | <meta name="description" content="iGEM">
| |
- | <meta name="author" content="Taixing Lin">
| |
- | <meta name="copyright" content="USTC-Software, inc. Copyright (c) 2014">
| |
- |
| |
- | <link rel="stylesheet" href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/foundation.css" />
| |
- | <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/fixed-positioning.css" rel="stylesheet" type="text/css" />
| |
- | <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/fixed-igemHead.css" rel="stylesheet" type="text/css" />
| |
- |
| |
- | <link rel="stylesheet" href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/main.css" />
| |
- | <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/vendor/modernizr.js"></script>
| |
- | <!--[if lt IE 9]>
| |
- | <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/ie.css" media="screen" rel="stylesheet" />
| |
- | <![endif]-->
| |
| | | |
- | <!-- IE Fix for HTML5 Tags -->
| + | <div style="position: relative;"> |
- | <!--[if lt IE 9]>
| + | <img src="https://static.igem.org/mediawiki/2014/5/50/2014ustc-MainBackgroundback2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
- | <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/html5.js"></script>
| + | </div> |
- | <![endif]-->
| + | |
- | </head>
| + | |
- | <body class="off-canvas hide-extras " style="">
| + | |
- | <div class="off-canvas-wrap">
| + | |
- | <div class="inner-wrap">
| + | |
- | <aside class="left-off-canvas-menu">
| + | |
- | <ul class="off-canvas-list">
| + | |
- | <li><label class="first" style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight:700">USTC-Software</label></li>
| + | |
- | <li><a href="index.html">Home</a></li>
| + | |
- | </ul>
| + | |
| | | |
- | <hr>
| + | <div style="position: relative;"> |
| + | <img src="img/page1.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
| + | </div> |
| | | |
- | <ul class="off-canvas-list">
| + | <div style="position: relative;"> |
- | <li><label class="first">About</label></li>
| + | <img src="img/page2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
- | <li><a href="learn/features.html">Overall</a></li>
| + | </div> |
- | <li><a href="learn/faq.html">Software</a></li>
| + | |
- | <li><a href="learn/faq.html">Method</a></li>
| + | |
- | <li><a href="learn/faq.html">Examples</a></li>
| + | |
- | <li><a href="learn/faq.html">Future Work</a></li>
| + | |
- | </ul>
| + | |
| | | |
- | <hr>
| + | <div style="position: relative;"> |
| + | <img src="img/page3.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
| + | </div> |
| | | |
- | <ul class="off-canvas-list">
| + | <div style="position: relative;"> |
- | <li><label>Teams</label></li>
| + | <img src="img/page4.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
- | </ul>
| + | </div> |
| | | |
- | <hr>
| + | <div style="position: relative;"> |
- | | + | <img src="img/page5.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
- | <ul class="off-canvas-list">
| + | |
- | <li><label>Schedule</label></li>
| + | |
- | <li><a href="support/support.html">Term</a></li>
| + | |
- | <li><a href="/forum">Vacation</a></li>
| + | |
- | </ul>
| + | |
- | <hr>
| + | |
- | <ul class="off-canvas-list">
| + | |
- | <li><label>Media</label></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <hr>
| + | |
- | <ul class="off-canvas-list">
| + | |
- | <li><label>Results</label></li>
| + | |
- | </ul>
| + | |
- | <hr>
| + | |
- | <ul class="off-canvas-list">
| + | |
- | <li><label>Sponsors</label></li>
| + | |
- | </ul>
| + | |
- | <hr>
| + | |
- | <ul class="off-canvas-list">
| + | |
- | <li><label>Contact</label></li>
| + | |
- | </ul>
| + | |
- | <hr>
| + | |
- | | + | |
- | </aside>
| + | |
- | <!-- -------------------------------------->
| + | |
- | | + | |
- |
| + | |
- | <nav class="tab-bar show-for-small">
| + | |
- | <a class="left-off-canvas-toggle menu-icon" style="line-height: 1.0625rem;">
| + | |
- |
| + | |
- | <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight:700">USTC_Software</span>
| + | |
- |
| + | |
- | </a>
| + | |
- | </nav>
| + | |
- | | + | |
- | <nav class="top-bar hide-for-small" data-topbar>
| + | |
- | <ul class="title-area">
| + | |
- | <li class="name" >
| + | |
- | <h1><a href="index.html" style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight: 700;">USTC-Software</a></h1>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <!-- -------------------------------------->
| + | |
- | <section class="top-bar-section">
| + | |
- | <ul class="right">
| + | |
- | <li class="divider"></li>
| + | |
- | <li>
| + | |
- | <a href="/docs" class="">Home</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li class="divider"></li>
| + | |
- | <li class="has-dropdown">
| + | |
- | <a href="learn/features.html" class="">About</a>
| + | |
- | <ul class="dropdown">
| + | |
- | <li><a href="learn/features.html">Overall</a></li>
| + | |
- | <li><a href="learn/faq.html">Software</a></li>
| + | |
- | <li><a href="learn/faq.html">Method</a></li>
| + | |
- | <li><a href="learn/faq.html">Examples</a></li>
| + | |
- | <li><a href="learn/faq.html">Future Work</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="divider"></li>
| + | |
- | <li>
| + | |
- | <a href="/docs" class="">Teams</a>
| + | |
- | </li>
| + | |
- | <li class="divider"></li>
| + | |
- | <li class="has-dropdown">
| + | |
- | <a href="templates.html" class="">Schedule</a>
| + | |
- | <ul class="dropdown">
| + | |
- | <li><a href="templates.html">test</a></li>
| + | |
- | <li><a href="/docs">Docs</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
- | <li class="divider"></li>
| + | |
- | <li>
| + | |
- | <a href="/docs" class="">Sponsors</a>
| + | |
- | </li>
| + | |
- | <li class="divider"></li>
| + | |
- | <li>
| + | |
- | <a href="/docs" class="">Contact</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <!--
| + | |
- | <li class="divider"></li>
| + | |
- | <li class="has-dropdown">
| + | |
- | <a href="business/services.html" class="">Communicate</a>
| + | |
- | <ul class="dropdown">
| + | |
- | <li><a href="support/support.html">Human Practice</a></li>
| + | |
- | <li><a href="/forum">Safety</a></li>
| + | |
- | <li><a href="/forum">Collaborate</a></li>
| + | |
- | <li><a href="/forum">Develop</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | -->
| + | |
- | </ul>
| + | |
- | </section>
| + | |
- | | + | |
- | </nav>
| + | |
- | <div id="container">
| + | |
- | <div class="slide-box">
| + | |
- | <div class="row large-12 columns large-centered">
| + | |
- | <div class="orbit-container boxshadow">
| + | |
- |
| + | |
- |
| + | |
- | <ul data-orbit data-options="timer_speed:2500; bullets:false;">
| + | |
- | <li>
| + | |
- | <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide1.jpg" />
| + | |
- | <div class="orbit-caption">...</div>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide2.jpg" />
| + | |
- | <div class="orbit-caption">...</div>
| + | |
- | </li>
| + | |
- |
| + | |
- | <li>
| + | |
- | <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide3.jpg" />
| + | |
- | <div class="orbit-caption">...</div>
| + | |
- | </li>
| + | |
- | <!--
| + | |
- | <li>
| + | |
- | <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide4.jpg" />
| + | |
- | <div class="orbit-caption">...</div>
| + | |
- | </li>
| + | |
- | -->
| + | |
- | </ul>
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="main-content">
| + | |
- | <div class="row large-12 columns large-centered">
| + | |
- | <p style="font-size:32px">Description</p>
| + | |
- | <div class="underline-large"></div>
| + | |
- | </div>
| + | |
- | <div class="row large-12 columns large-centered">
| + | |
- | <div class="row">
| + | |
- | <div class="large-12 columns large-centered">
| + | |
- | <p><strong style="font-size:130%">Ailuropoda</strong> is a data visualizational open source software specially designed for biologists, which can be used to show gene regulation and metabolic network. When a node is selected, our software can quickly form a net with the nodes close to it. When a gene sequence is provided, such as a BioBrick part, our software can use homology method to predict the impact it gives on the gene regulatory network. Furthermore, the software provides users with various interfaces so that the entire network, or a part of it, can be exported into corresponding format which can be imported into other professional softwares for network analysis.On this platform, users can create, modify and complete different biological networks based on the information they get from online collaboration.
| + | |
- | </p>
| + | |
- | <p style="font-size:32px">Functions Already Realized:</p>
| + | |
- | <div class="underline-small"></div>
| + | |
- | <h4>Display of the Relationship</h4>
| + | |
- | <p>When the user inputs the information of a node, the software will show the three-decker network associated with the node. Other nodes will be arranged according to the strength of their relationship with the central node, and highlighted by varied colors as well. The user can also input two or more nodes to find their relationship. Our software will show all the paths connecting them that satisfy the distance the user sets. Moreover, every node and arc in the network is attached with an extensive literature, the newest included, and the user can read the literature along all the paths to study the various relationship in the network more expressly.
| + | |
- | </p>
| + | |
- | <p style="font-size:32px">Functions to Be Realized:</h2></p>
| + | |
- | <div class="underline-small"></div>
| + | |
- | <h4>Providing All Kinds of Interfaces and Network Analysis</h4>
| + | |
- | <p>The user can select the entire network (or a part of it), export it into appropriate format, and then import the file into some professional biological software for function analysis, such as SimBiology in Matlab. Moreover, our software provides APIs, enabling users to write some small plug-ins themselves to realize user-defined functions.
| + | |
- | </p>
| + | |
- | <h4>Collaborative Networking and Multi-field Information Exchange</h4>
| + | |
- | <p>One biologist can only build a small part of network, which is already hard work. However, they can make use of the platform our software provides to upload their achievements and our software will integrate these networks. Biologists from different fields can exchange all kinds of information, therefore they may discover enlightening links among various research projects, which can guide them to a better decision on their further research. It will also effectively enhance the development of varied fields of biology. An example of this is that molecular biologists can point out metabolic pathways for synthetic biologists, and synthetic biologists design and optimize product circuits using BioBrick parts for molecular biologists.</p>
| + | |
- | <p style="font-size:32px">Prospective:</p>
| + | |
- | <div class="underline-small"></div>
| + | |
- | <p><strong style="font-size:130%">Ailuropoda</strong> is currently based on the data of E.coli K-12, and we will continue to enrich our data with the help of users. With an enriched database, the software will be of great value and wide application.</p>
| + | |
- | </div>
| + | |
| </div> | | </div> |
- |
| |
- | </div>
| |
- |
| |
- | </div>
| |
- | </div>
| |
| | | |
- | | + | <div style="position: relative;"> |
- | | + | <img src="img/page6.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
- | | + | |
- | <!--
| + | |
- | <div class="team-wrap">
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="large-4 columns centered-text zurbian">
| + | |
- | <img alt="bryan zmijewski" src="./img/bryan-home-3b154e2f21236aefb7b72f9e31106ca0.jpg">
| + | |
- | <h4><a href="http://zurb.com/profile/bryan-zmijewski">Bryan Zmijewski</a></h4>
| + | |
- | <p class="job-title">Founder, President</p>
| + | |
- | <p class="short-bio">Bryan is our fearless leader and chief instigator. Hailing from the Stanford Product Design program and getting his roots from IDEO, he has advised more than 200 startups on how to build digital products.</p>
| + | |
- | </div>
| + | |
- | <div class="large-4 columns centered-text zurbian">
| + | |
- | <img alt="matt kelly" src="./img/matt-home-0daaa6cedcf767c1da16d704a469025b.jpg">
| + | |
- | <h4><a href="http://zurb.com/profile/matt-kelly">Matt Kelly</a></h4>
| + | |
- | <p class="job-title">Partner, Engineering Lead</p>
| + | |
- | <p class="short-bio">Matt is our University Dean. He drives the creation of our courses. As a ZURB partner and head of engineering, he's involved in all aspects of our business and brings that knowledge to the classes he teaches.</p>
| + | |
- | </div>
| + | |
- | <div class="large-4 columns centered-text zurbian">
| + | |
- | <img alt="jonathan smiley" src="./img/jon-home-19f1fe54bbb5d42854f8947c2f6e8670.jpg">
| + | |
- | <h4><a href="http://zurb.com/profile/jonathan-smiley">Jonathan Smiley</a></h4>
| + | |
- | <p class="job-title">Partner, Product Lead</p>
| + | |
- | <p class="short-bio">Jonathan is a partner at ZURB and our Product Lead. He's the original mastermind behind Foundation, our responsive framework, and continually pushes the ZURB products forward.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="large-4 columns centered-text zurbian">
| + | |
- | <img alt="alina senderzon" src="./img/alina-home-7fed177744596d2f4a836d3b4a91b37b.jpg">
| + | |
- | <h4><a href="http://zurb.com/profile/alina-senderzon">Alina Senderzon</a></h4>
| + | |
- | <p class="job-title">Design Lead</p>
| + | |
- | <p class="short-bio">Alina heads up ZURB's Design Team. As a Lead, she helps shape the work of her fellow designers. Her greatest design strength: designing balanced, structured layouts.</p>
| + | |
- | </div>
| + | |
- | <div class="large-4 columns centered-text zurbian">
| + | |
- | <img alt="ghaida zahran" src="./img/ghaida-home-84c118f2ab4c5616a7c163f6aced72fa.jpg">
| + | |
- | <h4><a href="http://zurb.com/profile/ghaida-zahran">Ghaida Zahran</a></h4>
| + | |
- | <p class="job-title">Designer</p>
| + | |
- | <p class="short-bio">Ghaida is an outstanding ZURBian designer and a driver of Foundation. You'll find her working through interaction design problems, pushing pixels or contributing code daily.</p>
| + | |
- | </div>
| + | |
- | <div class="large-4 columns centered-text zurbian">
| + | |
- | <img alt="caleb winters" src="./img/caleb-home-4d6e71df43e9562a8615f6d4eb9a96b5.jpg">
| + | |
- | <h4><a href="http://zurb.com/profile/caleb-winters">Caleb Winters</a></h4>
| + | |
- | <p class="job-title">Designer</p>
| + | |
- | <p class="short-bio">Caleb is a core contributor to Foundation and the lead designer for Forrst. While he's amazing at code, you'll find him crushing all parts of our design process.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | -->
| + | |
- | <div class="ltx-footer-bottom">
| + | |
- | <div class="row" >
| + | |
- | <div class="medium-4 medium-4 push-8 columns">
| + | |
- | <ul class="home-social">
| + | |
- | <li><a href="http://twitter.com/USTC_Software" class="twitter"></a></li>
| + | |
- | <li><a href="http://www.facebook.com/USTCSoftware" class="facebook"></a></li>
| + | |
- | <li><a href="/contact" class="mail"></a></li>
| + | |
- | </ul>
| + | |
| </div> | | </div> |
- | <div class="medium-8 medium-8 pull-4 columns">
| |
- | <span style="color:#bbb;margin: 0 auto;">
| |
- | <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-size:32px; font-weight:400">USTC-Software</span>
| |
- | <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-size:32px; font-weight:100">@USTC</span>
| |
- | </span>
| |
| | | |
- | <ul class="ltx-links"> | + | <div class="clear"></div> |
- | <li><a href="/contact">Contact</a></li>
| + | |
- | <li><a href="/sitemap">Sitemap</a></li>
| + | {{USTC-Software/foot}} |
- | </ul>
| + | |
- | <p class="copyright">© 2014 USTC-Software,University of Science and Technology of China. All rights reserved.</p>
| + | |
- | </div> | + | |
- | </div>
| + | |
- | </div>
| + | |
- | <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/vendor/jquery.js"></script>
| + | |
- | <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/foundation.min.js"></script>
| + | |
- | <script>
| + | |
- | $(document).foundation(); | + | |
- | </script>
| + | |
- | <!--
| + | |
- | <script type="text/javascript" src="dist/skrollr.min.js"></script>
| + | |
- | -->
| + | |
- | <!--[if lt IE 9]>
| + | |
- | <script type="text/javascript" src="dist/skrollr.ie.min.js"></script>
| + | |
- | <![endif]-->
| + | |
- | <!--
| + | |
- | <script type="text/javascript">
| + | |
- | var s = skrollr.init({
| + | |
- | edgeStrategy: 'set',
| + | |
- | easing: {
| + | |
- | WTF: Math.random,
| + | |
- | inverted: function(p) {
| + | |
- | return 1-p;
| + | |
- | }
| + | |
- | }
| + | |
- | });
| + | |
- | </script>
| + | |
- | -->
| + | |
- | </body>
| + | |
- | </html>
| + | |