Team:SJTU-Software/Requirement/HumanPractice

From 2014.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 7: Line 7:
<p>
<p>
-
<style type="text/css"> body {background-image:url(https://static.igem.org/mediawiki/2014/5/57/Sjtu_software_background.jpg);background-size:cover} </style>
+
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
<style type="text/css">
<style type="text/css">
Line 111: Line 111:
     background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent;
     background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent;
     height: 16px;
     height: 16px;
-
     left: 6px;
+
     left: 310px;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
Line 216: Line 216:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
<link type="text/css" rel="stylesheet" href="https://2014.igem.org/Team:SJTU-Software/default2.css%20?action=raw&ctype=text/css" media="screen" />
+
 
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
Line 231: Line 231:
   </head>
   </head>
<body class="background">
<body class="background">
-
            
+
           <a href="http://www.igem.org/Main_Page" target=blank><img src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" style="width:100px; height:100px; position:fixed; top:10px; right:50px;"></img></a>
  <div class="container" position:relative z-index:999>
  <div class="container" position:relative z-index:999>
-
 
             <ul id="nav">
             <ul id="nav">
-
                 <li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li>
+
                 <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li>
-
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview">Software</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview">Overview</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Overview</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial">Tutorial</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman">Tutorial</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy">User Study</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman">User Study</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo">Demo</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman">Demo</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download">Download</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database">Document</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database">Database</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel">A M</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li>
-
                         <li><a href="#">C D</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li>
-
                         <li><a href="#">F D</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li>
-
                         <li><a href="#">E S S</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a class="hsubs" href="">Requirement</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal">Medal</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Collaboration">Collaboration</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Acknowledgement"><font face="Jokerman">Acknowledgement</font></a></li>
-
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Notebook">Notebook</a></li>
+
                       
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice">Human Practice</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a>
+
                 <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Member</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
-
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Join Us</a></li>
+
                     
-
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Sponsor</a></li>
+
                     </ul>
                     </ul>
                 </li>
                 </li>
Line 274: Line 272:
         </div>
         </div>
 +
<div align=center>
 +
    <div class="container2" style="height:550px;width:71%;background-color:#ECC2FF;margin:4.4% 0 0 0;">
 +
<div align=left  >
 +
                          <br>
 +
                          <br>
 +
  <div  class="container2" style="margin:-4% 0 0 0;height:100px;width:28%;float:top; display:inline;" >
 +
                            <p class="text"  style="margin:0% 5% auto"><font face="Helvetica" size="5px"  color="#242424">Attend 2nd IGEM Conference in NCTU
 +
</font></p>
 +
                         
 +
                          <p class="text"  style="margin:2% 5% auto"><font face="Helvetica" size="4px"  color="#242424">Time: 8.3~8.6</font></p>
 +
                            <p class="text"  style="margin:5% 5% auto"><font face="Helvetica" size="3px"  color="#242424">We are very happy that we can attend this conference, we learn from each other, got exercise and visit many scenic spots at Taiwan. The first thing I want to mention
 +
is that it gives us a state to change our ideas, discuss with other people, so we can realize the disadvantages and inconvenience of our software. We think people's
 +
opinions are most important for our software team, and we will try our best to make our software suitful for most users. Besides that, we also make many friends, we even
 +
play cards until 5 o'clock in the morning, pretty enjoy!</font></p>
 +
</div>
 +
<div  class="container2" style="margin:4% 0 0 0;height:100px;width:50%;float:left; display:inline;" >
 +
                            <img  style="margin:1% auto auto 10%;height:200px;width:auto;" src="https://static.igem.org/mediawiki/2014/2/20/Sjtu_software_presentation.JPG"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:4% 0 0 0;height:100px;width:50%;float:left; display:inline" >
 +
                          <img  style="margin:1% auto auto 10%;height:200px;width:auto;" src="https://static.igem.org/mediawiki/2014/0/03/Sjtu_software_2th_conference.JPG"></img>
 +
                         
 +
                          </div>
 +
</div>
 +
</div>
 +
</div>
 +
<div align=center>
 +
    <div class="container2" style="height:550px;width:71%;background-color:#C2FFC5;margin:0.6% 0 0 0;">
 +
<div align=left  >
 +
                          <br>
 +
                          <br>
 +
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:28%;float:top; display:inline;" >
 +
                            <p class="text"  style="margin:0% 5% auto"><font face="Helvetica" size="5px"  color="#242424">Attend Software Track in USTC
 +
</font></p>
 +
                         
 +
                          <p class="text"  style="margin:2% 5% auto"><font face="Helvetica" size="4px"  color="#242424">Time: 8.14</font></p>
 +
                            <p class="text"  style="margin:5% 5% auto"><font face="Helvetica" size="3px"  color="#242424">On August 14th, three members on our team attended the meetup for software track in USTC. Seven software teams attended this meetup including SJTU-Software, SYSU-Software, USTC_Software, SJTU-BioX-Shanghai, HFUT_CHINA, NEAU_Harbin and USTC-China. <br>
 +
At the event, we shared our ideas with other teams, did presentations in both Chinese and English, and had professors from USTC comment on our ideas. <br>
 +
Haiyan Liu of the committee attended this meetup.
 +
</font></p>
 +
</div>
 +
<div  class="container2" style="margin:4% 0 0 0;height:200px;width:50%;float:left; display:inline;" >
 +
                            <img  style="margin:1% auto auto 10%;height:200px;width:auto;" src="https://static.igem.org/mediawiki/2014/0/00/Sjtu_software_ustc.JPG"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:4% 0 0 0;height:200px;width:50%;float:left; display:inline" >
 +
                          <img  style="margin:1% auto auto 10%;height:200px;width:auto;" src="https://static.igem.org/mediawiki/2014/6/60/Sjtu_software_ustc2.JPG"></img>
 +
                         
 +
                          </div>
 +
</div>
 +
</div>
 +
</div>
<div align=center>
<div align=center>
-
      
+
     <div class="container2" style="height:550px;width:71%;background-color:#C2DEFF;margin:0.6% 0 0 0;">
-
<div id="container" style="height:800px;width:71%;background-color:#408080;margin:3% 0 0 0;">
+
<div align=left  >
-
<h1>Click on an image below to view it!</h1>
+
                          <br>
-
+
                          <br>
-
<ul id="images">
+
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:28%;float:top; display:inline;" >
-
<li><div>
+
                            <p class="text" style="margin:0% 5% auto"><font face="Helvetica" size="5px" color="#242424">Meet with student from Peking University
-
<a href="3dOcean.htm"><img alt="3dOcean" src="images/thumbnails/3dOcean_tn.jpg"/></a>
+
</font></p>
-
</div></li>
+
                          <p class="text" style="margin:2% 5% auto"><font face="Helvetica" size="4px" color="#242424">Time: 8.20<br></font></p>
-
<li><div>
+
 
-
<a href="AudioJungle.htm"><img alt="AudioJungle" src="images/thumbnails/AudioJungle_tn.jpg"/></a>
+
<p class="text"  style="margin:5% 5% auto"><font face="Helvetica" size="3px"  color="#242424">Team Peking have come to visit us on August 20th. They have put forward some reliable advice on our software and been great help for us.
-
</div></li>
+
</font></p>
-
<li><div>
+
                       
-
<a href="ActiveDen.htm"><img alt="ActiveDen" src="images/thumbnails/ActiveDen_tn.jpg"/></a>
+
<br><br></div>
-
</div></li>
+
<div  class="container2" style="margin:4% 0 0 0;height:200px;width:auto;float:left; display:inline;" >
-
<li><div>
+
                            <img style="margin:1% auto auto 10%;height:200px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/SJTU_SOFTWARE_PEAKING.JPG"></img>
-
<a href="GraphicRiver.htm"><img alt="GraphicRiver" src="images/thumbnails/GraphicRiver_tn.jpg"/></a>
+
                          </div>
-
</div></li>
+
-
<li><div>
+
-
<a href="ThemeForest.htm"><img alt="ThemeForest" src="images/thumbnails/ThemeForest_tn.jpg"/></a>
+
-
</div></li>
+
-
<li><div>
+
-
<a href="VideoHive.htm"><img alt="VideoHive" src="images/thumbnails/VideoHive_tn.jpg"/></a>
+
-
</div></li>
+
-
</ul>
+
-
+
-
+
 +
 +
                         
</div>
</div>
</div>
</div>
 +
</div>
 +
<div align=center>
<div align=center>
-
     <div  class="container2" style="height:150px;width:71%;background-color: #272727;" >
+
     <div  class="container2" style="height:150px;width:71%;background-color: #272727;margin:0.6%" >
-
           <div  class="container2" style="height:150px;width:68%;background-color: #272727;float:left; display:inline;" >
+
           <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
  <div  style=" float:left;margin:3% auto auto 4%;">       
  <div  style=" float:left;margin:3% auto auto 4%;">       
<a href="http://www.sjtu.edu.cn"target="_blank">     
<a href="http://www.sjtu.edu.cn"target="_blank">     
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div>
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div>
 +
 +
<div  style="float:left;margin:3% auto auto 4%;">     
<div  style="float:left;margin:3% auto auto 4%;">     
<a href="http://life.sjtu.edu.cn"target="_blank">         
<a href="http://life.sjtu.edu.cn"target="_blank">         
Line 317: Line 361:
<div  style=" float:left;margin:3% auto auto 4%;">  
<div  style=" float:left;margin:3% auto auto 4%;">  
-
<a href="http://skmml.sjtu.edu.cn/"target="_blank">        
+
<a href="http://www.seiee.sjtu.edu.cn/"target="_blank">        
-
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_%E5%BE%AE%E7%94%9F%E7%89%A9%E4%BB%A3%E8%B0%A2%E9%87%8D%E7%82%B9%E5%AE%9E%E9%AA%8C%E5%AE%A4logo.png"></img></a></div>
+
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div>
 +
         
 +
 
<div  style="float:left;margin:3% auto auto 4%;">  
<div  style="float:left;margin:3% auto auto 4%;">  
-
<a href="http://apex.sjtu.edu.cn/"target="_blank">
+
<a href="http://bme.sjtu.edu.cn/"target="_blank">
-
<img  style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/52/Sjtu_software_lablogo.png"></img></a></div>
+
<img  style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_sbe.jpg"></img></a></div>
<div  style=" float:left;margin:3% auto auto 4%;">  
<div  style=" float:left;margin:3% auto auto 4%;">  
-
<a href="http://www.seiee.sjtu.edu.cn/"target="_blank">        
+
<a href="http://skmml.sjtu.edu.cn/"target="_blank">        
-
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div>
+
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_%E5%BE%AE%E7%94%9F%E7%89%A9%E4%BB%A3%E8%B0%A2%E9%87%8D%E7%82%B9%E5%AE%9E%E9%AA%8C%E5%AE%A4logo.png"></img></a></div>
-
          </div>
+
 
-
             <div  class="container2" style="height:150px;width:32%;background-color: #272727;float:left; display:inline;" >
+
 
-
<div align=right style="margin:-3px ">
+
 
 +
 
 +
             <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
 +
<div align=center style="margin:-10px ">
                           <br>
                           <br>
                           <br>
                           <br>
-
  <p class="container2"  style="margin:2% 5% auto"><font face="SimSun" size="4px"  color="#FFFFFF">SJTU-Software</font></p>
+
  <p class="container2"  style="margin:0% 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
-
                           <p class="container2" style="margin:0 5% auto"><font face="SimSun" size="4px"  color="#FFFFFF">Shanghai Jiao Tong University</font></p>
+
                           <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
-
                          <p class="container2" style="margin:0 5% auto"> <font face="SimSun" size="4px"  color="#FFFFFF">800, Dongchuan Road</font></p>
+
                            
-
                           <p class="container2" style="margin:0 5% auto"> <font face="SimSun" size="4px"  color="#FFFFFF">200240 Shanghai, China</font></p>
+
                            
                            
                         </div>
                         </div>
Line 367: Line 415:
     });
     });
</script>
</script>
-
<script src='https://2014.igem.org/Team:SJTU-Software/jq.js'></script>
 
-
<script src='https://2014.igem.org/Team:SJTU-Software/jcd.js'></script>
 
-
<script type="text/javascript">
 
-
//*
 
-
var imgs;
 
-
 
-
$(document).ready(function () {
 
-
var drag = {};
 
-
$('h1').remove();
 
-
$('#images').append('<li id="instructions"><h4>Toss the images around; if you see one you like, click on it!</h4></li>');
 
-
 
-
imgs = $("#images li");
 
-
imgs.draggable({
 
-
stack : { group : '#images li', min : 1},
 
-
start : function () {
 
-
$this = $(this);
 
-
if($this.attr('id') === 'instructions') { $this.fadeOut().remove(); }
 
-
 
-
imgs.each(function () {
 
-
var $this = $(this);
 
-
if($this.width() !== 256) {
 
-
$this.stop().animate({width : 256 }).removeClass('top');
 
-
}
 
-
});
 
-
 
-
drag.startTime = new Date();
 
-
drag.startPos = $this.position();
 
-
},
 
-
stop : function () {
 
-
var $this = $(this), top, left, time;
 
-
drag.endTime = new Date();
 
-
drag.endPos = $this.position();
 
-
drag.leftOffset = drag.endPos.left - drag.startPos.left;
 
-
drag.topOffset  = drag.endPos.top  - drag.startPos.top;
 
-
 
-
time = (drag.endTime.getTime() - drag.startTime.getTime()) /60;
 
-
 
-
top  = (drag.topOffset / time).toString();
 
-
left = (drag.leftOffset / time).toString();
 
-
 
-
$this.animate({
 
-
top : '+=' + top,
 
-
left: '+=' + left
 
-
});
 
-
}
 
-
});
 
-
 
-
imgs.click(function () {
 
-
var $this = $(this);
 
-
 
-
if ($this.attr('id') == 'instructions') {
 
-
$this.fadeOut().remove();
 
-
}
 
-
else {
 
-
if($this.width() !== 256) {
 
-
$this.stop().animate({width : 256 }).removeClass('top');
 
-
}
 
-
else {
 
-
if (!($this.find('.info').length)) {
 
-
$.ajax({
 
-
url : $this.find('a').attr('href'),
 
-
dataType : 'html',
 
-
success : function (data) {
 
-
var $d = $(data),
 
-
head = $d.filter('h1'),
 
-
para = $d.filter('p');
 
-
 
-
$this.children('div').append('<div class="info"></div>').find(".info").append(head, para);
 
-
},
 
-
error : function () {
 
-
var msg = '<h1>Oops!</h1><p>It looks like there been a problem; we can\'t get this info right now.</p>';
 
-
$this.children('div').append('<div class="info"></div>').find(".info").html(msg);
 
-
}
 
-
});
 
-
}
 
-
$this.css({'zIndex' :8 })
 
-
.stop()
 
-
.animate({ width : 512})
 
-
.addClass('top')
 
-
.siblings().removeClass('top')
 
-
  .stop()
 
-
  .animate({width : 256})
 
-
.filter(function () { return $(this).css('zIndex') >= '8' }).css({'zIndex' : 7});
 
-
}
 
-
}
 
-
return false;
 
-
});
 
-
 
-
});
 
-
 
-
$(window).load(function () {
 
-
$w = $(window);
 
-
imgs.css({
 
-
position : 'absolute',
 
-
left : $w.width() / 2 - imgs.width(),
 
-
top  : $w.height() / 2- imgs.height()
 
-
});
 
-
for(var i = 0; imgs[i]; i++ ) {
 
-
$(imgs[i]).animate({
 
-
left : '+=' + Math.random()*150,
 
-
top  : '+=' + Math.random()*150
 
-
});
 
-
}
 
-
});//*/
 
-
</script>
 
</body>
</body>
</html>
</html>

Latest revision as of 20:24, 17 October 2014




Attend 2nd IGEM Conference in NCTU

Time: 8.3~8.6

We are very happy that we can attend this conference, we learn from each other, got exercise and visit many scenic spots at Taiwan. The first thing I want to mention is that it gives us a state to change our ideas, discuss with other people, so we can realize the disadvantages and inconvenience of our software. We think people's opinions are most important for our software team, and we will try our best to make our software suitful for most users. Besides that, we also make many friends, we even play cards until 5 o'clock in the morning, pretty enjoy!



Attend Software Track in USTC

Time: 8.14

On August 14th, three members on our team attended the meetup for software track in USTC. Seven software teams attended this meetup including SJTU-Software, SYSU-Software, USTC_Software, SJTU-BioX-Shanghai, HFUT_CHINA, NEAU_Harbin and USTC-China.
At the event, we shared our ideas with other teams, did presentations in both Chinese and English, and had professors from USTC comment on our ideas.
Haiyan Liu of the committee attended this meetup.



Meet with student from Peking University

Time: 8.20

Team Peking have come to visit us on August 20th. They have put forward some reliable advice on our software and been great help for us.





iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top