Difference between revisions of "Team:Edinburgh/Software"

 
(8 intermediate revisions by one other user not shown)
Line 7: Line 7:
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
     </head>
 
     </head>
 
 
  <!-- menu -->  
 
  <!-- menu -->  
 
<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 
<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
Line 37: Line 36:
 
                       <li><a href="https://2015.igem.org/Team:Edinburgh/DNPBiosensor">DNP Biosensor</a></li>
 
                       <li><a href="https://2015.igem.org/Team:Edinburgh/DNPBiosensor">DNP Biosensor</a></li>
 
                       <li><a href="https://2015.igem.org/Team:Edinburgh/PMABiosensor">PMA Biosensor</a></li>
 
                       <li><a href="https://2015.igem.org/Team:Edinburgh/PMABiosensor">PMA Biosensor</a></li>
                       <li><a href="https://2015.igem.org/Team:Edinburgh/CBD">Making it Stick</a></li>            
+
                       <li><a href="https://2015.igem.org/Team:Edinburgh/CBD">Making it Stick</a></li>            
                       <li><a href="https://2015.igem.org/Team:Edinburgh/Results">Results</a></li>
+
                       <li><a href="https://2015.igem.org/Team:Edinburgh/Results">Limits of Detection</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
Line 86: Line 85:
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
                   <li><a href="https://2015.igem.org/Team:Edinburgh/MedalCriteria">Medal Criteria</a></li>   
+
                   <li><a href="https://2015.igem.org/Team:Edinburgh/MedalCriteria">Accomplishments</a></li>   
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
Line 101: Line 100:
 
             <div class="row">
 
             <div class="row">
 
               <div class="col-md-12">
 
               <div class="col-md-12">
                 <h1 class="brand-heading">Design Development</h1>
+
                 <h1 class="brand-heading">SOFTWARE</h1>
 
                 <p class="intro-text">
 
                 <p class="intro-text">
 
                 </p>
 
                 </p>
Line 131: Line 130:
 
<section class="col-2 color" id="second">
 
<section class="col-2 color" id="second">
 
                         <div class="column">
 
                         <div class="column">
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/4c/Edigem15_Design_prototype1.jpg">
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/3/37/Appproblems.jpeg">
 
                         </div>
 
                         </div>
 
                         <div class="column text">
 
                         <div class="column text">
Line 155: Line 154:
 
                             </div>
 
                             </div>
 
                             <div class="column">
 
                             <div class="column">
                               <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/0/06/Casingandenclosure.jpeg">
+
                               <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/0/06/Casingandenclosure.jpeg" width="300" hspace="50">
 
                             </div>
 
                             </div>
 
</section>
 
</section>
Line 167: Line 166:
 
<section class="col-2 color">
 
<section class="col-2 color">
 
                         <div class="column">
 
                         <div class="column">
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/41/Edigem15_Design_prototype3.jpg">
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/d/d4/Appscreenshot.jpeg" width= "200" >
 
                         </div>
 
                         </div>
 
                         <div class="column text">
 
                         <div class="column text">
 
<h2>The Smartphone Application</h2>
 
<h2>The Smartphone Application</h2>
 
           <p>
 
           <p>
After we finalised the casing and enclosure, we built an application for iPhone 5s, which can be easily modified for use on other phones. We developed it using swift programming language and used Xcode tools to help our development. We tried to use standard and efficient software engineering practices wherever possible. The code can be accessed on the following github link.//link here
+
After we finalised the casing and enclosure, we built an application for iPhone 5s, which can be easily modified for use on other phones. We developed it using swift programming language and used Xcode tools to help our development. We tried to use standard and efficient software engineering practices wherever possible. The code can be accessed on the following github link <a href="https://github.com/aseemnarang17/Class-A-fied-App"> here</a>
 
           </p>
 
           </p>
 
<p>
 
<p>

Latest revision as of 18:57, 20 November 2015

gh

Overview

The integration of Policy and Practices into the device design led us to explore how we could effectively incorporate software into our project. This led us to the idea of having a smartphone app which would take a photograph and give simple text based results. Having this app would remove the subjectivity of colour detection by eye and also gives us an accurate way to display results.

The Problems

The idea of the making a smartphone app introduced some hurdles which had to be overcome. We had to ensure the positioning of the biosensor was always fixed relative to the camera, the lighting was controlled and the photo was taken from a distance more than the focal length of the smartphone camera.

Biosensor Casing and Enclosure

To solve these problems we decided to make a plastic casing in which you would place the biosensor before application of the sample. We also designed an enclosure into which the casing would slide. The casing made sure that the biosensor was always in the correct position and the enclosure made sure the light was controlled. We designed the top of the enclosure so that the phone can be secured in the optimum position to take the photo. In order to obtain a clear image every time the box was set to be greater than the focal length of the camera. The enclosure and casing are reusable, so as only the paper biosensor needs to be replaced for each different test.

The Smartphone Application

After we finalised the casing and enclosure, we built an application for iPhone 5s, which can be easily modified for use on other phones. We developed it using swift programming language and used Xcode tools to help our development. We tried to use standard and efficient software engineering practices wherever possible. The code can be accessed on the following github link here

To use the app all you have to do is slide your iPhone into the enclosure. The app will tell you to take a photo and with just a push of a button you will have accurate and non-subjective results