Difference between revisions of "Team:SZU-China/Applet"

 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{SZU-China/Nav}}
+
{{SZU-China/header}}
 
<html>
 
<html>
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/FontAwesome&action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/FontAwesome&action=raw&ctype=text/css" />
  
 +
<style>
 +
h1,
 +
h2 {
 +
color: #3880A0;
 +
}
 +
 +
.nav-pills .nav-link.active,
 +
.nav-pills .show>.nav-link {
 +
color: #fff !important;
 +
background-color: #3880A0;
 +
}
 +
 +
#myScrollspy>nav>a {
 +
color: #3880A0;
 +
}
 +
 +
.btn {
 +
text-transform: none !important;
 +
text-align: left !important;
 +
width: 100%;
 +
}
 +
#heading1,
 +
#heading2,
 +
#heading3
 +
 +
{
 +
background-color: #3880A0;
 +
}
 +
#headingOne,
 +
#headingTwo,
 +
#headingThree,
 +
#headingFour
 +
{
 +
background-color: #3880A0;
 +
}
 +
button{
 +
color: white !important;
 +
}
 +
</style>
  
−
<body>
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="10">
−
 
+
 +
<div class="container-full">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/9c/T--SZU-China--app.jpg" />
 +
</div>
 +
</div>
 
<div class="container-fluid">
 
<div class="container-fluid">
 
<div class="row" style="background-image: url();">
 
<div class="row" style="background-image: url();">
−
<div class="col-9 offset-1 shadow" style="background-color: #FFFFFF;">
+
<div class="col-9 offset-1 shadow">
−
<div class="row">
+
<div class="text-center">
−
<h2 class="h2">The story background</h2>
+
<h1>Applet</h1>
 +
</div>
  
−
<div>
+
<div id="Background" class="indent">
−
<p>In November of 2017, our team came up with a lot of ideas through brainstorming, most of which are closely related to people's lives that we thought. (bio-obesity drugs, Metarhizium, etc.)To find what the society really needs, we urgently need feedback from the public. At the first time we want to make a questionnaire, but the questionnaire has three huge defects:
+
 
−
</p>
+
<h2>Background</h2>
 +
 
 +
<p>
 +
Last year, our team came up with a lot of ideas through brainstorming, but when we were about to link our projects to our daily lives, we met the following problems:
 +
</p>
 +
<div class="row">
 +
<div class="accordion" style="width: 100%;" id="accordionExample">
 +
<div class="card">
 +
<div class="card-header" id="heading1">
 +
<h5 class="mb-0">
 +
        <button class="btn btn-link" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
 +
          1. For our team, we don’t know what the public really need
 +
        </button>
 +
      </h5>
 +
</div>
 +
 
 +
<div id="collapse1" class="collapse show" aria-labelledby="heading1" data-parent="#accordionExample">
 +
<div class="card-body">
 +
We have come up with a lot of ideas in every field, such as bio-battery, waste oil detection, transformation of Metarhizium to kill cockroaches, sewage treatment and so on. But we can't quite determine whether these projects are acceptable to the public, and whether they are actually what they really need. We need to collect information about the public's views on these ideas and to understand the actual needs of the public, and then make a choice.
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
<div class="card">
 +
<div class="card-header" id="heading2">
 +
<h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
 +
        2. For the teams among iGEM, we can’t get the current feedback
 +
        </button>
 +
      </h5>
 +
</div>
 +
<div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordionExample">
 +
<div class="card-body">
 +
Among the many participating teams, we also need more feedback from peers and professionals in the topic selection and experimentation. When we have an alternative project, we can't quickly find out if other teams are doing similar work and go through a feasibility study of the project. In the course of our experiments, we can't get timely feedback and suggestions about improvement, which is easy to be limited to our own ideas, causing unnecessary waste of time and energy.
 +
</div>
 +
</div>
 +
</div>
 +
<div class="card">
 +
<div class="card-header" id="heading3">
 +
<h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
 +
        3. For the public in China, most people hava a misunderstanding resistion of Synthetic biology and genetic engineering
 +
        </button>
 +
      </h5>
 +
</div>
 +
<div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#accordionExample">
 +
<div class="card-body">
 +
In China, most people have misconceptions about synthetic biology and genetic modification. Most people think that synthetic biology is harmful and refuse to accept genetically modified products, especially food products. However, there is currently no platform for normal publicity and exposure to synthetic biology in the country. The public has little understanding of synthetic biology, and they naturally contradict this product. In this way, when our project is going to conduct extensive public research, it is also difficult.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!--
 
<div class="card">
 
<div class="card">
−
<div class="card-body">
+
<div class="card-body" style="font-weight: 500px; color: #3880A0;">
−
<h5>
+
<h5 class="font-weight-bold" style="color: #3880A0;">
−
1. It wastes a lot of time to produce, distribute and recycle the questionnaire.
+
1. For our team, we don’t know what the public really need
 
</h5>
 
</h5>
−
<h5>
+
<h5 class="font-weight-bold" style="color: #3880A0;">
−
2. We can't track the whole project process.
+
2. For the teams among iGEM, we can’t get the current feedback
 +
 
 
</h5>
 
</h5>
−
<p>
+
 
−
For example, we want to know the severity of cockroach in real life at the beginning of the project. During the project, we may also want to know which modules are better, so we need to issue the questionnaire again. At that time, it’s hard to contact with the former respondents.
+
<h5 class="font-weight-bold" style="color: #3880A0;"> 3. For the public in China, most people hava a misunderstanding resistion            o    of Synthetic biology and genetic engineering
−
</p>
+
</h5>
−
<h5>3. The content is limited.</h5>
+
 
−
<p>
+
−
The experiment cannot be specifically introduced, so there is no way to ask some further questions.
+
−
</p>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
-->
−
<hr>
+
−
<span class="border-top"></span>
+
−
<div>
+
−
<span class="border-top"></span>
+
−
<h2 class="h3">product introduction</h2>
+
−
<p>To solve these problems, we intend to increase communication and exchanges of the participants and create a new systematic hp platform for everyone.
+
−
</p>
+
−
<p>We held a meetup for South China in May 2018. After the communication, we found that most teams were urgent for a platform for human practice, they expected mutual communication and required to connect with both other teams and the public. However, there is no such communication platform currently.
+
−
</p>
+
−
<p>
+
−
For the majority of scientific research fields, the lack of such a communication platform (such as synthetic biology) leads to almost one-way output of research and the public. As a result, many so-called improvements are actually no necessity in usual life. The lack of scientific knowledge of the public has expanded the communication barrier between the research team and the public, and thus a large number of scientific research results are not welcomed. What’s more, the social media is posting much pseudo-science，which causes great trouble to the public's scientific cognition.
+
−
</p>
+
−
<p>
+
−
In 2018, our team improved the corridor and developed the biocompany. It belongs not only to iGEMers, but also to everyone who is curious.
+
−
</p>
+
−
<p style="font-weight: bold;">We put forward these ideas:</p>
+
−
<div class="col-12">
+
−
<!-- Card deck -->
+
−
<div class="card-deck ">
+
  
−
<!-- Card -->
+
</div>
−
<div class="card mb-4" style="background-color: #4B78E8;">
+
<div class="indent">
 +
<p>
 +
To solve these problems, we intend to increase communication and exchanges of the participants and create a new systematic HP platform.
 +
</p>
 +
</div>
  
−
<!--Card image-->
+
<div id="Introduction" class="indent">
−
<div class="view overlay">
+
−
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/6/6c/T--SZU-China--App_1.jpg" alt="Card image cap">
+
−
<a href="#!">
+
−
<div class=""></div>
+
−
</a>
+
−
</div>
+
  
−
<!--Card content-->
+
<h2>Introduction</h2>
−
<div class="card-body">
+
<p>
 +
It is a software that is installed on the chat software WeChat (a software used by almost everyone in China). Our applet integrates the advantages of WeChat. So you don’t need to download another app. While using our software, you can also chat with friends, purchase movie tickets, play mini games and so on. It is a new-concept software that can be used regardless of the system’s mobile phone.
 +
</p>
  
−
<p class="card-text text-white">(1) With the social platform of WeChat, we create a bridge of communication between scientific research and the public, so that the scientific research work and the general public can be connected.</p>
+
<p style="font-weight: bold;">It has three core competencies:</p>
 +
<div class="row">
 +
<div class="col-4">
 +
<div class="card h-100 border-0">
 +
<div class="view text-center">
 +
<img style="width: 71px;" src="https://static.igem.org/mediawiki/2018/6/69/T--SZU-China--App_11.png" class="card-img-top" />
  
−
</div>
+
</div>
 +
<div class="card-body text-center">
 +
<h5 class="card-title font-weight-bold">Sharing and communication</h5>
  
 
</div>
 
</div>
−
<!-- Card -->
+
</div>
 +
</div>
 +
 +
<div class="col-4">
 +
<div class="card h-100 border-0">
 +
<div class="view text-center">
 +
<img style="width: 71px;" src="https://static.igem.org/mediawiki/2018/d/dd/T--SZU-China--App_13.png" class="card-img-top" />
  
−
<!-- Card -->
+
</div>
−
<div class="card mb-4" style="background-color: #4B78E8;">
+
<div class="card-body text-center">
 +
<h5 class="card-title font-weight-bold">Popular science platform</h5>
  
−
<!--Card image-->
+
</div>
−
<div class="view overlay">
+
</div>
−
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/2/26/T--SZU-China--App_2.jpg" alt="Card image cap">
+
</div>
−
<a href="#!">
+
<div class="col-4">
−
<div class=""></div>
+
<div class="card h-100 border-0">
−
</a>
+
<div class="view text-center">
−
</div>
+
<img style="width: 71px;" src="https://static.igem.org/mediawiki/2018/8/8d/T--SZU-China--App_12.png" class="card-img-top" />
 +
</div>
 +
<div class="card-body text-center">
 +
<h5 class="card-title font-weight-bold">Timely feedback &#38; Team promotion</h5>
  
−
<!--Card content-->
+
</div>
−
<div class="card-body">
+
</div>
 +
</div>
  
−
<p class="card-text text-white">(2) We hope that the efforts of countless scientific research workers can be shown to the public, and we can get market feedback and even help when the idea is under production.</p>
+
</div>
−
 
+
</div>
−
</div>
+
  
 +
<div id="Progress" class="row">
 +
<h2>
 +
Progress of Applet
 +
</h2>
 +
<div class="row"></div>
 +
<div class="col-12 ">
 +
<div class="card border-0">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c1/T--SZU-China--Progress-3.png" />
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="Motivation" class="indent">
 +
<h2>Motivation</h2>
 +
<p>
 +
For the reasons above and with the functions mentioned, our applet contribute to public engagement and the iGEM projects in the following points:
 +
</p>
 +
<div class="accordion" style="width: 100%;" id="accordion2">
 +
<div class="card">
 +
<div class="card-header" id="headingOne">
 +
<h5 class="mb-0">
 +
        <button class="btn btn-link" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
 +
        1. We hope this will be the HP platform for iGEMers, providing a platform for online communication and collaboration between teams, and get public participation and feedback for project improvement.
 +
       
 +
        </button>
 +
      </h5>
 
</div>
 
</div>
−
<!-- Card -->
 
  
−
<!-- Card -->
+
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion2">
−
<div class="card mb-4" style="background-color: #4B78E8;">
+
<div class="card-body">
 +
<p>
 +
From the perspective of the entrants, each iGEM team is in the process of conceiving and selecting topics at the beginning of the competition. Compared with traditional cross-regional meetings and exchanges, we hope that each team can communicate more conveniently and on time online, no longer limited by geography and time. Receive feedback and suggestions from within the various IGEM teams to achieve timely sharing and communication.
 +
</p>
 +
<p>
 +
Most iGEM projects are linked to the actual situation, and the details and scope of application need to be adjusted in time during the experiment. This requires timely identification of the group targeted by the project, allowing potential users to participate in our projects. Product experience, testing and feedback from online to offline. We continually correct and adjust our projects based on their feedback.
 +
 +
</p>
  
−
<!--Card image-->
 
−
<div class="view overlay">
 
−
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/d/d7/T--SZU-China--App_3.jpg" alt="Card image">
 
−
<a href="#!">
 
−
<div class=""></div>
 
−
</a>
 
 
</div>
 
</div>
−
 
+
</div>
−
<!--Card content-->
+
</div>
 +
<div class="card">
 +
<div class="card-header" id="headingTwo">
 +
<h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 +
        2. We hope that the iGEM team will not only stop at the iGEM competition, but also find follow-up support and motivation in this platform, continue to improve the project, and truly let synthetic biology benefit humanity.
 +
       
 +
        </button>
 +
      </h5>
 +
</div>
 +
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion2">
 
<div class="card-body">
 
<div class="card-body">
−
 
+
<p>
−
<p class="card-text text-white">(3) We hope that scientific research can come into our lives, and there is a science platform filled with knowledge, fun, and accuracy...</p>
+
For the iGEM team, many of their projects are stopped at iGEM and rarely progressed. The reason may be that the system is not mature enough to find sufficient financial support. We hope that the iGEM team on this platform will be able to find like-minded teammates who also have a deep understanding of certain projects or have professional knowledge. Through the exchanges with teammates who share the same goals, we can improve the project and develop together. At the same time, through our platform, perhaps projects can be favored by potential users and investors. If you have the guidance of a professional entrepreneurial team or support in product development, I believe that there are many projects that can go on and make practical and useful things. We hope to use the platform of the applet to carry out good projects and truly apply synthetic biology to our real life, and also add a force to synthetic biology.
−
 
+
 +
</p>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
−
<!-- Card -->
+
</div>
−
<div class="card mb-4" style="background-color: #4B78E8;">
+
<div class="card">
−
 
+
<div class="card-header" id="headingThree">
−
<!--Card image-->
+
<h5 class="mb-0">
−
<div class="view overlay">
+
        <button class="btn btn-link collapsed" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
−
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a8/T--SZU-China--App_4.jpg" alt="Card image cap">
+
      3. For many synthetic biology researchers, we hope that their efforts will match the attention they receive, allowing them to better study synthetic biology.
−
<a href="#!">
+
     
−
<div class=""></div>
+
        </button>
−
</a>
+
      </h5>
 +
</div>
 +
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion2">
 +
<div class="card-body">
 +
<p>
 +
For many of the more controversial and unpopular research fields, the researchers often do not receive the attention and attention they pay. Synthetic biology is such an area. In China, because the public is more resistant to GM products, the research and the public are almost lost. Researchers often cannot judge whether the results he has worked hard to make are the real needs of the public, or the pseudo-demand he imagines. The lack of public knowledge of synthetic biology further expands the communication barrier between the research team and the public, and thus a large number of scientific research results are not happy or even dare to use. Even more frightening is that social media is full of a large number of pseudo-sciences. Some of them are well-known for their traffic sensationalism, and they are alarmist to promote some wrong scientific knowledge and opinions, which cause great trouble to the public's scientific cognition.
 +
 +
</p>
 +
<p>
 +
However, we can use this applet to keep our scientific research projects in a more succinct and easy-to-understand manner while keeping scientific rigor, and let the public better understand what we are doing. The public can participate in the project in time to truly understand the real part of the experiment. This will provide a bridge of communication between researchers and the general public, which will better attract the public to understand and accept the knowledge of synthetic biology. Let synthetic biology researchers get more support and help.
 +
 +
</p>
 
</div>
 
</div>
−
 
+
</div>
−
<!--Card content-->
+
</div>
 +
<div class="card">
 +
<div class="card-header" id="headingFour">
 +
<h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" style="color: #3880A0;" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
 +
        4. We hope that people will have the opportunity to learn more about synthetic biology, reduce misunderstandings in synthetic biology, and further promote the development of synthetic biology.
 +
        </button>
 +
      </h5>
 +
</div>
 +
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion2">
 
<div class="card-body">
 
<div class="card-body">
 +
<p>
 +
There are many misunderstandings about transgenic and synthetic biology in China. Synthetic biology like plague is generally feared and evaded. We hope to use some successful projects and cases to carry out scientific popularization of synthetic biology for a large number of potential users. If the public can learn more about synthetic biology, be able to participate in discussions about synthetic biology and give timely feedback, they may change the original idea of resistance to synthetic biology. Therefore, there is more concern and support for the research and exploration of synthetic biology.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<div id="Example" class="indent">
 +
<h2>Example</h2>
 +
 +
<h3>For our iGEM team</h3>
 +
<div class="row">
 +
<div class="col-12">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1e/T--SZU-China--App-1-1.png" />
 +
</div>
 +
</div>
 +
</div>
 +
<p>At first, we put our three ideas through brainstorming in our applet We wanted to see what do the public think of our thoughts. According to their feedback from the applet comment part, we finally decided to do the cockroaches project to meet their urgent need . It can be proved that we can collect people’s timely feedback and get a guidance with the help of our applet
 +
</p>
 +
 +
<h3>HP and public engagement platform for all teams</h3>
 +
<div class="row">
 +
<div class="col-3">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/88/T--SZU-China--Edu-Bg1.jpg" />
 +
</div>
 +
</div>
 +
<div class="col-3">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/72/T--SZU-China--Edu-bg2.png" />
 +
</div>
 +
</div>
 +
<div class="col-3">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/13/T--SZU-China--App-2-3.png" />
 +
</div>
 +
</div>
 +
<div class="col-3">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/bf/T--SZU-China--App-2-4.png" />
 +
</div>
 +
</div>
 +
</div>
 +
<p>At the mid term of our project, we wanted to have a closer contact with the public to make our whole project reasonable and comprehensive. Therefore, we posted our recent works to the applet and looked for the possible human practice.
 +
</p>
 +
<p>
 +
After posting, a teacher from Yueliangwan Primary School made a phone call to us for a science popularization and we found a suitable place to offer our help to prevent cockroaches and test our application.
  
−
<p class="card-text text-white">(4) We hope that people can have the opportunity to participate in scientific and technological work, and create positive values for the society.</p>
+
</p>
−
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
+
<h3>For the public</h3>
 +
<div class="row">
 +
<div class="col-10 offset-1">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/7f/T--SZU-China--App-3-3.png" />
 +
</div>
 +
</div>
 +
</div>
 +
<p>Fortunately, we have some fans that are quite interested in our cockroach project. At first they ask us many questions for they know little about that. After they had a general understanding of our project, some of them even gave us a litter bonus to support us. When our Green Ground finally came out, they gave us suggestion to make it better used in the house.
 +
</p>
 +
</div>
  
−
</div>
+
<div id="How" class="indent">
 +
<h2>How it works</h2>
  
−
</div>
+
<div class="row">
 +
<div class="col-lg-4 col-md-10 offset-1" style="position:relative">
 +
<video width="100%" height="100%" controls>
 +
<source src="https://static.igem.org/mediawiki/2018/2/2f/T--SZU-China--article.mp4" type="video/mp4">
 +
</video>
 +
 
 +
</div>
 +
<div class="col-lg-6 col-md-10 offset-1">
 +
 
 +
<div>
 +
<p>1. Make technology close to unprofessional people</p>
 +
<p>Q: As a person who knows nothing, how do I participate in advanced technology and give advice?
 +
</p>
 +
<p>A: You can just click on an article on this page, or read the idea that the article belongs to. This is an HP platform for the public with popularization of science.You can easily understand and comment on the response.
 +
</p>
 +
<p>Q: I can just read articles in technical magazines. Is it really necessary to use your app?</p>
 +
<p>A: Reading technical articles is only an one-way output for the public, without participation. If you use our mini program, you can join in the whole process of R&D. Each of our teams has a reward code. If you like this idea, you can give advice and sponsor it. So this product may develop in the way you want, developing the technology product that suits you. Just like raising a child. You can read all kinds of scientific articles without downloading any app. You can also contact with expert for free. If your child uses it, it may become the enlightenment of his academic career.
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-4 col-md-10 offset-1">
 +
 
 +
<div>
 +
<p>2. It is a systematic platform for academic communication and is the output platform for iGEMers.
 +
</p>
 +
<p>In this interface, each team can register a team ID, which is independent of the individual’s ID, so that it can be passed down year after year. In this, the team can publish ideas, and each idea has a lot of article’s descriptions and records. It is a platform that can systematically present its team culture and projects. These articles are not only for the public, but also for every iGEMers, where you can systematically read each team’s projects and their progress and problems. You can also comment, provide help and cooperate.
 +
</p>
 
</div>
 
</div>
  
−
<!-- Card -->
 
−
<!-- Card deck -->
 
 
</div>
 
</div>
 +
<div class="col-lg-4 col-md-8 offset-1" style="position:relative">
 +
<video width="100%" height="100%" controls>
 +
<source src="https://static.igem.org/mediawiki/2018/8/8d/T--SZU-China--Forum.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-4 col-md-8 offset-1" style="position:relative">
 +
 +
<video width="100%" height="100%" controls>
 +
<source src="https://static.igem.org/mediawiki/2018/9/97/T--SZU-China--Sign_in.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
<div class="col-lg-4 col-md-10 offset-1">
 +
<div class="row"></div>
 +
<div>
 +
<p>3. It is the connection between all walks of life.</p>
 +
<p>Shown below is the forum page, where you can post and respond to various posts. You can create a topic that belongs to you and find your own fun whether you are a citizen or a researcher.
 +
</p>
 +
<p>You can also ask questions, even roast your research life. This is a free platform, that we make room for users, and they will create different values.
 +
</p>
  
−
<h4 class="h2 mb-3">
 
−
We designed a brand <span class="badge badge-success">New</span> app
 
−
</h4>
 
−
<ul class="list-group list-group-flush">
 
−
<li class="list-group-item active">It has four core competencies:</li>
 
−
<li class="list-group-item">
 
−
<img src="" />
 
−
<i class="far fa-comments fa-2x"></i> 1. Timely feedback
 
−
</li>
 
−
<li class="list-group-item">(2) Sense of participation</li>
 
−
<li class="list-group-item">(3) Accompanying research</li>
 
−
<li class="list-group-item">(4) Team promotion</li>
 
−
</ul>
 
−
<p>In addition, it is not an ordinary app. It is a software that is installed on the chat software WeChat (a software used by almost everyone in China). Unlike previous software, you do not need to download an app, you can just use it on WeChat. This new software operation idea integrates the advantages of WeChat. While using our software, you can also chat with friends, mobile payment, purchase movie tickets, play small games and so on. It is a new-concept software that can be used regardless of the system's mobile phone.
 
−
</p>
 
−
<blockquote>
 
−
<p class="text-secondary">[Note: Because it is convenient for Chinese people to use, the following videos are in Chinese, and there are international versions. ]</p>
 
−
</blockquote>
 
−
<div class="row">
 
−
<div class="col-6">
 
−
<video width="360px" height="600px" controls>
 
−
<source src="https://static.igem.org/mediawiki/2018/2/2f/T--SZU-China--article.mp4" type="video/mp4">
 
−
</video>
 
−
<video width="360px" height="auto" controls>
 
−
<source src="https://static.igem.org/mediawiki/2018/8/8d/T--SZU-China--Forum.mp4" type="video/mp4">
 
−
</video>
 
−
<video width="100%" height="auto" controls>
 
−
<source src="https://static.igem.org/mediawiki/2018/9/97/T--SZU-China--Sign_in.mp4" type="video/mp4">
 
−
</video>
 
−
<video width="100%" height="auto" controls>
 
−
<source src="https://static.igem.org/mediawiki/2018/a/a6/T--SZU-China--WeChatSight.mp4" type="video/mp4">
 
−
</video>
 
 
</div>
 
</div>
−
+
</div>
  
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-4 col-md-10 offset-1">
 +
<div class="row"></div>
 +
<div>
 +
<p>4. In this page, you can edit your personal information. You can also review the article or the topice you have followed.</p>
 +
</div>
 +
 +
</div>
 +
<div class="col-lg-4 col-md-8 offset-1" style="position:relative">
 +
<video width="100%" height="100%" controls>
 +
<source src="https://static.igem.org/mediawiki/2018/a/a6/T--SZU-China--WeChatSight.mp4" type="video/mp4">
 +
</video>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
  
 +
</div>
 
<div class="col-2">
 
<div class="col-2">
−
<i class="fas fa-user"></i> <!-- uses solid style -->
+
 
−
  <i class="far fa-user"></i> <!-- uses regular style -->
+
<nav id="myScrollspy" class="navbar position-fixed">
−
  <i class="fal fa-user"></i> <!-- uses light style -->
+
<nav class="nav nav-pills flex-column">
−
  <!--brand icon-->
+
<a class="nav-link" href="#Background">Background</a>
−
  <i class="fab fa-github-square"></i> <!-- uses brands style -->
+
<a class="nav-link" href="#Introduction">Introduction</a>
 +
<a class="nav-link" href="#Progress">Progress of Applet</a>
 +
<a class="nav-link" href="#Motivation">Motivation</a>
 +
<a class="nav-link" href="#Example">Example</a>
 +
 +
<a class="nav-link" href="#How">How it works</a>
 +
 +
 +
 +
 +
 
 +
</nav>
 +
</nav>
  
 
</div>
 
</div>
Line 191: Line 447:
 
</div>
 
</div>
  
 +
</body>
 +
<script>
 +
$('body').scrollspy({
 +
target: '#myScrollspy',
 +
offset: 10
 +
});
 +
 +
var scroll = new SmoothScroll('a[href*="#"]');
 +
</script>
  
−
</body>
 
  
 
</html>
 
</html>

Latest revision as of 02:48, 18 October 2018

Applet

Background

Last year, our team came up with a lot of ideas through brainstorming, but when we were about to link our projects to our daily lives, we met the following problems:

We have come up with a lot of ideas in every field, such as bio-battery, waste oil detection, transformation of Metarhizium to kill cockroaches, sewage treatment and so on. But we can't quite determine whether these projects are acceptable to the public, and whether they are actually what they really need. We need to collect information about the public's views on these ideas and to understand the actual needs of the public, and then make a choice.
Among the many participating teams, we also need more feedback from peers and professionals in the topic selection and experimentation. When we have an alternative project, we can't quickly find out if other teams are doing similar work and go through a feasibility study of the project. In the course of our experiments, we can't get timely feedback and suggestions about improvement, which is easy to be limited to our own ideas, causing unnecessary waste of time and energy.
In China, most people have misconceptions about synthetic biology and genetic modification. Most people think that synthetic biology is harmful and refuse to accept genetically modified products, especially food products. However, there is currently no platform for normal publicity and exposure to synthetic biology in the country. The public has little understanding of synthetic biology, and they naturally contradict this product. In this way, when our project is going to conduct extensive public research, it is also difficult.

To solve these problems, we intend to increase communication and exchanges of the participants and create a new systematic HP platform.

Introduction

It is a software that is installed on the chat software WeChat (a software used by almost everyone in China). Our applet integrates the advantages of WeChat. So you don’t need to download another app. While using our software, you can also chat with friends, purchase movie tickets, play mini games and so on. It is a new-concept software that can be used regardless of the system’s mobile phone.

It has three core competencies:

Sharing and communication
Popular science platform
Timely feedback & Team promotion

Progress of Applet

Motivation

For the reasons above and with the functions mentioned, our applet contribute to public engagement and the iGEM projects in the following points:

From the perspective of the entrants, each iGEM team is in the process of conceiving and selecting topics at the beginning of the competition. Compared with traditional cross-regional meetings and exchanges, we hope that each team can communicate more conveniently and on time online, no longer limited by geography and time. Receive feedback and suggestions from within the various IGEM teams to achieve timely sharing and communication.

Most iGEM projects are linked to the actual situation, and the details and scope of application need to be adjusted in time during the experiment. This requires timely identification of the group targeted by the project, allowing potential users to participate in our projects. Product experience, testing and feedback from online to offline. We continually correct and adjust our projects based on their feedback.

For the iGEM team, many of their projects are stopped at iGEM and rarely progressed. The reason may be that the system is not mature enough to find sufficient financial support. We hope that the iGEM team on this platform will be able to find like-minded teammates who also have a deep understanding of certain projects or have professional knowledge. Through the exchanges with teammates who share the same goals, we can improve the project and develop together. At the same time, through our platform, perhaps projects can be favored by potential users and investors. If you have the guidance of a professional entrepreneurial team or support in product development, I believe that there are many projects that can go on and make practical and useful things. We hope to use the platform of the applet to carry out good projects and truly apply synthetic biology to our real life, and also add a force to synthetic biology.

For many of the more controversial and unpopular research fields, the researchers often do not receive the attention and attention they pay. Synthetic biology is such an area. In China, because the public is more resistant to GM products, the research and the public are almost lost. Researchers often cannot judge whether the results he has worked hard to make are the real needs of the public, or the pseudo-demand he imagines. The lack of public knowledge of synthetic biology further expands the communication barrier between the research team and the public, and thus a large number of scientific research results are not happy or even dare to use. Even more frightening is that social media is full of a large number of pseudo-sciences. Some of them are well-known for their traffic sensationalism, and they are alarmist to promote some wrong scientific knowledge and opinions, which cause great trouble to the public's scientific cognition.

However, we can use this applet to keep our scientific research projects in a more succinct and easy-to-understand manner while keeping scientific rigor, and let the public better understand what we are doing. The public can participate in the project in time to truly understand the real part of the experiment. This will provide a bridge of communication between researchers and the general public, which will better attract the public to understand and accept the knowledge of synthetic biology. Let synthetic biology researchers get more support and help.

There are many misunderstandings about transgenic and synthetic biology in China. Synthetic biology like plague is generally feared and evaded. We hope to use some successful projects and cases to carry out scientific popularization of synthetic biology for a large number of potential users. If the public can learn more about synthetic biology, be able to participate in discussions about synthetic biology and give timely feedback, they may change the original idea of resistance to synthetic biology. Therefore, there is more concern and support for the research and exploration of synthetic biology.

Example

For our iGEM team

At first, we put our three ideas through brainstorming in our applet We wanted to see what do the public think of our thoughts. According to their feedback from the applet comment part, we finally decided to do the cockroaches project to meet their urgent need . It can be proved that we can collect people’s timely feedback and get a guidance with the help of our applet

HP and public engagement platform for all teams

At the mid term of our project, we wanted to have a closer contact with the public to make our whole project reasonable and comprehensive. Therefore, we posted our recent works to the applet and looked for the possible human practice.

After posting, a teacher from Yueliangwan Primary School made a phone call to us for a science popularization and we found a suitable place to offer our help to prevent cockroaches and test our application.

For the public

Fortunately, we have some fans that are quite interested in our cockroach project. At first they ask us many questions for they know little about that. After they had a general understanding of our project, some of them even gave us a litter bonus to support us. When our Green Ground finally came out, they gave us suggestion to make it better used in the house.

How it works

1. Make technology close to unprofessional people

Q: As a person who knows nothing, how do I participate in advanced technology and give advice?

A: You can just click on an article on this page, or read the idea that the article belongs to. This is an HP platform for the public with popularization of science.You can easily understand and comment on the response.

Q: I can just read articles in technical magazines. Is it really necessary to use your app?

A: Reading technical articles is only an one-way output for the public, without participation. If you use our mini program, you can join in the whole process of R&D. Each of our teams has a reward code. If you like this idea, you can give advice and sponsor it. So this product may develop in the way you want, developing the technology product that suits you. Just like raising a child. You can read all kinds of scientific articles without downloading any app. You can also contact with expert for free. If your child uses it, it may become the enlightenment of his academic career.

2. It is a systematic platform for academic communication and is the output platform for iGEMers.

In this interface, each team can register a team ID, which is independent of the individual’s ID, so that it can be passed down year after year. In this, the team can publish ideas, and each idea has a lot of article’s descriptions and records. It is a platform that can systematically present its team culture and projects. These articles are not only for the public, but also for every iGEMers, where you can systematically read each team’s projects and their progress and problems. You can also comment, provide help and cooperate.

3. It is the connection between all walks of life.

Shown below is the forum page, where you can post and respond to various posts. You can create a topic that belongs to you and find your own fun whether you are a citizen or a researcher.

You can also ask questions, even roast your research life. This is a free platform, that we make room for users, and they will create different values.

4. In this page, you can edit your personal information. You can also review the article or the topice you have followed.