BioME/index.html at main · kmherman/BioME · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>

  <head>
    <title> Test Page</title>
    <link href="github_page_file/style.css" type="text/css" rel="stylesheet"/>
  </head>

  <body>

    <div id="header">
      <h1>Supervised Machine Learning for Microbiome Data  </h1>
      <div id="author">
        <ul>
          <li>Kristina Herman<sup>1</sup></li>
          <li>Lillian Tatka<sup>2</sup></li>
          <li>David Lee<sup>2</sup></li>
          <li>Sierra Gillman<sup>3</sup></li>
          <li>Binnan Yu<sup>4,5</sup></li>
        </ul>
      </div>
      <div id="place">
        <p><i><sup>1</sup>Department of Chemistry;
          <sup>2</sup>Department of Bioengineering;
          <sup>3</sup>School of Environmental and Forest Sciences; <br/>
          <sup>4</sup>Department of Rehabilitation Medicine;
          <sup>5</sup>Department of Applied Mathematics, University of Washington, Seattle, WA, 98105</i></p>
      </div>
    </div>

    <div class="row1" id="left">
      <h3>Statement of The Problem</h3>
      <p align="justify">Once thought only to be pathogenic, the microorganisms living on and within an animal host
            are now recognized as playing critical roles in host health. Factors that shape gut microbial communities
            are multifaceted and include the host’s diet and life-stage.<br/><br/>
            While microbial shifts have been implicated in numerous human ailments (e.g., obesity, anxiety,
            inflammatory bowel disease), research has thus far been limited to differentiating microbial communities
            between groups and less for predictive uses. As a result of an ever expanding
            microbiome data availability, microbiome research lends itself to advancement with machine learning and data science.
            However, the implementation of machine learning in microbiome research might feel daunting and time consuming to
            those outside of the realm of data science.</p>
    </div>

    <div class="row1">
      <img src="github_page_file/image/effect1.jpg" width=280 height=300>
      <img src="github_page_file/image/effect2.jpg" width=280 height=300>
    </div>

    <div class="row2">
      <img src="github_page_file/image/flow.jpg" width=500 height=300>
    </div>

    <div class="row2">
          <h3>Our Solution</h3>
          <p>Our team strive to build a software prroduct that can deploy an automated machine learning model
            with minimum of knowledge in data science and machine learning. The model is developed based on
            the open source dataset from Qiita.
          </p>
    </div>

    <div class="row3">
      <h3>Who Will Be Benefitted from Our Product?</h3>
      <img src="github_page_file/image/use_case.JPG" width=80% height=450>
    </div>


      <h3 id="why" align="center">Why Our Solution is Trustworthy?</h3>

      <div class="row4">
        <h3>1. Algorithm</h3>
        <p align="justify">Our product is developed based on 7 different algorithms, each of it have different characteistics
          so that our product can handle different dataset.
        </p>
        <section>
          <div><p><em>Click the dropdown list to see algorithms option we provide</em></p></div>
          <div><form>
            <select name="algorithm">
              <option value="KNN" checked onClick="changePics(this.value)">K-nearest Neighbor</option>
              <option value="Logistic" onClick="changePics(this.value)">Logistic Regression </option>
              <option value="Ridge" onClick="changePics(this.value)">Ridge Regression</option>
              <option value="Tree" onClick="changePics(this.value)">Dicision Tree</option>
              <option value="Random Forest" onClick="changePics(this.value)">Random Forest</option>
              <option value="Naive Bayes" onClick="changePics(this.value)">Naives Bayes</option>
              <option value="NNs" onClick="changePics(this.value)">Neural Network</option>
            </select>
          </form></div>
        </section>
      </div>

      <div class="row4">
        <div id="pics"><img src="github_page_file/image/ML.jpg" width=450 height=300></div>
      </div>


    <div class="row5">
      <h3>2. Automated optimization of model parameter</h3>
      <p></p>
    </div>

    <div class="row5">
      <img src="github_page_file/image/parameter.jpeg" width=500 height=220>

    </div>

    <div class="row6">
      <h3>Watch Software Demo</h3>
      <video src="github_page_file/BioME_demo.mp4" width=500 height=450 controls>
    </div>

    <div class="row6">
      <h3>Other</h3>

    </div>

    <script src="github_page_file/switch_pics.js"></script>

    </body>

  </html>