Difference between revisions of "Team:UCC Ireland/Software"

 
(14 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
</head>
 
</head>
 
<style type="text/css">
 
<style type="text/css">
−
body {
+
.app_desc{
−
background-color:pink;
+
font-size:24px;
 +
}
 +
.redText {
 +
color:red;
 +
display:inline;
 +
}
 +
.greenText {
 +
color:darkgreen;
 +
display:inline;
 +
}
 +
.appstoreimg {
 +
display: block;
 +
margin: auto;
 
}
 
}
 
</style>
 
</style>
Line 17: Line 29:
 
<div class='model'>
 
<div class='model'>
 
<img src='https://static.igem.org/mediawiki/2017/0/09/T--UCC_Ireland--software.png' style='width: 60%; margin: auto; display: block;'></img>
 
<img src='https://static.igem.org/mediawiki/2017/0/09/T--UCC_Ireland--software.png' style='width: 60%; margin: auto; display: block;'></img>
−
<p id='app_desc'>Our app analyses the output from our 3D-printed device, giving an easy to read output. Available for free on both iOS and Android, meaning that anyone can get access to easy results!</p>
+
<div class='app_desc'>Our MOOnSHINE app analyses the output from our slider device, which is either captured by the camera in app or chosen from the gallery, if a sample was taken earlier.</div>
 
<div class='software_images_div'>
 
<div class='software_images_div'>
 
<img class='app_img' src='https://static.igem.org/mediawiki/2017/5/5c/T--UCC_Ireland--iosapp1.png'>
 
<img class='app_img' src='https://static.igem.org/mediawiki/2017/5/5c/T--UCC_Ireland--iosapp1.png'>
 
<img class='app_img_and' src='https://static.igem.org/mediawiki/2017/6/67/T--UCC_Ireland--android-app.png'>
 
<img class='app_img_and' src='https://static.igem.org/mediawiki/2017/6/67/T--UCC_Ireland--android-app.png'>
 +
</div>
 +
<div class='app_desc'>
 +
The app reads the <div class="redText">red</div> or <div class="greenText">green</div> values from the captured image, and calculates the concentration of either methanol or antibiotics, using our calibrated mathematical models. An easy to read output, along with a link to an exterior page that gives more information about the relevant test, allows a user to test their samples with ease.
 
</div>
 
</div>
 
<div class='software_images_div'>
 
<div class='software_images_div'>
Line 26: Line 41:
 
<img class='app_img_and' src='https://static.igem.org/mediawiki/2017/9/9d/T--UCC_Ireland--android-output.png'>
 
<img class='app_img_and' src='https://static.igem.org/mediawiki/2017/9/9d/T--UCC_Ireland--android-output.png'>
 
</div>
 
</div>
 +
<img class='appstoreimg' src='https://static.igem.org/mediawiki/2017/f/f8/Appstore.png'>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 16:05, 1 November 2017

UCC iGEM 2017

Our MOOnSHINE app analyses the output from our slider device, which is either captured by the camera in app or chosen from the gallery, if a sample was taken earlier.
The app reads the
red
or
green
values from the captured image, and calculates the concentration of either methanol or antibiotics, using our calibrated mathematical models. An easy to read output, along with a link to an exterior page that gives more information about the relevant test, allows a user to test their samples with ease.