Difference between revisions of "Team:TU Darmstadt/human practices/safety"

(Created page with "{{TU_Darmstadt/chiTU}} <html> <body> <!-- Header --> <section id="header"> <header> <style> #one:before { background-image: url("https://static.igem.org/mediawiki/2017/9/92/B...")
 
 
(40 intermediate revisions by 10 users not shown)
Line 7: Line 7:
 
<style>
 
<style>
 
#one:before {
 
#one:before {
−
background-image: url("https://static.igem.org/mediawiki/2017/9/92/Banner_prov.jpg");
+
background-image: url("https://static.igem.org/mediawiki/2017/b/bb/T--TU_Darmstadt--BannerSafety.png");
 
height: 10em;
 
height: 10em;
 
}
 
}
 
</style>
 
</style>
−
<span class="image avatar"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="" /></span>
+
<span class="image avatar"><a href="https://2017.igem.org/Team:TU_Darmstadt"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="home" /></a></span>
−
<h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt" alt="home">ChiTUcare</a></h1>
+
<h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a></h1>
 
</header>
 
</header>
 
<nav id="nav">
 
<nav id="nav">
Line 44: Line 44:
 
<body>
 
<body>
 
</section>
 
</section>
 +
  
 
<!-- Wrapper -->
 
<!-- Wrapper -->
Line 55: Line 56:
 
         <div class="container">
 
         <div class="container">
 
<header class="major">
 
<header class="major">
−
<h2>CloneCademy</h2>
+
<h2>Safety</h2>
 
</header>
 
</header>
−
    <h3>Abstract</h3>
 
 
             <div class="post-it">
 
             <div class="post-it">
−
<p style="font-size:20px">Faucibus sed lobortis aliquam lorem blandit. Lorem eu nunc metus col. Commodo id in arcu ante lorem ipsum sed accumsan erat praesent faucibus commodo ac mi lacus. Adipiscing mi ac commodo. Vis aliquet tortor ultricies non ante erat nunc integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum.</p>
+
<p>Safety is a crucial aspect in laboratory work, so we designed a safety poster. In case of various emergencies, all needed information can be found accordingly. The poster consists of three sections. First, German emergency numbers, such as ambulance and fire brigade, which provides you urgent assistance in case of serious accidents. The second section informs about safety contacts in building B101, where our lab is located. You can find the telephone numbers of first-aiders and the BBS (biological safety officer), who needs to be informed in case of emergency. The third section instructs on specific measures in case of fire, a GMO accident, or a medical emergency. If we have to leave the building during emergency, the safe meeting point is marked on the map. </p>
 
             </div>
 
             </div>
−
</div>
+
</div>
 +
</section>
 +
 
 +
<section id="two">
 +
<div class="container">
 +
 
 +
<figure>
 +
<center><object data="https://static.igem.org/mediawiki/2017/c/cd/T--TU_Darmstadt--SafetyPoster.png" border="1" style="width:80%">
 +
</object>
 +
<figcaption><b>Figure 1. Safety Poster Template.</b> This poster can be used as a template for lab safety posters, yet names and telephone numbers need amending.</figcaption><br>
 +
</figure>
 +
<center><a href="https://static.igem.org/mediawiki/2017/7/74/T--TU_Darmstadt--safetyposter.pdf">Download here</a></center></p>
 +
<br>
 +
       
 +
            <p>It is hung up next to our lab door, so it is easily accessible for everyone.  As some of the internships for bachelor and master students are taking place in our lab, the next generations of students will have the ability to work in a safer lab. The working group of Prof. Dr. Heribert Warzecha decided to hang up our poster in their lab as well, as they did not have such a neatly arranged and extensive poster before. As their lab is located in the same building, names and telephone numbers did not need amending. </p>
 +
        </div>
 
     </section>
 
     </section>
−
   
+
<section id="three">
−
<!-- Introduction: Two -->
+
−
  <section id="two">
+
 
         <div class="container">
 
         <div class="container">
−
            <h3>Introduction</h3>
+
          <h3>Safety Course in CloneCademy</h3>
−
             <p>Since the advent of the digital age more and more people discovered the assets of the internet. Whilst services such as instant messaging, social media, video on demand etc. already found entry to the lives of many people, a new zeitgeist is evolving. In a time, where there is too much knowledge to know it all, experts resort to sharing their expertise with others. Thus a number of online interactive learning platforms emerged. But as we took interest in them, we discovered that there are few platforms teaching either biotechnology in general nor synthetic biology. So we decided to take up on this opportunity and develop our own platform:<br>
+
             <p>Another approach concerning the teaching of lab safety is the interactive learning website CloneCademy. Next to the courses about “Synthetic Biology”, the section “Safety and Ethics” was created. The idea is to give information about fundamental lab safety in a fast and simple manner employing short texts and quizzes. The course covers topics which are usually discussed during ordinary safety briefings, e.&nbsp;g. workplace hygiene, proper handle of chemicals, H and P statements and how to avoid and act properly in emergency situations. The goal is to ensure a basic understanding of safety and thus ensure a safe working environment. The user will know how to prevent dangerous situation and reduce hazards to the minimum after completing the course. They should also know  what to do in case of an emergency.
−
            <b>CloneCademy.</b> An online learning platform from experts for experts.</p>
+
If you are interested in learning about the other aspects of CloneCademy, feel free to visit <a href="https://clonecademy.net/">CloneCademy.net</a> or our page about <a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices/clonecademy">CloneCademy</a>.
−
<br>
+
</p>
−
            <p>We think <b>Education</b> is a big part of Human Practices therefore we decided to take it to another level and start developing CloneCademy. There are few channels inside the iGEM-Community in which knowledge can be spread besides the Webinars, which requires the hosting team to be present. An interactive platform like CloneCademy can teach thousands of people interactivly, only by uploading a series of questions accompanied, which can be accompanied by a video or other <b>Features</b>. Since it is possible in bioengineering to get very experienced in cloning (or other disciplines) with only few prerequisites our central ideas became <b>Interactivity</b> and <b>Simplicity</b>.
+
−
<br>    
+
−
<br>
+
−
            <p>In the next section we will walk you through most of the features relevant for moderators creating content on CloneCademy. In a nutshell a course on CloneCademy can be comprised of an opener, a main part and a quiz to wrap it up.
+
−
            </p>
+
 
         </div>
 
         </div>
 
     </section>
 
     </section>
−
 
−
<!-- Features: Three -->
 
−
    <section id="three">
 
−
<div class="container">
 
−
    <h2>Features</h2>
 
−
<!-- Opener -->
 
−
<h3>Opener</h3>
 
−
        <p><b>What is an Opener?</b> In our understanding an <b>Opener</b> should explain the motivation of the course in some way. Either you show what can be done with the knowledge accuired in the course, give a great overview of the course or even make a video explaining a laboratory method covered by the course. As Mark Victor Hansen said so fittingly: <i>"In Imagination, there's no Limitation"</i></p>
 
−
<div class="features">
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Video</h4>
 
−
        <p>It is possible to embed Youtube Videos in order to support or introduce the topic of the course</p>
 
−
</div>
 
−
</article>
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Information Text</h4>
 
−
        <p>With the <b>Information Text</b> you decide to i.e. explain a picture you uploaded thoroughly, without asking any questions in the first place. One teaching strategy could start with an <b>Information Text</b> showing a picture that is only shown partially in the following questions.</p>
 
−
</div>
 
−
</article>
 
−
<!-- Main Part -->
 
−
    <h3>Main Part</h3>
 
−
        <p>The <b>Main Part</b> is the bulk of every course in CloneCademy. It can either be used to explain something new and check immediately if it is understood <b>or</b> you ask questions to the Video you posted earlier.</p>
 
−
    <div class="features">
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Multiple Choice Questions</h4>
 
−
        <p>The main mode for questioning are <b>Mulitple Choice Questions</b>. That means, you can expect multiple right answers from a user <b>or</b> ask multiple questions simultaneously.</p>
 
−
</div>
 
−
</article>
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Picture Support</h4>
 
−
        <p>Not only can <b>Pictures</b> be uploaded to a question, it is also possible to add a <b>Feedback Picture</b> and <b>Pictogramms</b> to each possible answer, which makes a sort of <b>"Drag'n'Drop"</b>-Setup feasible. Additionally you get help from a <b>Cropping Tool</b>, if the picture is too big or has the wrong aspect ratio.</p>
 
−
</div>
 
−
</article>
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Costum Feedback</h4>
 
−
        <p>If you as a moderator realize, that your question is <b>too difficult</b> you can decide to add a <b>Custom Feedback</b> to your question. As a consequence the "Wrong"-Popup will display your Custom Feedback, instead of a randomly generated one.</p>
 
−
</div>
 
−
</article>
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Progress Overview</h4>
 
−
        <p>As a user you get access to different <b>Progress Indicators</b>. On the bottom is a <b>Progress Bar</b> and in the bottom left corner you can gain access to a <b>Course Overview</b>, which shows a list all questions titles in this course.</p>
 
−
</div>
 
−
</article>
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Profiles and Rankings</h4>
 
−
        <p>Every User gets a <b>Profile Page</b>. It grants access to your <b>Statistics</b> and the overall <b>Rankings</b>. It is also the place, where you can upload a <b>Profile Picture</b> and request <b>Moderator Rights</b>. Every question is equipped with a set amount of points that contribute to your Ranking Score. More difficult courses are more rewarding. <b>Quizzes</b>, which are more challanging than single questions offer points for surpassing certain accuracy thresholds (40%, 70%, 90%).</p>
 
−
</div>
 
−
</article>
 
−
<!-- Feature -->
 
−
<article>
 
−
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
 
−
<div class="inner">
 
−
<h4>Statistics</h4>
 
−
        <p>As a user you have access to your weekly and overall <b>Activity Overview</b>, that distinguishes between categories and right/wrong answers. As a Moderator you additionally get access to <b>Course Statistics</b>, that will dispense a right/wrong-quotient for each of your questions. This should be helpful information, if you're trying to improve your exisiting courses.</p>
 
−
</div>
 
−
</article>
 
−
<!-- Main Part -->
 
−
    <h3>Quizzes</h3>
 
−
        <p>Quizzes should be the target of most courses. </p>
 
−
        </div>
 
−
        </section>
 
−
       
 
−
       
 
−
 
−
<!-- The Future: Five -->
 
−
  <section id="five">
 
−
<div class="container">
 
−
<h3>The Future</h3>
 
−
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer lorem ipsum dolor sit amet.</p>
 
−
</div>
 
−
</section>
 
−
 
  
 
<!-- Footer -->
 
<!-- Footer -->
−
  <section id="footer">
+
</body>
−
<div class="container">
+
</html>
−
<ul class="copyright">
+
{{TU_Darmstadt/footerG}}
−
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
<html>
−
</ul>
+
<body>
−
</div>
+
−
  </section>
+
−
 
+
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 13:52, 1 November 2017

MainPage

Safety

Safety is a crucial aspect in laboratory work, so we designed a safety poster. In case of various emergencies, all needed information can be found accordingly. The poster consists of three sections. First, German emergency numbers, such as ambulance and fire brigade, which provides you urgent assistance in case of serious accidents. The second section informs about safety contacts in building B101, where our lab is located. You can find the telephone numbers of first-aiders and the BBS (biological safety officer), who needs to be informed in case of emergency. The third section instructs on specific measures in case of fire, a GMO accident, or a medical emergency. If we have to leave the building during emergency, the safe meeting point is marked on the map.

Figure 1. Safety Poster Template. This poster can be used as a template for lab safety posters, yet names and telephone numbers need amending.

Download here


It is hung up next to our lab door, so it is easily accessible for everyone. As some of the internships for bachelor and master students are taking place in our lab, the next generations of students will have the ability to work in a safer lab. The working group of Prof. Dr. Heribert Warzecha decided to hang up our poster in their lab as well, as they did not have such a neatly arranged and extensive poster before. As their lab is located in the same building, names and telephone numbers did not need amending.

Safety Course in CloneCademy

Another approach concerning the teaching of lab safety is the interactive learning website CloneCademy. Next to the courses about “Synthetic Biology”, the section “Safety and Ethics” was created. The idea is to give information about fundamental lab safety in a fast and simple manner employing short texts and quizzes. The course covers topics which are usually discussed during ordinary safety briefings, e. g. workplace hygiene, proper handle of chemicals, H and P statements and how to avoid and act properly in emergency situations. The goal is to ensure a basic understanding of safety and thus ensure a safe working environment. The user will know how to prevent dangerous situation and reduce hazards to the minimum after completing the course. They should also know what to do in case of an emergency. If you are interested in learning about the other aspects of CloneCademy, feel free to visit CloneCademy.net or our page about CloneCademy.