Difference between revisions of "Team:USTC-Software/Demonstrate"

 
(33 intermediate revisions by 4 users not shown)
Line 14: Line 14:
 
</head>
 
</head>
 
<body>
 
<body>
 +
<!-- 导航栏开始 -->
 
<div class="ui menu pointing fixed" id="menu">
 
<div class="ui menu pointing fixed" id="menu">
 
     <a class=" item" href="index.html"><img style="width:6em" src="https://static.igem.org/mediawiki/2018/4/42/T--USTC-Software--logo3.jpg"></a>
 
     <a class=" item" href="index.html"><img style="width:6em" src="https://static.igem.org/mediawiki/2018/4/42/T--USTC-Software--logo3.jpg"></a>
     <div class="ui item dropdown">Project
+
     <div class="ui item dropdown"><a href="Project.html#Overview" style="color: black">Project</a>
 
         <div class="menu">
 
         <div class="menu">
 
             <a class="item" href="Project.html#Overview">Overview</a>
 
             <a class="item" href="Project.html#Overview">Overview</a>
             <a class="item" href="Project.html#Motivation">Motivation</a>
+
             <!-- <a class="item" href="Project.html#Motivation">Motivation</a> -->
 
             <a class="item" href="Improve">Improve</a>
 
             <a class="item" href="Improve">Improve</a>
 
             <a class="item" href="Implementation">Implementation</a>
 
             <a class="item" href="Implementation">Implementation</a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <a class="item" href="Attributions">Attribution</a>
+
     <div class="ui item dropdown" href="Attributions">Attribution
    <div class="ui item dropdown">Demonstrate
+
 
         <div class="menu">
 
         <div class="menu">
             <a class="item" href="Demonstrate#Overview">Overview</a>
+
             <a class="item" href="Attributions#Developing">Developing</a>
             <a class="item" href="Demonstrate#Motivation">Motivation</a>
+
             <a class="item" href="Attributions#Support">Support</a>
 +
            <a class="item" href="Attributions#Project">Project</a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <a class="item" href="Demonstrate#Overview">Demonstrate</a>
 
     <div class="ui item dropdown">Human Practice
 
     <div class="ui item dropdown">Human Practice
 
         <div class="menu">
 
         <div class="menu">
             <a class="item" href="Human_Practices#Science and Technology Week">Science and Technology Week</a>
+
             <a class="item" href="Human_Practices#hp">Human Practice</a>
             <a class="item" href="Human_Practices#Student Open Source Conference">Student Open Source Conference</a>
+
             <a class="item" href="Human_Practices#ihp">Integrated Human Practice</a>
            <a class="item" href="Human_Practices#Asia-Pacific Conference in Taiwan">Asia-Pacific Conference in Taiwan</a>
+
            <a class="item" href="Human_Practices#Software Promotion">Software Promotion</a>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <a class="ui item" href="Collaborations">Collaborations</a>
+
     <div class="ui item dropdown"><a href="Collaborations" style="color: black">Collaborations</a>
    <div class="ui item dropdown">Model
+
 
         <div class="menu">
 
         <div class="menu">
             <a class="item" href="Project.html#Overview">Overview</a>
+
             <a class="item" href="Collaborations#SJTU-Software">SJTU-Software</a>
             <a class="item" href="Project.html#Motivation">Motivation</a>
+
             <a class="item" href="Collaborations#UESTC">UESTC-Software</a>
        </div>
+
             <a class="item" href="Collaborations#USTC">Team USTC</a>
    </div>
+
    <div class="ui item dropdown">Medal
+
        <div class="menu">
+
            <a class="item" href="Medal#Overview">Overview</a>
+
             <a class="item" href="Medal#Motivation">Motivation</a>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <a class="item" href="Model#header1">Model</a>
 +
    <a class="item" href="Medal#Overview">Medal</a>
 
     <a class="ui item" href="Team.html">Team</a>
 
     <a class="ui item" href="Team.html">Team</a>
     <div class="ui item dropdown" href="ValidatedContribution">ValidatedContribution
+
     <div class="ui item dropdown"><a href="ValidatedContribution" style="border:0;color: black">Validated Contribution</a>
 
         <div class="menu">
 
         <div class="menu">
 
             <a class="item" href="ValidatedContribution#Overview">Overview</a>
 
             <a class="item" href="ValidatedContribution#Overview">Overview</a>
Line 66: Line 62:
 
     </div>
 
     </div>
 
</div>
 
</div>
<div class="ui grid">
+
<!-- 导航栏结束 -->
    <div class="one wide column"></div>
+
<div style="height:900px; overflow-y:scroll">
    <div class="three wide column">
+
<div style="text-align: center; margin-top: 75px">
        <div class="ui secondary vertical pointing menu" id="leftnav"
+
      <h3 style="margin:10px; padding: 10px; border: 10px">Demonstrate</h3>
            style="height: 100%;padding-top: 100px;width: 90%;">
+
      <video autoplay="" preload="preload" loop="loop" width="70%" controls="controls"
            <div class="item">
+
                  style="border-radius: 8px; #ccc; border:0; margin:0; padding:0"
                <div class="header">Demonstrate</div>
+
                  src="https://static.igem.org/mediawiki/2018/b/bb/T--USTC-Software--Demonstration.mp4">
                <div class="menu">
+
      </video>
                    <a class="item active leftnav-item">Human Practice</a>
+
</div>  
                    <a class="item leftnav-item">Integrated Human Practice</a>
+
<div style="height:600px"></div>
                </div>
+
            </div>
+
        </div>
+
    </div>
+
    <div class="twelve wide column">
+
        <div class="inside-container" style="height: 100%;padding-top: 100px;">
+
            <h1>Demonstrate</h1>
+
            <h3>Science and Technology Week</h3>
+
            <p>Science and Technology Week is is a large-scale, centralized science popularization campaign organized by
+
                the China University of Science and Technology. This year, Science and Technology Week attracted over
+
                ten thousand citizens to USTC, varying from innocent pupils, high school students and college students
+
                in biology-related majors to the public from all walks who may have limited knowledge of Synthetic
+
                Biology. Our team cooperated with Team USTC and offered visitors a feast of biological knowledge and a
+
                chance to cultivate interest in biology.</p>
+
            <p>We introduced elementary knowledge of genetics to citizens by poster presentation and our explanation,
+
                then showed them some basic experiment operation, like liquid relief, centrifugation and etc. We educate
+
                and inspire visitors' interest by allowing them to observe biochemical-related sections under a
+
                laboratory microscope. In addition, we distributed questionnaires to visitors to get their feedback on
+
                synthetic biology to improve our design of our software.</p>
+
            <div class="divider"></div>
+
            <h3>Student Open Source Conference</h3>
+
            <p>The Student Open Source Annual Meeting is the first open source technology summit in China that is
+
                organized by student organizations. The main theme of the conference is understanding, participating in,
+
                and contributing to open source. Our team signed up for this annual meeting.At the meeting, our team
+
                leader and a team member worked together to complete the report on our iGEM project. We introduced the
+
                iGEM competition and the synthetic biology to the audience.At the same time, we also introduced the
+
                positive significance of our project to synthetic biology to the audience. We received useful feedbacks
+
                and technology-improvement suggestions from audience.</p>
+
            <h1>Integrated Human Practice</h1>
+
            <h3>Asia-Pacific Conference in Taiwan</h3>
+
            <p>We attended International Genetically Engineered Machine Conference held by National Chung Hsing
+
                University from July 30th to August 3rd 2018. Over 20 iGEM teams attended the conference and 5 members
+
                of our team was sent to Taiwan.</p>
+
            <p>During the conference, the iGEMers communicated, changed ideas and learned from one another. The
+
                conference is not only a simple warm-up for the upcoming world championship in Boston, but an Asian
+
                regional platform for teams from different countries to exchange ideas and explore synthetic biology as
+
                well. All the teams made a project presentation and introduced their projects. In this way, we received
+
                useful feedbacks and technology-improvement suggestions from students and professors of other teams.</p>
+
            <div class="divider"></div>
+
            <h3>Software Promotion</h3>
+
            <p>Since our software is an open and fantastic platform with practical functions for synthetic biologists,
+
                it’s of great importance to promote our software to synthetic biology related users.</p>
+
            <p>To find out whether our improvement above is useful or not, We packed up an alpha version distributing to
+
                schoolmates whose major is biology in September. And in October we packed a more advanced version to
+
                some igem teams worldwide. We introduced them to Bioeditor and its basic usage. After they had used this
+
                software for a while, most of them reported that it was quite useful. And then we have packed our
+
                completed version to the real synthetic biologists by now.</p>
+
        </div>
+
    </div>
+
 
</div>
 
</div>
 +
 +
 
<script src="/wiki/index.php?title=Team:USTC-Software/js/init&amp;action=raw&amp;ctype=text/javascript"
 
<script src="/wiki/index.php?title=Team:USTC-Software/js/init&amp;action=raw&amp;ctype=text/javascript"
 
         type="text/javascript"></script>
 
         type="text/javascript"></script>

Latest revision as of 03:52, 18 October 2018

Demonstrate