Team:SYSU-Software/humanpra

From 2013.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn...")
 
(38 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<title>Team:SYSU-Software</title>
<title>Team:SYSU-Software</title>
 +
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2013/6/64/Cast-ico-Logo.png" type="image/png">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Style-Type" content="text/css" />
 +
<link href="https://raw.github.com/lovedayluk/iGEM2013/master/style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
<link href="https://raw.github.com/lovedayluk/iGEM2013/master/style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
<link href="https://2012.igem.org/Team:SYSU-Software/prefix.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
<link href="https://2012.igem.org/Team:SYSU-Software/prefix.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
 +
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
<link href="https://2013.igem.org/Team:SYSU-Software/humanpra.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
-
<!--
+
<!-- <link href="human practice/css/human practice.css" rel="stylesheet" type="text/css" /> -->
-
<script src="http://code.jquery.com/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
-->
+
 
 +
 
 +
<script src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:SYSU-Software/humanpra.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<!-- <script src="human practice/humanpra.js" type="text/javascript"></script> -->
 +
 +
 +
 +
<style type="text/css">
 +
</style>
 +
 +
 +
<script type="text/javascript">
 +
</script>
 +
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<title>new</title>
<title>new</title>
</head>
</head>
 +
<body>
<body>
-
<div id="main">
 
  <div id="navigation"></div>
  <div id="navigation"></div>
-
      <div id="main-box">
+
 
-
   <!--<img src="https://static.igem.org/mediawiki/2012/d/d9/Test.png" alt="test">-->
+
<div class="wrapper colored-wrapper-dff5f2">
-
          <p>human practice</p>
+
   <div id="practice-container">
 +
<!-- practice content -->
 +
    <div id="practice-top">
 +
      <!-- <img id="practice-top-image" src="https://static.igem.org/mediawiki/2013/b/b7/Human_practice_00.png"> -->
 +
<img class="medal" src="https://static.igem.org/mediawiki/2013/c/c8/Cast_Medal.png"/>
 +
      <img id="top_board" src="https://static.igem.org/mediawiki/2013/3/3f/Cast_human_practice_board.png">
 +
<img class="medal" src="https://static.igem.org/mediawiki/2013/c/c8/Cast_Medal.png"/>
 +
    </div>
 +
 
 +
    <div id="practice-content">
 +
      <div id="practice-content-header">
 +
        TEDx and Game
       </div>
       </div>
-
       <footer></footer>
+
 
-
</div>
+
       <div id="practice-content-image">
 +
        <img src="https://static.igem.org/mediawiki/2013/9/96/Sysu-practice-tupian.png">
 +
      </div>
 +
 
 +
      <div id="practice-introduction">
 +
        TEDx SYSU
 +
      </div>
 +
 
 +
      <div id="practice-introduction-text">
 +
        TED is a nonprofit devoted to Ideas Worth Spreading. It started out in 1984 as a conference bringing together people from three worlds: Technology, Entertainment, Design. TEDxSYSU is a program designed to give communities, organizations and individuals the opportunity to stimulate dialogue through TED-like experiences at Sun Yat-sen University.
 +
      </div>
 +
      <div id="practice-introduction-text">
 +
        In order to let people know more about synthetic biology and IGEM project. On September 15, 2013，Our team cooperated with SYSU-China(another iGEM team）and TEDx SYSU(an authorized TEDx organizer) . We held a TEDx salon in our campus, of which the theme is “Assembly life”. Three speakers Zheng Lingling, Sun Mengyi and Miaozong were invited to make presentations <b><i>Deciphering the Code of Life，The eighth day of creation, Computer Network Synthetic Biology</i></b> to introduce the synthetic biology about its origin, development, progress and application prospect.
 +
      </div>
 +
      <div id="practice-introduction-text">
 +
        There were more than thirty students and teachers participating in the salon. They showed great interest in this emerging field that contain network and experiments. We especially talked about biosafety, the crucial topic in synthetic biology. Team leader of SYSU-China had been invited to introduce the suicide mechanism which was deposited in their project. Moreover, students shared their innovative ideas about controlling artificial creatures. This activity not only advertised the creation spirit of synthetic biology, but also reminded everyone to keep their creation safe.
 +
      </div>
 +
      <div id="practice-slide">
 +
        <div class="zoombox">
 +
          <div class="zoompic">
 +
            <img src="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg" width="1000" height="400"  />
 +
          </div>
 +
 
 +
          <div class="sliderbox">
 +
            <div id="btn-left" class="arrow-btn dasabled"></div>
 +
              <div class="slider" id="thumbnail">
 +
                <ul>               
 +
                  <li class="current">
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/6/6b/Sysutedx_%281%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/6/6b/Sysutedx_%281%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/4/48/Sysutedx_%282%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/4/48/Sysutedx_%282%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/0/07/Sysutedx_%284%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/0/07/Sysutedx_%284%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/3/3d/Sysutedx_%285%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/3/3d/Sysutedx_%285%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/7/77/Sysutedx_%286%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/7/77/Sysutedx_%286%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
<span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/5/53/Sysutedx_%287%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/5/53/Sysutedx_%287%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>
 +
                  <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/7/72/Sysutedx_%288%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/7/72/Sysutedx_%288%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/a7/Sysutedx_%2810%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/a/a7/Sysutedx_%2810%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/8/82/Sysutedx_%2811%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/8/82/Sysutedx_%2811%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/1/10/Sysutedx_%2812%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/1/10/Sysutedx_%2812%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/e/e3/Sysutedx_%2813%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/e/e3/Sysutedx_%2813%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/d/d7/Sysutedx_%2814%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/d/d7/Sysutedx_%2814%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/b/be/Sysutedx_%2815%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/b/be/Sysutedx_%2815%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/7/76/Sysutedx_%2816%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/7/76/Sysutedx_%2816%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/e/e1/Sysutedx_%2817%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/e/e1/Sysutedx_%2817%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/0/09/Sysutedx_%2818%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/0/09/Sysutedx_%2818%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/3/3f/Sysutedx_%2819%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/3/3f/Sysutedx_%2819%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/1/13/Sysutedx_%2820%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/1/13/Sysutedx_%2820%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/d/da/Sysutedx_%2821%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/d/da/Sysutedx_%2821%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/ab/Sysutedx_%2822%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/a/ab/Sysutedx_%2822%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/f/f9/Sysutedx_%2823%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/f/f9/Sysutedx_%2823%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/c/c1/Sysutedx_%2824%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/c/c1/Sysutedx_%2824%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/c/c3/Sysutedx_%2825%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/c/c3/Sysutedx_%2825%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2826%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2826%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2827%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2827%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2828%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2828%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2829%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2829%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/d/d8/Sysutedx_%2830%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/d/d8/Sysutedx_%2830%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/a5/Sysutedx_%2831%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/a/a5/Sysutedx_%2831%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                  <li>                   
 +
      <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/6/66/Sysutedx_%2832%29.jpg">
 +
                      <img src="https://static.igem.org/mediawiki/2013/6/66/Sysutedx_%2832%29.jpg" width="115" height="74" />
 +
      </span>
 +
                  </li>
 +
                </ul>
 +
              </div>
 +
            <div id="btn-right" class="arrow-btn"></div>
 +
          </div>
 +
 
 +
        </div><!--slider end-->
 +
      </div>
 +
 
 +
    </div>
 +
 
 +
    <div id="practice-game">
 +
      <div id="game-header">
 +
        Game：Life is Synthesizing
 +
      </div>
 +
      <div>
 +
        <div id="game-show">
 +
          <table>
 +
            <tr>
 +
              <td>
 +
                <a href="https://2013.igem.org/Team:SYSU-Software/game" target="_blank">
 +
                  <span id="game-presentaion">
 +
                    <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png">
 +
                  </span>
 +
                </a>
 +
              </td>
 +
 
 +
              <td>
 +
                <span id="game-introdution">
 +
                  In order to let more people know about Synthetic biology and show the dynamics within the cell. We developed an interesting web page game. <br><br>
 +
Start from the initial stage of life: a cell is producing proteins avidly. Polymerases slide through a promoter, and transcript as much genes until meet the terminator. The little creature evolve into more complex life forms and desire more and more production. Players can evolve their little cell into developed life forms by collecting enough proper proteins. In addition, players have to deal with the biosafety problems when sophisticated creatures been created. Poison proteins may appear and collapse your construction without enough attention. Colleting enough resources and keeping avoid from dangerous zone is the key to final success.<br><br>
 +
                  Life is just synthesizing…
 +
 
 +
                </span>
 +
            </td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<!--page footer-->
 +
  <div id="sysu-footer"> 
 +
    <img id="bottom-image" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
 +
  </div>
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 03:02, 26 October 2013

Team:SYSU-Software new

TEDx and Game
TEDx SYSU
TED is a nonprofit devoted to Ideas Worth Spreading. It started out in 1984 as a conference bringing together people from three worlds: Technology, Entertainment, Design. TEDxSYSU is a program designed to give communities, organizations and individuals the opportunity to stimulate dialogue through TED-like experiences at Sun Yat-sen University.
In order to let people know more about synthetic biology and IGEM project. On September 15, 2013，Our team cooperated with SYSU-China(another iGEM team）and TEDx SYSU(an authorized TEDx organizer) . We held a TEDx salon in our campus, of which the theme is “Assembly life”. Three speakers Zheng Lingling, Sun Mengyi and Miaozong were invited to make presentations Deciphering the Code of Life，The eighth day of creation, Computer Network Synthetic Biology to introduce the synthetic biology about its origin, development, progress and application prospect.
There were more than thirty students and teachers participating in the salon. They showed great interest in this emerging field that contain network and experiments. We especially talked about biosafety, the crucial topic in synthetic biology. Team leader of SYSU-China had been invited to introduce the suicide mechanism which was deposited in their project. Moreover, students shared their innovative ideas about controlling artificial creatures. This activity not only advertised the creation spirit of synthetic biology, but also reminded everyone to keep their creation safe.
Game：Life is Synthesizing
In order to let more people know about Synthetic biology and show the dynamics within the cell. We developed an interesting web page game.

Start from the initial stage of life: a cell is producing proteins avidly. Polymerases slide through a promoter, and transcript as much genes until meet the terminator. The little creature evolve into more complex life forms and desire more and more production. Players can evolve their little cell into developed life forms by collecting enough proper proteins. In addition, players have to deal with the biosafety problems when sophisticated creatures been created. Poison proteins may appear and collapse your construction without enough attention. Colleting enough resources and keeping avoid from dangerous zone is the key to final success.

Life is just synthesizing…

Retrieved from "http://2013.igem.org/Team:SYSU-Software/humanpra"