|
|
(48 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| | | |
− | <html class="no-js">
| |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
− | <meta name="description" content="">
| |
− | <meta name="keywords" content="">
| |
− | <meta name="viewport"
| |
− | content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
| |
− | <title>Human practice</title>
| |
− |
| |
− | <!-- Set render engine for 360 browser -->
| |
− | <meta name="renderer" content="webkit">
| |
− |
| |
− | <!-- No Baidu Siteapp-->
| |
− | <meta http-equiv="Cache-Control" content="no-siteapp"/>
| |
− |
| |
− | <link rel="icon" type="image/png" href="assets/i/favicon.png">
| |
− |
| |
− | <!-- Add to homescreen for Chrome on Android -->
| |
− | <meta name="mobile-web-app-capable" content="yes">
| |
− | <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
| |
− |
| |
− | <!-- Add to homescreen for Safari on iOS -->
| |
− | <meta name="apple-mobile-web-app-capable" content="yes">
| |
− | <meta name="apple-mobile-web-app-status-bar-style" content="black">
| |
− | <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
| |
− | <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
| |
− |
| |
− | <!-- Tile icon for Win8 (144x144 + tile color) -->
| |
− | <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
| |
− | <meta name="msapplication-TileColor" content="#0e90d2">
| |
− |
| |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/amazeuiMinCss?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/loadingCss?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/wikiCss?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/humanPracticeCss?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/mainCss?action=raw&ctype=text/css">
| |
− | </head>
| |
− | <body class = "am-animation-fade">
| |
− | <div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
| |
− | <a href="#top" title="">
| |
− | <img class="am-gotop-icon-custom" src="https://static.igem.org/mediawiki/2015/6/6c/SJTU-SOFTWARE.gototop.png"
| |
− | />
| |
− | </a>
| |
− | </div>
| |
− | <nav data-am-sticky>
| |
− | <br/>
| |
− | <ul class="am-avg-sm-7 am-thumbnails mainNav">
| |
− | <li class = "navItem">
| |
− | <a href="home">
| |
− | <img class="am-thumbnails navPhoto" id = "1" src="https://static.igem.org/mediawiki/2015/4/4a/SJTU-SOFTWARE.1-1.png" />
| |
− | <p class = "navPhoto">Home</p>
| |
− | </a>
| |
− | </li>
| |
− | <li class = "navItem">
| |
− | <a href="project">
| |
− | <img class="am-thumbnails navPhoto" id = "2" src="https://static.igem.org/mediawiki/2015/b/b0/SJTU-SOFTWARE.2-1.png" />
| |
− | <p class = "navPhoto">Project</p>
| |
− | </a>
| |
− | </li>
| |
− | <li class = "navItem">
| |
− | <a href="document">
| |
− | <img class="am-thumbnails navPhoto" id = "3" src="https://static.igem.org/mediawiki/2015/6/63/SJTU-SOFTWARE.3-1.png" />
| |
− | <p class = "navPhoto">Document</p>
| |
− | </a>
| |
− | </li>
| |
− | <li class = "navItem">
| |
− | <a href="requirement">
| |
− | <img class="am-thumbnails navPhoto" id = "4" src="https://static.igem.org/mediawiki/2015/d/d0/SJTU-SOFTWARE.4-1.png" />
| |
− | <p class = "navPhoto">Requirement</p>
| |
− | </a>
| |
− | </li>
| |
− | <li class = "navItem">
| |
− | <a href="saftyPolicyconcern">
| |
− | <img class="am-thumbnails navPhoto" id = "5" src="https://static.igem.org/mediawiki/2015/2/2a/SJTU-SOFTWARE.5-1.png" />
| |
− | <p class = "navPhoto">Safety<br/>policy<br/>concern</p>
| |
− | </a>
| |
− | </li>
| |
− | <li class = "navItem">
| |
− | <a href="humanPractice">
| |
− | <img class="am-thumbnails navPhoto" id = "6" src="https://static.igem.org/mediawiki/2015/d/da/SJTU-SOFTWARE.6-2.png" />
| |
− | <p class = "navPhoto">Human<br/>practice</p>
| |
− | </a>
| |
− | </li>
| |
− | <li class = "navItem">
| |
− | <a href="team">
| |
− | <img class="am-thumbnails navPhoto" id = "7" src="https://static.igem.org/mediawiki/2015/b/b7/SJTU-SOFTWARE.7-1.png" />
| |
− | <p class = "navPhoto">Team</p>
| |
− | </a>
| |
− | </li>
| |
− | </ul>
| |
− | </nav>
| |
− |
| |
− | <div id = "home" data-am-scrollspy="{animation: 'slide-top'}">
| |
− | <div class = "baseTitle">
| |
− | <p>Human practice</p>
| |
− | </div>
| |
− | <div class="base-frame" id = "home">
| |
− | <p class = "panelTitle">Human practice</p>
| |
− | <p>这里放一段这一页的概述比较好
| |
− | </p>
| |
− | </div>
| |
− |
| |
− | <div class = "homeFooter">
| |
− | <div class = "footLine"></div>
| |
− | <div class = "upperTria"></div>
| |
− | </div>
| |
− | <br/>
| |
− | </div>
| |
− |
| |
− | <div>
| |
− | <svg style="width: 960px; height: 500px; margin:auto;">
| |
− | <g sketch:type="MSLayerGroup" transform="translate(60.000000, 43.000000)">
| |
− | <g transform="translate(286.000000, 0.000000)" sketch:type="MSShapeGroup">
| |
− | <path d="M455.5,289.5 L54.5,49.5" id="Line-2" stroke="#FFFFFF" stroke-linecap="square"></path>
| |
− | <a >
| |
− | <circle id="judgement" fill="#FFFFFF" cx="54" cy="54" r="54"></circle>
| |
− | <text x="10" y="60" fill="#323232">Judgement</text>
| |
− | </a>
| |
− | <animateMotion path="M-42,-24.307911999999988 C-42,-19.107375999999988 -37,-21.281033999999977 -29,-16.201842999999997 C-24,-12.08880499999998 -45,-8.526651000000015 -49,-16.201842 C-50,-18.004745000000014 -51,-19.389835000000005 -52,-20.008031000000017 C-54,-23.25796600000001 -54,-25.802278 -52,-31.685527999999977 C-49,-38.576809000000026 -42,-29.508447999999987 -42,-24.307999999999993 Z" begin="0s" dur="4s" repeatCount="indefinite" />
| |
− | </g>
| |
− | <g transform="translate(178.000000, 49.000000)" sketch:type="MSShapeGroup">
| |
− | <path d="M-129.5,351.5 L162.5,0.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
| |
− | <a >
| |
− | <circle id="team" fill="#FFFFFF" cx="-130" cy="350" r="54"></circle>
| |
− | <text x="-150" y="355" fill="#323232">Team</text>
| |
− | </a>
| |
− | <animateMotion path="M-45,-24.657893 C-45,-19.457357000000002 -49,-2.4715909999999894 -42,2.607599999999991 C-37,6.720638000000008 -45,-8.526651000000015 -49,-16.201842 C-50,-18.004745000000014 -51,-19.389835000000005 -52,-20.008031000000017 C-54,-23.25796600000001 -54,-25.802278 -52,-31.685527999999977 C-49,-38.576809000000026 -45,-29.858429 -45,-24.657893 Z" begin="0s" dur="3s" repeatCount="indefinite" />
| |
− | </g>
| |
− | <g transform="translate(487.000000, 102.000000)" sketch:type="MSShapeGroup">
| |
− | <a>
| |
− | <circle id="note" fill="#FFFFFF" cx="254" cy="189" r="54"></circle>
| |
− | <text x="235" y="195" fill="#323232">Note</text>
| |
− | </a>
| |
− | <animateMotion path="M-45,-12.043274999999994 C-40,-9.31977999999998 -41,-8.822219000000018 -36,-16.114518999999973 C-34,-18.192774999999983 -31,-30.690308000000016 -34,-33.48888899999997 C-38,-36.28747099999998 -44,-23.412378999999987 -54,-23.412378999999987 C-58,-23.412378999999987 -55,-38.39289200000002 -49,-36.85762399999999 C-39,-34.16849000000002 -50,-14.766770000000008 -45,-12.043274999999994 Z" begin="0s" dur="4s" repeatCount="indefinite" />
| |
− | </g>
| |
− | </g>
| |
− | </svg>
| |
− | </div>
| |
− | <div class = "am-g project">
| |
− | <nav class = "am-u-sm-2 navs">
| |
− | <ul class="am-thumbnails subNav fixed-nav am-animation-slide-left am-animation-delay-1" id = "ul1">
| |
− | <li class = "subNavItem">
| |
− | <a class="subNavItem" data-am-collapse="{target: '#collapse-nav'}" >Assessing Your Project</a>
| |
− | <nav>
| |
− | <ul id="collapse-nav" class="am-nav am-collapse ">
| |
− | <li class = "ayrNav" id = "ayr1"><a href = "#AYR" class = "scrollNav">Risk Assessment</a></li>
| |
− | <li class = "ayrNav" id = "ayr2"><a href = "#AYR" class = "scrollNav">Feasibility Assessment</a></li>
| |
− | <li class = "ayrNav" id = "ayr3"><a href = "#AYR" class = "scrollNav">End-User Considerations</a></li>
| |
− | <li class = "ayrNav" id = "ayr4"><a href = "#AYR" class = "scrollNav">Social Justice</a></li>
| |
− | </ul>
| |
− | </nav>
| |
− | </li>
| |
− | <li class = "subNavItem">
| |
− | <a class="subNavItem" data-am-collapse="{target: '#collapse-nav1'}">Helping the Practice of <br/>Science and Engineering</a>
| |
− | <nav>
| |
− | <ul id="collapse-nav1" class="am-nav am-collapse ">
| |
− | <li class = "hpceNav" id = "hpce1"><a href = "#HPCE" class = "scrollNav">Law and Regulation</a></li>
| |
− | <li class = "hpceNav" id = "hpce2"><a href = "#HPCE" class = "scrollNav">Safety</a></li>
| |
− | <li class = "hpceNav" id = "hpce3"><a href = "#HPCE" class = "scrollNav">Security</a></li>
| |
− | </ul>
| |
− | </nav>
| |
− | </li>
| |
− | <li><a class="subNavItem scrollNav" href = "#PE">Public Engagement</a></li>
| |
− | <li><a class="subNavItem scrollNav" href = "#CWW">Cooperate with wetlab<br/>(SYSU, BIO-X, TJU)</a></li>
| |
− | </ul>
| |
− | </nav>
| |
− | <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
| |
− | <a name = "AYR" id = "AYR"></a>
| |
− | <hr class = "border-line"/>
| |
− | <div class = "ayrContent">
| |
− | <p class = "am-animation-fade ayr1">Risk Assessment</br>
| |
− | Our database is based on the IGEM official database which is opened for everyone, and our own database doesn’t come down to the tort.
| |
− | The idea and software are original works, we never copy others work.
| |
− | Our project is no isolated with any violence, eroticism and other opposite forces.
| |
− | </p>
| |
− | <p class = "am-animation-fade ayr2">Feasibility Assessment
| |
− | Our project reforms the database which is provided by the IGEM official website.
| |
− | The algorithm is associated with the latest paper and the former experience. And it has been associated with lots of lab testification.
| |
− | We did the User Survey (From the amateurs to the Professors)for three times to make sure the satisfaction and convenience of our project.
| |
− | All the icon on UI is designed by ourselves from a researcher view, thus our project is more competitive than others.
| |
− | </p>
| |
− | <p class = "am-animation-fade ayr3">End-User Considerations
| |
− | Our software is aimed to the IGEMers and all the researchers who are interested in the synthetic biology.
| |
− | It’s free
| |
− | Web application
| |
− | UI is designed user-friendly
| |
− | </p>
| |
− | <p class = "am-animation-fade ayr4">铭姐没有给
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
| |
− | <a name = "HPCE" id = "HPCE"></a>
| |
− | <hr class = "border-line"/>
| |
− | <div class = "hpceContent">
| |
− | <p class = "am-animation-fade hpce1">铭姐没给
| |
− | </p>
| |
− | <p class = "am-animation-fade hpce2">铭姐没给
| |
− | </p>
| |
− | <p class = "am-animation-fade hpce3">Security
| |
− | Our software is free to everyone but we will do the users survey by e-mail to collect the main purpose and satisficing information
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
| |
− | <a name = "PE" id = "PE"></a>
| |
− | <hr class = "border-line" />
| |
− | <div class = "peContent"><p class ="am-animation-fade">暂时没有</p>
| |
− | </div>
| |
− | </div>
| |
− | <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
| |
− | <a name = "CWW" id = "CWW"></a>
| |
− | <hr class = "border-line"/>
| |
− | <div class = "cwwContent"><p class = "am-animation-fade">暂时没有</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class = "content">
| |
− | </div>
| |
− | <footer>
| |
− | <p> 此处放赞助商 学院</p>
| |
− | </footer>
| |
− | <!--[if (gte IE 9)|!(IE)]><!-->
| |
− | <script src="https://2015.igem.org/Template:SJTU-Software/jqueryMinJs?action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2015.igem.org/Template:SJTU-Software/niceScrollJs?action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2015.igem.org/Template:SJTU-Software/loadingJs?action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2015.igem.org/Template:SJTU-Software/humanPracticeJs?action=raw&ctype=text/javascript"></script>
| |
− | <!--<![endif]-->
| |
− | <!--[if lte IE 8 ]>
| |
− | <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
| |
− | <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
| |
− | <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
| |
− | <![endif]-->
| |
− | <script src="https://2015.igem.org/Template:SJTU-Software/amazeuiMinJs?action=raw&ctype=text/javascript"></script>
| |
− | </body>
| |
− | </html>
| |