Difference between revisions of "Team:TU Darmstadt/Engagement"

(Prototype team page)
 
 
Line 1: Line 1:
−
{{TU_Darmstadt}}
+
{{TU_Darmstadt/chiTU}}
−
 
+
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
<head>
−
<h3>★  ALERT! </h3>
+
<meta http-equiv="refresh" content="0; url=https://2017.igem.org/Team:TU_Darmstadt/human_practices/clonecademy"></meta>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
</head>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<body>
 +
<!-- Header -->
 +
<section id="header">
 +
<header>
 +
<style>
 +
#one:before {
 +
background-image: url("https://static.igem.org/mediawiki/2017/9/92/Banner_prov.jpg");
 +
height: 10em;
 +
}
 +
</style>
 +
<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">ChiTUcare</a></h1>
 +
</header>
 +
<nav id="nav">
 +
<ul>
 +
                                <div class="mainmenu">
 +
                                        <div class="nav-follow">   
 +
                                        <div class="nav-drop">
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/project">Project</a></li>
 +
</div></div>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices" class="active">Human Practices</a></li></div>
 +
<div class="nav-proj-drop">
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices/integrated">Integrated<br>Human Practices</a></li>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices/clonecademy" class="active">CloneCademy</a></li>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices/safety">Safety</a></li>
 
</div>
 
</div>
−
<div class="clear"></div>
+
                                <div class="mainmenu">
 +
                                        <div class="nav-follow">   
 +
                                        <div class="nav-drop_b">
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/tech" >Tech</a></li>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/team">Team</a></li>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/judging">Judging</a></li>
 +
</div>
 +
<input type="button" div class="submenuV" onclick="toggleImage();toggleImage_b();toggleImage2();this.value=this.value=='Show menu'?'Show submenu':'Show menu'" value="Show menu">
 +
</div></div>
 +
</ul>
 +
                                </nav>
 +
</body>
 +
</html>
 +
{{TU_Darmstadt/header-footer}}
 +
<html>
 +
<body>
 +
</section>
  
−
<div class="column half_size">
+
<!-- Wrapper -->
 +
<div id="wrapper">
  
−
<h1>Education and Public Engagement</h1>
+
<!-- Main -->
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
<div id="main">
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
  
−
<br><br>
+
<!-- Abstract: One -->
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
    <section id="one">
−
<br><br>
+
        <div class="container">
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
<header class="major">
−
</p>
+
<h2>CloneCademy</h2>
−
</div>
+
</header>
 +
    <h3>Abstract</h3>
 +
           
 +
</div>
 +
    </section>
 +
   
 +
<!-- Introduction: Two -->
 +
  <section id="two">
 +
        <div class="container">
 +
            <h3>Introduction</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 in particular. So we decided to take up this opportunity and develop our own platform:<br>
 +
            <b>CloneCademy.</b> An online learning platform from experts for experts or those who want to become one.</p>
 +
<br>
 +
            <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, 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 users spreading knowledge on CloneCademy. First of all, you need to become a moderator in order to create content on CloneCademy. Therefore you need to convince us of your intention to join the moderators and have an understanding of the basic structure of a <b>Course</b>. In a nutshell a course on CloneCademy is comprised of an opener, a main part and a quiz to wrap it up.
 +
            </p>
 +
        </div>
 +
    </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="https://static.igem.org/mediawiki/2017/0/08/T--TU_Darmstadt--CC_Video.png" 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 to challange your users to fill in any gaps.</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 <b>Video</b> you posted earlier.</p>
 +
    <div class="features">
 +
<!-- Feature -->
 +
<article>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/3/3f/T--TU_Darmstadt--CC_MCQ.png" 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="https://static.igem.org/mediawiki/2017/9/99/T--TU_Darmstadt--CC_CustomFeedback.png" alt="" /></a>
 +
<div class="inner">
 +
<h4>Custom Feedback</h4>
 +
        <p>If you as a moderator want to add a little consequence to the lesson you tought, you can add a <b>Custom Feedback</b>. This way you can expand the meaning of the question you asked.</p>
 +
</div>
 +
</article>
 +
<!-- Feature -->
 +
<article>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/4/48/T--TU_Darmstadt--CC_Navigation.png" 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. It is a place, where every moderator can really challange his users to review their newly gained knowledge. It is especially a place where <b>No Mistakes</b> are taken easily and <b>No Information</b> is given. In other words, a user needs to repeat the whole <b>Quiz</b> to improve upon his past mistakes. A suggested strategy is to ask about lessons you tought but never checked if they were understood.</p>
 +
        </div>
 +
        </section>
 +
        <div class="features">
 +
<!-- Feature -->
 +
<article>
 +
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
 +
<div class="inner">
 +
<h4>Minimal Layout</h4>
 +
        <p>There is <b>No Navigation</b>, just a <b>Submit</b>-Button. There should be no information given, just questions asked. There is a posibility for <b>Pictures</b>, but none for videos or blocktexts. </p>
 +
</div>
 +
</article>
 +
<!-- Feature -->
 +
<article>
 +
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
 +
<div class="inner">
 +
<h4>Randomiziation counters <br> Learning by Heart</h4>
 +
        <p>To prevent plain <b>Memorization</b> of sequence and place, all questions and answers are <b>Randomized</b>. In addition you need to make a completely new attempt to improve your result, which will increase the chance you comprehend what you were asked about. We are aware, that just writing down the answers to the question is a feasible method, but we don't consider it cheating. In fact the <b>Memorization Process</b> improves all the more if more senses are involved.</p>
 +
</div>
 +
</article>
 +
    </div>
 +
       
 +
       
  
 +
<!-- The Future: Five -->
 +
  <section id="five">
 +
<div class="container">
 +
<h3>The Future</h3>
 +
<p>Clonecademy has originated from our idea of creating a public learning
 +
tool for synthetic biology. Fed with our perceptions, it is a
 +
well-usable service. But there is potential to become an extraordinary
 +
instrument! It needs to be filled with more content, therefore we
 +
invite you to create content, use clonecademy.net --> link? and become smarter
 +
every day. Also, the development is not completed. We are open for
 +
ideas, thoughts and inspiration. We want to give clonecademy to the
 +
public. We hope, that we can convince you to participate in development
 +
and content creating. It shall not longer be an iGEM TU Darmstadt
 +
project. It is a gift from us to you, to everyone. Sharing it with the
 +
public, it shall remain open-source and free for all who are
 +
interested.
 +
        </div>
 +
    </section>
  
 +
<!-- How can I particitpate: Six -->
 +
  <section id="six">
 +
        <div class="container">
 +
        <h3>How can I participate?</h3>
 +
        <ul class="alt">
 +
          <li> Open Issues on our <a href="https://www.github.com/iGEMDarmstadt/clonecademy">GitHub Repository</a></li>
 +
          <li> Solve assigned tasks </li>
 +
          <li> Feel free to add suggestions </li>
 +
          <li> Create content by becoming a moderator </li>
 +
          <li> Use it, share it, like it. </li>
 +
        </ul>
 +
        </p>
 +
</div>
 +
    </section>
  
−
<div class="column half_size">
+
 
−
<h5>Inspiration</h5>
+
<!-- Footer -->
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
  <section id="footer">
−
<ul>
+
<div class="container">
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
<ul class="copyright">
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
</ul>
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
</div>
−
</ul>
+
  </section>
  
 
</div>
 
</div>
−
 
+
</body>
−
 
+
−
<div class="clear"></div>
+
 
</html>
 
</html>

Latest revision as of 15:50, 25 October 2017

MainPage

CloneCademy

Abstract

Introduction

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 in particular. So we decided to take up this opportunity and develop our own platform:
CloneCademy. An online learning platform from experts for experts or those who want to become one.


We think Education 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, which can be accompanied by a video or other Features. Since it is possible in bioengineering to get very experienced in cloning (or other disciplines) with only few prerequisites our central ideas became Interactivity and Simplicity.

In the next section we will walk you through most of the features relevant for users spreading knowledge on CloneCademy. First of all, you need to become a moderator in order to create content on CloneCademy. Therefore you need to convince us of your intention to join the moderators and have an understanding of the basic structure of a Course. In a nutshell a course on CloneCademy is comprised of an opener, a main part and a quiz to wrap it up.

Features

Opener

What is an Opener? In our understanding an Opener 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: "In Imagination, there's no Limitation"

Video

It is possible to embed Youtube Videos in order to support or introduce the topic of the course.

Information Text

With the Information Text 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 Information Text showing a picture that is only shown partially in the following questions to challange your users to fill in any gaps.

Main Part

The Main Part is the bulk of every course in CloneCademy. It can either be used to explain something new and check immediately if it is understood or you ask questions to the Video you posted earlier.

Multiple Choice Questions

The main mode for questioning are Mulitple Choice Questions. That means, you can expect multiple right answers from a user or ask multiple questions simultaneously.

Picture Support

Not only can Pictures be uploaded to a question, it is also possible to add a Feedback Picture and Pictogramms to each possible answer, which makes a sort of "Drag'n'Drop"-Setup feasible. Additionally you get help from a Cropping Tool, if the picture is too big or has the wrong aspect ratio.

Custom Feedback

If you as a moderator want to add a little consequence to the lesson you tought, you can add a Custom Feedback. This way you can expand the meaning of the question you asked.

Progress Overview

As a user you get access to different Progress Indicators. On the bottom is a Progress Bar and in the bottom left corner you can gain access to a Course Overview, which shows a list all questions titles in this course.

Profiles and Rankings

Every User gets a Profile Page. It grants access to your Statistics and the overall Rankings. It is also the place, where you can upload a Profile Picture and request Moderator Rights. Every question is equipped with a set amount of points that contribute to your Ranking Score. More difficult courses are more rewarding. Quizzes, which are more challanging than single questions offer points for surpassing certain accuracy thresholds (40%, 70%, 90%).

Statistics

As a user you have access to your weekly and overall Activity Overview, that distinguishes between categories and right/wrong answers. As a Moderator you additionally get access to Course Statistics, 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.

Quizzes

Quizzes should be the target of most courses. It is a place, where every moderator can really challange his users to review their newly gained knowledge. It is especially a place where No Mistakes are taken easily and No Information is given. In other words, a user needs to repeat the whole Quiz to improve upon his past mistakes. A suggested strategy is to ask about lessons you tought but never checked if they were understood.

Minimal Layout

There is No Navigation, just a Submit-Button. There should be no information given, just questions asked. There is a posibility for Pictures, but none for videos or blocktexts.

Randomiziation counters
Learning by Heart

To prevent plain Memorization of sequence and place, all questions and answers are Randomized. In addition you need to make a completely new attempt to improve your result, which will increase the chance you comprehend what you were asked about. We are aware, that just writing down the answers to the question is a feasible method, but we don't consider it cheating. In fact the Memorization Process improves all the more if more senses are involved.

The Future

Clonecademy has originated from our idea of creating a public learning tool for synthetic biology. Fed with our perceptions, it is a well-usable service. But there is potential to become an extraordinary instrument! It needs to be filled with more content, therefore we invite you to create content, use clonecademy.net --> link? and become smarter every day. Also, the development is not completed. We are open for ideas, thoughts and inspiration. We want to give clonecademy to the public. We hope, that we can convince you to participate in development and content creating. It shall not longer be an iGEM TU Darmstadt project. It is a gift from us to you, to everyone. Sharing it with the public, it shall remain open-source and free for all who are interested.

How can I participate?

  • Open Issues on our GitHub Repository
  • Solve assigned tasks
  • Feel free to add suggestions
  • Create content by becoming a moderator
  • Use it, share it, like it.