Difference between revisions of "Team:SKLBC-DGSYZX/Project"

(Created page with "<!DOCTYPE HTML> <html> <head> <title>Attributions</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/ht...")
 
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE HTML>
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<title>Attributions</title>
+
<title>Home</title>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
        <meta charset="utf-8">
−
<meta name="keywords" content="Technical Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
−
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
−
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
−
    <a href="index.html"></a></p><center></center>
+
−
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
−
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/bootstrap.css" rel='stylesheet' type='text/css' />
+
−
<link rel="stylesheet" type="text/css" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/wiki.css">
+
−
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/teamwiki.css" rel='stylesheet' type='text/css' />
+
−
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/ionicons.css" rel='stylesheet' type='text/css' />
+
−
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
−
<!-- Custom Theme files -->
+
−
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/style.css" rel='stylesheet' type='text/css' />
+
−
<!-- Custom Theme files -->
+
−
<!--webfont-->
+
−
<link href='http://fonts.useso.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
+
−
<link href='http://fonts.useso.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
+
−
<script type="text/javascript" src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery-1.11.1.min.js"></script>
+
−
<script type="text/javascript" src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery.min.js"></script><meta charset="utf-8">
+
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <title>Home</title>
 
         <link rel="shortcut icon" href="http://snapsvg.io/assets/favicon.ico?v=1">
 
         <link rel="shortcut icon" href="http://snapsvg.io/assets/favicon.ico?v=1">
 
         <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
 
         <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
Line 50: Line 32:
 
     }
 
     }
 
</script>
 
</script>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
<a href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/index.html"></a></p>
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/bootstrap.css" rel='stylesheet' type='text/css' />
 +
<link rel="stylesheet" type="text/css" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/wiki.css">
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/teamwiki.css" rel='stylesheet' type='text/css' />
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/ionicons.css" rel='stylesheet' type='text/css' />
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<!-- Custom Theme files -->
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/style.css" rel='stylesheet' type='text/css' />
 +
<!-- Custom Theme files -->
 +
<!--webfont-->
 +
<link href='http://fonts.useso.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.useso.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery-1.11.1.min.js"></script>
 +
<script type="text/javascript" src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery.min.js"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
     $(document).ready(function(){
 
     $(document).ready(function(){
Line 75: Line 75:
 
<script src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery.swipebox.min.js"></script>  
 
<script src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery.swipebox.min.js"></script>  
 
     <script type="text/javascript">
 
     <script type="text/javascript">
−
    jQuery(function($) {
+
jQuery(function($) {
−
      $(".swipebox").swipebox();
+
$(".swipebox").swipebox();
−
    });
+
});
−
  </script>
+
</script>
−
<!------ Eng Light Box ------>    
+
<!------ Eng Light Box ------>  
 
<!-- Prettify -->
 
<!-- Prettify -->
 
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/owl.carousel.css" rel="stylesheet">
 
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/owl.carousel.css" rel="stylesheet">
 
<script src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/owl.carousel.js"></script>
 
<script src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/owl.carousel.js"></script>
−
  <script>
+
<script>
−
    $(document).ready(function() {
+
$(document).ready(function() {
−
    $("#owl-demo3").owlCarousel({
+
$("#owl-demo3").owlCarousel({
−
      items : 4,
+
items : 4,
−
      lazyLoad : true,
+
lazyLoad : true,
−
      autoPlay : true,
+
autoPlay : true,
−
      navigation: false,
+
navigation: false,
−
      pagination: false,
+
pagination: false,
−
    });
+
});
−
    });
+
});
−
  </script>
+
</script>
 
<!----- //End-Share-instantly-slider---->
 
<!----- //End-Share-instantly-slider---->
 
<!----font-Awesome----->
 
<!----font-Awesome----->
 
<link rel="stylesheet" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/fonts/css/font-awesome.min.css">
 
<link rel="stylesheet" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/fonts/css/font-awesome.min.css">
−
<!----font-Awesome----->        
+
<!----font-Awesome----->
−
</head>-->
+
</head>
−
<header id="header">
+
 
 +
<body style="background-color:white">
 +
<header id="header" style="height: inherit;">
 
     <div class="wrap">
 
     <div class="wrap">
 
         <a href="./Snap.svg - Home_files/Snap.svg - Home.html" class="logo">
 
         <a href="./Snap.svg - Home_files/Snap.svg - Home.html" class="logo">
Line 120: Line 122:
 
              
 
              
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Parts" class="">Parts</a>
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Parts" class="">Parts</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Safety" class="">Safety</a>
 
              
 
              
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Software" class="">Software</a>
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Software" class="">Software</a>
 
              
 
              
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Entrepreneurship" class="">Entrepreneurship</a>
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Entrepreneurship" class="">Entrepreneurship</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Team" class="">Team</a>
 
              
 
              
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Medals" class="">Medals and Prizes</a>
 
             <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Medals" class="">Medals and Prizes</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Design" class="">Design</a>
 +
           
 
         </nav>
 
         </nav>
 
     </div>
 
     </div>
Line 131: Line 140:
 
<br><br>
 
<br><br>
 
<div class="header_bottom about">
 
<div class="header_bottom about">
−
<div class="container">
+
<div>
−
<h1> Our Project</a></h1>  
+
<h1 style="color:white"> Our Project</a></h1>  
 
</div>
 
</div>
 
</div>
 
</div>
Line 138: Line 147:
  
 
<div class="about_box3 title text-center">
 
<div class="about_box3 title text-center">
−
   <div class="container">  
+
   <div>  
 
       <div class="grid_3">
 
       <div class="grid_3">
 
         <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/gdsy.png" style="width: 100%;max-width: 1000px;" class="img-gdsy" alt=""/>
 
         <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/gdsy.png" style="width: 100%;max-width: 1000px;" class="img-gdsy" alt=""/>
Line 162: Line 171:
 
   <div class="container">  
 
   <div class="container">  
 
       <div class="grid_3">
 
       <div class="grid_3">
−
         <p>We start IGEM but have difficulties understanding flow charts about experiment principle of different styles.</p>
+
         <p>We start our exploration to IGEM and create a synthetically part named Osa-miR-397b precursor. In order to get better understanding of the part, we collaborate with other university students to do some relevant experiences and collect more information about parts and genetic circuits on the Internet. However, we have encountered some difficulties understanding other genetic circuits in various styles about experiment principle.</p>
−
         <p>After collaborating with and learning from university students,we have found that they also have the same problems.</p>
+
         <p>After collaborating with and learning from university students,we have found that they also have the same problems.After discussing with university students from Sunyatsen University and South China University of Technology, we have found that they also have the same problems. And we later found out that it took quite much time for iGEMers to design a genetic circuit, so we were inspired to develop a tool to design a standardized genetic circuit easily and efficiently.</p>
−
        <p>Then we did a survey: the average time to finish a flow chart is 30 minutes.</p>
+
−
        <p>It took quite much time for iGEMers to design a flow chart,so we had the inspiration to develop a tool about standardization, adaptation and interaction.</p>
+
−
        <p>And during human practice,we discovered a commercial model to combine synthetic biology and education agencies and also get constant investment.</p>
+
−
        <p>Here comes our project----Synsketch.</p>
+
 
       </div>
 
       </div>
 
       <div class="clearfix"> </div>
 
       <div class="clearfix"> </div>
Line 176: Line 181:
 
   <div class="container">  
 
   <div class="container">  
 
       <div class="grid_3">
 
       <div class="grid_3">
−
         <p style="margin-top:30px;">iGEM-SKLBC-GDSYZX is a high school team which is sponsered by one of the State Key Laboratory for Bio Control in SYSU.Our team members are all biology lovers from Guangdong Experimental High School.In our team,everyone tries his/her best to perform his/her own function.All of us are really happy to have the opportunity to take part in the iGEM and we will do all we can to present a wonderful iGEM journey.</p>
+
         <p style="margin-top:30px;">Synsketch is cloud-based software tool developed by SKLBC-GDSYZX. It has three main functions relevant to genetic circuits: designing and editing, saving and sharing, learning more about synthetically parts involved. These three main functions may help synthetic biology lovers and iGEMers design a standardized genetic circuit easily and efficiently. Synsketch is a tool that is really easy to learn and easy to use. With educational meaning and commercial potential, Synsketch is likely to set a new milestone in the learning of synthetic biology as well as the standardization of iGEM competitions and to arise high public interest of iGEM.</p>
 
         <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/luntan.png" style="display: block;margin-left: auto;margin-right: auto;margin-top: 40px;max-width: 850px;" class="img-gdsy" alt=""/>
 
         <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/luntan.png" style="display: block;margin-left: auto;margin-right: auto;margin-top: 40px;max-width: 850px;" class="img-gdsy" alt=""/>
 
       </div>
 
       </div>
Line 186: Line 191:
 
   <div class="container">  
 
   <div class="container">  
 
       <div class="grid_3 syn">
 
       <div class="grid_3 syn">
−
       <p style="margin-top:30px;">Synsketch is really easy to use.If a person want to use Synsketch to design a genetic circuit,he or she needn’t to be technical.He or she just need to click the element(For example:RBS) and then drag it to a proper place.After combining all the elements in a picture,a genetic circuit is finished.Besides,for those who begin to use Synsketch for the first time,we have prepared an illustrated course to help them understand Synsketch quickly.</p>
+
       <p style="margin-top:30px;">Synsketch is really easy to use. If a person wants to use Synsketch to design a genetic circuit, he doesn’t need to be technical. He just need to click the element e.g. PBS and then drag it to a proper place. After combining all the elements in a picture, a genetic circuit is finished. Besides, for those who begin to use Synsketch for the first time, we have prepared an illustrated course to help them understand Synsketch quickly.</p>
 +
      <p>After finishing the design of a genetic circuit, users can log in and save it into their personal accounts. Moreover, a QR-code linking to the wechat account will be generated. Users can simply scan the QR-code with phone and directly put the genetic circuit into their wechat accounts, which makes it easier for them to share the genetic circuit they just finish with friends through wechat, the most famous social network with more than 549 million monthly active users.</p>
 +
      <p>And the most educative part about Synsketch is that all the genetic circuits designed by Synsktech include a direct link to the iGEM official data base about the information of synthetically parts. A brief introduction will emerge if the mouse moves over a part on the genetic circuit. And users can view the detailed information about it by double-clicking the part. Such function save lots of time for users to look for information about all parts involved in a genetic circuit one by one. And the data base, the iGEM official website, is of great authentic credibility.</p>
 
         <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/jietu.png" style="display: block;margin-left: auto;margin-right: auto;margin-top: 40px;max-width: 850px;" class="img-gdsy" alt=""/>
 
         <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/jietu.png" style="display: block;margin-left: auto;margin-right: auto;margin-top: 40px;max-width: 850px;" class="img-gdsy" alt=""/>
 
       </div>
 
       </div>
Line 212: Line 219:
 
   <div class="container">  
 
   <div class="container">  
 
       <div class="grid_3 syn">
 
       <div class="grid_3 syn">
−
       <p>Synsketch is a tool of standardization,adaption and interaction.We create Synsketch on the purpose of using and supporting existing synthetic biology standards.Synsketch provide a standardized model for people to design genetic circuits both quickly and efficiently.If Synsketch is successfully promoted among iGEM community,we will get unified visual effect.That will strengthen synthetic biology standards.For synthetic biology platforms,we build up Synsketch community.Synthetic biology lovers can use our Synsketch community as a platform to show their discoveries as well as communicate about their problems.In conclusion,Synsketch tool and Synsketch community effectively use and support exist synthetic biology standards and platforms.</p>
+
       <p>Synsketch is a tool of great standardization, adaption and interaction. We create Synsketch on the purpose of using and supporting existing synthetic biology standards. Synsketch provides a standardized model for people to design genetic circuits both quickly and efficiently. If Synsketch is successfully promoted among iGEM community, we will get unified visual effect. That will strengthen synthetic biology standards. As for synthetic biology platforms, we build up Synsketch community, through with Synthetic biology lovers can show their discoveries as well as communicate about their problems. And the most educative part about Synsketch is that all the genetic circuits designed by Synsktech include a direct link to the iGEM official data base about the information of synthetically parts. With such function, user will save lots of time to look for information about all parts involved in a genetic circuit one by one. And the data base, the iGEM official website, is of great authentic credibility. In conclusion, Synsketch effectively uses and supports exist synthetic biology standards and platforms.</p>
 +
        <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/jietu3.png" style="display: block;margin-left: auto;margin-right: auto;margin-top: 40px;max-width: 850px;" class="img-gdsy" alt=""/>
 
       </div>
 
       </div>
 
       <div class="clearfix"> </div>
 
       <div class="clearfix"> </div>
Line 221: Line 229:
 
   <div class="container">  
 
   <div class="container">  
 
       <div class="grid_3 syn">
 
       <div class="grid_3 syn">
−
         <p>We successfully held several offline promotion activities and understood the needs and problems of the target customers.These valuable experience helped us perfect our project as well as promote synthetic biology.We also built up a viable business model and have got 100,000RMB from our sponsors.</p>
+
         <p>We successfully held several offline promotion activities for example, Science Festival in Guangdong Experimental High School (other details various activities on notebook) and understood the needs and problems of the target customers. These valuable experiences helped us perfect our project as well as promote synthetic biology. We also built up a viable business model and have got 100,000RMB from our sponsors.</p>
 
       </div>
 
       </div>
 
       <div class="clearfix"> </div>
 
       <div class="clearfix"> </div>
 
   </div>
 
   </div>
−
</div>
+
</div><div class="footer">
−
<div class="footer">
+
   <div>
−
   <div class="container">
+
 
         <div class="copy">
 
         <div class="copy">
 
             <p>Copyright &copy; 2015 SKLBC-GDSYZX.  All rights reserved.</p>
 
             <p>Copyright &copy; 2015 SKLBC-GDSYZX.  All rights reserved.</p>

Latest revision as of 08:30, 18 September 2015

Home Home



Our Project

Description

Genetic circuits play a significant role in IGEM experiment. However, the diversity in styles of circuits not only hinders learners of synthetic biology, but also costs iGEMers lots of time to complete a standardized genetic circuits by using the current graphic design tool. After collaborating with and learning from university wet teams, we get the inspiration to develop a cloud-based tool-- Synsketch-- to design a standardized genetic circuit easily and efficiently,which is easy to learn, modify and share, therefore helping iGEMers to save lots of time creating a standardized genetic circuit. With other additional functions like personal account, multi-language interface and well-classified tags, Synsketch is able to inspire scientific curiosity among the public. We further develop it into a free innovative educational tool for personalized learning in synthetic biology. As a result, with combination of education and business model, we manage to create a genetic circuits design tool and bring iGEM to everyone and everywhere.

Background

We start our exploration to IGEM and create a synthetically part named Osa-miR-397b precursor. In order to get better understanding of the part, we collaborate with other university students to do some relevant experiences and collect more information about parts and genetic circuits on the Internet. However, we have encountered some difficulties understanding other genetic circuits in various styles about experiment principle.

After collaborating with and learning from university students,we have found that they also have the same problems.After discussing with university students from Sunyatsen University and South China University of Technology, we have found that they also have the same problems. And we later found out that it took quite much time for iGEMers to design a genetic circuit, so we were inspired to develop a tool to design a standardized genetic circuit easily and efficiently.

What is Synsketch?

Synsketch is cloud-based software tool developed by SKLBC-GDSYZX. It has three main functions relevant to genetic circuits: designing and editing, saving and sharing, learning more about synthetically parts involved. These three main functions may help synthetic biology lovers and iGEMers design a standardized genetic circuit easily and efficiently. Synsketch is a tool that is really easy to learn and easy to use. With educational meaning and commercial potential, Synsketch is likely to set a new milestone in the learning of synthetic biology as well as the standardization of iGEM competitions and to arise high public interest of iGEM.

How to use Synsketch?

Synsketch is really easy to use. If a person wants to use Synsketch to design a genetic circuit, he doesn’t need to be technical. He just need to click the element e.g. PBS and then drag it to a proper place. After combining all the elements in a picture, a genetic circuit is finished. Besides, for those who begin to use Synsketch for the first time, we have prepared an illustrated course to help them understand Synsketch quickly.

After finishing the design of a genetic circuit, users can log in and save it into their personal accounts. Moreover, a QR-code linking to the wechat account will be generated. Users can simply scan the QR-code with phone and directly put the genetic circuit into their wechat accounts, which makes it easier for them to share the genetic circuit they just finish with friends through wechat, the most famous social network with more than 549 million monthly active users.

And the most educative part about Synsketch is that all the genetic circuits designed by Synsktech include a direct link to the iGEM official data base about the information of synthetically parts. A brief introduction will emerge if the mouse moves over a part on the genetic circuit. And users can view the detailed information about it by double-clicking the part. Such function save lots of time for users to look for information about all parts involved in a genetic circuit one by one. And the data base, the iGEM official website, is of great authentic credibility.

Other functions

In addition to the functions of designing genetic circuits,Synsketch also has many other functions which are user-friendly:

  • Personal account----manage your own genetic circuits
  • News pushing----know current news about synthetic biology
  • Resource recommendation----gain some knowledge
  • Helpful tags----help manage and classify
  • Item analysis----broaden your horizon
  • Multiple interactions----iGEM whenever and wherever

    • Why Synsketch?

    Synsketch is a tool of great standardization, adaption and interaction. We create Synsketch on the purpose of using and supporting existing synthetic biology standards. Synsketch provides a standardized model for people to design genetic circuits both quickly and efficiently. If Synsketch is successfully promoted among iGEM community, we will get unified visual effect. That will strengthen synthetic biology standards. As for synthetic biology platforms, we build up Synsketch community, through with Synthetic biology lovers can show their discoveries as well as communicate about their problems. And the most educative part about Synsketch is that all the genetic circuits designed by Synsktech include a direct link to the iGEM official data base about the information of synthetically parts. With such function, user will save lots of time to look for information about all parts involved in a genetic circuit one by one. And the data base, the iGEM official website, is of great authentic credibility. In conclusion, Synsketch effectively uses and supports exist synthetic biology standards and platforms.

    Synsketch promotion

    We successfully held several offline promotion activities for example, Science Festival in Guangdong Experimental High School (other details various activities on notebook) and understood the needs and problems of the target customers. These valuable experiences helped us perfect our project as well as promote synthetic biology. We also built up a viable business model and have got 100,000RMB from our sponsors.

    Copyright © 2015 SKLBC-GDSYZX. All rights reserved.