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...")
 
(8 intermediate revisions not shown)
Line 12: Line 12:
   <div id="nav">
   <div id="nav">
     <!--project -->
     <!--project -->
-
     <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" >                                     
 +
        <a href="https://2014.igem.org/Team:HIT-Harbin/Project" name="top">Project</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>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Advantages">Advantages</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Modeling">Modeling</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Modeling">Modeling</a></li>
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Results">Results</a></li>
 
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/FutureWork">Future Work</a></li>
 
       </ul>  
       </ul>  
     </div>
     </div>
-
     <!--Judging-->
+
     <!--Safety-->
-
     <div id="judging" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="https://2014.igem.org/Team:HIT-Harbin/Judging">Judging</a>
+
     <div id="judging" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Safety">Safety</a>
-
      <ul>
+
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Biobrick">Biobrick</a></li>
+
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Achievement">Achievement</a></li>
+
     </div>
     </div>
     <!--Wetlab-->
     <!--Wetlab-->
-
     <div id="wetlab" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="https://2014.igem.org/Team:HIT-Harbin/Wetlab">Wetlab</a>
+
     <div id="wetlab" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Wetlab">Wetlab</a>
       <ul>
       <ul>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Protocols">Protocols</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Protocols">Protocols</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li>
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Safety">Safety</a></li>
 
     </div>
     </div>
 +
    <!--kuang-->
 +
    <div class="nav1 home" ><a href="https://2014.igem.org/Team:HIT-Harbin"></a></div>
     <!--software-->
     <!--software-->
-
     <div id="software" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="https://2014.igem.org/Team:HIT-Harbin/Software">Software</a>
+
     <div id="software" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Software"><span>Software</span></a>
     </div>
     </div>
     <!--Team -->
     <!--Team -->
-
     <div id="team" class="nav1" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="https://2014.igem.org/Team:HIT-Harbin/Team">Team</a>
+
     <div id="team" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Team">Team</a>
       <ul>
       <ul>
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Members">Members</a></li>
 
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Advisors">Advisors</a></li>
 
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Instructors">Instructors</a></li>
 
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Attribution">Attribution</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Attribution">Attribution</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Acknowledge">Acknowledge</a></li>
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Acknowledge">Acknowledge</a></li>
 +
        <li><a href="https://igem.org/Team.cgi">Profile</a></li>
       </ul>
       </ul>
     </div>
     </div>
     <!--humanPractices -->
     <!--humanPractices -->
-
     <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" ><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="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Preliminary">Preliminary</a></li>
-
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/QualificationTrials">Qualification Trials</a></li>
+
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Meetup">Meet Up</a></li>
-
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/WechatPlatform">Wechat Platform</a></li>
+
         <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Course">Course</a></li>
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Video">Video</a></li>
+
-
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Presentation">Presentation</a></li>
+
       </ul>  
       </ul>  
     </div>
     </div>
   </div>
   </div>
-
       <!--mainarea -->
+
<div id="minibar" class="floater" style="display: none;">
 +
<!--projectd -->
 +
    <div id="projectd" class="nav1" >                                    <a href="https://2014.igem.org/Team:HIT-Harbin/Project" name="top">Project</a>
 +
       <ul>
 +
        <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/FutureWork">Advantages</a></li>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Modeling">Modeling</a></li>
 +
      </ul>
 +
    </div>
 +
    <!--Judgindg-->
 +
    <div id="judgingd" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Safety">Safety</a>
 +
    </div>
 +
 
 +
    <!--Wetlabd-->
 +
    <div id="wetlabd" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Wetlab">Wetlab</a>
 +
      <ul>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Protocols">Protocols</a></li>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li>
 +
    </div>
 +
<div class="nav1 home" ><a href="https://2014.igem.org/Team:HIT-Harbin"></a></div>
 +
    <!--softwared-->
 +
    <div id="softwared" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Software">Software</a>
 +
    </div>
 +
    <!--Teamd -->
 +
    <div id="teamd" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Team">Team</a>
 +
      <ul>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Attribution">Attribution</a></li>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Acknowledge">Acknowledge</a></li>
 +
        <li><a href="https://igem.org/Team.cgi">Profile</a></li>
 +
      </ul>
 +
    </div>
 +
    <!--humanPracticesd -->
 +
    <div id="humanPracticesd" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices">Human&nbsp;&nbsp;practices</a>
 +
      <ul>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Preliminary">Preliminary</a></li>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Meetup">Meet Up</a></li>
 +
        <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Course">Course</a></li>
 +
      </ul>
 +
    </div>
 +
</div>
   <div id="mainarea">
   <div id="mainarea">
-
    <div id="title">
+
<div id="title">
       <h2>Software</h2>
       <h2>Software</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>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><strong>All data downloaded or uploaded through this application could be showed and managed on this background.</strong></p>
 +
 
 +
<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>
 +
 
 +
<h4>1.2 Instruction of Software using</h4>
 +
<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>
 +
 
 +
<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>
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/b/b9/Sw1.png">
 +
</div>
 +
<div class="multi-columns">
 +
                  <div class="paragraphs">
 +
 
 +
<p><strong>1.2.3 After the installation, click the icon of IGEMHelper to enter the APP. </strong></p>
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/6/68/Sw2.png">
 +
</div>
 +
<div class="multi-columns">
 +
                  <div class="paragraphs">
 +
 
 +
 
 +
<p><strong>1.2.4 The application will update automatically basing on the background database and then turn into the main interface. </strong></p>
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/8/88/Sw3.png">
 +
</div>
 +
<div class="multi-columns">
 +
                  <div class="paragraphs">
 +
 
 +
<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>
 +
 
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/5/54/Sw4.png">
 +
</div>
 +
<div class="multi-columns">
 +
<div class="paragraphs">
-
<p>It has pros as follows:</p>
+
<p><strong>1.2.6 Click the title of the help information in order to check the detail.</strong></p>
-
<p>a)Users on mobile phone, PC, and iPad can get access to it since it is established via weChat;</p>
+
<p>Now we take “TestTube” for instance.</p>
-
<p>b)WeChat has its great amount of users so that this platform can be spread out rapidly;</p>
+
</div>
-
<p>c)IGemers can check out the biosafety regulations about experiments anytime.</p>
+
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/3/36/Sw5.png">
 +
</div>
 +
<div class="multi-columns">
 +
<div class="paragraphs">
-
<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>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>
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/f/fb/Sw6.png">
 +
</div>
 +
<div class="multi-columns">
 +
<div class="paragraphs">
-
  <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><strong>1.2.8 If users want to have a second consideration，they may click the column of TestTube to delete it. </strong></p>
-
</p>
+
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/7/7c/Sw7.png">
 +
</div>
 +
<div class="multi-columns">
 +
<div class="paragraphs">
-
<h5 class="hashed"><span><cufon class="cufon cufon-canvas" alt="1.3 Guidance: " style="width: 59px; height: 18px;"><cufontext>Overview </cufontext></cufon></span></h5>
+
<p>Click “submit”, which requires some of your information for convenience of later connection. </p>
-
<h6>1.3.1 Log in your weChat account</h6>
+
</div>
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
</div>
-
<h6>1.3.2 Choose Add <em>Contacts</em>, enter <em>hitgem</em> and search</h6>
+
<div style="width: 343px; margin: 0 auto;">
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/f/f0/Sw8.png">
-
<h6>1.3.3 Tap <em>Follow</em> button, then you will receive a greeting and brief instruction from <em>hitgem</em></h6>
+
</div>
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
<div class="multi-columns">
-
<h6>1.3.4 Type in <em>safety</em> to get the contents of biosafety handbook</h6>
+
<div class="paragraphs">
-
<img class="Guidance" width="420px" height="714px" src="https://static.igem.org/mediawiki/2014/b/bd/Hitpic.jpg">
+
<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.
-
<h6>1.3.5 Enter the corresponding number of the info you want to know, then you will get the details</h6>
+
Before we ensure that the help is effective, we won’t delete the help information. </p>
-
<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.9 Users can report their confusion back to us by the “Feedback”. Those feedbacks will be submitted to the website background.</strong></p>
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/a/aa/Sw9.png">
 +
</div>
 +
<div class="multi-columns">
 +
<div class="paragraphs">
 +
<p><strong>1.2.10  About us</strong></p>
 +
</div>
 +
</div>
 +
<div style="width: 343px; margin: 0 auto;">
 +
<img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/7/73/Sw10.png">
 +
</div>
 +
<div class="multi-columns">
 +
<div class="paragraphs">
                 </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>

Latest revision as of 21:50, 17 October 2014

Software

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"