Difference between revisions of "Template:Tongji Software/dist/ProjectIndex html"

Line 4: Line 4:
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/css" rel="stylesheet">
 
<link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/ProjectReset_css?action=raw&ctype=text/css"> <!-- CSS reset -->
 
<link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/ProjectReset_css?action=raw&ctype=text/css"> <!-- CSS reset -->
 
<link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/ProjectStyle_css?action=raw&ctype=text/css"> <!-- Resource style -->
 
<link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/ProjectStyle_css?action=raw&ctype=text/css"> <!-- Resource style -->
−
<link href='../font/T--Tongji_Software--fonts-Ubuntu-L.ttf' rel='stylesheet' type='text/css'>
 
 
<script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectModernizr_js?action=raw&ctype=text/javascript"></script> <!-- Modernizr -->
 
<script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectModernizr_js?action=raw&ctype=text/javascript"></script> <!-- Modernizr -->
 +
 
 
<title>PROJECT</title>
 
<title>PROJECT</title>
−
 
 
</head>
 
</head>
 
<body>
 
<body>
−
    <div id="indexMenu">
 
−
<header class="cd-header">
 
−
<div id="menuButtom">
 
−
    <a class="cd-primary-nav-trigger" href="#0">
 
−
      <span class="cd-menu-text">Menu</span><span class="cd-menu-icon"></span>
 
−
    </a>
 
−
    </div><!-- cd-primary-nav-trigger -->
 
−
</header>
 
−
<nav>
 
−
<ul class="cd-primary-nav">
 
−
<li><br><br></li>
 
−
<li><a href="#0">HOME</a></li>
 
−
<li class="cd-label">About Us</li>
 
−
 
−
  <li><a href="#0">Team Information</a></li>
 
−
  <li><a href="#0">Our Projects</a></li>
 
−
 
−
  <li class="cd-label">Other</li>
 
−
  <li><a href="#0">Safety</a></li>
 
−
  <li><a href="#0">Human Practices</a></li>
 
−
  <li><a href="#0">Education & Engagement</a></li>
 
−
  <li><a href="#0">Model</a></li>
 
−
  <li><a href="#0">Medal</a></li>
 
−
  <li><a href="#0">Judging Form</a></li>
 
−
 
−
  <li class="cd-label">Follow us</li>
 
−
 
−
  <li class="cd-social cd-facebook"><a href="#0">Facebook</a></li>
 
−
  <li class="cd-social cd-instagram"><a href="#0">Instagram</a></li>
 
−
  <li class="cd-social cd-dribbble"><a href="#0">Dribbble</a></li>
 
−
  <li class="cd-social cd-twitter"><a href="#0">Twitter</a></li>
 
−
  </ul>
 
−
  </nav>
 
−
  <script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script>
 
−
    <script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery -->
 
−
 
−
</div>
 
−
 
−
 
 
<nav id="cd-vertical-nav">
 
<nav id="cd-vertical-nav">
 
<ul>
 
<ul>
Line 56: Line 17:
 
<a href="#section1" data-number="1">
 
<a href="#section1" data-number="1">
 
<span class="cd-dot"></span>
 
<span class="cd-dot"></span>
−
<span class="cd-label">Public Number</span>
+
<span class="cd-label">Description</span>
 
</a>
 
</a>
 
</li>
 
</li>
Line 62: Line 23:
 
<a href="#section2" data-number="2">
 
<a href="#section2" data-number="2">
 
<span class="cd-dot"></span>
 
<span class="cd-dot"></span>
−
<span class="cd-label">High School</span>
+
<span class="cd-label">Design</span>
 
</a>
 
</a>
 
</li>
 
</li>
Line 68: Line 29:
 
<a href="#section3" data-number="3">
 
<a href="#section3" data-number="3">
 
<span class="cd-dot"></span>
 
<span class="cd-dot"></span>
−
<span class="cd-label">Tongji University</span>
+
<span class="cd-label">Notebook</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#section4" data-number="4">
 +
<span class="cd-dot"></span>
 +
<span class="cd-label">Contribution</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#section5" data-number="5">
 +
<span class="cd-dot"></span>
 +
<span class="cd-label">Validation</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#section6" data-number="6">
 +
<span class="cd-dot"></span>
 +
<span class="cd-label">Demonstrate</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#section7" data-number="7">
 +
<span class="cd-dot"></span>
 +
<span class="cd-label">Improve</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#section8" data-number="8">
 +
<span class="cd-dot"></span>
 +
<span class="cd-label">Collaboration</span>
 
</a>
 
</a>
 
</li>
 
</li>
Line 76: Line 67:
  
 
<section id="section1" class="cd-section">
 
<section id="section1" class="cd-section">
−
<h1 id="EduMainTitle">Education & Engagement</h1>
+
<!-- <h1 id="description">What we do:</h1>-->
−
<br><br><br><br><br><br>
+
<!-- <p id="testp1"></p>-->
−
<h1 class="EduSubTitle" id="EduSubTitle1"><b>T</b>ONGJI iGEM <b>P</b>UBLIC <b>N</b>UMBER</h1>
+
−
<p>We created the tongji iGEM public number and regularly posted relevant pushes on iGEM in the public number.</p>
+
−
<br><br><br><br><br><br><br><br><br>
+
−
<img src="../images/PublicnnumberPicture.png" alt="PublicNumberPicture1" style="width: 950px;height: 300px">
+
−
<br><br><br><br><br>
+
−
<p class="PushTitle"><b>T</b>HE FIRST PUSH: PROGRAMMER (BALD) <b>iGEM</b>ER IS ONLINE</p>
+
−
<br><br>
+
−
<img src="../images/push1.png" alt="PushImage" style="width: 950px">
+
−
<br><br>
+
−
<p >
+
−
Main content: Introduce igem from the perspective of software, including the teams participating in the calendar year, the main content of the project, etc., so that readers have a general understanding of igem and software.
+
−
<br>
+
−
</p>
+
−
<p class="PushTitle"><b>T</b>HE SECOND PUSH: <b>6</b>th CCIC IN <b>S</b>HEN<b>Z</b>HEN</p>
+
−
<div id="ImageTable">
+
−
<table class="PushImage"><tr>
+
−
<td id="PushTableImage1">
+
−
<img src="../images/push2.1.png" alt="second push 1" class="PushImage" style="width: 468px;height: 355px"> <!--*420px,350px*/-->
+
−
</td>
+
−
<td>
+
−
<img src="../images/push2.2.png" alt="second push 2" class="PushImage" style="width: 468px;height: 355px">
+
−
</td>
+
−
</tr>
+
−
</table>
+
−
</div>
+
−
<br>
+
−
<p>
+
−
Main content: It mainly introduces the tongji software team's participation in ccic in Shenzhen, and the harvest of our team. In the process of participating in ccic, we not only listened to the presentation of many teams, but also learned from the experience of other teams. We also listened to many lectures by biological experts and valuable suggestions from the judges on our projects. This was before the official igem competition. Very good exchange opportunities in China.
+
−
</p>
+
−
<p class="PushTitle"><b>T</b>HE THIRD PUSH: SUBVERSIVE DISCIPLINE - <b>S</b>YNTHETIC <b>B</b>IOLOGY</p>
+
−
<p>
+
−
Original intention: Since our project is closely related to synthetic biology, we hope that our readers will have a certain understanding of synthetic biology before we formally introduce our project, so that we can better understand pathlab.
+
−
<br>
+
−
Main content: As an emerging discipline in the field of biology in the 21st century, synthetic biology is the product of multidisciplinary intersections of molecular and cellular biology, evolutionary systematics, biochemistry, informatics, mathematics, computer and engineering. So far, it has made remarkable achievements in many fields such as bioenergy, biomaterials, medical technology and exploring the laws of life. In 2014, the US Department of Defense listed it as one of the six major disruptive technologies for priority development in the 21st century; in the third technical forecast completed in 2014, China listed synthetic biotechnology as one of the top ten breakthrough technologies. . Moreover, in the “13th Five-Year Plan” for scientific and technological innovation strategic planning, synthetic biotechnology has been listed as a strategic forward-looking key development direction.
+
−
</p>
+
−
<p class="PushTitle"><b>T</b>HE FOURTH PUSH: EFFICIENT PATH SEARCHER - <b>A</b>LPHA <b>A</b>NT</p>
+
−
<img src="../images/push4.png" alt="fourth push" class="PushImage" style="width: 440px;height: 400px" id="PushImage4">
+
−
<div style="width: 500px">
+
−
<p>
+
−
Original intention: Our project pathlab was inspired by the previous tongji software project alpha ant. Before introducing pathlab, we wanted the reader to first understand the alpha ant and related path search knowledge.
+
−
            <br>
+
−
Main content: Alpha Ant is essentially a computational tool for pathway design and reconstruction. Allowing users to turn on Alpha Ant's effective and powerful path design guide in the face of the vast passages will clarify their choice. Alpha Ant represents an efficient and convenient path building tool. Alpha means "origination." In fact, Alpha Ant is the first software to be equipped with an integrated ranking standard. Alpha Ant means that it can find the most effective metabolic pathway connecting two molecules, just like the biological wisdom of an ant colony. Once food is discovered by scouts, it can be quickly organized to find the most effective source of food. So use ants to represent efficient signal detectors and path searchers.
+
−
</p>
+
−
</div>
+
−
<p class="PushTitle"><b>T</b>HE FIFTH PUSH: PATH SEARCH <b>2.0</b> - INTEGRATED SERVICE PLATFORM <b>P</b>ATHLAB</p>
+
−
<p>Main content: Pathlab is a comprehensive platform for channel design, which is mainly used for brainstorming in the early stage of determining the topic. When the user knows the product he wants or the substrate he can use, Path search, enzyme selection, and component search can be performed through Pathlab. In addition to the functions of these backbones, we also have functions such as word cloud, data update, and data upload to assist users in their use.
+
−
<br>&nbsp&nbsp&nbsp&nbspCharming points:
+
−
</p>
+
−
<div style="width: 750px">
+
−
<p class="CharmingPoint">1. Optimize on the basis of dfs algorithm, adopt greedy (greedy) algorithm, and make a selection in each step, which is optimal.</p>
+
−
<p class="CharmingPoint">2. codon optimization, improve the efficiency of enzyme expression in the plasmid</p>
+
−
<p class="CharmingPoint">3. modular design, each part can be split and used separately</p>
+
−
<p class="CharmingPoint">4. depth information, to provide users with newer research progress of each enzyme</p>
+
−
</div>
+
  
 +
<!-- <p>Why this project —— meet the needs-->
 +
<!-- A computational tool for pathway design and reconstruction is needed when synthetic biologists want to optimize genetic processes within cells, model for yield prediction, make flux balance analysis and generate value-added products. However, when actually establishing a metabolic pathway, it is a cumbersome problem to separately purchase different enzymes from different suppliers and transfer them into chassis. We consider that all the enzymes in a pathway can be constructed in the same plasmid to transfer at one time. And then, enzymes expression regulation under different conditions will ensure the realization of the pathway. In this process, synthetic DNA may be an indispensable part. Although the cost of synthetic DNA is not low at present, it continues to decline. We believe that synthetic DNA will be popular in the future, and by that time, our tools will be more practical.-->
 +
 +
<!-- </p>-->
 +
 +
<a href="#section2" class="cd-scroll-down cd-img-replace">scroll down</a>
 
</section><!-- cd-section -->
 
</section><!-- cd-section -->
  
 
<section id="section2" class="cd-section">
 
<section id="section2" class="cd-section">
−
<h1 class="EduSubTitle"><b>X</b>IANG <b>M</b>ING <b>H</b>IGH <b>S</b>CHOOL</h1>
+
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
−
<div class="TextContainer">
+
−
<img src="../images/high_school.png" class="PushImage" alt="high school" style="width: 440px;height: 410px" id="highschool">
+
−
<div style="width: 500px">
+
−
<p>
+
−
In the early stage of the team, we represented for 2019 Tongji_Software team to give an introduction of Alpha Ant, the project of 2018 Tongji_Software, to the high school students of Xiangming High School.
+
−
            <br>
+
−
We aimed at making those who are going to enter university have a general idea of iGEM and synthetic biology by making project presentations. Meanwhile, we encouraged them to take part in the iGEM competition, because they can learn many interesting and useful things by engaging themselves to the whole process of iGEM. Through this presentation, we found that those high school students showed great interests in iGEM and synthetic biology, and they also had some fresh ideas about synthetic biology and the project. For example, they asked whether there are connections between synthetic pathway of biology and organic synthesis of chemistry, and they were interested in the possibility of using machines or robots to simulate the biology pathways in reality.
+
−
</p>
+
−
</div>
+
−
<p>
+
−
This presentation, for our team, is the first human practice activity, and the key to this human practice is a review and conclusion of Alpha Ant, so as to have a clearer understanding of the whole project process and a deeper understanding of iGEM. Through this human practice, we realized the importance of biology simulation and the necessity of using computers to simulate bacteria to achieve the goal of reducing costs.
+
−
</p>
+
−
</div>
+
 
</section><!-- cd-section -->
 
</section><!-- cd-section -->
  
 
<section id="section3" class="cd-section">
 
<section id="section3" class="cd-section">
−
<h1 class="EduSubTitle"><b>P</b>RESENTATION IN <b>T</b>ONGJI <b>U</b>NIVERSITY</h1>
+
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
−
<div class="TextContainer">
+
−
<p>The second presentation mainly introduced the status of bioinformatics in life science, the functions of bioinformatics in iGEM and how to use the knowledge of bioinformatics to construct a software about synthetic biology in iGEM. This presentation made us have a new understanding of bioinformatics, and understand the application of bioinformatics in synthetic biology. Meanwhile, in the process of preparing, we also organized the construction of software，to prepare for the later construction of software.
+
−
<br> Firstly, we raised questions and divided these questions into parts, then we read related literature and discussed about the solutions, and in the process of finding solutions, we collected and cleared up useful data, built models to solve it, and we set up visual platform to make abstract problems more concrete. The interesting combination of codes in bioinformatics attracted students to join in the study of bioinformatics. The participation of software teams in iGEM competition also makes them see the wide application of bioinformatics and more motivated for them to learn. At the same time, in this presentation, we raised a question to the students about how to do the sequence alignment, and some of them thought that we can do the alignment from the beginning or the end of the sequences.
+
−
<br> Although the students didn’t take many aspects into consideration, their different opinions on the same question inspired us to continue to try different algorithms, continuously optimize.
+
−
</p>
+
−
</div>
+
 
</section><!-- cd-section -->
 
</section><!-- cd-section -->
  
−
<script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script>
+
<section id="section4" class="cd-section">
−
<script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectMain_js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery -->
+
  
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiem<br><br><br>iemiemie</p>
 +
<p>miemiemiemiemiemiemiemie</p>
 +
<p>miemiemiemiemiemiemiemie</p>
 +
<p>miemiemiemiemiemiemiemie</p>
  
 +
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
 +
</section><!-- cd-section -->
 +
 +
<section id="section5" class="cd-section">
 +
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
 +
</section><!-- cd-section -->
 +
 +
<section id="section6" class="cd-section">
 +
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
 +
</section><!-- cd-section -->
 +
<section id="section7" class="cd-section">
 +
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
 +
</section><!-- cd-section -->
 +
<section id="section8" class="cd-section">
 +
<p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.&rdquo;</p>
 +
</section><!-- cd-section -->
 +
 +
<script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectMain_js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery -->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 13:52, 6 October 2019

Tongji Software | Pathlab

PROJECT Open navigation
scroll down

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

miemiemiemiemiem


iemiemie

miemiemiemiemiem


iemiemie

miemiemiemiemiem


iemiemie

miemiemiemiemiem


iemiemie

miemiemiemiemiem


iemiemie

miemiemiemiemiem


iemiemie

miemiemiemiemiem


iemiemie

miemiemiemiemiemiemiemie

miemiemiemiemiemiemiemie

miemiemiemiemiemiemiemie

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”