(Prototype team page) |
|||
(13 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{TAS Taipei/CSS}} |
<html> | <html> | ||
+ | <head> | ||
+ | <title>Entrepreneurship - TAS Taipei iGEM Wiki</title> | ||
+ | <style type='text/css'> | ||
+ | #top_title, #sideMenu{ | ||
+ | display: none; | ||
+ | } | ||
− | + | #content{ | |
− | + | width: 100%; | |
− | + | margin: 0; | |
+ | padding: 0; | ||
+ | background: #f3f4f4;} | ||
+ | |||
+ | img{width:100%} | ||
− | <p> | + | </style> |
+ | </head> | ||
+ | |||
+ | <body data-spy="scroll" data-target="#category_navbar"> | ||
+ | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png"> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | <script>localStorage.clear();</script> | ||
+ | <script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script src='https://2015.igem.org/Template:TAS_Taipei/js/bootstrap?action=raw&ctype=text/javascript'></script> | ||
+ | <script src="https://2015.igem.org/Template:TAS_Taipei/js/jquerySlides?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript" async | ||
+ | src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"> | ||
+ | </script> | ||
+ | |||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); | ||
+ | </script> | ||
+ | |||
+ | <style type='text/css'> | ||
+ | p{font-family: Lato !important; font-size:17px !important} | ||
+ | h1{font-size:40-px !important;} | ||
+ | body{font-family:Lato !important;} | ||
+ | h3{font-size:25-px;} | ||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | if(document.domain === "2016.igem.org") | ||
+ | setTimeout(function() { | ||
+ | $("style:eq(0)").remove(); | ||
+ | }, 500); | ||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="container" style='z-index:10;position:relative;'> | ||
+ | <div class="row center-block" style = "text-align: left;"> | ||
+ | <nav style='font-family:Lato;font-size:22px;background-color:#1C77C3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'> | ||
+ | <ul style='margin-left:0px'> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Background"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Background">Background</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--TAS_Icon_Project.png"> | ||
+ | <h4><b>Cataracts</b> - the leading cause of blindness. Find out how we can non-invasively <b>treat</b> and <b>prevent</b> cataract formation.</b></h4> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#lensmodel">Lens Cataract Model</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#construct">Prevention and Treatment Constructs </a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#prototype">Delivery Prototype</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b0/T--TAS_Taipei--TAS_Icon_Experiments.png"> | ||
+ | <h4>We build <b>constructs</b> to make our great ideas become reality. Follow along our discovery of exciting science!</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Model"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>MODEL</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#GSRFunc">GSR Function</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#prototype">Prototype Delivery</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#treatment">CH25H Treatment</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#software">Calculator</a></h5> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/ca/T--TAS_Taipei--TAS_Icon_Model.png"> | ||
+ | <h4><b>Computational Biology</b> provides us models that we cannot easily test experimentally. Click to find out the results of our modeling, and the math behind it!</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#research">Research</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#outreach">Outreach</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#impact">Impact</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b9/T--TAS_Taipei--TAS_Icon_HP.png"> | ||
+ | <h4>We don't just grow cool bacteria. We make a <b>difference</b>. Find out how we tackled <b>social aspects</b> of this project.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div style='height:100px;'> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#overview">Overview</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biosafety">Biosafety</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#riskreduction">Risk Reduction Methods</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#furtherquestion">Further Questions</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/7e/T--TAS_Taipei--TAS_Icon_Safety.png"> | ||
+ | <h4><b>Safety first.</b> Especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>TEAM</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Team#members">Members</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Team#about">About</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Attributions">Attributions</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages">Wiki Standard Pages</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png"> | ||
+ | <h4>Every iGEM project is the accumulation of an entire year's hard work by a group of cheerful students. <b>Meet the team!</b></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div class="row center-block" style = "padding:10px;width:90%;background-color:#07BEB8;box-shadow:0px 0px 5px black"> | ||
+ | <div class="row" style = "text-align:center;"> | ||
+ | <div class="col-sm-2"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png | ||
+ | " alt="" style="width: 100px;"></a> | ||
+ | </div> | ||
+ | <div class="col-sm-8" style='text-align:center;'> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none;'> | ||
+ | <h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px; margin-top: 0; margin-bottom: 0;"><b> | ||
+ | C◎UNTERACTS</b></h2> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | <a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2016/6/6e/T--TAS_Taipei--TAS_Icon_Logo2.png" alt="" style="width: 100px;"></a> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <br> | ||
+ | <div class="row card" id='bodycontainer' class='row'> | ||
+ | <div class="col-sm-2" style='padding-left:8px;'> | ||
+ | <div id="category_navbar"> | ||
+ | <ul class="nav nav-list" data-spy="affix" data-offset-top="160" style='-webkit-transform: translateZ(0);width:160px;margin-left:0' > | ||
+ | <li><a href="#survey">Survey</a></li> | ||
+ | <li><a href="#plan">Marketing Plan</a></li> | ||
+ | <li> <a href="#synopsis">Synopsis</a></li> | ||
+ | <li> <a href="#approach">Approach</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-10" style="padding-right:5%"> | ||
+ | <h1>Entrepreneurship</h1> | ||
+ | <div class = "row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h2 id='survey'>Survey</h2> | ||
+ | <br> | ||
+ | <p> | ||
+ | Based on our survey given to our school community and citizens of Taipei, we discovered that cost of cataract surgery, whether performed in humans or in pets, was a source of concern. Many people said that if there was a safe, affordable option to surgery, that they would prefer that option. With this information in mind, we ran a cost analysis to ensure that our solution would be affordable. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <figure class = "col-sm-12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/f7/T--TAS_Taipei--EthicsPanel.png"> | ||
+ | |||
+ | </figure> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h2 id='plan'>Counteracts Marketing Plan</h2> | ||
+ | <p> | ||
+ | With the help of our business and economics teacher, we developed a comprehensive marketing plan for our cataracts prevention and treatment products, in order to create a more profound impact in terms of public awareness of Cataracts. Within this plan we performed a situational analysis based on market research, customer analysis, environmental/industrial considerations, and regulatory constraints (such as quality control and SWOT analysis). Furthermore, we statistically analyzed our products’ viability in the market by developing pricing and promotional strategies. Upon completion, we initiated discussions with several biotechnology investors and published our plan on business starter websites to garner interest. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <br> | ||
+ | <h3 id='synopsis'></h3> | ||
+ | <br> | ||
+ | <h3>Marketing Plan Synopsis</h3> | ||
+ | <p> | ||
+ | There exists a significant market opportunity for cataracts treatment worldwide. Over 3 million cataract surgeries are performed in the United States every year, and cataracts have attributes to 51% of world blindness. Although cataracts surgery is the dominant procedure in this market, we have developed technology which provides distinctive advantages, and created a marketing plan which serves as a guide for establishing a successful business. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-sm-6"> | ||
+ | <h3 id='approach'></h3> | ||
+ | <br> | ||
+ | <h3>Marketing Plan Approach</h3> | ||
+ | <p> | ||
+ | The total material cost of a 3 month supply is $7.88. 1 bottle contains 200 drops and can be used for both eyes for 3 months. 1 bottle contains 4.2 mg of proteins encapsulated in nanoparticles. Accounting for the protein encapsulation efficiency (72%) of our nanoparticles, we determined that we need to grow 160 mL of liquid culture in order to produce each bottle. Below is the material costs for making 1 bottle of our Counteracts eye drop. | ||
+ | </p> | ||
+ | <br> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/d/d5/T--TAS_Taipei--marketingplan.pdf"><button type="button" class="btn btn-primary btn-lg">Click to download our market plan!</button></a> | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/fa/T--TAS_Taipei--MarketPlan.png"> | ||
+ | |||
+ | </figure> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <table class="table table-hover fixed" style="font:16px"> | ||
+ | <thead> | ||
+ | <tr> | ||
+ | <th>Material</th> | ||
+ | <th>Unit</th> | ||
+ | <th>Price (NTD)</th> | ||
+ | <th>Amount Needed</th> | ||
+ | <th>Cost (NTD)</th> | ||
+ | <th>Cost (USD)</th> | ||
+ | </tr> | ||
+ | </thead> | ||
+ | <tbody align="right"> | ||
+ | <tr> | ||
+ | <td>LB (LBL407)</td> | ||
+ | <td>1000 g</td> | ||
+ | <td>2700</td> | ||
+ | <td>4 g</td> | ||
+ | <td>15.56</td> | ||
+ | <td>0.50</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Ampicillin Sigma Aldrich</td> | ||
+ | <td>5 g</td> | ||
+ | <td>3300</td> | ||
+ | <td>0.00016 g</td> | ||
+ | <td>1.52</td> | ||
+ | <td>0.05</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Histag Column</td> | ||
+ | <td>1 column purifies 2000 mg protein</td> | ||
+ | <td>1581</td> | ||
+ | <td>5.761 mg</td> | ||
+ | <td>62.66</td> | ||
+ | <td>1.99</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Xtractor buffer</td> | ||
+ | <td>500 mL</td> | ||
+ | <td>8280</td> | ||
+ | <td>6.4 mL</td> | ||
+ | <td>105.98</td> | ||
+ | <td>3.37</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Wash buffer</td> | ||
+ | <td>500 mL</td> | ||
+ | <td>5041</td> | ||
+ | <td>2 mL</td> | ||
+ | <td>20.17</td> | ||
+ | <td>0.64</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Elution buffer</td> | ||
+ | <td>250 mL</td> | ||
+ | <td>4931</td> | ||
+ | <td>2 mL</td> | ||
+ | <td>39.45</td> | ||
+ | <td>1.26</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Sodium Tripolyphosphate</td> | ||
+ | <td>500 g</td> | ||
+ | <td>350</td> | ||
+ | <td>20 mg</td> | ||
+ | <td>0.01</td> | ||
+ | <td>0.00</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Chitosan</td> | ||
+ | <td>250 g</td> | ||
+ | <td>6420</td> | ||
+ | <td>60 mg</td> | ||
+ | <td>1.54</td> | ||
+ | <td>0.05</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Acetic Acid</td> | ||
+ | <td>500 mL</td> | ||
+ | <td>300</td> | ||
+ | <td>200 uL</td> | ||
+ | <td>0.12</td> | ||
+ | <td>0.00</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Sodium Hydroxide</td> | ||
+ | <td>500 g</td> | ||
+ | <td>600</td> | ||
+ | <td>0.4 g</td> | ||
+ | <td>0.48</td> | ||
+ | <td>0.02</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | <tfoot> | ||
+ | <tr> | ||
+ | <td></th> | ||
+ | <td></th> | ||
+ | <td></th> | ||
+ | <td></th> | ||
+ | <td><b>$247.48</b></th> | ||
+ | <td><b>$7.88</b></th> | ||
+ | </tr> | ||
+ | </tfoot> | ||
+ | |||
+ | |||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <figure class = "col-sm-4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/9/9c/T--TAS_Taipei--Impact1.png"> | ||
+ | <figcaption>Alexander Kaufman, former intern at RA Capital</figcaption> | ||
+ | </figure> | ||
+ | <div class="col-sm-8"> | ||
+ | <p> | ||
+ | Additionally,<b> Mr. Alexander Kaufman,</b> a former intern at RA Capital (a biotechnology investment firm), provided constructive feedback on our business plan. He suggested that we focus on long term cost projections, for it would put us in a better position to engage with venture capitalists. He also thought that our competitor analysis and initial market sizing was impressive. Furthermore, this plan was shown to Dr. Tai-Yuan Wang and he suggested that with an FDA approval and clinical trials, he would be interested in our products. Thus,we can conclude our products have the potential to compete in market. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br><br> | ||
+ | |||
− | <div | + | </div> <!-- Container --> |
− | < | + | </div> <!-- Container --> |
− | < | + | |
− | + | ||
− | </ | + | |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br><br> | ||
− | < | + | <canvas id="canvas-container" style = "z-index:-1"></canvas> |
+ | <script type="text/javascript" src='https://2016.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script> | ||
+ | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style type='text/css'> | ||
+ | #bg { position: fixed; top: 0; left: 0; } | ||
+ | .bgwidth { width: 100%; } | ||
+ | .bgheight { height: 100%; } | ||
+ | </style> | ||
+ | |||
+ | <div class="backgroundpic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" style="z-index:0" width="100%" height="100%" id="bg" alt="" > | ||
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | var nowRadius = 0 | ||
+ | $(function() { | ||
+ | if (screen.width > 1800) | ||
+ | $("#slideoutco").fadeOut(0); | ||
+ | $({blurRadius: 0}).animate({blurRadius: 10}, { | ||
+ | duration: 20000, | ||
+ | easing:'swing', // or "linear" | ||
+ | // use jQuery UI or Easing plugin for more options | ||
+ | step: function() { | ||
+ | console.log(this.blurRadius); | ||
+ | if ($("#bluebutton").hasClass("isOn") ) {return;}; | ||
+ | if($('#redbutton').hasClass("isOn") ) {return;} | ||
+ | $('.backgroundpic').css({ | ||
+ | "-webkit-filter": "blur("+this.blurRadius+"px)", | ||
+ | "filter": "blur("+this.blurRadius+"px)" | ||
+ | |||
+ | }); | ||
+ | nowRadius = this.blurRadius; | ||
+ | var LOCSnum = Math.round(nowRadius*6/9); | ||
+ | var NineLOCSnum = Math.round(nowRadius*6/9*10); | ||
+ | /**if (NineLOCSnum > 20) switchMessage("YELLOW","<b> Oh no! </b> Cataracts are forming! Click on the Eyedrop Tab and get <b>TREATMENT</b> eyedrops!", currentColor()=="GREEN"); | ||
+ | if (NineLOCSnum == 55) $("#slideoutco").fadeOut(1000); | ||
+ | if (NineLOCSnum > 60) switchMessage("RED","Your cataracts are very severe. You need to get TREATMENT fast by clicking the Eyedrop Tab", currentColor()=="YELLOW");*/ | ||
+ | if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");} | ||
+ | else $('#LOCS').text(LOCSnum+""); | ||
+ | |||
+ | if (LOCSnum ==0) document.getElementById('bluebutton').click(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | startBlur= function(speed) { | ||
+ | $({blurRadius: nowRadius}).animate({blurRadius: 10}, { | ||
+ | duration: speed, | ||
+ | easing: 'swing', // or "linear" | ||
+ | // use jQuery UI or Easing plugin for more options | ||
+ | step: function() { | ||
+ | console.log(this.blurRadius); | ||
+ | if ($("#bluebutton").hasClass("isOn") ) {return;}; | ||
+ | if($('#redbutton').hasClass("isOn") ) {return;} | ||
+ | |||
+ | $('.backgroundpic').css({ | ||
+ | "-webkit-filter": "blur("+this.blurRadius+"px)", | ||
+ | "filter": "blur("+this.blurRadius+"px)" | ||
+ | |||
+ | }); | ||
+ | |||
+ | nowRadius = this.blurRadius; | ||
+ | var LOCSnum = Math.round(nowRadius*6/9); | ||
+ | var NineLOCSnum = Math.round(nowRadius*6/9*10); | ||
+ | /**if (NineLOCSnum == 15) $("#slideoutco").fadeOut(400); | ||
+ | if (NineLOCSnum > 20) switchMessage("RED","<b>Cataracts</b> are creeping back again! Click the PREVENTION eye drop to add GSR into your eyes!", currentColor()=="BLUE");*/ | ||
+ | if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");} | ||
+ | else $('#LOCS').text(LOCSnum+" "); | ||
+ | |||
+ | |||
+ | } | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | stopBlur= function(speed) { | ||
+ | |||
+ | $({blurRadius: nowRadius}).animate({blurRadius: 0}, { | ||
+ | duration: speed, | ||
+ | easing: 'swing', // or "linear" | ||
+ | // use jQuery UI or Easing plugin for more options | ||
+ | step: function() { | ||
+ | console.log(this.blurRadius); | ||
+ | if ($("#redbutton").hasClass("isOn") ) {} else{return;}; | ||
+ | $('.backgroundpic').css({ | ||
+ | "-webkit-filter": "blur("+this.blurRadius+"px)", | ||
+ | "filter": "blur("+this.blurRadius+"px)" | ||
+ | |||
+ | }); | ||
+ | nowRadius = this.blurRadius; | ||
+ | var LOCSnum = Math.round(nowRadius*6/9); | ||
+ | var NineLOCSnum = Math.round(nowRadius*6/9*10); | ||
+ | |||
+ | /**if (NineLOCSnum < 68){ if (NineLOCSnum > 10) if(currentColor()=="RED" || currentColor() == "BLUE") $("#slideoutco").fadeOut(0); switchMessage("YELLOW","<b> Treating</b> your cataract with <b>25HC Eyedrops </b>", currentColor()=="RED"); | ||
+ | } | ||
+ | if (NineLOCSnum == 9) $("#slideoutco").fadeOut(0); | ||
+ | |||
+ | |||
+ | if (NineLOCSnum < 5) { | ||
+ | if ($("#bluebutton").hasClass("isOn")){ | ||
+ | |||
+ | switchMessage("GREEN","<b>Your eyes are <i>pernamently</i> crystal clear!</b> Treatment is not needed, so don't forget to turn it off!. Click the question mark to learn more.", currentColor()=="BLUE") | ||
+ | } | ||
+ | else switchMessage("BLUE","Your eyes are crystal clear! To avoid waste, please turn off the <b>TREATMENT</b> eyedrop.", currentColor()=="YELLOW"); | ||
+ | }*/ | ||
+ | if (LOCSnum > 6) LOCSnum = "6+"; | ||
+ | else LOCSnum = LOCSnum +" "; | ||
+ | $('#LOCS').text(LOCSnum+""); | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | }; | ||
+ | |||
+ | function chooseBlur() { | ||
+ | if ($("#redbutton").hasClass("isOn") ) | ||
+ | { | ||
+ | stopBlur(4500); | ||
+ | |||
+ | } | ||
+ | |||
+ | else { | ||
+ | if($("#bluebutton").hasClass("isOn") ) {} | ||
+ | else {startBlur(12000);} | ||
+ | } | ||
+ | /**if (!$("#redbutton").hasClass("isOn")) | ||
+ | if ($("#bluebutton").hasClass("isOn")) | ||
+ | { | ||
+ | $("#slideoutco").fadeOut(0); | ||
+ | switchMessage("BLUE","Great! Furthur cataract formation is prevented with GSR Eyedrops. Now use <b>TREATMENT</b> eyedrops one last time.", currentColor()=="RED") | ||
+ | }*/ | ||
+ | }; | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | function switchToggleB() { | ||
+ | if ( $("#bluebutton").hasClass("isOn") ) { | ||
+ | $("#bluebutton").removeClass("isOn"); } | ||
+ | else { $("#bluebutton").addClass("isOn"); } | ||
+ | }; | ||
+ | function switchToggleR() { | ||
+ | if ( $("#redbutton").hasClass("isOn") ) { | ||
+ | $("#redbutton").removeClass("isOn"); } | ||
+ | else { $("#redbutton").addClass("isOn"); } | ||
+ | }; | ||
+ | |||
+ | function currentColor() { | ||
+ | if ($("#slidecontenttext").hasClass("alert-danger")) | ||
+ | return "RED"; | ||
+ | if ($("#slidecontenttext").hasClass("alert-warning")) | ||
+ | return "YELLOW"; | ||
+ | if ($("#slidecontenttext").hasClass("alert-info")) | ||
+ | return "BLUE"; | ||
+ | if ($("#slidecontenttext").hasClass("alert-success")) | ||
+ | return "GREEN"; | ||
+ | else return "NONE" | ||
+ | }; | ||
+ | function switchMessage(color, textInside, refresh) { | ||
+ | var entirebox = document.getElementById("slideoutco"); | ||
+ | |||
+ | if (refresh) | ||
+ | {$(entirebox).fadeOut(100); | ||
+ | if ($("#slidecontenttext").hasClass("alert-danger")) | ||
+ | $("#slidecontenttext").removeClass("alert-danger"); | ||
+ | if ($("#slidecontenttext").hasClass("alert-warning")) | ||
+ | $("#slidecontenttext").removeClass("alert-warning"); | ||
+ | if ($("#slidecontenttext").hasClass("alert-info")) | ||
+ | $("#slidecontenttext").removeClass("alert-info"); | ||
+ | if ($("#slidecontenttext").hasClass("alert-success")) | ||
+ | $("#slidecontenttext").removeClass("alert-success"); | ||
+ | if (color == "RED") | ||
+ | $("#slidecontenttext").addClass("alert-danger"); | ||
+ | if (color == "YELLOW") | ||
+ | $("#slidecontenttext").addClass("alert-warning"); | ||
+ | if (color == "BLUE") | ||
+ | $("#slidecontenttext").addClass("alert-info"); | ||
+ | if (color == "GREEN") | ||
+ | $("#slidecontenttext").addClass("alert-success"); | ||
+ | |||
+ | |||
+ | $("#slidecontenttext").html(textInside); | ||
+ | $(entirebox).fadeIn(500); | ||
+ | } | ||
+ | |||
+ | }; | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <canvas id="canvas-container" style = "z-index:-1" hidden></canvas> | ||
+ | <script type="text/javascript" src='https://2015.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript' hidden></script/> | ||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | /* Toggle between adding and removing the "active" and "show" classes when the user clicks on one of the "Section" buttons. The "active" class is used to add a background color to the current button when its belonging panel is open. The "show" class is used to open the specific accordion panel */ | ||
+ | var acc = document.getElementsByClassName("accordion"); | ||
+ | var i; | ||
+ | |||
+ | for (i = 0; i < acc.length; i++) { | ||
+ | acc[i].onclick = function(){ | ||
+ | this.classList.toggle("active"); | ||
+ | this.nextElementSibling.classList.toggle("show"); | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $("#category_navbar a").on('click', function(event) { | ||
+ | // Make sure this.hash has a value before overriding default behavior | ||
+ | if (this.hash !== "") { | ||
+ | // Prevent default anchor click behavior | ||
+ | event.preventDefault(); | ||
+ | |||
+ | // Store hash0 | ||
+ | var hash = this.hash; | ||
+ | |||
+ | // Using jQuery's animate() method to add smooth page scroll | ||
+ | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 800, function(){ | ||
+ | |||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } // End if | ||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <div id="slideout"> | ||
+ | <div id="slidecontent"> | ||
+ | <h3>Prevention</h3> | ||
+ | <h5>GSR Eyedrop</h5> | ||
+ | <label class="switch"> | ||
+ | <input id="bluebutton" onClick="switchToggleB(); chooseBlur()" type="checkbox"> | ||
+ | <div class="slider round bluecolorbutton"></div> | ||
+ | </label> | ||
+ | <br> | ||
+ | |||
+ | <h3>Treatment</h3> | ||
+ | <h5>25HC Eyedrop</h5> | ||
+ | <label class="switch"> | ||
+ | <input id="redbutton" onClick="switchToggleR(); chooseBlur()" type="checkbox"> | ||
+ | <div class="slider round redcolorbutton"></div> | ||
+ | </label> | ||
+ | <h4><b> LOCS: <span id="LOCS">0  </span></b>     <a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button type="button" class="btn btn-danger btn-md">?</button> </a> | ||
+ | |||
+ | </div> | ||
+ | <div id="clickme"> | ||
+ | <h2 class="vertical-text" style="Lato" !important> | ||
+ | <br> Eyedrops | ||
+ | </h2> | ||
+ | <br><br><br> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="slideoutco"> | ||
+ | <div id="slidecontentco"> | ||
+ | <div id="slidecontenttext" class="alert alert-danger"> | ||
+ | <p style="font-size:14px !important"> <a href="#" class="close" data-dismiss="alert">×</a> | ||
+ | <strong>Zoom out to see animation.</strong>          <a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button type="button" class="btn btn-danger btn-sm">?</button> </a><span style="font-size:14px"><br>Your screen resolution is too low unless you zoom out </span></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <javascript> | ||
+ | |||
+ | </javascript> | ||
+ | |||
+ | <style type='text/css'> | ||
+ | |||
+ | #slideout { | ||
+ | background: #FFD700; | ||
+ | position: fixed; | ||
+ | height: 300px; | ||
+ | width: 200px; | ||
+ | top: 30%; | ||
+ | right:-150px; | ||
+ | padding-left: 60px; | ||
+ | z-index:30; | ||
+ | border-radius: 25px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #slideoutco { | ||
+ | position: fixed; | ||
+ | height: 200px; | ||
+ | width: 300px; | ||
+ | top: 78%; | ||
+ | right:1%; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | border-radius: 10px; | ||
+ | z-index:30; | ||
+ | } | ||
+ | |||
+ | #clickme { | ||
+ | position: absolute; | ||
+ | top: 0; left: 0; | ||
+ | height: 300px; | ||
+ | width: 50px; | ||
+ | background: #FFBA49; | ||
+ | z-index:30; | ||
+ | border-radius: 25px 5px 5px 25px; | ||
+ | } | ||
+ | |||
+ | #slidecontent { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #slidecontentco { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .vertical-text { | ||
+ | transform: rotate(90deg); | ||
+ | transform-origin: left bottom 0; | ||
+ | float: left; | ||
+ | } | ||
+ | /* The switch - the box around the slider */ | ||
+ | .switch { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | width: 60px; | ||
+ | height: 34px; | ||
+ | } | ||
+ | |||
+ | /* Hide default HTML checkbox */ | ||
+ | .switch input {display:none;} | ||
+ | |||
+ | /* The slider */ | ||
+ | .slider { | ||
+ | position: absolute; | ||
+ | cursor: pointer; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | background-color: #ccc; | ||
+ | -webkit-transition: .4s; | ||
+ | transition: .4s; | ||
+ | } | ||
+ | |||
+ | |||
+ | .slider:before { | ||
+ | position: absolute; | ||
+ | content: ""; | ||
+ | height: 26px; | ||
+ | width: 26px; | ||
+ | left: 4px; | ||
+ | bottom: 4px; | ||
+ | background-color: white; | ||
+ | -webkit-transition: .4s; | ||
+ | transition: .4s; | ||
+ | } | ||
+ | |||
+ | input:checked + .slider.bluecolorbutton { | ||
+ | background-color: #2196F3; | ||
+ | } | ||
+ | |||
+ | input:focus + .slider.bluecolorbutton { | ||
+ | box-shadow: 0 0 1px #2196F3; | ||
+ | } | ||
+ | |||
+ | input:checked + .slider.redcolorbutton { | ||
+ | background-color: #FF0000; | ||
+ | } | ||
+ | |||
+ | input:focus + .slider.redcolorbutton { | ||
+ | box-shadow: 0 0 1px #FF0000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | input:checked + .slider:before { | ||
+ | -webkit-transform: translateX(26px); | ||
+ | -ms-transform: translateX(26px); | ||
+ | transform: translateX(26px); | ||
+ | } | ||
+ | |||
+ | /* Rounded sliders */ | ||
+ | .slider.round { | ||
+ | border-radius: 34px; | ||
+ | } | ||
+ | |||
+ | .slider.round:before { | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | input[type=text] { | ||
+ | width: 100%; | ||
+ | padding: 12px 20px; | ||
+ | margin: 8px 0; | ||
+ | box-sizing: border-box; | ||
+ | border: 3px solid #ccc; | ||
+ | -webkit-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | outline: none; | ||
+ | } | ||
+ | input[type=text]:focus { | ||
+ | border: 3px solid #555; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | var rightVal = -150; | ||
+ | |||
+ | $("#clickme").click(function () { | ||
+ | |||
+ | rightVal = (rightVal * -1) - 150; | ||
+ | $(this).parent().animate({right: rightVal + 'px'}, {queue: false, duration: 500}); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 03:08, 20 October 2016
Entrepreneurship
Survey
Based on our survey given to our school community and citizens of Taipei, we discovered that cost of cataract surgery, whether performed in humans or in pets, was a source of concern. Many people said that if there was a safe, affordable option to surgery, that they would prefer that option. With this information in mind, we ran a cost analysis to ensure that our solution would be affordable.
Counteracts Marketing Plan
With the help of our business and economics teacher, we developed a comprehensive marketing plan for our cataracts prevention and treatment products, in order to create a more profound impact in terms of public awareness of Cataracts. Within this plan we performed a situational analysis based on market research, customer analysis, environmental/industrial considerations, and regulatory constraints (such as quality control and SWOT analysis). Furthermore, we statistically analyzed our products’ viability in the market by developing pricing and promotional strategies. Upon completion, we initiated discussions with several biotechnology investors and published our plan on business starter websites to garner interest.
Marketing Plan Synopsis
There exists a significant market opportunity for cataracts treatment worldwide. Over 3 million cataract surgeries are performed in the United States every year, and cataracts have attributes to 51% of world blindness. Although cataracts surgery is the dominant procedure in this market, we have developed technology which provides distinctive advantages, and created a marketing plan which serves as a guide for establishing a successful business.
Marketing Plan Approach
The total material cost of a 3 month supply is $7.88. 1 bottle contains 200 drops and can be used for both eyes for 3 months. 1 bottle contains 4.2 mg of proteins encapsulated in nanoparticles. Accounting for the protein encapsulation efficiency (72%) of our nanoparticles, we determined that we need to grow 160 mL of liquid culture in order to produce each bottle. Below is the material costs for making 1 bottle of our Counteracts eye drop.
Material | Unit | Price (NTD) | Amount Needed | Cost (NTD) | Cost (USD) |
---|---|---|---|---|---|
LB (LBL407) | 1000 g | 2700 | 4 g | 15.56 | 0.50 |
Ampicillin Sigma Aldrich | 5 g | 3300 | 0.00016 g | 1.52 | 0.05 |
Histag Column | 1 column purifies 2000 mg protein | 1581 | 5.761 mg | 62.66 | 1.99 |
Xtractor buffer | 500 mL | 8280 | 6.4 mL | 105.98 | 3.37 |
Wash buffer | 500 mL | 5041 | 2 mL | 20.17 | 0.64 |
Elution buffer | 250 mL | 4931 | 2 mL | 39.45 | 1.26 |
Sodium Tripolyphosphate | 500 g | 350 | 20 mg | 0.01 | 0.00 |
Chitosan | 250 g | 6420 | 60 mg | 1.54 | 0.05 |
Acetic Acid | 500 mL | 300 | 200 uL | 0.12 | 0.00 |
Sodium Hydroxide | 500 g | 600 | 0.4 g | 0.48 | 0.02 |
$247.48 | $7.88 |
Additionally, Mr. Alexander Kaufman, a former intern at RA Capital (a biotechnology investment firm), provided constructive feedback on our business plan. He suggested that we focus on long term cost projections, for it would put us in a better position to engage with venture capitalists. He also thought that our competitor analysis and initial market sizing was impressive. Furthermore, this plan was shown to Dr. Tai-Yuan Wang and he suggested that with an FDA approval and clinical trials, he would be interested in our products. Thus,we can conclude our products have the potential to compete in market.
×
Zoom out to see animation.
Your screen resolution is too low unless you zoom out