Team:Hong Kong HKUST/human practice/start-up kit

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" > ...")
 
(51 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Hong_Kong_HKUST/shell|
<html>
<html>
<head>
<head>
-
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
 
-
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
 
-
<script>
 
-
$(document).ready(function(){
 
-
  $(window).scroll(function(){
 
-
var scrollTop = $(window).scrollTop();
 
-
if (scrollTop > 49) {
 
-
$('#menu').addClass('fixed');
 
-
} else {
 
-
$('#menu').removeClass('fixed');
 
-
}
 
-
  });
 
-
});
 
-
 
-
</script>
 
-
 
-
<script>
 
-
var on = true;
 
-
var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
 
-
 
-
function slides(i) {
 
-
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
 
-
  document.getElementsByClassName("slide_pic")[2].style.width="100%";
 
-
  var slide = document.getElementsByClassName("slide_pic")[0];
 
-
  document.getElementById("slide").appendChild(slide);
 
-
  if(i) {
 
-
  on = false;
 
-
  }
 
-
}
 
-
function back_slide(i) {
 
-
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
 
-
  document.getElementsByClassName("slide_pic")[0].style.width="100%";
 
-
  var slide = document.getElementsByClassName("slide_pic")[4];
 
-
  var slide2 = document.getElementsByClassName("slide_pic")[0];
 
-
  document.getElementById("slide").insertBefore(slide,slide2);
 
-
  if(i) {
 
-
  on = false;
 
-
  }
 
-
}
 
-
</script>
 
</head>
</head>
-
+
</html>
 +
|
 +
<html>
<body>
<body>
-
<div id='nav_container'>
 
-
<nav>
 
-
 
-
<ul id="menu">
 
-
<li><a href="#">Home</a></li>
 
-
        <li><a href="#">Team</a>
 
-
        <!-- First Tier Drop Down -->
 
-
        <ul>
 
-
            <li><a href="#">Members</a></li>
 
-
            <li><a href="#">Advisers</a></li>
 
-
            <li><a href="#">Instructor</a></li>
 
-
        </ul>       
 
-
        </li>
 
-
        <li><a href="#">Project</a>
 
-
        <!-- First Tier Drop Down -->
 
-
        <ul>
 
-
            <li><a href="#">Main Project</a>
 
-
<ul>
 
-
                <li><a href="#">Overview</a></li>
 
-
                <li><a href="#">Module one </a></li>
 
-
                <li><a href="#">Module two</a></li>
 
-
<li><a href="#">Data</a></li>
 
-
<li><a href="#">Characterization</a></li>
 
-
            </ul></li>
 
-
            <li><a href="#">Side Project</a>
 
-
<ul>
 
-
                <li><a href="#">Overview</a></li>
 
-
                <li><a href="#">Parts</a></li>
 
-
                <li><a href="#">Catalogue</a></li>
 
-
<li><a href="#">Feature pages</a></li>
 
-
            </ul></li>
 
-
       
 
-
        </ul>
 
-
        </li>
 
-
        <li><a href="#">Human Practice</a>
 
-
<ul>
 
-
                <li><a href="#">Overview</a></li>
 
-
                <li><a href="#">Start up kit</a>
 
-
<ul>
 
-
<li><a href="#">Interview</a></li>
 
-
<li><a href="#">Report</a></li>
 
-
<li><a href="#">Database</a></li>
 
-
</ul></li>
 
-
                <li><a href="#">Talks</a></li>
 
-
<li><a href="#">Outreach</a></li>
 
-
            </ul></li>
 
-
        <li><a href="#">Wetlab</a>
 
-
<ul>
 
-
<li><a href="#">Protocol</a></li>
 
-
<li><a href="#">Notebook</a></li>
 
-
<li><a href="#">Safety</a></li>
 
-
</ul></li>
 
-
        <li><a href="#">Achievement</a>
 
-
<ul>
 
-
<li><a href="#">Medal Requirement</a></li>
 
-
<li><a href="#">Deliverable</a></li>
 
-
</ul></li>
 
-
<li class= "logo"><a href="https://2014.igem.org/Main_Page"> <img src="Igemlogo_whiteletters.png" height="45px"> </a></li>
 
-
<li class= "logo"><a href="http://www.ust.hk/"> <img src="HKUST_logo.png" height="45px"> </a></li>
 
-
 
-
</ul>
 
-
 
-
</nav>
 
-
</div>
 
-
<h1> </h1>
 
-
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
 
<div id="content_container">
<div id="content_container">
-
<div class= "banner_area">
+
<!-- one row of content , one column one picture right-->
-
<img src= 'banner_mod.png' />
+
<div class='content_1'><h3>Human Practice Start-up Kit</h3>
-
<!--banner should be larger and height should be more than 400px-->
+
<table class="content_table" align= "center" >
-
</div>
+
<tr class= "content_row" valign= "top">
-
<hr>
+
-
<div id="description_area">
+
-
<h2>Human practice start-up kit</h2>
+
-
<p>and here you will give description of the content in this page<br>
+
-
The meaning of life is a philosophical question concerning the significance of life or existence in general.
+
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
+
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
+
-
and theological speculation throughout history.
+
-
</p>
+
-
+
-
</div>
+
-
<!-- one row of content , two column-->
+
-
<div class='content_1'><h3>This will be a title </h3>
+
-
<table class="content_table" align= "center" valign= "top">
+
-
<tr class= "content_row">
+
<td class= "content_cell">
<td class= "content_cell">
-
<div class= "content_area">
+
<div class= "content_area_one_row">
-
<p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
+
<div class= "embedded_image_right" style="height:200px; width:200px;">
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
+
<div class="content_image">
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
+
<img src= "https://static.igem.org/mediawiki/2014/0/02/Start-up_Kit_icon.png" />
-
and theological speculation throughout history.  
+
-
There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
+
-
The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
+
</div>
-
and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
+
</div>
-
the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
+
<br>
 +
<p class="first_letter_enhanced">Start-up Kit is the first comprehensive and handy tool that aims to help iGEM teams - particularly the new iGEMers, in initiating new human practice projects. Not only it gives iGEMers a quick guide to begin with, but also provides them with a preliminary concept of human practice and analyzed data regarding the past projects, which will give teams a jumpstart to flexibly come up with their own novel human practice project.
 +
 
 +
<p>
 +
HKUST iGEM 2014 team spent nearly the whole summer to collect informations from all human practice projects done in the past. This large set of data was used as a base for the handbook, report, interview and the search engine. The serves exist to interpret and use the database in a different way. For instance, the database is condensed into simple numbers in the handbook to represent frequency of types of projects done in the past. Report, on the other hand, report incorporate the data to observe the general trend regarding human practice projects throughout the iGEM history. Interview questions were formed to show iGEM judges’ view on the previously done projects. Last but not least, search engine helps to find the desired information from the mass database more easily. However, due to the complexity and high level of computer coding knowledge required to build the search engine, we decided to reach out for help.  Kevin Christian Wongso, a graduate of the HKUST class 2014, who has a bachelor degree in computer science has lent us a helping hand. Thanks to his help, now users are able to search for information they want by simply typing a few keywords. </p>
 +
 +
 +
</div>
</div>
</td>
</td>
-
<td class= "content_cell">
 
-
<div class= "content_area">
 
-
<p>
 
-
Scientific contributions focus primarily on describing related empirical facts about the universe,
 
-
exploring the context and parameters concerning the 'how' of life.
 
-
Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
 
-
An alternative, humanistic approach poses the question "What is the meaning of my life?"
 
-
The value of the question pertaining to the purpose of life may coincide with the achievement of ultimate reality, or a feeling of oneness,
 
-
or even a feeling of sacredness.</p>
 
-
</div>
 
-
</td>
 
-
 
</tr>
</tr>
</div>
</div>
</table>
</table>
 +
</div>
 +
<!-- one row of content , two column one picture right-->
<table class= 'start_up_link_area' align= "center">
<table class= 'start_up_link_area' align= "center">
-
<tr class= "start_up_link_row">
+
<tr class= "start_up_link_row">
-
<td class= "start_up_link_button">
+
<td class= "start_up_link_button">
-
<a href="#"><div class= "start_up_link_container">
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook"><div class= "start_up_link_container" align="center">
-
<h4>interview</h4>
+
<h4>Handbook</h4>
-
<p>can here have some description about interview?</p>
+
<div align="center">
-
</div></a>
+
<img src="https://static.igem.org/mediawiki/2014/b/b2/Handbook.png"width="130" height="130" />
-
</td>
+
</div>
-
<td class= "start_up_link_button">
+
<p>This book provides advices from past human practice projects, past iGEM members as well as the judges. </p>
-
<a href="#"><div class= "start_up_link_container">
+
</div></a>
-
<h4>handbook</h4>
+
</td>
-
<p>can here have some description about handbook?</p>
+
-
</div></a>
+
-
</td>
+
-
<td class= "start_up_link_button">
+
-
<a href="#"><div class= "start_up_link_container">
+
-
<h4>database</h4>
+
-
<p>can here have some description about database?</p>
+
-
</div></a>
+
-
</td>
+
-
<td class= "start_up_link_button">
+
-
<a href="#"><div class= "start_up_link_container">
+
-
<h4>Report</h4>
+
-
<p>can here have some description about report?</p>
+
-
</div></a>
+
-
</td>
+
-
 
+
-
</tr>
+
-
</table>
+
-
<hr>
+
-
+
-
<table class= "site_map_table" align= "center">
+
-
<tr>
+
-
<td class= 'site_map_column'><a href="#"><h4>Home</h4></a>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Team</li></a>
+
-
<li class='site_link'><a href="#">Project</li></a>
+
-
<li class='site_link'><a href="#">WetLab</li></a>
+
-
<li class='site_link'><a href="#">Achievement</li></a>
+
-
<li class='site_link'><a href="#">Human Practice</li></a>
+
-
<li class='site_link'><a href="#">Side Project</li></a>
+
-
</ul>
+
 +
<td class= "start_up_link_button">
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report"><div class= "start_up_link_container" align="center">
 +
<h4>Report</h4>
 +
<div align="center">
 +
<img src="https://static.igem.org/mediawiki/2014/9/94/Report.png" width="130" height="130" />
 +
</div>
 +
<p>Take a look at our report to have an idea about the general trends regarding human practice in iGEM history.  </p>
 +
</div></a>
</td>
</td>
-
<td class= 'site_map_column'><a href="#"><h4>Team</h4></a>
+
-
<ul class= 'site_list'>
+
<td class= "start_up_link_button">
-
<li class='site_link'><a href="#">Member</li></a>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/search_engine"><div class= "start_up_link_container" align="center">
-
<li class='site_link'><a href="#">Advisor</li></a>
+
<h4>Search Engine</h4>
-
<li class='site_link'><a href="#">Instructor</li></a>
+
<div align="center">
-
<li class='site_link'><a href="#">Attribution</li></a>
+
<img src="https://static.igem.org/mediawiki/2014/3/39/Search_engine.png" width="130" height="130"/>
-
<li class='site_link'><a href="#">Acknowledgement</li></a>
+
</div>
-
</ul>
+
<p>Want to take a look at the database itself? We have set a search engine to help guide your way through the pile of information.</p>
 +
</div></a>
</td>
</td>
-
<td class= 'site_map_column'><a href="#"><h4>Main Project</h4></a>
+
 
-
<ul class= 'site_list'>
+
<td class= "start_up_link_button">
-
<li class='site_link'><a href="#">Overview</li></a>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview"><div class= "start_up_link_container" align="center">
-
<li class='site_link'><a href="#">Module one</li></a>
+
<h4>Interview</h4>
-
<li class='site_link'><a href="#">Module two</li></a>
+
<div align="center">
-
<li class='site_link'><a href="#">Data</li></a>
+
<img src="https://static.igem.org/mediawiki/2014/9/94/Interview.png" width="130" height="130" />
-
<li class='site_link'><a href="#">Characterisation</li></a>
+
</div>
-
</ul>
+
<p>Nothing is more valuable than comments from iGEM judges. Click to see what judges think about past human practice projects.</p>
-
</td>
+
</div></a>
-
<td class= 'site_map_column'><a href="#"><h4>Side Project</h4></a>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Overview</li></a>
+
-
<li class='site_link'><a href="#">Parts</li></a>
+
-
<li class='site_link'><a href="#">Catalogue</li></a>
+
-
<li class='site_link'><a href="#">Feature Pages</li></a>
+
-
</ul>
+
-
</td>
+
-
<td class= 'site_map_column'><a href="#"><h4>Human Practice</h4></a>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Overview</li></a>
+
-
<li class='site_link'><a href="#">Start up kit</li></a>
+
-
<ul>
+
-
<li class='site_link'><a href="#">Interview</li></a>
+
-
<li class='site_link'><a href="#">Report</li></a>
+
-
<li class='site_link'><a href="#">Database</li></a>
+
-
</ul>
+
-
<li class='site_link'><a href="#">Talks</li></a>
+
-
<li class='site_link'><a href="#">Outreach</li></a>
+
-
</ul>
+
-
</td>
+
-
<td class= 'site_map_column'><a href="#"><h4>Wetlab</h4></a>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Protocol</li></a>
+
-
<li class='site_link'><a href="#">Notebook</li></a>
+
-
<li class='site_link'><a href="#">Safety</li></a>
+
-
</ul>
+
-
</td>
+
-
<td class= 'site_map_column'><a href="#"><h4>Achievement</h4></a>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Medal Requirements</li></a>
+
-
<li class='site_link'><a href="#">Deliverable</li></a>
+
-
</ul>
+
</td>
</td>
 +
</tr>
</tr>
-
 
</table>
</table>
 +
</div>
 +
-
+
<footer>
 +
<script>
 +
$(document).ready(function(){
 +
 +
//Check to see if the window is top if not then display button
 +
$(window).scroll(function(){
 +
if ($(this).scrollTop() > 100) {
 +
$('.nextPage').fadeIn();
 +
} else {
 +
$('.nextPage').fadeOut();
 +
}
 +
});
 +
 +
});
 +
</script>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" class="nextPage">
 +
<div class="nextPage">
 +
<br>
 +
Next page
 +
</div>
 +
</a>
 +
</footer>
</body>
</body>
</html>
</html>
 +
}}

Latest revision as of 14:50, 17 October 2014



Human Practice Start-up Kit


Start-up Kit is the first comprehensive and handy tool that aims to help iGEM teams - particularly the new iGEMers, in initiating new human practice projects. Not only it gives iGEMers a quick guide to begin with, but also provides them with a preliminary concept of human practice and analyzed data regarding the past projects, which will give teams a jumpstart to flexibly come up with their own novel human practice project.

HKUST iGEM 2014 team spent nearly the whole summer to collect informations from all human practice projects done in the past. This large set of data was used as a base for the handbook, report, interview and the search engine. The serves exist to interpret and use the database in a different way. For instance, the database is condensed into simple numbers in the handbook to represent frequency of types of projects done in the past. Report, on the other hand, report incorporate the data to observe the general trend regarding human practice projects throughout the iGEM history. Interview questions were formed to show iGEM judges’ view on the previously done projects. Last but not least, search engine helps to find the desired information from the mass database more easily. However, due to the complexity and high level of computer coding knowledge required to build the search engine, we decided to reach out for help. Kevin Christian Wongso, a graduate of the HKUST class 2014, who has a bachelor degree in computer science has lent us a helping hand. Thanks to his help, now users are able to search for information they want by simply typing a few keywords.


Next page

Home

Pneumosensor

Riboregulator

Human Practice

Team

WetLab

Achievement