|
|
Line 1: |
Line 1: |
| + | <!DOCTYPE html> |
| {{Tokyo_Tech/mobirise/nav-bar}} | | {{Tokyo_Tech/mobirise/nav-bar}} |
− | <html> | + | <html > |
| <head> | | <head> |
| + | <!-- Site made with Mobirise Website Builder v4.8.4, https://mobirise.com --> |
| + | <meta charset="UTF-8"> |
| + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| + | <meta name="generator" content="Mobirise v4.8.4, mobirise.com"> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> |
| + | <link rel="shortcut icon" href="assets/images/findingflavi-logo-128x52-1.png" type="image/x-icon"> |
| + | <meta name="description" content="Project Overview"> |
| + | <title>Description</title> |
| | | |
− | <title>Human Practice Overview</title>
| + | <link rel="stylesheet" href="https://2018.igem.org/Team:Tokyo_Tech/mobirise/mobirise/css/mbr-additional-css-de?action=raw&ctype=text/css"> |
− | <meta charset="UTF-8">
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| | | |
| </head> | | </head> |
| + | <body> |
| | | |
| + | <section class="engine"><a href="https://mobirise.info/e">how to make your own site for free</a></section><section class="cid-r6EuqQiKZY mbr-fullscreen mbr-parallax-background" id="header2-24"> |
| | | |
− | <body>
| |
| | | |
− | <section class="engine"><a href="https://mobirise.info/j">website templates</a></section><section class="cid-r5ehuhHDnG mbr-fullscreen mbr-parallax-background" id="header2-6">
| |
| | | |
− |
| |
| | | |
− |
| |
| | | |
| <div class="container align-center"> | | <div class="container align-center"> |
| <div class="row justify-content-md-center"> | | <div class="row justify-content-md-center"> |
| <div class="mbr-white col-md-10"> | | <div class="mbr-white col-md-10"> |
− | <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">PROJECT</h1> | + | <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">PROJECT DESCRIPTION</h1> |
− |
| + | |
| <p class="mbr-text pb-3 mbr-fonts-style display-5"> | | <p class="mbr-text pb-3 mbr-fonts-style display-5"> |
− | Click any text to edit or style it. Select text to insert a link. Click blue "Gear" icon in the top right corner to hide/show buttons, text, title and change the block background. Click red "+" in the bottom right corner to add a new block. Use the top left menu to create new pages, sites and add themes. | + | From our inspiration to future prospects.</p> |
− | </p>
| + | |
− | <div class="mbr-section-btn">
| + | |
− | <a class="btn btn-md btn-secondary display-4" href="https://mobirise.com">LEARN MORE</a>
| + | |
− | <a class="btn btn-md btn-white-outline display-4" href="https://mobirise.com">LIVE DEMO</a>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="mbr-arrow hidden-sm-down" aria-hidden="true">
| + | |
− | <a href="#next">
| + | |
− | <i class="mbri-down mbr-iconfont"></i>
| + | |
− | </a>
| + | |
− | </div>
| + | |
| </section> | | </section> |
| | | |
− | <section class="mbr-section content6 cid-r5etwxdyZI" id="content6-r"> | + | <section class="cid-r6KEm058cP" id="image2-3s"> |
− |
| + | |
− |
| + | |
− |
| + | |
− | <div class="container"> | + | <figure class="mbr-figure"> |
− | <div class="media-container-row"> | + | <div class="image-block" style="width: 100%;"> |
− | <div class="col-12 col-md-8"> | + | <img src="assets/images/home-1-358x921.png" alt="Mobirise" title=""> |
− | <div class="media-container-row">
| + | <figcaption class="mbr-figure-caption mbr-figure-caption-over"> |
− | <div class="mbr-figure" style="width: 60%;">
| + | <div class="container pb-5 mbr-white align-center mbr-fonts-style display-1"></div> |
− | <img src="assets/images/011.jpg" alt="Mobirise" title="">
| + | </figcaption> |
| + | </div> |
| + | </figure> |
| + | </section> |
| + | |
| + | <section class="timeline2 cid-r6Euzsyreh" id="timeline2-2b"> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <div class="container align-center"> |
| + | <h2 class="mbr-section-title pb-3 mbr-fonts-style display-2">Our journey</h2> |
| + | <h3 class="mbr-section-subtitle pb-5 mbr-fonts-style display-5">We discussed with a formal dengue patients, virologists and other biologists. In each activities, we notice a new point of view that we had not known. This is the flow chart that we communicated and history of Modified our trajectory of the Finding Flavi.</h3> |
| + | |
| + | <div class="container timelines-container" mbri-timelines=""> |
| + | <div class="row timeline-element reverse separline"> |
| + | <span class="iconsBackground"> |
| + | <span class="mbr-iconfont mbri-sun" style="color: rgb(35, 35, 35);"></span> |
| + | </span> |
| + | <div class="col-xs-12 col-md-6 align-left"> |
| + | <div class="timeline-text-content"> |
| + | <h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">Interview with former patient</h4> |
| + | <p class="mbr-timeline-text mbr-fonts-style display-7">We met a dengue patient who entered hospital in Republic of the Philippines.<br><br>In the hospital I was investigating the symptoms of severe dengue from the amount of platelets, so the patient are drawn their bleed twice a day. <br><br>We knew that dengue fever is one of the common disease in tropical countries and that have no specific treatment. Although the number of dead is relativity small, Dengue is one of the Neglected Tropical Diseases.<br></p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row timeline-element separline"> |
| + | <span class="iconsBackground"> |
| + | <span class="mbr-iconfont mbri-user"></span> |
| + | </span> |
| + | <div class="col-xs-12 col-md-6 align-left "> |
| + | <div class="timeline-text-content"> |
| + | <h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5"><a href="integrated.html#content4-19">Dialogue with |
| + | Dr. Nukuzuma </a></h4> |
| + | <p class="mbr-timeline-text mbr-fonts-style display-7">We heard about infection mechanism and symptom. |
| + | <br><br>Infection with different Dengue types causes the severe sympton. |
| + | <br><br>We discussed ADV & DA of current methods. <br></p> |
| </div> | | </div> |
− | <div class="media-content"> | + | </div> |
− | <div class="mbr-section-text"> | + | </div> |
− | <p class="mbr-text mb-0 mbr-fonts-style display-7"><br>Dengue virus, which is in the flavivirus family, is a worldwide spread virus and has huge impact on society, however, not many developing countries are recognizing its danger.<br><br></p>
| + | |
− | </div>
| + | <div class="row timeline-element reverse separline"> |
| + | <span class="iconsBackground"> |
| + | <span class="mbr-iconfont mbri-growing-chart"></span> |
| + | </span> |
| + | <div class="col-xs-12 col-md-6 align-left"> |
| + | <div class="timeline-text-content"> |
| + | <h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">Dengue Type Prediction |
| + | Model </h4> |
| + | <p class="mbr-timeline-text mbr-fonts-style display-7">We decided to predict the number of patients in the near future with suitable methods. |
| + | <br><br>Our advisor, Dr. Nishida taught us about how to extract patterns from time-series data. <br></p> |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| + | <div class="row timeline-element separline"> |
| + | <span class="iconsBackground"> |
| + | <span class="mbr-iconfont mbri-user"></span> |
| + | </span> |
| + | <div class="col-xs-12 col-md-6 align-left "> |
| + | <div class="timeline-text-content"> |
| + | <h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5"><a href="integrated.html#content4-15">Dialogue with |
| + | Dr. Suzuki </a></h4> |
| + | <p class="mbr-timeline-text mbr-fonts-style display-7">“We need to collect more data to increase the model’s accuracy.” |
| + | <br><br>He suggested us that we should refer to the system he has developed and develop a new system with fluorescence protein. <br></p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row timeline-element reverse separline"> |
| + | <span class="iconsBackground"> |
| + | <span class="mbr-iconfont mbri-quote-left"></span> |
| + | </span> |
| + | <div class="col-xs-12 col-md-6 align-left"> |
| + | <div class="timeline-text-content"> |
| + | <h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">Dengue Type Detection |
| + | System </h4> |
| + | <p class="mbr-timeline-text mbr-fonts-style display-7">We decided to develop the system to identify which Dengue type the patient is infected with. |
| + | <br><br>We use different fluorescence protein for each Dengue type so that we can identify it by color at the end. <br></p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row timeline-element"> |
| + | <span class="iconsBackground"> |
| + | <span class="mbr-iconfont mbri-globe"></span> |
| + | </span> |
| + | <div class="col-xs-12 col-md-6 align-left "> |
| + | <div class="timeline-text-content"> |
| + | <h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">Outreach |
| + | Activities </h4> |
| + | <p class="mbr-timeline-text mbr-fonts-style display-7">We have been engaged with outreach activities to improve the current situation that dengue fever is regarded as one of the Neglected Tropical Diseases. <br></p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </section> | | </section> |
| | | |
− | <section class="mbr-section article content1 cid-r5etWugX3M" id="content1-t"> | + | <section class="mbr-section content4 cid-r6MUxvAX1p" id="content4-3t"> |
− |
| + | |
− |
| + | |
| | | |
| <div class="container"> | | <div class="container"> |
| <div class="media-container-row"> | | <div class="media-container-row"> |
− | <div class="mbr-text col-12 col-md-8 mbr-fonts-style display-7">Dengue virus is unique in terms of its four different serotypes. Multiple infection can easily cause severe dengue, appearing hemorrhage and organ damage. It is important to grasp which serotype the patient is infected, however, there is not enough data about each serotype in a year.<div><br></div><div>To tackle the situation, we took the following two approaches.</div></div> | + | <div class="title col-12 col-md-8"> |
| + | <h2 class="align-center pb-3 mbr-fonts-style display-2">Our Inspiration</h2> |
| + | <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">At first, we thought of using problems in Japan as the theme for this year’s iGEM. However, most of the problems that have been paid attention to are already well researched and finding an angle to do further research is difficult. Therefore, we decided to pick up the theme that can become a problem in Japan in the future.<br><br>Amongst the ideas, we noticed the incident in August, 2014 which dengue fever spread from Yoyogi Park, Tokyo. This incident was unique in that people got infected from within Japan, not from overseas. Previously, dengue fever would be reported from the tropics, but with the effect of global warming, Japan would face higher risk of an outbreak, thus we chose dengue fever as our theme.<div><br></div></h3> |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
| </section> | | </section> |
| | | |
− | <section class="mbr-section article content11 cid-r5ettZAtfn" id="content11-p"> | + | <section class="mbr-section content4 cid-r6N33WF7Mm" id="content4-3v"> |
− |
| + | |
| + | |
| | | |
| <div class="container"> | | <div class="container"> |
| <div class="media-container-row"> | | <div class="media-container-row"> |
− | <div class="mbr-text counter-container col-12 col-md-8 mbr-fonts-style display-7"> | + | <div class="title col-12 col-md-8"> |
− | <ol>
| + | <h2 class="align-center pb-3 mbr-fonts-style display-2"> |
− | <li><span style="font-size: 1rem;"><strong>MODELLING</strong> - We succeeded in the development of the serotype prediction system using stochastic process analysis. This system can predict the patient's serotype by simulating the past data. </span><a href="https://mobirise.co/" style="font-size: 1rem; background-color: rgb(255, 255, 255);">Try it now!</a><br></li>
| + | Information Gathering</h2> |
− | <li><strong>FINDING FLAVI</strong> - We also developed the simple and fast testing kit that can detect serotype with fluorescence, so that we can check the patient easily and get enough data to estimate the patients’ serotypes more accurate. <a href="https://mobirise.co/">Try it now!</a></li>
| + | <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">Having the theme decided, we started gathering information by not just reading, but also by interviewing a former patient who was infected in the Philippines and discussing with a flavivirus researcher Professor Nukuzuma. We found out the following.<br><br>1) Around the world, 4 million people are infected annually, causing the economic loss of more than $40 million. <div>2) Previously, dengue virus can be categorized into four categories but another new serotype has just been found. Being infected by one serotype leads to slight fever, but being infected by more than one serotypes can lead to a severe illness.</div><div>3) There are four types of vaccine to prevent the four serotypes. However, the vaccine can cause severe illness for some people who have not been infected before.</div><div>4) The annual infection ratio of each serotype changes in roughly 10 years cycle in some areas. </div><br><div>We who gathered these information thought of connecting the modeling (dry lab) to predict infection experience and its serotype, and the experiment (wet lab) to collect many data with specific serotype information. We believe this may help prevent severe dengue fever and improve the efficacy of treatment.</div><br><div>Dengue virus is unique in terms of its four different serotypes. Multiple infection can easily cause severe dengue, appearing hemorrhage and organ damage. It is important to grasp which serotype the patient is infected, however, there is not enough data about each serotype in a year.</div><div><br></div><div>To tackle the situation, we took the following two approaches.</div><div>In the future, this system can contribute to other flavivirus detection system.</div><div><br></div></h3> |
− | </ol>
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 88: |
Line 190: |
| </section> | | </section> |
| | | |
− | <section class="mbr-section article content1 cid-r5etuFJGCm" id="content1-q"> | + | <section class="features3 cid-r6EvrTgXu5" id="features3-2c"> |
− |
| + | |
− |
| + | |
| + | |
| | | |
| <div class="container"> | | <div class="container"> |
| <div class="media-container-row"> | | <div class="media-container-row"> |
− | <div class="mbr-text col-12 col-md-8 mbr-fonts-style display-7">In the future, this system can contribute to other flavivirus detection system.<div><strong><br></strong></div></div> | + | <div class="card p-3 col-12 col-md-6"> |
| + | <div class="card-wrapper"> |
| + | <div class="card-img"> |
| + | <img src="assets/images/wet-775x989.png" alt="Mobirise" title=""> |
| + | </div> |
| + | <div class="card-box"> |
| + | <h4 class="card-title mbr-fonts-style display-7">Experiments</h4> |
| + | <p class="mbr-text mbr-fonts-style display-7">We also developed the simple and fast testing kit that can detect serotype with fluorescence, so that we can check the patient easily and get enough data to estimate the patients’ serotypes more accurate.</p> |
| + | </div> |
| + | <div class="mbr-section-btn text-center"><a href="https://2018.igem.org/Team:Tokyo_Tech/Experiments" class="btn btn-primary display-4"> |
| + | Learn More |
| + | </a></div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="card p-3 col-12 col-md-6"> |
| + | <div class="card-wrapper"> |
| + | <div class="card-img"> |
| + | <img src="assets/images/dry-775x989.png" alt="Mobirise" title=""> |
| + | </div> |
| + | <div class="card-box"> |
| + | <h4 class="card-title mbr-fonts-style display-7">Modelling</h4> |
| + | <p class="mbr-text mbr-fonts-style display-7">We succeeded in the development of the serotype prediction system using stochastic process analysis. This system can predict the patient's serotype by simulating the past data.<br><br></p> |
| + | </div> |
| + | <div class="mbr-section-btn text-center"><a href="https://2018.igem.org/Team:Tokyo_Tech/Model" class="btn btn-primary display-4"> |
| + | Learn More |
| + | </a></div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </section> | | </section> |
| | | |
− | <section class="mbr-section content8 cid-r5etxzn07u" id="content8-s"> | + | <section class="mbr-section content4 cid-r6N4yOC4J2" id="content4-3w"> |
| + | |
| | | |
− |
| |
| | | |
| <div class="container"> | | <div class="container"> |
− | <div class="media-container-row title"> | + | <div class="media-container-row"> |
− | <div class="col-12 col-md-8"> | + | <div class="title col-12 col-md-8"> |
− | <div class="mbr-section-btn align-center"> | + | <h2 class="align-center pb-3 mbr-fonts-style display-2"> |
− | <a class="btn btn-primary display-4" href="https://mobirise.co">LEARN MORE</a> | + | Modeling</h2> |
− | <a class="btn btn-black-outline display-4" href="https://mobirise.co">LIVE DEMO</a>
| + | <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">We successfully developed a model to predict change in the number and ratio of patients in each serotype. This model can predict an epidemic of each serotype of dengue fever, thus can be used by health care institutions to prepare vaccine production and distribution. Furthermore, kit created by experiment is absolutely limited in quantity. Under such circumstances, anticipating trends can send Kit preferentially to areas expected to increase the number of seriously injured people.<div><br></div></h3> |
− | </div>
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 115: |
Line 250: |
| </section> | | </section> |
| | | |
− | </body>
| + | <section class="mbr-section content4 cid-r6N4PxMVlC" id="content4-3x"> |
| + | |
| + | |
| + | |
| + | <div class="container"> |
| + | <div class="media-container-row"> |
| + | <div class="title col-12 col-md-8"> |
| + | <h2 class="align-center pb-3 mbr-fonts-style display-2"> |
| + | Experiment |
| + | </h2> |
| + | <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">In order to improve the prediction accuracy of our model, a lot of data should be available. However, few serotype-specific data was reported, and we noticed that we cannot predict many areas as it is now. Therefore, we wanted to make a kit which can identify serotype cheaply and conveniently.<div><br></div><div>Mr. Suzuki of National Institute of Infectious Disease gave us advice. Then, we created a concept of serotype identification kit using single-round infectious pseudo-viruses, and conducted experiments to actually produce them.</div><div><br></div><div>Consider that there is a limited quantity of this kit, we would first send a small amount to many areas. By predicting epidemic serotypes based on the data,we are planning to define areas to distribute more.</div><div><br></div></h3> |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </section> |
| + | |
| + | <section class="mbr-section content4 cid-r6N4ZWZfTW" id="content4-3y"> |
| + | |
| + | |
| + | |
| + | <div class="container"> |
| + | <div class="media-container-row"> |
| + | <div class="title col-12 col-md-8"> |
| + | <h2 class="align-center pb-3 mbr-fonts-style display-2">Future Prospects</h2> |
| + | <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">The prototype will be made soon taking the advantage of both of our wet lab and dry lab technique. Accurate serotype epidemic predictions can be achieved in many areas, so it will be possible to efficiently distribute vaccines and adjust production as mentioned above.In addition to this, this detection kit will be also useful for studying interactions between two serotypes, studies of the strength between serotypes, as well as identifying the potential patients who should be vaccinated with a quadrivalent vaccine (one with infection experience). In addition, we plan to evolve into a kit that also supports other flaviviruses as future goals.<div><br></div><br><div>In the future, this system can contribute to other flavivirus detection system.</div><div><br></div></h3> |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </section> |
| | | |
− | </html>
| |
| | | |
| + | </body> |
| + | </html> |
| {{Tokyo_Tech/mobirise/footer}} | | {{Tokyo_Tech/mobirise/footer}} |
| {{Tokyo_Tech/mobirise/script}} | | {{Tokyo_Tech/mobirise/script}} |