Difference between revisions of "Team:Tongji-Software/Human Practices"

Latest revision as of 16:35, 17 October 2018

Human Practice

Overview
The aim of our project is to develop a computational tool solving pathway engineering problems with strong practicability and great interactivity. In order to achieve this goal, we did a great deal of human practices with researchers, iGEM teams and social communities throughout our project.

Silver
"The most critical part of designing any solution is to understand the problem you're trying to solve."
To become that intimate with the problem, we devoted ourselves to interactive with our software’s end users -- the very people who have this problem -- to understand their workflow and how they think our solution should work. Moreover, we communicated with peers who have the experiences of developing software. From these communications, we got a great deal of suggestions about how to build a software that is user friendly, beautiful, responsive, reliable, secure, and scalable.

Interview with Prof.Liu Qi
At the early stage of our project, we had an interview with Prof. Liu Qi to learn about how bioinformatics could benefit the research of biology field.
Prof. Liu Qi currently conducts bioinformatics research at the School of Life Science and Technology of Tongji University. His biomedical Big Data Mining team (BM2, stand for Biological and Medical Big Data Mining) is dedicated to the application of evolving artificial intelligence and machine learning technologies to mine high-throughput biometric data and drug data for biological problem mechanisms.

Fig. 1. Interview Prof.Liu and learn about applications of bioinformatics.
During one hour communication with Prof. Liu, we learnt a lot about the applications and approaches of bioinformatics in many aspects. Here is the general information we got.

Fig. 2. Applications and approaches of bioinformatics in many aspects.
Prof. Liu inspired us that development of bioinformatics software should encompass biological information acquisition, processing, storage, distribution, analysis, and interpretation that combines the tools and techniques of mathematics, computer science, and biology with the aim of understanding the biological significance of a variety of data.

Biology Labs Visiting
We visited some of the biology labs in School of Life Science and Technology of Tongji University to study general needs of researchers and knowledge of biosafety in wet lab.
We found that most researchers view biological data from previous studies as a treasure. Utilization data rationally not only help experiment design a lot but also benefit discovery of biological mechanisms. This inspires us to develop a tool that gather, integrate and analyze data on a specific aspect in synthetic biology.

Fig. 3. Interview with Assistant Prof.Zhang and learn about biosafety in wet lab.
What’s more, we learned basic knowledge of biosafety in synthetic biology during these visits. It is important to use biosafety mechanisms such as suicide genes and nutrient dependencies to ensure the organisms cannot survive outside of the lab setting in which they were originally created. Also, conduction of regular reviews of the biosafety in laboratory settings, as well as strict guidelines to follow are indispensable.

Interview with Prof.LI Ping in Tongji University
We had an interview with Prof. Li Ping and a discussion with doctoral students in Prof.Li’s laboratory in May at the beginning development of our project.Prof. LI now conducts scientific research in School of Life Science and Technology of Tongji University. Her research group mainly engaged in the fields of microbial fermentation and synthesis of natural active substances which are very relative to pathway engineering.

Fig. 4. Discussing pathway engineering with Prof.Li.She told us that there are many challenges when conducting a pathway engineering project. One major challenge is in the design of the pathway. She told us that there are many challenges when conducting a pathway engineering project. One major challenge is in the design of the pathway, which may require sorting through thousands of possible enzymes and reactions wherein all the parameters have different substrate preferences and kinetic features. It is not easy for researchers to search information efficiently due to a considerable amount of data available on the Internet.
“It will save much time for us if you could provide a computational tool for designing and constructing pathway.”
She said.
Moreover, we had a discussion with doctoral students about the optimization of the heterologous metabolic pathway. They told us that the most important factor should be considered is the metabolic burden in the pursuit to identify an optimal metabolic pathway. “Minimizing the number of heterologous reactions that need to be added would help reduce the metabolic burden.” They said.
After an in-depth discussion with Prof.Li and her doctoral students, we learned that researchers engaged in metabolic engineering have a great demand for a computational tool that help them design and construct pathways. Moreover, they inspire us to consider more about metabolic burden when ranking pathways.

iGEM Eurasian meet-up
It’s a great pleasure to participate in iGEM Eurasian meetup 2018 in July this summer. Through engagement in the interactive presentation and excellent workshops, we learnt much about biosafety and bridging bioethics standards between continents. Besides these, we communicated a lot with other iGEM teams during the poster exhibition, which made us aware that there are a lot to be improved in our project to meet synthetic biology researcher's needs. More details can be found on our Integrated HP& Goldpage.

Fig. 5. Our first day in Eurasia Meetup.

Fig. 6. Many teams came and visited our poster. We exchanged a lot of valuable suggestions.

Conference of China iGEMer Community, CCiC
We attended 5th CCiC which was held by ShanghaiTech University in August this summer. During this meeting, we introduced our project to others through presentation and poster exhibition and gained lots of valuable feedbacks.

Fig. 7. CCiC in Shanghai.

Fig. 8. Our poster session in CCiC.

Fig. 9. We gave presentation to other teams.Q & A section was really challenging for us.
Here are suggestions from others. More details about how we improved our project based on these advices can be found on our Integrated HP& Goldpage.
“In our simulation of metabolism with and without phase separation, we inevitably need the kinetic parameters of enzymes used in our pathway to produce β-carotene. So if your software could offer the accurate enzyme kinetic data, it will help us a lot make tenable predictions based on our models.”
——Peking
“The illustration of algorithm can be further improved to make it more appealing; the items and parameters of the software can be explained more clearly for the audience to follow; a specific application scenario can be added to the presentation to make the whole story more complete and clear.”
——Some advices on presentation from judges

Enterprises visiting
To improve our project and make it serve the industrial community better, we visit three biotechnology and drug companies, Cathay Industrial Biotech, WuXi AppTech and MEIHUA Group. During these visits, our aims are as follows.
1.Studying the needs of industrial community
2.Seeking suggestions for improvement from the company's professional R&D staff
3.Promoting our web application to company staffs
We had gained lots of valued suggestions from professional R&D staffs and improved our software based on the advice afterwards. More detailed information can be found on the Integrated HP& Gold page. Moreover, we generalize our tool and some of the R&D staffs planned to use it in industrial small molecular compound production design, which encouraged us a lot. No matter how it works well, it will be futile if no one use it. So promotion is important.

Integrated HP & Gold
An excellent project is inseparable from careful and creative thinking about whether your work is responsible and good for the world. To achieve this goal, we actively engaged with stakeholders and professionals to get the best out of our project. We integrated the extensive feedback we received into the design and evolution of our project. This page describes how the investigation of our HP issues has been integrated into the purpose, design, and execution of our project in details. It consists of two parts, Functions Integration and Project Assessment.

Fig.10. Overview of Integrated HP
Functions Integration
Advancements in metabolic engineering have enabled us to engineer and express enzymes and construct novel pathways for various applications including drug discovery and value-added biochemical production. However, it’s quite a challenge to design and reconstruct a pathway with high yield and productivity in certain organism. So the very initial idea of us is to develop a computational tool for pathway recommendation. However, it is not clear that how to evaluate the pathway, what the general pathway engineering workflow of experimenters and how they think our solution should work.

1.Database integration:
Inspirations from Prof. Liu and Peking:
Prof. Liu emphasized the comprehensiveness and reliability of data used for pathway searching. He made us aware the importance of data. We obtained data from reliable database online, cleared redundant data afterward and integrated them to our software.
“Data is the foundation of your software. Only by ensuring their accuracy can your software work well.”
Prof. Liu said.
We met Peking on the 5th CCiC meetup. Since they need the kinetic parameters of enzymes used in their pathway to produce β-carotene, it inspired us we can offer comprehensive information of compounds, enzymes, reactions and organisms to users to help them design experiments better.

Data integration:

Fig.11. Databases we integrated in Alpha Ant.

Information display in Alpha Ant

Fig.12. Result page of Alpha Ant.

2. Pathway Ranking Criteria Integration
Inspirations from Key Synthetic Biology Laboratory of Chinese Academy of Sciences visit:
Thanks for Prof. Li Ping’s referral and we got the opportunity to visit Key Synthetic Biology Laboratory of Chinese Academy of Sciences. We introduced our project and they gave us a valued suggestion on pathway ranking criteria from the experimenter's point of view. Researcher Yang Sheng told us generally the designed pathway for value-added biochemical production should coincide with the central metabolic pathway of chassis cells as much as possible to get high yield according to the experience in experimenting. It inspired us that we could design a scoring method based on the coincidence of the pathway to be evaluated and the core metabolic pathway in chassis cell.

Fig. 13. Introduce Alpha Ant to Prof.Yang and Prof.Li in Key Synthetic Biology Laboratory of Chinese Academy of Sciences.

Fig. 14. Prof.Yang show us around and help us get to know more about metabolic engineering.
Improvement in pathway ranking:
We integrated the new pathway ranking method into our previous criteria, which meets our users’ needs better. Also, we found that the verified pathways in papers had a higher score in software assessment.Check it in Validation.

3. Organism recommendation
Inspiration from iGEMers:
We attended the iGEM Eurasian meet-up in August and communicated a lot with other iGEM teams. Through those communications, we learned that most of them faced the problem of organism selection in pathway engineering. It inspired us to add a new function, organism recommendation to make our software more practical.

Fig. 15. Other iGEM teams came to our poster and proposed advice to us. Improvement:
Based on this human practice, we develop a model to scoring each microorganism. After ranking all those score, we provide users with top five organisms to choose. At the same time, related information about organism and pathway are optional to get.

4. SMILES Comparison
Inspiration from R&D staffs in WuXi AppTech:
Original thinking about SMILES comparison is derived from our visits to WuXi AppTec. Experts of WuXi AppTec proposed an idea to us. They said that sometimes their company got or designed a novel compound which did not exist in current database, and they want to find a possible way to synthesize it. So it came to our mind that what if we could compare the similarity between different compounds and select the most similar compound as a trigger to help us design new synthetic pathway, which can be very useful in small molecular drug discovery and synthesis.

Fig. 16. Original thinking about SMILES comparison is derived from our visits to WuXi AppTec. Experts of WuXi AppTec proposed an idea to us.
Improvement:
We added a new function called SMILES Comparison into Alpha Ant. First we convert user’s input SMILES into molecular fingerprints by using RDkit toolbox. Then we compute similarity score between input compound and compound in databases by comparing their fingerprints. At last, we offer the similarity score and ranking list to users.

Fig. 17. SMILES comparison page of Alpha Ant.
Software Assessment:
Results validation： We visit Shanghai R&D center of Meihua Group in September. Meihua Group is one of the largest MSG manufacturers in the world. It is the largest amino acid producer in China and an important member of the global bio-fermentation field. Their R&D center is dedicated to do research in amino acid production by bio-fermentation. There are several mature production lines for amino acid, which utilizes pathway engineering. We used these efficient pathways to evaluate the results of our software.

Fig. 18. We visit Shanghai R&D center of Meihua Group in September. Meihua Group is one of the largest MSG manufacturers in the world.
Aspects to be improved
We visit R&D center of Cathay Industrial Biotech in September. Cathay Industrial Biotech focus on the industrialization of bio-manufacturing technology and practices, which have already achieved large-scale industrialization including long-chain dibasic acids, biobutanol, biopentylamine, and bio-based polyamides.

Fig. 19. We visit R&D center of Cathay Industrial Biotech in September.
We had an in-depth discussion with R&D staffs. They pointed out many aspects in our software to be improved based on their years of research and development experience. Due to lack of time, we decided to made future plans as follows.
Future plan1: The optimum conditions for each reactions’ enzymes may be different, we will take into accont the positions and optimum conditions of each reaction’s enzyme when ranking pathway to guarantee that the recommended optimal pathway will achieve the highest efficiency under the same condition.
Future plan2:There are other factors should be taken into account when evaluating the pathway, such as primary metabolite or secondary metabolite,growth phase or fermentation period of microorganism. We learned that in the production of industrial compounds, producers tend to use microbial fermentation in an anaerobic environment to reduce the biomass energy consumption and achieve high productity. So we will take the types of metabolite and growth state of microorganism into account when optimising pathway.
Future plan3: We will consider about modyfing existing enzymes to improve efficiency of pathway. Enzymes are often engineered to carry out new functions in the context of synthetic metabolic pathways. Enzyme modification is a challenging and promising solution for improving pathway efficiency. We are planning to read related literature and develop this excitiing funcion afterwards.

Education & Public Engagement

Game: "GO ANTS!!!"
Be Curious about the fantastic biochemical reactions in organisms? Feeling boring in biochemical textbooks? If your answer is yes, then try our game! This year our team designed and developed a fascinating game called “GO ANTS”. This game aims at spreading basic knowledge of metabolic pathway in organisms to general public.
It is a double-operated game which incites people’s pleasure of cooperation.The players need to convert a compound to another compound through several enzyme reactions within a specific time limit in order to win. Players control two ants to move and collide with specific enzyme to complete an enzyme reaction via printing different keyboards. If the ants collide with wrong enzyme, then they need to collide with a specific enzyme to undo this reaction. People will learn related knowledge about enzyme reactions and metabolic pathways in organisms.

A number of students enjoyed playing our game. Some of the players also gave some advice to improve the game experience.
"This game is a litter difficult to play but with great fun!"
by Sun
"It makes the biochemical reaction no longer boring!"
by Gao
More excited it will be if add some inspiring music!"by Yi
by Yi

Fig. 20. Our teammate Xiaotian was introducing "Go Ant" to middle-grade students and they liked it!
Lectures for Freshmen and High School Students
Spreading a basic understanding of synthetic biology to the next generation is always what iGEM encourages us to do. So we held several mini lectures for freshmen and high school students this year. We introduced basic knowledge of synthetic biology and our project Alpha Ant. These lectures incited their interest in synthetic biology a lot and they also shared their creative ideas and interest of synthetic biology at the end of the lectures.

Fig. 21. We held leactures in No.1 High School Affiliated to Tongji University.

Fig. 22. Promoting synthetic biology to freshmen in Tongji University.
Experience Sharing Session
All of our team members have gained great self-improvement during the whole project development. We had the desire to share knowledge and experiences we have got to others. So we held an experience sharing session with students majored in bioinformatics. We introduced our project to them and shared our stories about difficulties we met and how we got over it.

Fig. 23. we held an experience sharing session with students majored in bioinformatics.
Several of the listeners who now conduct innovation and entrepreneurship project said they got many creative ideas about how to develop bioinformatics tools that benefit the biologic research. Moreover, they expressed their suggestions on our project, which also benefit our project a lot.

@@ Line 30: / Line 30: @@
    float: left;
    top: 0px;
-   background-color: #685454;
+   background-color: #592e2e;
    margin-top:0px;
    width: 10%;
@@ Line 68: / Line 68: @@
 filter: brightness(200%);
 transform: scale(1.2);
+}
+.line {
+  position: fixed;
+  float: left;
+  top: 0px;
+  left:10%;
+  background-color:  #aadffa;
+  width: 1%;
+  height: 100%;
+  padding-right:-20px;
+  padding-top:10px;
 }
@@ Line 74: / Line 85: @@
    float: left;
    top: 0px;
-   left:10%;
+   left:8%;
-   background-color: #fba782;
+   background-color: #aadffa;
    width: 14%;
    height: 100%;
@@ Line 116: / Line 127: @@
    transform: scale(1.15);
 }
+.left li:before {
+  content: '';
+  height: 100%;
+  position: absolute;
+  top: 0;
+  -webkit-transition: width 0.2s ease-in;
+  transition: width 0.2s ease-in;
+  width: 3px;
+  z-index: -1;
+}
+.left li:hover:before {
+  -webkit-transition: width 0.2s ease-in;
+  transition: width 0.2s ease-in;
+  width: 100%;
+}
+.left li.open:hover before {
+  -webkit-transition: width 0.2s ease-in;
+  transition: width 0.2s ease-in;
+  width: 100%;
+}
 .picture{
@@ Line 126: / Line 161: @@
 .background{
-position:fixed;
 top:0px;
 z-index: -1;
+position: fixed;
 }
@@ Line 139: / Line 174: @@
    left:65%;
    font-size: 48px;
-   color:#f46b2e ;
+   color:#2569f2;
    z-index: 2;
    font-weight: bolder;
@@ Line 148: / Line 183: @@
    float: left;
    top:110%;
-   left:28%;
+   left:20%;
    width:71%;
    font-size: 18px;
    z-index: 2;
-  color:#685454;
    margin-left：50px;
   line-height: 35px;
@@ Line 160: / Line 194: @@
 .content .h1{
    margin-top: 20px;
-   font-size: 30px;
+   font-size: 33px;
    font-weight: bold;
-   color: #f46b2e;
+   color: #2569f2;
 }
+.content .second_title{
+  font-size: 20px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #48b4ea;
+  font-weight:bold;
+}
+.content .fig{
+  display:block;
+  vertical-align:middle;
+  text-align:center;
+  font-weight:bold;
+  font-size: 14px;
+  padding-bottom: 20px;
+}
+.content .quote{
+  display: block;
+  text-align:right;
+  font-size: 18px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
 .content .top{
    padding-top: 23px;
@@ Line 173: / Line 231: @@
    font-weight:bold;
    font-size: 25px;
-  color:#685454;
    padding-bottom: 20px;
+  font-family:Georgia;
 }
@@ Line 181: / Line 239: @@
    text-indent:2em;
    font-size: 18px;
-   padding-top: 10px;
+   padding-top: 8px;
-   padding-bottom: 10px;
+   padding-bottom: 8px;
+}
+.content .advice{
+  display: inline-block;
+  text-indent:2em;
+  font-size: 18px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  color:#4c9ef9;
 }
-.content img{
+.content  img{
-  padding-left: 50px;
    display: table-cell;
    vertical-align:middle;
+  margin:0 auto;
+  text-align:center;
 }
+video{
+  display: table-cell;
+  vertical-align:middle;
+  margin:0 auto;
+  text-align:center;
+}
-</style>
+.contact{
+  position:absolute;
+  float: left;
+  left:10%;
+  font-size: 18px;
+  border-radius: 15px;
+ width:71%;
+  height:250px;
+  background:rgba(255,255,255,0.8);
+ /* border: 2.5px solid rgba(0,0,0,0.7);*/
+  z-index: 5;
+  text-align: center;
+  display: block;
+  margin-bottom: 100px;
+}
+.contact h3{
+  font-size: 22px;
+  margin-top:35px;
+  margin-bottom:10px;
+  color : #5b3d3d;
+}
+.contact ul{
+        display:inline-block;
+	 position:absolute;
+	width:500px;
+background:rgba(255,255,255,0.8);
+left:20%;
+ margin-bottom: 100px;
+}
+.contact ul li{
+	float: left;
+	list-style: none;
+}
+.contact img {
+    width: 5em;
+    margin-right: 1em;
+    margin-bottom: 0.6em;
+}
+.contact img:hover{
+  transform: scale(1.15);
+  transition: all 0.4s;
+}
+#btn{
+display: none;
+position: fixed;
+left: 90%;
+bottom: 40px;
+height:80px;
+width: 80px;
+background: url(https://static.igem.org/mediawiki/2018/d/d1/T--Tongji-Software--top.png) no-repeat left top;
+background-size:100% auto;
+}
+</style>
+<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css">
 <body>
@@ Line 213: / Line 343: @@
      <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practice" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
-     <a href="https://2018.igem.org/Team:Tongji-Software/Measurement" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
+     <a href="https://2018.igem.org/Team:Tongji-Software/Medal" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
    </ul>
    </div>
+<div class="line"></div>
+<div><a href="javascript:;" id="btn" title="Return to Top"></a></div>
-<div class="left">
+<div id = "wrapper">
+<div class="left"  id = "sidebar-wrapper">
      <ul>
        <li><a href="#Overview">Overview</a></li>
        <li><a href="#Silver">Silver</a></li>
-       <li><a href="#Integrated HP & Gold">Integrated HP</br> & Gold</a></li>
+       <li><a href="#Integrated">Integrated HP</br> & Gold</a></li>
-       <li><a href="#Public Engagement">Education & </br>Public Engagement</a></li>
+       <li><a href="#Public">Education & </br>Public Engagement</a></li>
      </ul>
@@ Line 241: / Line 374: @@
-<div class="content" >
+<div class="content" id="con">
 <span class="h1" id="Overview">
@@ Line 249: / Line 382: @@
 <span class="detail">The aim of our project is to develop a computational tool solving pathway engineering problems with strong practicability and great interactivity. In order to achieve this goal, we did a great deal of human practices with researchers, iGEM teams and social communities throughout our project.</span></br>
+</br>
 <span class="h1" id="Silver">
          Silver</br>
@@ Line 254: / Line 388: @@
 <span class="detail"><em>"The most critical part of designing any solution is to understand the problem you're trying to solve." </em></span></br>
-<span class="detail">To become that intimate with the problem, we devoted ourselves to interactive with our software’s end users -- the very people who have this problem -- to understand their workflow and how they think our solution should work. Moreover, we communicated with peers who have the experiences of developing software. From these communications, we got a great deal of suggestions about how to build a software that is friendly, fast, beautiful, responsive, reliable, secure, and scalable.</span></br>
+<span class="detail">To become that intimate with the problem, we devoted ourselves to interactive with our software’s end users -- the very people who have this problem -- to understand their workflow and how they think our solution should work. Moreover, we communicated with peers who have the experiences of developing software. From these communications, we got a great deal of suggestions about how to build a software that is user friendly, beautiful, responsive, reliable, secure, and scalable.</span></br>
-<b>Interview with Prof.Liu Qi</b></br>
+</br>
+<span class="second_title">Interview with Prof.Liu Qi</span></br>
 <span class="detail">At the early stage of our project, we had an interview with Prof. Liu Qi to learn about how bioinformatics could benefit the research of biology field.</span></br>
@@ Line 263: / Line 398: @@
 <img src="https://static.igem.org/mediawiki/2018/9/9e/T--Tongji-Software--HP1.jpeg" width="70%">
+<span class="fig">Fig. 1. Interview Prof.Liu and learn about applications of bioinformatics.</span></br>
 <span class="detail">During one hour communication with Prof. Liu, we learnt a lot about the applications and approaches of bioinformatics in many aspects. Here is the general information we got.</span></br>
@@ Line 269: / Line 404: @@
 <img src="https://static.igem.org/mediawiki/2018/b/be/T--Tongji-Software--HP19.png" width="70%">
+<span class="fig">Fig. 2. Applications and approaches of bioinformatics in many aspects.</span></br>
 <span class="detail">Prof. Liu inspired us that development of bioinformatics software should encompass biological information acquisition, processing, storage, distribution, analysis, and interpretation that combines the tools and techniques of mathematics, computer science, and biology with the aim of understanding the biological significance of a variety of data.</span></br>
 </br>
-<b>Biology Labs Visiting</b>
+<span class="second_title">Biology Labs Visiting</span></br>
 <span class="detail">We visited some of the biology labs in School of Life Science and Technology of Tongji University to study general needs of researchers and knowledge of biosafety in wet lab. </span></br>
 <span class="detail">We found that most researchers view biological data from previous studies as a treasure. Utilization data rationally not only help experiment design a lot but also benefit discovery of biological mechanisms. This inspires us to develop a tool that gather, integrate and analyze data on a specific aspect in synthetic biology. </span></br>
-<span class="detail">What’s more, we learned basic knowledge of biosafety in synthetic biology during these visits. It is important to use biosafety mechanisms such as suicide genes and nutrient dependencies to ensure the organisms cannot survive outside of the lab setting in which they were originally created. Also, conduction of regular reviews of the biosafety in laboratory settings, as well as strict guidelines to follow is indispensable.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/4/4c/T--Tongji-Software--HP25.jpeg" width="70%">
+<span class="fig">Fig. 3. Interview with Assistant Prof.Zhang and learn about biosafety in wet lab.</span></br>
+<span class="detail">What’s more, we learned basic knowledge of biosafety in synthetic biology during these visits. It is important to use biosafety mechanisms such as suicide genes and nutrient dependencies to ensure the organisms cannot survive outside of the lab setting in which they were originally created. Also, conduction of regular reviews of the biosafety in laboratory settings, as well as strict guidelines to follow are indispensable.</span></br>
 </br>
-<b>Interview with Prof.LI Ping in Tongji University</b></br>
+<span class="second_title">Interview with Prof.LI Ping in Tongji University</span></br>
-<span class="detail">We had an interview with Prof. Li Ping and a discussion with doctoral students in Prof.Li’s  laboratory in May at the beginning development of our project.</span></br>
+<span class="detail">We had an interview with Prof. Li Ping and a discussion with doctoral students in Prof.Li’s  laboratory in May at the beginning development of our project.Prof. LI now conducts scientific research in School of Life Science and Technology of Tongji University. Her research group mainly engaged in the fields of microbial fermentation and synthesis of natural active substances which are very relative to pathway engineering. </span></br>
-<span class="detail">We had an interview with Prof. Li Ping and a discussion with doctoral students in Prof.Li’s  laboratory in May at the beginning development of our project.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/7/78/T--Tongji-Software--HP28.jpeg" width="70%">
+<span class="fig">Fig. 4. Discussing pathway engineering with Prof.Li.She told us that there are many challenges when conducting a pathway engineering project. One major challenge is in the design of the pathway.</span>
-<span class="detail">Prof. LI now conducts scientific research in School of Life Science and Technology of Tongji University. Her research group mainly engaged in the fields of microbial fermentation and synthesis of natural active substances which are very relative to pathway engineering. </span></br>
 <span class="detail">She told us that there are many challenges when conducting a pathway engineering project. One major challenge is in the design of the pathway, which may require sorting through thousands of possible enzymes and reactions wherein all the parameters have different substrate preferences and kinetic features. It is not easy for researchers to search information efficiently due to a considerable amount of data available on the Internet. </span></br>
-<span class="detail">“It will save much time for us if you could provide a computational tool for designing and constructing pathway.” She said. </span></br>
+<span class="advice"><em>“It will save much time for us if you could provide a computational tool for designing and constructing pathway.”</em> </span></br> <span class="quote">She said. </span></br>
 <span class="detail">Moreover, we had a discussion with doctoral students about the optimization of the heterologous metabolic pathway. They told us that the most important factor should be considered is the metabolic burden in the pursuit to identify an optimal metabolic pathway. “Minimizing the number of heterologous reactions that need to be added would help reduce the metabolic burden.” They said.</span></br>
@@ Line 300: / Line 437: @@
 </br>
-<b>iGEM Eurasian meet-up</b></br>
+<span class="second_title">iGEM Eurasian meet-up</span></br>
-<span class="detail">It’s a great pleasure to participate in iGEM Eurasian meetup 2018 in July this summer. Through engagement in the interactive presentation and excellent workshops, we learnt much about biosafety and bridging bioethics standards between continents. Besides these, we communicated a lot with other iGEM teams during the poster exhibition, which made us aware that there are a lot to be improved in our project to meet synthetic biology researcher's needs. More details can be found on our <a href="2018.igem.org/Tongji-Software#Integrated_HP">Integrated HP</a> &  <a href="2018.igem.org/Tongji-Software#Gold">Gold</a> page.</span></br>
+<span class="detail">It’s a great pleasure to participate in iGEM Eurasian meetup 2018 in July this summer. Through engagement in the interactive presentation and excellent workshops, we learnt much about biosafety and bridging bioethics standards between continents. Besides these, we communicated a lot with other iGEM teams during the poster exhibition, which made us aware that there are a lot to be improved in our project to meet synthetic biology researcher's needs. More details can be found on our <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices#Integrated">Integrated HP& Gold</a>page.</span></br>
 <img src="https://static.igem.org/mediawiki/2018/5/55/T--Tongji-Software--HP4.png" width="70%"></br>
+<span class="fig">Fig. 5. Our first day in Eurasia Meetup.</span></br>
 <img src="https://static.igem.org/mediawiki/2018/6/6b/T--Tongji-Software--HP3.png" width="70%"></br>
+<span class="fig">Fig. 6. Many teams came and visited our poster. We exchanged a lot of valuable suggestions.</span></br>
 </br>
-<b>Conference of China iGEMer Community, CCiC</b></br>
+<span class="second_title">Conference of China iGEMer Community, CCiC</span></br>
-<span class="detail">We attended 5th CCiC which was held by ShanghaiTech University in August this summer. During this meeting, we introduced our project to others through presentation and poster exhibition and gained lots of valuable feedbacks. Here are suggestions from others. More details about how we improved our project based on these advices can be found on our <a href="2018.igem.org/Tongji-Software#Integrated_HP">Integrated HP</a> &  <a href="2018.igem.org/Tongji-Software#Gold">Gold</a> page.</span></br>
+<span class="detail">We attended 5th CCiC which was held by ShanghaiTech University in August this summer. During this meeting, we introduced our project to others through presentation and poster exhibition and gained lots of valuable feedbacks.</span>
-<span class="detail"><em>“In our simulation of metabolism with and without phase separation, we inevitably need the kinetic parameters of enzymes used in our pathway to produce β-carotene. So if your software could offer the accurate enzyme kinetic data, it will help us a lot make tenable predictions based on our models.”</em>——Peking</span></br>
+<img src="https://static.igem.org/mediawiki/2018/5/5b/T--Tongji-Software--HP26.jpeg" width="70%"></br>
+<span class="fig">Fig. 7. CCiC in Shanghai.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/2/29/T--Tongji-Software--HP27.jpeg" width="70%"></br>
+<span class="fig">Fig. 8. Our poster session in CCiC.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/9/9e/T--Tongji-Software--HP6.jpeg" width="70%"></br>
+<span class="fig">Fig. 9. We gave presentation to other teams.Q & A section was really challenging for us.</span></br>
-<span class="detail"><em>“The illustration of algorithm can be further improved to make it more appealing; the items and parameters of the software can be explained more clearly for the audience to follow; a specific application scenario can be added to the presentation to make the whole story more complete and clear.”</em>——Some advices on presentation from judges</span></br>
+<span class="detail">Here are suggestions from others. More details about how we improved our project based on these advices can be found on our <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices#Integrated">Integrated HP& Gold</a>page.</span></br>
+<span class="advice"><em>“In our simulation of metabolism with and without phase separation, we inevitably need the kinetic parameters of enzymes used in our pathway to produce β-carotene. So if your software could offer the accurate enzyme kinetic data, it will help us a lot make tenable predictions based on our models.”</em></span></br>
+<span class="quote">——Peking</span></br>
+<span class="advice"><em>“The illustration of algorithm can be further improved to make it more appealing; the items and parameters of the software can be explained more clearly for the audience to follow; a specific application scenario can be added to the presentation to make the whole story more complete and clear.”</em></span></br>
+<span class="quote">——Some advices on presentation from judges</span></br>
 </br>
-<b>Enterprises visiting</b></br>
+<span class="second_title">Enterprises visiting</span></br>
 <span class="detail">To improve our project and make it serve the industrial community better, we visit three biotechnology and drug companies, Cathay Industrial Biotech, WuXi AppTech and MEIHUA Group. During these visits, our aims are as follows.</span></br>
-<span class="detail">1.	Studying the needs of industrial community</span></br>
+<span class="detail"><b>1.Studying the needs of industrial community</b></span></br>
-<span class="detail">2.	Seeking suggestions for improvement from the company's professional R&D staff</span></br>
+<span class="detail"><b>2.Seeking suggestions for improvement from the company's professional R&D staff</b></span></br>
-<span class="detail">3.	Promoting our web application to company staffs</span></br>
+<span class="detail"><b>3.Promoting our web application to company staffs</b></span></br>
-<span class="detail">We had gained lots of valued suggestions from professional R&D staffs and improved our software based on the advice afterwards. More detailed information can be found on the <a href="2018.igem.org/Tongji-Software#Integrated_HP">Integrated HP</a> &  <a href="2018.igem.org/Tongji-Software#Gold">Gold</a> page. Moreover, we generalize our tool and some of the R&D staffs planned to use it in industrial small molecular compound production design, which encouraged us a lot. No matter how it works well, it will be futile if no one use it. So promotion is important.</span></br>
+<span class="detail">We had gained lots of valued suggestions from professional R&D staffs and improved our software based on the advice afterwards. More detailed information can be found on the <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices#Integrated">Integrated HP& Gold</a> page. Moreover, we generalize our tool and some of the R&D staffs planned to use it in industrial small molecular compound production design, which encouraged us a lot. No matter how it works well, it will be futile if no one use it. So promotion is important.</span></br>
-<span class="h1" id="Integrated HP & Gold">
+</br>
+<span class="h1" id="Integrated">
          Integrated HP & Gold</br>
        </span>
 <span class="detail">An excellent project is inseparable from careful and creative thinking about whether your work is responsible and good for the world. To achieve this goal, we actively engaged with stakeholders and professionals to get the best out of our project. We integrated the extensive feedback we received into the design and evolution of our project. This page describes how the investigation of our HP issues has been integrated into the purpose, design, and execution of our project in details. It consists of two parts, Functions Integration and Project Assessment.</span></br>
+</br>
-<b>Functions Integration</b></br>
+<img src="https://static.igem.org/mediawiki/2018/1/1f/T--Tongji-Software--HP38.png" width="100%">
-<span class="detail">Advancements in metabolic engineering have enabled us to engineer and express enzymes and construct novel pathways for various applications including drug discovery and value-added biochemical production. However, it’s quite a challenge to design and reconstruct a pathway with high yield and productivity in certain organism. So the very initial idea of us is to develop a computational tool for pathway recommendation. However, it is not clear that how to evaluate the pathway, what the general pathway engineering workflow of experimenters and how they think our solution should work.</span></br>
+<span class="fig">Fig.10. Overview of Integrated HP</span></br>
-<b>Database integration:</b></br>
+<span class="second_title">Functions Integration</span></br>
+<span class="detail">Advancements in metabolic engineering have enabled us to engineer and express enzymes and construct novel pathways for various applications including drug discovery and value-added biochemical production. However, it’s quite a challenge to design and reconstruct a pathway with high yield and productivity in certain organism. So the very initial idea of us is to develop a computational tool for pathway recommendation. However, it is not clear that how to evaluate the pathway, what the general pathway engineering workflow of experimenters and how they think our solution should work.</span></br>
+</br>
+<b>1.Database integration:</b></br>
-<span class="detail">Inspirations from Prof. Liu and Peking:</span></br>
+Inspirations from Prof. Liu and Peking:</br>
-<span class="detail">Prof. Liu emphasized the comprehensiveness and reliability of data used for pathway searching. “Data is the foundation of your software. Only by ensuring their accuracy can your software work well.” Prof. Liu said. He made us aware the importance of data. We obtained data from reliable database online, cleared redundant data afterward and integrated them to our software.</span></br>
+<span class="detail">Prof. Liu emphasized the comprehensiveness and reliability of data used for pathway searching. He made us aware the importance of data. We obtained data from reliable database online, cleared redundant data afterward and integrated them to our software.</span></br>
+<span class="advice"><em>“Data is the foundation of your software. Only by ensuring their accuracy can your software work well.”</em> </span></br>
+<span class="quote">Prof. Liu said.</span></br>
 <span class="detail">We met Peking on the 5th CCiC meetup. Since they need the kinetic parameters of enzymes used in their pathway to produce β-carotene, it inspired us we can offer comprehensive information of compounds, enzymes, reactions and organisms to users to help them design experiments better.</span></br>
-<b>Data integration:</b></br>
+</br>
+Data integration:</br>
 <img src="https://static.igem.org/mediawiki/2018/3/3c/T--Tongji-Software--HP20.png" width="70%"></br>
+<span class="fig">Fig.11. Databases we integrated in Alpha Ant.</span></br>
 </br>
 <span class="detail">Information display in Alpha Ant</span></br>
-（这里放我们软件信息展示的截图）
+<img src="https://static.igem.org/mediawiki/2018/2/2f/T--Tongji-Software--alpha2.png" width="80%">
+<span class="fig">Fig.12. Result page of Alpha Ant.</span></br>
-<b>Pathway Ranking Criteria Integration</b></br>
+</br>
-<span class="detail">Inspirations from <b>Key Synthetic Biology Laboratory of Chinese Academy of Sciences</b> visit:</span></br></br>
+<b>2. Pathway Ranking Criteria Integration</b></br>
+Inspirations from <em>Key Synthetic Biology Laboratory of Chinese Academy of Sciences</em> visit:</br>
 <span class="detail">Thanks for Prof. Li Ping’s referral and we got the opportunity to visit Key Synthetic Biology Laboratory of Chinese Academy of Sciences. We introduced our project and they gave us a valued suggestion on pathway ranking criteria from the experimenter's point of view. Researcher Yang Sheng told us generally the designed pathway for value-added biochemical production should coincide with the central metabolic pathway of chassis cells as much as possible to get high yield according to the experience in experimenting. It inspired us that we could design a scoring method based on the coincidence of the pathway to be evaluated and the core metabolic pathway in chassis cell.</span></br>
 <img src="https://static.igem.org/mediawiki/2018/4/4f/T--Tongji-Software--HP10.jpeg"width="70%"></br>
-<img src="https://static.igem.org/mediawiki/2018/6/64/T--Tongji-Software--HP11.jpeg"width="70%"></br>
+<span class="fig">Fig. 13. Introduce Alpha Ant to Prof.Yang and Prof.Li in Key Synthetic Biology Laboratory of Chinese Academy of Sciences.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/6/64/T--Tongji-Software--HP11.jpeg"width="70%">
 <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Tongji-Software--HP12.jpeg"width="70%"></br>
+<span class="fig">Fig. 14. Prof.Yang show us around and help us get to know more about metabolic engineering.</span>
+</br>
 <span class="detail">Improvement in pathway ranking:</span></br>
-<span class="detail">We integrated the new pathway ranking method into our previous criteria, which meets our users’ needs better. Also, we found that the verified pathways in papers had a higher score in software assessment.</span></br>
+<span class="detail">We integrated the new pathway ranking method into our previous criteria, which meets our users’ needs better. Also, we found that the verified pathways in papers had a higher score in software assessment.Check it in <a href="https://2018.igem.org/Team:Tongji-Software/Project#Validation">Validation</a>.</span></br>
-（这里插入软件validation图片）
-fvrfbgtbt
-<b>Organism recommendation</b>
+</br>
+<b>3. Organism recommendation</b></br>
-Inspiration from iGEMers:
+Inspiration from iGEMers:</br>
 <span class="detail">We attended the iGEM Eurasian meet-up in August and communicated a lot with other iGEM teams. Through those communications, we learned that most of them faced the problem of organism selection in pathway engineering. It inspired us to add a new function, organism recommendation to make our software more practical.</span></br>
 <img src="https://static.igem.org/mediawiki/2018/a/ac/T--Tongji-Software--HP7.png"width="70%"></br>
+<span class="fig">Fig. 15. Other iGEM teams came to our poster and proposed advice to us.</span>
-Improvement:
+Improvement:</br>
 <span class="detail">Based on this human practice, we develop a model to scoring each microorganism. After ranking all those score, we provide users with top five organisms to choose. At the same time, related information about organism and pathway are optional to get.</span></br>
-<b>SMILES Comparison</b></br>
+</br>
+<b>4. SMILES Comparison</b></br>
-Inspiration from R&D staffs in WuXi AppTech:
+Inspiration from R&D staffs in WuXi AppTech:</br>
 <span class="detail">Original thinking about SMILES comparison is derived from our visits to WuXi AppTec. Experts of WuXi AppTec proposed an idea to us. They said that sometimes their company got or designed a novel compound which did not exist in current database, and they want to find a possible way to synthesize it. So it came to our mind that what if we could compare the similarity between different compounds and select the most similar compound as a trigger to help us design new synthetic pathway, which can be very useful in small molecular drug discovery and synthesis.</span></br>
-<img src="https://static.igem.org/mediawiki/2018/8/8f/T--Tongji-Software--HP8.png" width="70%"></br>
+<img src="https://static.igem.org/mediawiki/2018/8/8f/T--Tongji-Software--HP8.png" width="70%">
 <img src="https://static.igem.org/mediawiki/2018/0/02/T--Tongji-Software--HP9.png" width="70%"></br>
+<span class="fig">Fig. 16. Original thinking about SMILES comparison is derived from our visits to WuXi AppTec. Experts of WuXi AppTec proposed an idea to us.  </span></br>
-Improvement:
+Improvement:</br>
 <span class="detail">We added a new function called SMILES Comparison into Alpha Ant. First we convert user’s input SMILES into molecular fingerprints by using RDkit toolbox. Then we compute similarity score between input compound and compound in databases by comparing their fingerprints. At last, we offer the similarity score and ranking list to users.</span></br>
+</br>
+<img src="https://static.igem.org/mediawiki/2018/0/00/T--Tongji-Software--alpha4.png" width="80%">
+<span class="fig">Fig. 17. SMILES comparison page of Alpha Ant.</span></br>
-<b>Software Assessment:</b></br>
+<span class="second_title">Software Assessment:</span></br>
 Results validation：
 <span class="detail">We visit Shanghai R&D center of Meihua Group in September. Meihua Group is one of the largest MSG manufacturers in the world. It is the largest amino acid producer in China and an important member of the global bio-fermentation field. Their R&D center is dedicated to do research in amino acid production by bio-fermentation. There are several mature production lines for amino acid, which utilizes pathway engineering. We used these efficient pathways to evaluate the results of our software.</span></br>
-<img src="https://static.igem.org/mediawiki/2018/2/26/T--Tongji-Software--HP13.jpeg" width="70%"></br>
+<img src="https://static.igem.org/mediawiki/2018/2/26/T--Tongji-Software--HP13.jpeg" width="70%">
 <img src="https://static.igem.org/mediawiki/2018/9/9c/T--Tongji-Software--HP14.jpeg" width="70%"></br>
-<span class="detail">The result of validation is as follows.</span></br>
+<span class="fig">Fig. 18. We visit Shanghai R&D center of Meihua Group in September. Meihua Group is one of the largest MSG manufacturers in the world.  </span></br>
-（之后插入软件validation的照片）
-vrtbtytbvgtrvtbht
 <b>Aspects to be improved</b></br>
 <span class="detail">We visit R&D center of Cathay Industrial Biotech in September. Cathay Industrial Biotech focus on the industrialization of bio-manufacturing technology and practices, which have already achieved large-scale industrialization including long-chain dibasic acids, biobutanol, biopentylamine, and bio-based polyamides. </span></br>
-<img src="https://static.igem.org/mediawiki/2018/5/56/T--Tongji-Software--HP15.jpeg" width="70%"></br>
-<span class="detail">We had an in-depth discussion with R&D staffs. They pointed out many aspects in our software to be improved based on their years of research and development experience. Due to lack of time, we have not improved our software based on these suggestions, but we made future plans as follows.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/2/2d/T--Tongji-Software--HP16.jpeg" width="70%">
-<span class="detail"><b>Problem 1:</b> The optimum conditions for each reactions’ enzymes may be different, so there is no guarantee that the recommended optimal pathway will achieve the highest efficiency under the same condition.</span></br>
+<img src="https://static.igem.org/mediawiki/2018/5/56/T--Tongji-Software--HP15.jpeg" width="70%"></br>
-<span class="detail"><b>Future plan:</b> We will take into accont the positions and optimum conditions of each reaction’s enzyme when ranking pathways.</span></br>
+<span class="fig">Fig. 19. We visit R&D center of Cathay Industrial Biotech in September.</span></br>
-<span class="detail"><b>Problem 2:</b> There are other factors should be taken into account when evaluating the pathway. For example, is the target compound primary metabolite or secondary metabolite? Which period do the biochemical reactions mainly occur in certain microorganism, growth phase or fermentation period?</span></br>
+<span class="detail">We had an in-depth discussion with R&D staffs. They pointed out many aspects in our software to be improved based on their years of research and development experience. Due to lack of time, we decided to made future plans as follows.</span></br>
-<span class="detail"><b>Future plan:</b> We learned that in the production of industrial compounds, producers tend to use microbial fermentation in an anaerobic environment to reduce the biomass energy consumption and achieve high productity. So we will take the types of metabolite and growth state of microorganism into account when optimising pathway.</span></br>
-<span class="detail"><b>Problem 3:</b> Why not consider about modyfing existing enzymes to improve efficiency of pathway?
-Future plan: Enzymes are often engineered to carry out new functions in the context of synthetic metabolic pathways. Enzyme modification is a challenging and promising solution for improving pathway efficiency. We are planning to read related literature and develop this excitiing funcion afterwards.</span></br>
-<img src="https://static.igem.org/mediawiki/2018/2/2d/T--Tongji-Software--HP16.jpeg" width="70%"></br>
+<span class="detail"><b>Future plan1:</b>  The optimum conditions for each reactions’ enzymes may be different, we will take into accont the positions and optimum conditions of each reaction’s enzyme when ranking pathway to guarantee that the recommended optimal pathway will achieve the highest efficiency under the same condition.</span></br>
-<span class="h1" id="Public Engagement">
+<span class="detail"><b>Future plan2:</b>There are other factors should be taken into account when evaluating the pathway, such as primary metabolite or secondary metabolite,growth phase or fermentation period of microorganism. We learned that in the production of industrial compounds, producers tend to use microbial fermentation in an anaerobic environment to reduce the biomass energy consumption and achieve high productity. So we will take the types of metabolite and growth state of microorganism into account when optimising pathway.</span></br>
+<span class="detail"><b>Future plan3</b>: We will consider about modyfing existing enzymes to improve efficiency of pathway. Enzymes are often engineered to carry out new functions in the context of synthetic metabolic pathways. Enzyme modification is a challenging and promising solution for improving pathway efficiency. We are planning to read related literature and develop this excitiing funcion afterwards.</span></br>
+</br></br>
+<span class="h1" id="Public">
          Education & Public Engagement</br>
        </span>
-<b>Game: "GO ANTS!!!"</b></br>
+</br>
+<span class="second_title">Game: "GO ANTS!!!"</span></br>
-<span class="detail">Be Curious about the fantastic biochemical reactions in organisms? Feeling boring in biochemical textbooks? If your answer is yes, then try our game! This year our team designed and developed a fascinating game called “GO ANTS”. This game aims at spreading basic knowledge of metabolic pathway in organisms to general public. It is a double-operated game which incites people’s pleasure of cooperation.</span></br>
+<span class="detail">Be Curious about the fantastic biochemical reactions in organisms? Feeling boring in biochemical textbooks? If your answer is yes, then try our game! This year our team designed and developed a fascinating game called “GO ANTS”. This game aims at spreading basic knowledge of metabolic pathway in organisms to general public. </span></br>
-Video
+<span class="detail">It is a double-operated game which incites people’s pleasure of cooperation.The players need to convert a compound to another compound through several enzyme reactions within a specific time limit in order to win. Players control two ants to move and collide with specific enzyme to complete an enzyme reaction via printing different keyboards. If the ants collide with wrong enzyme, then they need to collide with a specific enzyme to undo this reaction.  People will learn related knowledge about enzyme reactions and metabolic pathways in organisms.</span></br>
+<div class="video">
+	<video src="https://static.igem.org/mediawiki/2018/0/0e/T--Tongji-Software--HP-game.mp4" type="video/mp4" width="80%" height="auto"  controls="controls">
+	</video>
+</div>
+</br>
 <span class="detail">A number of students enjoyed playing our game. Some of the players also gave some advice to improve the game experience.</span></br>
-<span class="detail"><em>"This game is a litter difficult to play but with great fun!"</em>by Sun</span></br>
+<span class="advice"><em>"This game is a litter difficult to play but with great fun!"</em></span></br>
-<span class="detail"><em>"It makes the biochemical reaction no longer boring!"</em> by Gao</span></br>
+<span class="quote">by Sun</span></br>
-<span class="detail"><em>More excited it will be if add some inspiring music!"</em>by Yi</span></br>
+<span class="advice"><em>"It makes the biochemical reaction no longer boring!"</em></span></br>
+<span class="quote">by Gao</span></br>
+<span class="advice"><em>More excited it will be if add some inspiring music!"</em>by Yi</span></br>
+<span class="quote">by Yi</span></br>
 <img src="https://static.igem.org/mediawiki/2018/8/88/T--Tongji-Software--HP17.jpeg" width="70%"></br>
+<span class="fig">Fig. 20. Our teammate Xiaotian was introducing "Go Ant" to middle-grade students and they liked it! </span></br>
-<b>Lectures for Freshmen and High School Students</b></br>
+<span class="second_title">Lectures for Freshmen and High School Students</span></br>
 <span class="detail">Spreading a basic understanding of synthetic biology to the next generation is always what iGEM encourages us to do. So we held several mini lectures for freshmen and high school students this year. We introduced basic knowledge of synthetic biology and our project Alpha Ant. These lectures incited their interest in synthetic biology a lot and they also shared their creative ideas and interest of synthetic biology at the end of the lectures.</span></br>
-<img src="https://static.igem.org/mediawiki/2018/8/84/T--Tongji-Software--HP18.jpeg" width="70%"></br>
+<img src="https://static.igem.org/mediawiki/2018/8/84/T--Tongji-Software--HP18.jpeg" width="70%">
 <img src="https://static.igem.org/mediawiki/2018/3/30/T--Tongji-Software--HP24.jpeg" width="70%"></br>
+<span class="fig">Fig. 21. We held leactures in No.1 High School Affiliated to Tongji University.</span></br>
 <img src="https://static.igem.org/mediawiki/2018/5/55/T--Tongji-Software--HP23.jpeg" width="70%"></br>
+<span class="fig">Fig. 22. Promoting synthetic biology to freshmen in Tongji University.</span></br>
-<b>Experience Sharing Session</b>
+<span class="second_title">Experience Sharing Session</span></br>
 <span class="detail">All of our team members have gained great self-improvement during the whole project development. We had the desire to share knowledge and experiences we have got to others. So we held an experience sharing session with students majored in bioinformatics. We introduced our project to them and shared our stories about difficulties we met and how we got over it. </span></br>
-<img src="https://static.igem.org/mediawiki/2018/e/e9/T--Tongji-Software--HP21.jpeg" width="70%"></br>
+<img src="https://static.igem.org/mediawiki/2018/e/e9/T--Tongji-Software--HP21.jpeg" width="70%">
+<img src="https://static.igem.org/mediawiki/2018/5/53/T--Tongji-Software--HP22.jpeg" width="70%"></br>
+<span class="fig">Fig. 23. we held an experience sharing session with students majored in bioinformatics.</span></br>
 <span class="detail">Several of the listeners who now conduct innovation and entrepreneurship project said they got many creative ideas about how to develop bioinformatics tools that benefit the biologic research. Moreover, they expressed their suggestions on our project, which also benefit our project a lot.</span></br>
-<img src="https://static.igem.org/mediawiki/2018/5/53/T--Tongji-Software--HP22.jpeg" width="70%"></br>
+<div class="contact">
+   <h3>Acknowledge</h3>
+   </br>
+   <ul>
+  <li> <img  src="https://static.igem.org/mediawiki/2018/e/e1/T--Tongji-Software--HP33.jpeg" width="20%"></li>
+   <li><img  src="https://static.igem.org/mediawiki/2018/archive/1/19/20181015120010%21T--Tongji-Software--HP34.jpeg" width="60%"></li>
+   <li><img  src="https://static.igem.org/mediawiki/2018/9/9c/T--Tongji-Software--HP35.jpeg" width="20%"></li>
+   <li><img  src="https://static.igem.org/mediawiki/2018/f/f5/T--Tongji-Software--HP36.jpeg" width="60%"></li>
+  <li> <img  src="https://static.igem.org/mediawiki/2018/3/32/T--Tongji-Software--HP37.jpeg" width="60%"></li>
+</div>
+</div>
+</div>
+<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script>
+<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
+<script type="text/javascript">
+	$(document).ready(function () {
+	  var trigger = $('.icon'),
+	    slide = $('.left'),
+		 isClosed = true;
+		trigger.mouseover(function () {
+		  cross_out();
+		});
+		slide.mouseleave(function () {
+		  cross_in();
+		});
+		function cross_out() {
+		  if (isClosed == true) {
+			trigger.removeClass('is-open');
+			trigger.addClass('is-closed');
+			$('#wrapper').toggleClass('toggled');
+			isClosed = false;
+		  }
+		}
+		function cross_in() {
+		  if (isClosed == false) {
+			trigger.removeClass('is-closed');
+			trigger.addClass('is-open');
+			$('#wrapper').toggleClass('toggled');
+			isClosed = true;
+		  }
+	  }
+	});
+</script>
+<script>
+window.onload = function(){
+                var mybtn = document.getElementById("btn");
+                var Time1 = null;
+                var isTop = true;
+                mybtn.onclick = function(){
+                    Time1 = setInterval(function(){
+                        var osTop = document.body.scrollTop||document.documentElement.scrollTop;
+                        var speed = Math.ceil(osTop/2);
+                        document.body.scrollTop = document.documentElement.scrollTop = osTop - speed;
+                        if(osTop <= 0){
+                            clearInterval(Time1);
+                        }
+                        isTop = true ;
+                    },100)
+                }
+                window.onscroll = function(){
+                    var osTop = document.body.scrollTop||document.documentElement.scrollTop;
+                    var clientHeight = document.documentElement.clientHeight;
+                    if (osTop>clientHeight) {
+                        mybtn.style.display = "block"
+                    }
+                    else{
+                        mybtn.style.display = "none"
+                    }
+                    if (!isTop) {
+                        clearInterval(Time1);
+                    }
+                    isTop = false;
+                }
+            }
+</script>
-</div>
 </body>
 </html>