Team:HIT-Harbin/Software
From 2014.igem.org
(7 intermediate revisions not shown) | |||
Line 12: | Line 12: | ||
<div id="nav"> | <div id="nav"> | ||
<!--project --> | <!--project --> | ||
- | <div id="project" class="nav1 | + | <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/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> | ||
- | |||
- | |||
</ul> | </ul> | ||
</div> | </div> | ||
- | <!-- | + | <!--Safety--> |
- | <div id="judging" class="nav1 | + | <div id="judging" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Safety">Safety</a> |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<!--Wetlab--> | <!--Wetlab--> | ||
- | <div id="wetlab" class="nav1 | + | <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> | ||
- | |||
</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 | + | <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 | + | <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/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 | + | <div id="humanPractices" class="nav1" ><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices">Human practices</a> |
<ul> | <ul> | ||
- | <li><a href="#Preliminary">Preliminary</a></li> | + | <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Preliminary">Preliminary</a></li> |
- | <li><a href="#Meetup">Meet Up</a></li> | + | <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Meetup">Meet Up</a></li> |
- | <li><a href="#Course">Course | + | <li><a href="https://2014.igem.org/Team:HIT-Harbin/Humanpractices#Course">Course</a></li> |
- | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="minibar" class="floater" style="display: none;"> | <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 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> | ||
- | |||
<div id="mainarea"> | <div id="mainarea"> | ||
<div id="title"> | <div id="title"> | ||
- | <h2> | + | <h2>Software</h2> |
</div> | </div> | ||
Line 90: | Line 115: | ||
<p><strong>1.2.2 Run the APK to install the APP</strong></p> | <p><strong>1.2.2 Run the APK to install the APP</strong></p> | ||
- | <img class=" | + | </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> | <p><strong>1.2.3 After the installation, click the icon of IGEMHelper to enter the APP. </strong></p> | ||
- | <img class=" | + | </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> | <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=" | + | </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><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. | <p>Now we take “Material” for instance. | ||
Click the column of Material, and all kinds of help information will be presented. </p> | Click the column of Material, and all kinds of help information will be presented. </p> | ||
- | <img class=" | + | |
+ | </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><strong>1.2.6 Click the title of the help information in order to check the detail.</strong></p> | <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> | <p>Now we take “TestTube” for instance.</p> | ||
- | <img class=" | + | </div> |
+ | </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"> | ||
<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><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>Now we take 100 TestTube for instance.</p> | ||
<p>Click “ADD”. </p> | <p>Click “ADD”. </p> | ||
- | <img class=" | + | </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><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><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=" | + | </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"> | ||
+ | |||
<p>Click “submit”, which requires some of your information for convenience of later connection. </p> | <p>Click “submit”, which requires some of your information for convenience of later connection. </p> | ||
- | <img class=" | + | </div> |
+ | </div> | ||
+ | <div style="width: 343px; margin: 0 auto;"> | ||
+ | <img class="Project"width="343px" height="618px" src="https://static.igem.org/mediawiki/2014/f/f0/Sw8.png"> | ||
+ | </div> | ||
+ | <div class="multi-columns"> | ||
+ | <div class="paragraphs"> | ||
<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. | <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> | 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> | <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=" | + | </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> | <p><strong>1.2.10 About us</strong></p> | ||
- | <img class=" | + | </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> |
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
![](https://static.igem.org/mediawiki/2014/b/b9/Sw1.png)
1.2.3 After the installation, click the icon of IGEMHelper to enter the APP.
![](https://static.igem.org/mediawiki/2014/6/68/Sw2.png)
1.2.4 The application will update automatically basing on the background database and then turn into the main interface.
![](https://static.igem.org/mediawiki/2014/8/88/Sw3.png)
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.
![](https://static.igem.org/mediawiki/2014/5/54/Sw4.png)
1.2.6 Click the title of the help information in order to check the detail.
Now we take “TestTube” for instance.
![](https://static.igem.org/mediawiki/2014/3/36/Sw5.png)
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”.
![](https://static.igem.org/mediawiki/2014/f/fb/Sw6.png)
1.2.8 If users want to have a second consideration,they may click the column of TestTube to delete it.
![](https://static.igem.org/mediawiki/2014/7/7c/Sw7.png)
Click “submit”, which requires some of your information for convenience of later connection.
![](https://static.igem.org/mediawiki/2014/f/f0/Sw8.png)
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.
![](https://static.igem.org/mediawiki/2014/a/aa/Sw9.png)
1.2.10 About us
![](https://static.igem.org/mediawiki/2014/7/73/Sw10.png)
Click here and get more details about our project.