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

(Prototype team page)
 
Line 1: Line 1:
{{IGEM_TopBar}}
+
<!-- # 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>
{{HUST-China}}
+
<html>
+
 
+
 
+
<div class="column full_size judges-will-not-evaluate">
+
<h3>★  ALERT! </h3>
+
<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>
+
<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>
+
</div>
+
 
+
 
+
<div class="clear"></div>
+
 
+
 
+
<div class="column full_size">
+
<h1>Software</h1>
+
<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>
+
 
+
</div>
+
<div class="column two_thirds_size">
+
<h3>Best Software Tool Special Prize</h3>
+
<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.  
+
 
+
<br><br>
+
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>.
+
<br><br>
+
To be eligible, your software has to be documented and made available under an OSI approved open source license.  
+
<br><br>
+
For software resources, please visit the <a href="https://2021.igem.org/Resources">Resources Hub</a>.
+
</p>
+
 
+
 
+
</div>
+
 
+
<div class="column third_size">
+
<div class="highlight decoration_A_full">
+
<h3> Inspiration </h3>
+
<p>You can look at what other teams did to get some inspiration! <br />
+
Here are a few examples:</p>
+
<ul>
+
<li><a href="https://2019.igem.org/Team:Sydney_Australia/Software">2019 Sydney Australia</a></li>
+
<li><a href="https://2019.igem.org/Team:SMMU-China/Software">2019 SMMU China</a></li>
+
<li><a href="https://2019.igem.org/Team:Grenoble-Alpes/Software">2019 Grenoble Alpes</a></li>
+
<li><a href="https://2020.igem.org/Team:DTU-Denmark/Software">2020 DTU Denmark</a></li>
+
<li><a href="https://2020.igem.org/Team:GunnVistaPingry_US/Software">2020 GunnVistaPingry US</a></li>
+
<li><a href="https://2020.igem.org/Team:Rochester/Software">2020 Rochester</a></li>
+
</ul>
+
</div>
+
</div>
+
 
+
</html>
+

Revision as of 23:44, 21 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