|
|
| Line 67: |
Line 67: |
| | <section id="two"> | | <section id="two"> |
| | <div class="container"> | | <div class="container"> |
| − | <h3>Introduction</h3> | + | <h3>bla</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>...</p> |
| − | <b>CloneCademy.</b> An online learning platform from experts for experts.</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 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 --> |
