Difference between revisions of "Team:HUST-China/Software"

Line 1: Line 1:
<!-- # TODO: #6 Fix table caption font--><!-- # TODO: #7 Fix citations links font size--><html lang="en"><head><meta charset="utf-8"/><meta content="width=device-width,initial-scale=1" name="viewport"/><link href="https://2021.igem.org/Template:HUST-China/css/contentCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/><title>Software | iGEM HUST-China</title><link href="https://2021.igem.org/Template:HUST-China/css/contentCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/></head><body><!-- # TODO: #6 Fix table caption font--><!-- # TODO: #7 Fix citations links font size--><nav class="navbar navbar-expand-xl fixed-top"><div class="container d-flex justify-content-between"><a class="navbar-brand" href="https://2021.igem.org/Team:HUST-China"><i class="navbar-logo-left"></i><span>HUST-China</span></a><button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav ml-auto"><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProjectDropdown" role="button">Project</a><div aria-labelledby="navbarProjectDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Description">Description</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of Concept</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed Implementation</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a></div></li><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarHuman PracticesDropdown" role="button">Human Practices</a><div aria-labelledby="navbarHuman PracticesDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part 1</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part 2</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Collaborations">Part 3</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a></div></li><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarModelingDropdown" role="button">Modeling</a><div aria-labelledby="navbarModelingDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Model">Overview</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Gene_Pathway">Gene Pathway</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Dye_color_forecast">Dye color forecast</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Micronucleus_Counter">Micronucleus Counter</a></div></li><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProductsDropdown" role="button">Products</a><div aria-labelledby="navbarProductsDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Products">Overview</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Software">Software</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Hardware">Hardware</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Another_Area">Another Area</a></div></li><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarExperimentsDropdown" role="button">Experiments</a><div aria-labelledby="navbarExperimentsDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Experiments">Overview</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Parts">Parts</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Engineering">Engineering Success</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Results">Results</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Protocol">Protocol</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Notebook">Notebook</a></div></li><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarPeopleDropdown" role="button">People</a><div aria-labelledby="navbarPeopleDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Team">Team</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Partnership">Partnership</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Attributions">Attributions</a></div></li><li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarAchievementsDropdown" role="button">Achievements</a><div aria-labelledby="navbarAchievementsDropdown" class="dropdown-menu"><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Judging">Judging</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/https:/video.igem.org/w/aMwNT6eBryGs8xG5avXD51">Promotion Video</a><a class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/https:/igem.org/2021_Judging_Form?id=3711">Judging Form</a></div></li></ul></div></div></nav><div class="navbar-extra fixed-top"></div><header class="d-flex justify-content-center align-items-center"><div class="container"><h1 id="Top">Software</h1><p class="lead pl-1"></p><hr class="my-4"/></div></header><main><div class="container"><div class="row"><div class="sidebar col-lg-3"><div class="nav" id="contents"><h5>Contents</h5><ul></ul></div></div><div class="content col-lg-9"><article><h1>Software</h1><h1>Dye Your Hair - Mr. Tony HUST</h1><div class="image"><img alt=" " src="https://static.igem.org/mediawiki/2021/8/85/T--HUST-China--img--software--software1.png" style="width: 100%"/><p>Figure 1:</p></div><h1>Overview</h1><p>According to prediction model for dyeing, our team provides an online WeChat Mini Programs Dye Your Hair for querying the prediction results. Through this Mini Program, users can customize the hair dyeing process and get the predicted results quickly and conveniently. At present, this program supports the prediction of monochrome / bicolor hair dyeing results. #Design The implementation of the project is based on two parts, one is the Mini Program developmental tool provided by Wechat, which mainly covers the design of the front end of the page, and the other is the neural network prediction model installed in the background of the server, which is mainly used to output the prediction results and return to the front end to generate the corresponding image.</p><p>The details of the prediction model can be seen in the appropriate section of <a href="https://2021.igem.org/Team:HUST-China/Software/Model">Model</a> and will not be repeated here.</p><h1>Description</h1><div class="image"><img alt=" " src="https://static.igem.org/mediawiki/2021/6/60/T--HUST-China--img--software--software2.png" style="width: 100%"/><p>Figure 2:</p></div><p>After you scan the two-dimensional code, a page like the left will appear. In this page, firstly you can choose the first pigment you want to dye and then choose the first pigment dyeing time. Secondly, you can choose the second pigment as above or give up using the second pigment. Finally, click the "See the outcome!". You can get the dyeing results like the right page.</p><div class="row g-0"><div class="col-4 girl"><img src="https://static.igem.org/mediawiki/2021/2/28/T--HUST-China--img--girl.png"/></div><div class="col-5"><div class="dialogbox"><p>I have already used the we-chat app predict a hair color. What should I do next? Oh, <a href="https://2021.igem.org/Team:HUST-China/Software/Hardware">hardware</a>!</p></div></div></div></article></div></div></div></main><footer><div class="container"><div class="row"><div class="col-7"><div class="row justify-content-center"><div class="footer-logo"></div></div><p><span>CONTACT US: </span><a href="mailto:iGEMHUSTChina@163.com">iGEMHUSTChina@163.com</a></p><p>Huazhong University of Sci. &amp; Tech., Wuhan, China</p><p>1037# Luoyu Rd, Wuhan, P.R.China 430074</p><p>Copyright © <span>HUST-China </span>iGEM 2021</p></div><div class="col-5"><div class="row"><div class="footer-xmind"></div></div><div class="row"><div class="footer-snapgene"></div></div><div class="row"><div class="footer-NEBI"></div></div></div></div></div></footer><script src="https://2021.igem.org/Template:HUST-China/content-bundleJS?action=raw&amp;ctype=text/javascript"></script><script src="https://2021.igem.org/Template:HUST-China/mathjax-bundleJS?action=raw&amp;ctype=text/javascript"></script></body></html>
+
<!-- # TODO: #6 Fix table caption font-->
 +
<!-- # TODO: #7 Fix citations links font size-->
 +
<html lang="en">
 +
 
 +
<head>
 +
    <meta charset="utf-8" />
 +
    <meta content="width=device-width,initial-scale=1" name="viewport" />
 +
    <link href="https://2021.igem.org/Template:HUST-China/css/contentCSS?action=raw&amp;ctype=text/css"
 +
        rel="stylesheet" />
 +
    <title>Software | iGEM HUST-China</title>
 +
    <link href="https://2021.igem.org/Template:HUST-China/css/contentCSS?action=raw&amp;ctype=text/css"
 +
        rel="stylesheet" />
 +
</head>
 +
 
 +
<body>
 +
    <!-- # TODO: #6 Fix table caption font-->
 +
    <!-- # TODO: #7 Fix citations links font size-->
 +
    <nav class="navbar navbar-expand-xl fixed-top">
 +
        <div class="container d-flex justify-content-between"><a class="navbar-brand"
 +
                href="https://2021.igem.org/Team:HUST-China"><i
 +
                    class="navbar-logo-left"></i><span>HUST-China</span></a><button aria-controls="navbarNav"
 +
                aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarNav"
 +
                data-toggle="collapse" type="button"><span class="navbar-toggler-icon"></span></button>
 +
            <div class="collapse navbar-collapse" id="navbarNav">
 +
                <ul class="navbar-nav ml-auto">
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProjectDropdown"
 +
                            role="button">Project</a>
 +
                        <div aria-labelledby="navbarProjectDropdown" class="dropdown-menu"><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Description">Description</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of Concept</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed
 +
                                Implementation</a><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a></div>
 +
                    </li>
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
 +
                            id="navbarHuman PracticesDropdown" role="button">Human Practices</a>
 +
                        <div aria-labelledby="navbarHuman PracticesDropdown" class="dropdown-menu"><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part 1</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part 2</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Collaborations">Part
 +
                                3</a><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a></div>
 +
                    </li>
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarModelingDropdown"
 +
                            role="button">Modeling</a>
 +
                        <div aria-labelledby="navbarModelingDropdown" class="dropdown-menu"><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Model">Overview</a><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Gene_Pathway">Gene Pathway</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Dye_color_forecast">Dye color forecast</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Micronucleus_Counter">Micronucleus
 +
                                Counter</a></div>
 +
                    </li>
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProductsDropdown"
 +
                            role="button">Products</a>
 +
                        <div aria-labelledby="navbarProductsDropdown" class="dropdown-menu"><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Products">Overview</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Software">Software</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Hardware">Hardware</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Another_Area">Another
 +
                                Area</a></div>
 +
                    </li>
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
 +
                            id="navbarExperimentsDropdown" role="button">Experiments</a>
 +
                        <div aria-labelledby="navbarExperimentsDropdown" class="dropdown-menu"><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Experiments">Overview</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Parts">Parts</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Engineering">Engineering Success</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Results">Results</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Protocol">Protocol</a><a
 +
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Notebook">Notebook</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarPeopleDropdown"
 +
                            role="button">People</a>
 +
                        <div aria-labelledby="navbarPeopleDropdown" class="dropdown-menu"><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Team">Team</a><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Partnership">Partnership</a><a
 +
                                class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Attributions">Attributions</a></div>
 +
                    </li>
 +
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
 +
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
 +
                            id="navbarAchievementsDropdown" role="button">Achievements</a>
 +
                        <div aria-labelledby="navbarAchievementsDropdown" class="dropdown-menu"><a class="dropdown-item"
 +
                                href="https://2021.igem.org/Team:HUST-China/Judging">Judging</a><a class="dropdown-item"
 +
                                href="https://video.igem.org/w/aMwNT6eBryGs8xG5avXD51">Promotion
 +
                                Video</a><a class="dropdown-item"
 +
                                href="https://igem.org/2021_Judging_Form?id=3711">Judging
 +
                                Form</a></div>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </nav>
 +
    <div class="navbar-extra fixed-top"></div>
 +
    <header class="d-flex justify-content-center align-items-center">
 +
        <div class="container">
 +
            <h1 id="Top">Software</h1>
 +
            <p class="lead pl-1"></p>
 +
            <hr class="my-4" />
 +
        </div>
 +
    </header>
 +
    <main>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="sidebar col-lg-3">
 +
                    <div class="nav" id="contents">
 +
                        <h5>Contents</h5>
 +
                        <ul></ul>
 +
                    </div>
 +
                </div>
 +
                <div class="content col-lg-9">
 +
                    <article>
 +
                        <h1>Software</h1>
 +
                        <h1>Dye Your Hair - Mr. Tony HUST</h1>
 +
                        <div class="image"><img alt=" "
 +
                                src="https://static.igem.org/mediawiki/2021/8/85/T--HUST-China--img--software--software1.png"
 +
                                style="width: 100%" />
 +
                            <p>Figure 1:</p>
 +
                        </div>
 +
                        <h1>Overview</h1>
 +
                        <p>According to prediction model for dyeing, our team provides an online WeChat Mini Programs
 +
                            Dye Your Hair for querying the prediction results. Through this Mini Program, users can
 +
                            customize the hair dyeing process and get the predicted results quickly and conveniently. At
 +
                            present, this program supports the prediction of monochrome / bicolor hair dyeing results.
 +
                            #Design The implementation of the project is based on two parts, one is the Mini Program
 +
                            developmental tool provided by Wechat, which mainly covers the design of the front end of
 +
                            the page, and the other is the neural network prediction model installed in the background
 +
                            of the server, which is mainly used to output the prediction results and return to the front
 +
                            end to generate the corresponding image.</p>
 +
                        <p>The details of the prediction model can be seen in the appropriate section of <a
 +
                                href="https://2021.igem.org/Team:HUST-China/Model">Model</a> and will not be
 +
                            repeated here.</p>
 +
                        <h1>Description</h1>
 +
                        <div class="image"><img alt=" "
 +
                                src="https://static.igem.org/mediawiki/2021/6/60/T--HUST-China--img--software--software2.png"
 +
                                style="width: 100%" />
 +
                            <p>Figure 2:</p>
 +
                        </div>
 +
                        <p>After you scan the two-dimensional code, a page like the left will appear. In this page,
 +
                            firstly you can choose the first pigment you want to dye and then choose the first pigment
 +
                            dyeing time. Secondly, you can choose the second pigment as above or give up using the
 +
                            second pigment. Finally, click the "See the outcome!". You can get the dyeing results like
 +
                            the right page.</p>
 +
                        <div class="row g-0">
 +
                            <div class="col-4 girl"><img
 +
                                    src="https://static.igem.org/mediawiki/2021/2/28/T--HUST-China--img--girl.png" /></div>
 +
                            <div class="col-5">
 +
                                <div class="dialogbox">
 +
                                    <p>I have already used the we-chat app predict a hair color. What should I do next?
 +
                                        Oh, <a
 +
                                            href="https://2021.igem.org/Team:HUST-China/Hardware">hardware</a>!
 +
                                    </p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </article>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </main>
 +
    <footer>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-7">
 +
                    <div class="row justify-content-center">
 +
                        <div class="footer-logo"></div>
 +
                    </div>
 +
                    <p><span>CONTACT US: </span><a href="mailto:iGEMHUSTChina@163.com">iGEMHUSTChina@163.com</a></p>
 +
                    <p>Huazhong University of Sci. &amp; Tech., Wuhan, China</p>
 +
                    <p>1037# Luoyu Rd, Wuhan, P.R.China 430074</p>
 +
                    <p>Copyright © <span>HUST-China </span>iGEM 2021</p>
 +
                </div>
 +
                <div class="col-5">
 +
                    <div class="row">
 +
                        <div class="footer-xmind"></div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="footer-snapgene"></div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="footer-NEBI"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
    <script
 +
        src="https://2021.igem.org/Template:HUST-China/content-bundleJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script
 +
        src="https://2021.igem.org/Template:HUST-China/mathjax-bundleJS?action=raw&amp;ctype=text/javascript"></script>
 +
</body>
 +
 
 +
</html>

Revision as of 01:05, 22 October 2021

Software | iGEM HUST-China

Software


Software

Dye Your Hair - Mr. Tony HUST

Figure 1:

Overview

According to prediction model for dyeing, our team provides an online WeChat Mini Programs Dye Your Hair for querying the prediction results. Through this Mini Program, users can customize the hair dyeing process and get the predicted results quickly and conveniently. At present, this program supports the prediction of monochrome / bicolor hair dyeing results. #Design The implementation of the project is based on two parts, one is the Mini Program developmental tool provided by Wechat, which mainly covers the design of the front end of the page, and the other is the neural network prediction model installed in the background of the server, which is mainly used to output the prediction results and return to the front end to generate the corresponding image.

The details of the prediction model can be seen in the appropriate section of Model and will not be repeated here.

Description

Figure 2:

After you scan the two-dimensional code, a page like the left will appear. In this page, firstly you can choose the first pigment you want to dye and then choose the first pigment dyeing time. Secondly, you can choose the second pigment as above or give up using the second pigment. Finally, click the "See the outcome!". You can get the dyeing results like the right page.

I have already used the we-chat app predict a hair color. What should I do next? Oh, hardware!

CONTACT US: iGEMHUSTChina@163.com

Huazhong University of Sci. & Tech., Wuhan, China

1037# Luoyu Rd, Wuhan, P.R.China 430074

Copyright © HUST-China iGEM 2021