Commit 0c08ca40 authored by olijones's avatar olijones
Browse files

Faq, Cloze & MCQ changes

parent 8cba2bf7
......@@ -215,7 +215,7 @@
</ol>
<h2>Requirements</h2>
<p>We suggest you write down your answers so you can check these against the self-assessment activities which follow. In each case, you should identify:</p>
<ul>
<ul class="textlist">
<li>whether the resources are protected by copyright;</li>
<li>who owns the copyright; and</li>
<li>in your opinion, can Theresa include copies of these materials in her course without consent or permission from the copyright holder.</li>
......@@ -257,9 +257,13 @@
</div>
<div class="panel-body">
<div class="col-md-12">
<p>Fill in blanks. Use your cursor or "tab" key to advance to the next answer.</p>
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<strong>Tip!</strong> Fill in the blanks. Use your cursor or "tab" key to advance to the next answer.
</div>
<ol>
<li><p>This edited version of Hamlet by <input class="form-control input-sm clozequiz" type="text" id="inputSmall"> <input class="form-control input-sm clozequiz" type="text" id="inputSmall"> is a literary work.</p></li>
<li><p>This edited version of Hamlet by
<input class="form-control has-success input-sm clozequiz" type="text" id="inputSmall"> <input class="form-control has-error input-sm clozequiz" type="text" id="inputSmall"> is a literary work.</p></li>
<li><p>Literary works <input class="form-control input-sm clozequiz" type="text" id="inputSmall"> protected by copyright.</p></li>
<li><p>The copyright of this edited work would ordinarily belong to <input class="form-control input-sm clozequiz" type="text" id="inputSmall"> <input class="form-control input-sm clozequiz" type="text" id="inputSmall">.</p></li>
<li><p>However, in this instance, the copyright <input class="form-control input-sm clozequiz" type="text" id="inputSmall"> expired and this work has entered the <input class="form-control input-sm clozequiz" type="text" id="inputSmall"> <input class="form-control input-sm clozequiz" type="text" id="inputSmall">.</p></li>
......@@ -272,6 +276,89 @@
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-heading">
<div>
<img class="pedigogicalicon" src="images/Icon_qmark.png">
</div>
<div>
<h2>Permissions to reuse the Kean's edition of Hamlet</h2>
</div>
</div>
<div class="panel-body">
<div class="col-md-12">
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<strong>Tip!</strong> Submit your answer by clicking either 'Yes' or 'No' below.
</div>
<ol>
<li class="paragraphlist mcq">
<p>Can Theresa include a verbatim copy of the full text of Hamlet edited by Keans?
</p>
<div class="accordian-group" id="accordion">
<div class="accordian panel-default">
<div class="accordian-heading">
<p class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> Yes</a>
</p>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<span class="correct"><span class="glyphicon glyphicon-ok"></span> Correct.</span> As the copyright of this work has expired and is in the public domain, Theresa can include the full text without restriction.
</div>
</div>
</div>
<div class="accordian panel-default">
<div class="accordian-heading">
<p class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> No</a>
</p>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<span class="incorrect"><span class="glyphicon glyphicon-remove"></span> Incorrect.</span> As this work is in the public domain, there are no restrictions on making a full copy of the text.
</div>
</div>
</div>
</div>
</li>
<li class="paragraphlist mcq">
<p>Should Theresa reference or attribute Charles Kean in her course materials.</p>
<div class="accordian-group" id="accordion">
<div class="accordian panel-default">
<div class="accordian-heading">
<p class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"> Yes</a>
</p>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<span class="correct"><span class="glyphicon glyphicon-ok"></span> Recommended.</span> Ethical practice would suggest that Theresa should attribute her source. However, the legal position is not clear cut. The attribution requirement stems from moral rights and attribution is not necessarily a legal requirement of the public domain. The duration of moral rights is unclear. Some say that moral rights expire on the death of the author, others argue that they continue as long as the copyright holds and a few suggest that moral rights should hold indefinitely.
</div>
</div>
</div>
<div class="accordian panel-default">
<div class="accordian-heading">
<p class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive"> No</a>
</p>
</div>
<div id="collapseFive" class="panel-collapse collapse">
<div class="panel-body">
<span class="incorrect"><span class="glyphicon glyphicon-remove"></span> Not recommended.</span> While there is no legal attribution requirement for works released in the public domain from a copyright perspective, it is important to note that the works cannot legally be removed from the public domain by asserting copyright ownership of these works after they have entered the public domain. This could be considered copyright fraud.
</div>
</div>
</div>
</div>
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
......
......@@ -2358,8 +2358,9 @@ output {
height: 34px;
padding: 6px 12px;
font-size: 14px;
font-weight: 700;
line-height: 1.42857143;
color: #555;
color: #333;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
......@@ -2557,14 +2558,15 @@ select[multiple].input-lg {
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #3c763d;
color: #6FA92E;
}
.has-success .form-control {
border-color: #3c763d;
.has-success {
border-color: #6FA92E;
background-color: rgba(111, 169, 46, 0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
.has-success:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
......@@ -2611,12 +2613,13 @@ select[multiple].input-lg {
.has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
.has-error {
border-color: #a94442;
background-color: rgba(169, 68, 66, 0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
.has-error:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
......@@ -4617,7 +4620,7 @@ a.thumbnail.active {
color: #333;
}
.alert {
padding: 15px;
padding: 10px 15px 10px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
......
......@@ -124,3 +124,7 @@ background-color: #D0E9FF; /* OP */
#pagenav .current {
background-color: #98D6F6; /* OP */
}
summary {
color: #005aab; /* OP */
/*color: #6FA92E; /* OERu */
}
......@@ -82,12 +82,15 @@ details
}
details summary::-webkit-details-marker
{
display: none;
font-size: 18px;
}
summary
{
cursor: pointer;
outline: none;
font-size: 20px;
margin-bottom: 20px;
font-weight: 300;
}
.right
......
......@@ -123,6 +123,21 @@ input[type=submit]
padding-left: 20px;
vertical-align: middle;
}
.mcq a{
color: #005aab;
}
.mcq a:hover{
color: #005aab;
}
.correct {
color: #6FA92E;
font-weight: 700;
}
.incorrect {
color: #a94442;
font-weight: 700;
}
/* Buttons */
.button
......@@ -214,7 +229,7 @@ color: #FFF;
@media (max-width: 768px) {
h3, h4
{
font-size: 26px;
font-size: 17px;
}
.pedigogicalicon
{
......
......@@ -26,7 +26,7 @@
<script src="js/bootstrap.js"></script>
</head>
<body data-spy="scroll" data-target=".faqnav">
<body>
<header>
<div>
......@@ -138,56 +138,74 @@
<div class="panel-body">
<div class="col-md-12">
<h1>Frequently Asked Questions</h1>
<hr>
</div>
<div class="col-md-9">
<h2 id="openContent">Open content licensing for educators</h2>
<h3>What is the hash tag for this course?</h3>
<p>The hash tag for this course is #OCL4Ed</p>
<h3>Why must I tag my microblog and blog posts?</h3>
<p>The course tag is used by WENotes to harvest your post for the course feed. Include "#OCL4Ed" in your Twitter posts and add the tag (called a label in blogger) "OCL4Ed" to your blog posts.</p>
<h2>Open content licensing for educators</h2>
<details>
<summary>What is the hash tag for this course?</summary>
<p>The hash tag for this course is #OCL4Ed</p>
</details>
<details>
<summary>Why must I tag my microblog and blog posts?</summary>
<p>The course tag is used by WENotes to harvest your post for the course feed. Include "#OCL4Ed" in your Twitter posts and add the tag (called a label in blogger) "OCL4Ed" to your blog posts.</p>
</details>
<hr>
<h2 id="microblogging">Microblogging</h2>
<h3>Where can I find help on how to microblog?</h3>
<p>The <span style="font-weight: 700;">support</span> link in your course navigation provides access to a detailed tutorial on microblogging. Read the instructions carefully.
If you are new to microblogging, you can start by posting directly on WENotes located on the Course Console page (see course navigation under the "Study" link.) Remember that you must be logged in before you can post. As you gain experience, you may want to experiment by creating your own Twitter account which is documented in the help tutorial.</p>
<h3>Can I post or answer questions using the OERu microblog feeds?</h3>
<p>Absolutely!<br>
We encourage all OERu participants to post short questions and invite all participants to share their answers to these questions. That's what peer-to-peer learning is all about. There is a good chance your facilitators might be sleeping when you post your question, and many participants are equally experienced to post valid answers and advice. It is better for us to share the responsibility for learning together.</p>
<h3>Why do OERu courses use microblog posts for peer-to-peer interactions?</h3>
<p>The OERu's free online courses can attract large numbers of participants spanning 24 time zones.</p>
<h2>Microblogging</h2>
<details>
<summary>Where can I find help on how to microblog?</summary>
<p>The <span style="font-weight: 700;">support</span> link in your course navigation provides access to a detailed tutorial on microblogging. Read the instructions carefully.
If you are new to microblogging, you can start by posting directly on WENotes located on the Course Console page (see course navigation under the "Study" link.) Remember that you must be logged in before you can post. As you gain experience, you may want to experiment by creating your own Twitter account which is documented in the help tutorial.</p>
</details>
<details>
<summary>Can I post or answer questions using the OERu microblog feeds?</summary>
<p>Absolutely!<br>
We encourage all OERu participants to post short questions and invite all participants to share their answers to these questions. That's what peer-to-peer learning is all about. There is a good chance your facilitators might be sleeping when you post your question, and many participants are equally experienced to post valid answers and advice. It is better for us to share the responsibility for learning together.</p>
</details>
<details>
<summary>Why do OERu courses use microblog posts for peer-to-peer interactions?</summary>
<p>The OERu's free online courses can attract large numbers of participants spanning 24 time zones.</p>
<ul class="textlist">
<li>Long discussion forum posts don't scale well for a large courses especially when sharing ideas of the moment and short thoughts to stay connected with your peers;</li>
<li>Defining open educational resources</li>
<li>We have found that using microblog posts lower the barriers to participation and results in a 24/7 stream of digital consciousness among peers participating in the course.</li>
<li>The 140 character limit encourages economy of language and focuses on the key concept or message. However OERu courses usually also provide access to discussion forums for more substantive contributions.</li>
</ul>
<h3>Should I read all the microblog posts for my course?</h3>
<p>Active OERu courses with many participants can generate a large number of posts. In many courses it will not be possible to read all the posts and learners are not expected to read everything. Filter according to your interests or the time you have available. A few tips:</p>
</details>
<details>
<summary>Should I read all the microblog posts for my course?</summary>
<p>Active OERu courses with many participants can generate a large number of posts. In many courses it will not be possible to read all the posts and learners are not expected to read everything. Filter according to your interests or the time you have available. A few tips:</p>
<ul class="textlist">
<li>We recommend that you read the posts within your own time zone and post responses when it's convenient for you;</li>
<li>It's more fun and rewarding to respond to the live posts of the hour within your own timezone.</li>
<li>Choose a few course participants with similar interests and follow their microblog stream.</li>
<li>You may also want to scan through the aggregated feed for your course and respond to posts which attract your interest.</li>
</ul>
<h3>Where can I read the microblog posts for the course?</h3>
<p>The best place to access the aggregated feed is from the Learning Console (accessible from the "Study" link in the main course navigation).
If you are just interested in the feeds from a particular source, for example, twitter (that is without posts from other sources) you can search for the OERu course tag on the respective websites, for example "#OCL4Ed".</p>
<h3>Why don't my OERu microblog posts appear in the aggregated course stream?</h3>
<p>The aggregated course feed uses a dedicated tag(s) for your OERu course (for example #AST1000, #OCL4Ed or #OERuWSP). Your OERu course will indicate the tags you should be using. The tag is used as a technical code for harvesting your post into the feed.<br>Make sure that you include the allocated course tag within in your microblog posts when using an external service. For example "I'm enjoying today's activities in the #AST1000 course". The tag is used to identify posts related to specific OERu courses and if omitted, the aggregated feed will not pick up your contribution. Check that you are leaving a space before and after the tag, for example: I'm having fun on the #OCL4Ed course.</p>
<p>Sometimes microblog service providers experience technical problems, which may delay posts. Try to post again later, assuming you have included the course tag properly in your post. The OER Foundation does not administer these microblog sites and we will not be able to assist with these technical service issues.</p>
<h3>When should I post a microblog contribution to the course feed?</h3>
<p>You are encouraged to post contributions any time during the course (remember to include the course tag in the text of your microblog post if you are using Twitter).<br>Participants are invited to post their views, thoughts, and ideas at any time which will contribute to the international stream of digital consciousness during your course.</p>
<p>We have also embedded a number of microblog activities in the OERu course materials. These are triggers or catalysts to share your personal thoughts and views relating to specific course content, e.g., selected videos or topical issues embedded in the course materials.</p>
</details>
<details>
<summary>Where can I read the microblog posts for the course?</summary>
<p>The best place to access the aggregated feed is from the Learning Console (accessible from the "Study" link in the main course navigation).
If you are just interested in the feeds from a particular source, for example, twitter (that is without posts from other sources) you can search for the OERu course tag on the respective websites, for example "#OCL4Ed".</p>
</details>
<details>
<summary>Why don't my OERu microblog posts appear in the aggregated course stream?</summary>
<p>The aggregated course feed uses a dedicated tag(s) for your OERu course (for example #AST1000, #OCL4Ed or #OERuWSP). Your OERu course will indicate the tags you should be using. The tag is used as a technical code for harvesting your post into the feed.<br>Make sure that you include the allocated course tag within in your microblog posts when using an external service. For example "I'm enjoying today's activities in the #AST1000 course". The tag is used to identify posts related to specific OERu courses and if omitted, the aggregated feed will not pick up your contribution. Check that you are leaving a space before and after the tag, for example: I'm having fun on the #OCL4Ed course.</p>
<p>Sometimes microblog service providers experience technical problems, which may delay posts. Try to post again later, assuming you have included the course tag properly in your post. The OER Foundation does not administer these microblog sites and we will not be able to assist with these technical service issues.</p>
</details>
<details>
<summary>When should I post a microblog contribution to the course feed?</summary>
<p>You are encouraged to post contributions any time during the course (remember to include the course tag in the text of your microblog post if you are using Twitter).<br>Participants are invited to post their views, thoughts, and ideas at any time which will contribute to the international stream of digital consciousness during your course.</p>
<p>We have also embedded a number of microblog activities in the OERu course materials. These are triggers or catalysts to share your personal thoughts and views relating to specific course content, e.g., selected videos or topical issues embedded in the course materials.</p>
</details>
<hr>
<h2 id="blogging">Blogging</h2>
<h3>Why do I need a blog for OERu courses?</h3>
<p>The OERu encourages learners to create their own personal learning environments so you can manage and document your own learning using the technologies of your choice. A blog is a powerful and useful tool to add to your personal learning environment. A major advantage of maintaining your own blog is that you will retain control and access to your own work after you finish the course.<br>
<h2>Blogging</h2>
<details>
<summary>Why do I need a blog for OERu courses?</summary>
<p>The OERu encourages learners to create their own personal learning environments so you can manage and document your own learning using the technologies of your choice. A blog is a powerful and useful tool to add to your personal learning environment. A major advantage of maintaining your own blog is that you will retain control and access to your own work after you finish the course.<br>
Many OERu courses invite learners to create a course blog using free hosting services for:</p>
<ul class="textlist">
<li>Recording the outputs of selected learning activities</li>
......@@ -195,17 +213,11 @@
</ul>
<p>Your course blog is a public e-portfolio which you manage and share with fellow learners. We encourage learners to comment on the blog posts of fellow learners. This is a good way to connect and offer peer-to-peer learning support.</p>
<p>Need a little help in setting up a blog? Consult the support materials for tutorials on how to create a blog.</p>
<h3>Where should I register or update my blog url?</h3>
<p>You can register the url of your blog on the course <a href>registration page</a></p>
</div>
<div class="col-md-3">
<div class="faqnav" data-spy="affix" data-offset-top="360">
<ul class="nav sidenav">
<li><a href="#openContent">Open content licensing for educators</a></li>
<li><a href="#microblogging">Microblogging</a></li>
<li><a href="#blogging">Blogging</a></li>
</ul>
</div>
</details>
<details>
<summary>Where should I register or update my blog url?</summary>
<p>You can register the url of your blog on the course <a href="#">registration page</a></p>
</details>
</div>
</div>
</div>
......
......@@ -2112,5 +2112,4 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re
})
})
}(jQuery);
}(jQuery);
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment