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

(Prototype team page)
 
 
(3 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
<!-- # TODO: #6 Fix table caption font-->
−
{{HUST-China}}
+
<!-- # TODO: #7 Fix citations links font size-->
−
<html>
+
<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>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<body>
−
<h3>★  ALERT! </h3>
+
    <!-- # TODO: #6 Fix table caption font-->
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>. </p>
+
    <!-- # TODO: #7 Fix citations links font size-->
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <nav class="navbar navbar-expand-xl fixed-top">
−
</div>
+
        <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"
−
<div class="clear"></div>
+
                class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button"><span
−
 
+
                    class="navbar-toggler-icon"></span>
−
 
+
            </button>
−
<div class="column full_size">
+
            <div class="collapse navbar-collapse" id="navbarNav">
−
<h1>Software</h1>
+
                <ul class="navbar-nav ml-auto">
−
<p>For Software Track teams, while you are not eligible for the Software Tool Special Prize, you can use this page to document your work.</p>
+
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
−
 
+
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarProjectDropdown"
−
</div>
+
                            role="button">Project</a>
−
<div class="column two_thirds_size">
+
                        <div aria-labelledby="navbarProjectDropdown" class="dropdown-menu"><a class="dropdown-item"
−
<h3>Best Software Tool Special Prize</h3>
+
                                href="https://2021.igem.org/Team:HUST-China/Description">Description</a><a
−
<p>Regardless what's the topic, iGEM projects often create or adapt computational tools to move the bigger project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can even prove surprisingly useful for others. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.
+
                                class="dropdown-item" href="https://2021.igem.org/Team:HUST-China/Design">Design</a><a
−
 
+
                                class="dropdown-item"
−
<br><br>
+
                                href="https://2021.igem.org/Team:HUST-China/Proof_Of_Concept">Proof of
−
To compete for the <a href="https://2021.igem.org/Judging/Awards">Best Software Tool prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2021.igem.org/Judging/Judging_Form">judging form</a>.
+
                                Concept</a><a class="dropdown-item"
−
<br><br>
+
                                href="https://2021.igem.org/Team:HUST-China/Safety">Safety</a><a class="dropdown-item"
−
To be eligible, your software has to be documented and made available under an OSI approved open source license.
+
                                href="https://2021.igem.org/Team:HUST-China/Implementation">Proposed
−
<br><br>
+
                                Implementation</a><a class="dropdown-item"
−
For software resources, please visit the <a href="https://2021.igem.org/Resources">Resources Hub</a>.
+
                                href="https://2021.igem.org/Team:HUST-China/Contribution">Contribution</a>
−
</p>
+
                        </div>
−
 
+
                    </li>
−
 
+
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
−
</div>
+
                            class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
−
 
+
                            id="navbarHuman PracticesDropdown" role="button">Human Practices</a>
−
<div class="column third_size">
+
                        <div aria-labelledby="navbarHuman PracticesDropdown" class="dropdown-menu"><a
−
<div class="highlight decoration_A_full">
+
                                class="dropdown-item"
−
<h3> Inspiration </h3>
+
                                href="https://2021.igem.org/Team:HUST-China/Human_Practices">Overview</a><a
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                                class="dropdown-item"
−
Here are a few examples:</p>
+
                                href="https://2021.igem.org/Team:HUST-China/Human_Practices_01">Part
−
<ul>
+
                                1</a><a class="dropdown-item"
−
<li><a href="https://2019.igem.org/Team:Sydney_Australia/Software">2019 Sydney Australia</a></li>
+
                                href="https://2021.igem.org/Team:HUST-China/Human_Practices_02">Part
−
<li><a href="https://2019.igem.org/Team:SMMU-China/Software">2019 SMMU China</a></li>
+
                                2</a><a class="dropdown-item"
−
<li><a href="https://2019.igem.org/Team:Grenoble-Alpes/Software">2019 Grenoble Alpes</a></li>
+
                                href="https://2021.igem.org/Team:HUST-China/Collaborations">Part
−
<li><a href="https://2020.igem.org/Team:DTU-Denmark/Software">2020 DTU Denmark</a></li>
+
                                3</a><a class="dropdown-item"
−
<li><a href="https://2020.igem.org/Team:GunnVistaPingry_US/Software">2020 GunnVistaPingry US</a></li>
+
                                href="https://2021.igem.org/Team:HUST-China/Education">Part 4</a>
−
<li><a href="https://2020.igem.org/Team:Rochester/Software">2020 Rochester</a></li>
+
                        </div>
−
</ul>
+
                    </li>
−
</div>
+
                    <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true"
−
</div>
+
                            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/Award">Award</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>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%" />
 +
                        </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%" />
 +
                        </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>
 
</html>

Latest revision as of 14:28, 16 December 2021

Software | iGEM HUST-China

Software

Dye Your Hair - Mr. Tony HUST

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

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