Team:UESTC-Software/Installation.html

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main}} <html> <head> <title>UESTC-Software</title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,c...")
 
(10 intermediate revisions not shown)
Line 13: Line 13:
<div id="bg2" style="height:89px;width:100%;background-color:rgb(143, 196, 31)"></div>
<div id="bg2" style="height:89px;width:100%;background-color:rgb(143, 196, 31)"></div>
<div id="DownloadButtonGroup">
<div id="DownloadButtonGroup">
-
<div style="width:50%"><img src="https://static.igem.org/mediawiki/2014/a/a0/2014-UESTC-Software-Android.png" id="buttonAndroid" class="DownloadButton"><p>Android</p></div>
+
<div style="width:33%"><img src="https://static.igem.org/mediawiki/2014/a/a0/2014-UESTC-Software-Android.png" id="buttonAndroid" class="DownloadButton"><p>Android</p></div>
-
<div style="width:50%"><img src="https://static.igem.org/mediawiki/2014/d/d7/2014-UESTC-Software-Desktop.png" id="buttonDesktop" class="DownloadButton"><p>Desktop</p></div>
+
<div style="width:33%"><img src="https://static.igem.org/mediawiki/2014/d/d7/2014-UESTC-Software-Desktop.png" id="buttonDesktop" class="DownloadButton"><p>Desktop</p></div>
 +
<div style="width:33%"><img src="https://static.igem.org/mediawiki/2014/c/ca/2014-UESTC-Software-ServerB.png" id="buttonServer" class="DownloadButton"><p>Server</p></div>
</div>
</div>
</div>
</div>
-
<div id="dAPK" class="dlBoard" style="display: none;">
+
<div id="dAPK" class="dlBoard hta" style="display: none;">
<h1>How To Install Crispr-X For Android</h1>
<h1>How To Install Crispr-X For Android</h1>
<h2>Step1: Setting unknown source</h2>
<h2>Step1: Setting unknown source</h2>
Line 25: Line 26:
<a href="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta1.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta1.jpg"></a>
<a href="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta1.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta1.jpg"></a>
<h2>Setp2: Scan QR code and download the app</h2>
<h2>Setp2: Scan QR code and download the app</h2>
-
<a href="https://static.igem.org/mediawiki/2014/4/40/2014-UESTC-Software-Apk.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/4/40/2014-UESTC-Software-Apk.jpg"></a>
+
<img src="https://static.igem.org/mediawiki/2014/4/40/2014-UESTC-Software-Apk.jpg">
<h2>Step3: Install Crisp-X.apk</h2>
<h2>Step3: Install Crisp-X.apk</h2>
<a href="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta2.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta2.jpg"></a>
<a href="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta2.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Hta2.jpg"></a>
Line 33: Line 34:
-
<div id="dPC" class="dlBoard" style="display: none;">
+
<div id="dPC" class="dlBoard hta" style="display: none;">
-
+
<h1>How To Install Crispr-X For Desktop OS</h1>
 +
<h2>Step1: Setup Java Run Environment</h2>
 +
<p>(If you have setup Java Run Environment,please skip step1)</p>
 +
<p>You can get a newest JRE from <a href="http://www.java.com">www.java.com</a>.</p>
 +
<h2>Step2: Download & Setup Crispr-X Desktop App</h2>
 +
<p><a href="http://i.uestc.edu.cn/iGEM2014/download/crispr-X.zip">Click here</a> to download a zip file. </p>
 +
<h2>Step3: Just unzip crispr-X.zip, and run crispr-X/crispr-X.jar. </h2>
 +
<a href="https://static.igem.org/mediawiki/2014/e/e7/2014-UESTC-Software-Htd.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/e/e7/2014-UESTC-Software-Htd.jpg"></a>
 +
<h2>Step4: Enjoy it!</h2>
 +
<a href="https://static.igem.org/mediawiki/2014/2/2d/2014-UESTC-Software-Htd2.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/2d/2014-UESTC-Software-Htd2.jpg"></a>
 +
</div>
 +
 
 +
<div id="dSV" class="dlBoard hta" style="display: none;">
 +
<h1>CRISPR-X Server and Database Manual</h1>
 +
<h2>1.Dependence</h2>
 +
<table border="1px" cellspacing="0px" style="border-collapse:collapse;word-break:break-word;border-color: #c7d3af;
 +
color: #999;font-size: 15px;">
 +
<tr><td>Name</td><td>Version</td><td>Notes</td></tr>
 +
<tr><td>Linux</td><td>Fedora, Ubuntu, Debian or related system</td><td>Here, related system means that the Linux distribution supports <span style="color:#8fc41f">'.rpm'</span> or <span style="color:#8fc41f">'.deb'</span> packages. </td></tr>
 +
<tr><td>PHP</td><td>5.2.9 or higher version</td><td></td></tr>
 +
<tr><td>Python</td><td>2.5.2 or higher 2.X version</td><td></td></tr>
 +
<tr><td>MySQL</td><td>5.0.88</td><td></td></tr>
 +
<tr><td>MySQL Connector</td><td>6.1</td><td>Connector/C (libmysqlclient).
 +
It will be downloaded on installation automatically. </td></tr>
 +
<tr><td>RNAfold</td><td>2.1.8</td><td>This software is free, and should be installed globally. </td></tr>
 +
<tr><td>ImageMagick</td><td>6.4.0</td><td>This software is free, and should be installed globally. And CLI supports. </td></tr>
 +
</table>
 +
<h2>2.Deployment</h2>
 +
<p>Firstly, you need to execute the shell script, 'install.sh' under 'server' folder, which helps you to install dependencies automatically and compile our auxiliary programs. Then goes to database and server configure. </p>
 +
<p>For database, CasDB, please fellow this instruction step by step:</p>
 +
<p>1.On your server, unpack the source code, redirect into the folder <span style="color:#8fc41f">'CasDB'</span> under <span style="color:#8fc41f">'server'</span> directory. Please pay attention that the compressed file <span style="color:#8fc41f">'CasDB.tar.gz'</span> is for our automatic test on Travis CI. It’s useless for CasDB deployment! </p>
 +
<p>2.Make a new folder named <span style="color:#8fc41f">'database'</span> under <span style="color:#8fc41f">'CasDB'</span>. Next, download model organism genome data into this folder. We use data from NCBI database. Temporally support these fellow model organisms</p>
 +
<table border="1px" cellspacing="0px" style="border-collapse:collapse;word-break:break-word;border-color: #c7d3af;
 +
color: #999;">
 +
<tr><td>Model Organism</td><td>Data Source</td></tr>
 +
<tr><td>E.coli-k12-MG1655</td><td>ftp://ftp.ncbi.nih.gov/genomes/Bacteria/Escherichia_coli_K_12_substr__MG1655_uid57779/</td></tr>
 +
<tr><td>Saccharomyces_cerevisiae</td><td>ftp://ftp.ncbi.nih.gov/genomes/Fungi/Saccharomyces_cerevisiae_uid128/</td></tr>
 +
<tr><td>Arabidopsis_thaliana</td><td>ftp://ftp.ncbi.nih.gov/genomes/Arabidopsis_thaliana/</td></tr>
 +
<tr><td>Drosophila_melanogaster</td><td>ftp://ftp.ncbi.nih.gov/genomes/Drosophila_melanogaster/</td></tr>
 +
</table>
 +
<p>The whole directory structure should look like this:</p>
 +
<pre style="font-size: 14px;color: #8fc41f;line-height: 1.5em;max-width: 44em">
 +
-server
 +
    -CasDB
 +
        -getGeneInfo.py
 +
        - sgRNAimport.py
 +
        -database
 +
            -[Species Name]
 +
                -[Chromosome Name]
 +
                    -[Data files, we need ffn, fna, ptt files]
 +
</pre>
 +
<p>3.Then create a new database, rename it as you like. Using this database, execute <span style="color:#8fc41f">'CasDB.sql'</span> and then execute <span style="color:#8fc41f">'view.sql'</span>. </p>
 +
<p>4.Configure the python script, <span style="color:#8fc41f">'getGeneInfo.py'</span>. Just modify one line according your environment and setup:
 +
<br/><b>db = MySQLdb.connect("YOUR-DB-HOST","DB-USERNAME","DB-PASSWD","DB-NAME" )</b></p>
 +
<p>Then run this python script by typing <span style="color:#8fc41f">'python getGeneInfo.py'</span> in command line interface. This script will work automatically to recognize the species name and chromosomes. Besides this, more gene information will be calculated and inserted into CasDB. But it may take some time.</p>
 +
<p>5.Configure the python script, <span style="color:#8fc41f">'sgRNAimport.py'</span>. Just as above modify one line according your environment and setup:<br/><b>db = MySQLdb.connect("YOUR-DB-HOST","DB-USERNAME","DB-PASSWD","DB-NAME" )</b></p>
 +
<p>Then run this python script by typing <span style="color:#8fc41f">'python sgRNAimport.py'</span> in command line interface. This script will work automatically to recognize the species name and chromosomes. Besides this, sgRNA will be found and inserted into CasDB. But it may take some time.</p>
 +
<p>For server, you must configure PHP scripts manually. It’s very easy. Just modify <span style="color:#8fc41f">'server/config.php'</span> according to guides in the source file. </p>
</div>
</div>
<!-- Fixed Navigation bar -->
<!-- Fixed Navigation bar -->
Line 75: Line 133:
</ul>
</ul>
</div>
</div>
-
<img src="https://static.igem.org/mediawiki/2014/c/c5/2014-UESTC-Software-Top.png" id="top" onclick="javascript:$('#body').animate({scrollTop:0},700)">
+
<img src="https://static.igem.org/mediawiki/2014/c/c5/2014-UESTC-Software-Top.png" id="top" onclick="javascript:$('#dAPK,#dPC,#dSV').animate({scrollTop:0},700)">
<div id="logoRay" style="width:86px;height:86px;border-radius:1000px;position:fixed;bottom:-20px;z-index: 999999;"></div>
<div id="logoRay" style="width:86px;height:86px;border-radius:1000px;position:fixed;bottom:-20px;z-index: 999999;"></div>
<a href="https://2014.igem.org/Team:UESTC-Software"><img src="https://static.igem.org/mediawiki/2014/e/e5/2014_UESTC_Software_logo.gif" id="logo" style="border-radius: 90px;width:100px;height:100px;position:fixed;bottom:-20px;z-index: 999999;"/></a>
<a href="https://2014.igem.org/Team:UESTC-Software"><img src="https://static.igem.org/mediawiki/2014/e/e5/2014_UESTC_Software_logo.gif" id="logo" style="border-radius: 90px;width:100px;height:100px;position:fixed;bottom:-20px;z-index: 999999;"/></a>
Line 137: Line 195:
opacity:"0"
opacity:"0"
},200,function(){
},200,function(){
-
$("#dPC,#dGame").hide();
+
$("#dPC,#dSV").hide();
$("#dAPK").css("opacity","1");
$("#dAPK").css("opacity","1");
$("#dAPK").fadeIn(200);
$("#dAPK").fadeIn(200);
Line 162: Line 220:
}
}
else{
else{
-
$("#dAPK,#dGame").animate({
+
$("#dAPK,#dSV").animate({
opacity:"0"
opacity:"0"
},200,function(){
},200,function(){
Line 171: Line 229:
}
}
});
});
-
$("#buttonGame").on("click",function(){
+
$("#buttonServer").on("click",function(){
if(iiiiii==0){
if(iiiiii==0){
$("#DownloadButtonGroup").animate({
$("#DownloadButtonGroup").animate({
Line 185: Line 243:
},500,function(){
},500,function(){
$("#DownloadButtonGroup>div>p").hide();
$("#DownloadButtonGroup>div>p").hide();
-
$("#dGame").fadeIn(300,function(){$("#bg").css("background-color","#fff");});
+
$("#dSV").fadeIn(300,function(){$("#bg").css("background-color","#fff");});
});
});
iiiiii=1;
iiiiii=1;
Line 194: Line 252:
},200,function(){
},200,function(){
$("#dAPK,#dPC").hide();
$("#dAPK,#dPC").hide();
-
$("#dGame").css("opacity","1");
+
$("#dSV").css("opacity","1");
-
$("#dGame").fadeIn(200);
+
$("#dSV").fadeIn(200);
});
});
}
}
Line 204: Line 262:
break;
break;
case "#Desktop":$("#buttonDesktop").click();
case "#Desktop":$("#buttonDesktop").click();
 +
break;
 +
case "#Server":$("#buttonServer").click();
break;
break;
};
};

Latest revision as of 19:10, 17 October 2014

UESTC-Software

Android

Desktop

Server

Retrieved from "http://2014.igem.org/Team:UESTC-Software/Installation.html"