Team:HIT-Harbin/Software

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main}} <html> <link type="text/css" rel="stylesheet" media="screen" href="https://2014.igem.org/Team:HIT-Harbin/css/style.css?action=raw&ctype=text/css"> <link type="te...")
Line 14: Line 14:
     <div id="project" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">                                    <a href="https://2014.igem.org/Team:HIT-Harbin/Project" name="top"><span>Project</span></a>
     <div id="project" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">                                    <a href="https://2014.igem.org/Team:HIT-Harbin/Project" name="top"><span>Project</span></a>
       <ul>
       <ul>
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Abstract">Abstract</a></li>
 
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Background">Background</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Background">Background</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Design">Design</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Design">Design</a></li>
Line 51: Line 50:
     <div id="humanPractices" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices">Human&nbsp;&nbsp;practices</a>
     <div id="humanPractices" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices">Human&nbsp;&nbsp;practices</a>
       <ul>
       <ul>
-
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/CountryProfile">Country Profile</a></li>
+
         <li><a href="#Preliminary">Preliminary</a></li>
-
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/QualificationTrials">Qualification Trials</a></li>
+
         <li><a href="#Meetup">Meet Up</a></li>
-
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/WechatPlatform">Wechat Platform</a></li>
+
         <li><a href="#Course">Course</a></li>
-
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Video">Video</a></li>
+
         <li><a href="#Wechat">WeChat</a></li>
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Presentation">Presentation</a></li>
+
       </ul>  
       </ul>  
     </div>
     </div>
   </div>
   </div>
 +
<div id="minibar" class="floater" style="display: none;">
 +
<ul>
 +
  <li><a href="https://2014.igem.org/Team:HIT-Harbin/Project"><button><span>Project</span></button></a></li>
 +
  <li><a href="https://2014.igem.org/Team:HIT-Harbin/Judging"><button class="default">Judging</button></a></li>
 +
  <li><a href="https://2014.igem.org/Team:HIT-Harbin/Wetlab"><button class="default">Wetlab</button></a></li>
 +
  <li><a href="https://2014.igem.org/Team:HIT-Harbin/Software"><button class="default">Software</button></a></li>
 +
  <li><a href="https://2014.igem.org/Team:HIT-Harbin/Team"><button class="default">Team</button></a></li>
 +
  <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices"><button class="default">Human&nbsp;&nbsp;practices</button></a></li>
 +
</ul>
 +
</div>
       <!--mainarea -->
       <!--mainarea -->
   <div id="mainarea">
   <div id="mainarea">
-
    <div id="title">
+
<div id="title">
-
       <h2>Software</h2>
+
       <h2>Human Practice</h2>
     </div>
     </div>
-
   
 
-
                  <div class="multi-columns">
 
-
                <h5 class="hashed"><span><cufon class="cufon cufon-canvas" alt="1.1 Overview: " style="width: 59px; height: 18px;"><cufontext>Overview </cufontext></cufon></span></h5>
 
 +
                    <div class="multi-columns">
                     <div class="paragraphs">
                     <div class="paragraphs">
-
                    <p>Hitgem is a portable type of inquiry platform for biosafety in microbiological and biomedical laboratories designed for iGemers and some researchers, based on Tencent weChat.</p>
+
<h5 id="Wechat" class="hashed"><span><cufon class="cufon cufon-canvas" alt="WeChat: " style="width: 59px; height: 18px;"><cufontext>1.1 Software Overview</cufontext></cufon></span></h5>
-
<p>It has pros as follows:</p>
+
<p>IGEMHelper is a mobile application based on android4.0.3 and operation systems of higher level, with the website <em>http://hitigem.jd-app.com</em> as its background of data management.</p>
-
<p>a)Users on mobile phone, PC, and iPad can get access to it since it is established via weChat;</p>
+
-
<p>b)WeChat has its great amount of users so that this platform can be spread out rapidly;</p>
+
-
<p>c)IGemers can check out the biosafety regulations about experiments anytime.</p>
+
-
<h5 class="hashed"><span><cufon class="cufon cufon-canvas" alt="1.2 Background: " style="width: 59px; height: 18px;"><cufontext>Overview </cufontext></cufon></span></h5>
+
<p><strong>All data downloaded or uploaded through this application could be showed and managed on this background.</strong></p>
-
  <p>The biosafety of synthetic biology is gathering people’s attention. What’s more, it is a must for every undergraduate team to give out instruction and guidance about safety. Meanwhile, weChat is an instant messaging software developed by Tencent China, whose weChat public platform offers API ports and has over hundred million users all over the world, such that it becomes the first choice as a portable publicizing means.
+
<p>Our APP is aimed at providing a platform of “helping trading” among IGEM teams. Users can offer their help through the APP to the team who post their demand. The process may enhance the communication among the IGEM teams and maximize resources shared by teams.</p>
-
</p>
+
-
<h5 class="hashed"><span><cufon class="cufon cufon-canvas" alt="1.3 Guidance: " style="width: 59px; height: 18px;"><cufontext>Overview </cufontext></cufon></span></h5>
+
<h4>1.2 Instruction of Software using</h4>
-
<h6>1.3.1 Log in your weChat account</h6>
+
<p><strong>Tip</strong>: Since the database will be updated every time the APP starts running, keeping the Internet connection available is necessary. (Operation system must be android 4.0.3 or versions of higher level)</p>
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
-
<h6>1.3.2 Choose Add <em>Contacts</em>, enter <em>hitgem</em> and search</h6>
+
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
-
<h6>1.3.3 Tap <em>Follow</em> button, then you will receive a greeting and brief instruction from <em>hitgem</em></h6>
+
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
-
<h6>1.3.4 Type in <em>safety</em> to get the contents of biosafety handbook</h6>
+
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
-
<h6>1.3.5 Enter the corresponding number of the info you want to know, then you will get the details</h6>
+
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
-
<h6>1.3.6 If you want info about other blocks, just change the entered number</h6>
+
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
 +
<p><strong> 1.2.1 Download the APK file from GOOGLE DRIVE</strong></p>
 +
<p>Link: <a href="https://drive.google.com/file/d/0B_oCai3w7FmDUWVYYU9USUJ2SE0/view?usp=sharing">https://drive.google.com/file/d/0B_oCai3w7FmDUWVYYU9USUJ2SE0/view?usp=sharing</a></p>
 +
<p><strong>1.2.2 Run the APK to install the APP</strong></p>
 +
<img class="soft" width="343px" height="618px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/b/b9/Sw1.png">
 +
 +
<p><strong>1.2.3 After the installation, click the icon of IGEMHelper to enter the APP. </strong></p>
 +
<img class="soft" width="321px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/6/68/Sw2.png">
 +
 +
<p><strong>1.2.4 The application will update automatically basing on the background database and then turn into the main interface. </strong></p>
 +
<img class="soft" width="343px" height="618px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/8/88/Sw3.png">
 +
 +
<p><strong>1.2.5 As the interface shows，our APP provide four types of help information, which are Material, Theory, Software and Others.</strong></p>
 +
<p>Now we take “Material” for instance.
 +
Click the column of Material, and all kinds of help information will be presented. </p>
 +
<img class="soft" width="343px" height="618px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/5/54/Sw4.png">
 +
 +
<p><strong>1.2.6 Click the title of the help information in order to check the detail.</strong></p>
 +
<p>Now we take “TestTube” for instance.</p>
 +
<img class="soft" width="343px" height="618px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/3/36/Sw5.png">
 +
 +
<p><strong>1.2.7 The help information will be presented in the form of dialog box, including the title, pictures, quantity demanded and a blank box where users can type their quantity available to help.</strong></p>
 +
<p>Now we take 100 TestTube for instance.</p>
 +
<p>Click “ADD”. </p>
 +
<img class="soft" width="343px" height="618px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/f/fb/Sw6.png">
 +
 +
<p><strong>1.2.8 If users want to have a second consideration，they may click the column of TestTube to delete it. </strong></p>
 +
<img class="soft" width="321px" height="570px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/7/7c/Sw7.png">
 +
<p>Click “submit”, which requires some of your information for convenience of later connection. </p>
 +
<img class="soft" width="321px" height="570px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/f/f0/Sw8.png">
 +
<p>Confirm your information and click “submit”, then wait for connection from our administrators.  Determine whether the help is effective. If positive, we will provide the information to the help seeker, and delete the help information.
 +
Before we ensure that the help is effective, we won’t delete the help information. </p>
 +
 +
<p><strong>1.2.9 Users can report their confusion back to us by the “Feedback”. Those feedbacks will be submitted to the website background.</strong></p>
 +
<img class="soft" width="321px" height="570px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/a/aa/Sw9.png">
 +
 +
<p><strong>1.2.10  About us</strong></p>
 +
<img class="soft" width="321px" height="570px" margin-left="394.5px" src="https://static.igem.org/mediawiki/2014/7/73/Sw10.png">
                 </div>
                 </div>
                 </div>
                 </div>
-
               
+
       
                 <div class="cta-box">
                 <div class="cta-box">
                     <a href="https://2014.igem.org/Team:HIT-Harbin/Modeling" class="custom-button">Learn More</a>
                     <a href="https://2014.igem.org/Team:HIT-Harbin/Modeling" class="custom-button">Learn More</a>

Revision as of 12:52, 15 October 2014

Human Practice

1.1 Software Overview

IGEMHelper is a mobile application based on android4.0.3 and operation systems of higher level, with the website http://hitigem.jd-app.com as its background of data management.

All data downloaded or uploaded through this application could be showed and managed on this background.

Our APP is aimed at providing a platform of “helping trading” among IGEM teams. Users can offer their help through the APP to the team who post their demand. The process may enhance the communication among the IGEM teams and maximize resources shared by teams.

1.2 Instruction of Software using

Tip: Since the database will be updated every time the APP starts running, keeping the Internet connection available is necessary. (Operation system must be android 4.0.3 or versions of higher level)

1.2.1 Download the APK file from GOOGLE DRIVE

Link: https://drive.google.com/file/d/0B_oCai3w7FmDUWVYYU9USUJ2SE0/view?usp=sharing

1.2.2 Run the APK to install the APP

1.2.3 After the installation, click the icon of IGEMHelper to enter the APP.

1.2.4 The application will update automatically basing on the background database and then turn into the main interface.

1.2.5 As the interface shows，our APP provide four types of help information, which are Material, Theory, Software and Others.

Now we take “Material” for instance. Click the column of Material, and all kinds of help information will be presented.

1.2.6 Click the title of the help information in order to check the detail.

Now we take “TestTube” for instance.

1.2.7 The help information will be presented in the form of dialog box, including the title, pictures, quantity demanded and a blank box where users can type their quantity available to help.

Now we take 100 TestTube for instance.

Click “ADD”.

1.2.8 If users want to have a second consideration，they may click the column of TestTube to delete it.

Click “submit”, which requires some of your information for convenience of later connection.

Confirm your information and click “submit”, then wait for connection from our administrators. Determine whether the help is effective. If positive, we will provide the information to the help seeker, and delete the help information. Before we ensure that the help is effective, we won’t delete the help information.

1.2.9 Users can report their confusion back to us by the “Feedback”. Those feedbacks will be submitted to the website background.

1.2.10 About us

Learn More

Click here and get more details about our project.

Retrieved from "http://2014.igem.org/Team:HIT-Harbin/Software"