Commit baba46b2 by Jay Zoldak

Update course with changes to match Production

parent 2245b651
<combinedopenended max_score="1" accept_file_upload="False" markdown="null" max_attempts="10000" skip_spelling_checks="False" version="1" weight="1" display_name="Combined Open Ended Response" graded="true">
<combinedopenended max_score="1" accept_file_upload="False" display_name="Combined Open Ended Response" graded="true" markdown="null" max_attempts="10000" skip_spelling_checks="False" version="1" weight="1">
<rubric>
<rubric>
<category>
......
<combinedopenended max_score="1" accept_file_upload="False" markdown="null" max_attempts="10000" skip_spelling_checks="False" version="1" display_name="Peer-Graded Essay">
<combinedopenended max_score="1" accept_file_upload="false" display_name="Peer-Graded Essay" markdown="null" max_attempts="10000" skip_spelling_checks="false" version="1">
<rubric>
<rubric>
<category>
......
<combinedopenended max_score="2" markdown="null" max_attempts="1000" display_name="AI Graded Essay" graceperiod="0 day 5 hours 0 minutes 0 seconds" graded="true" rerandomize="never" showanswer="attempted" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<combinedopenended max_score="2" display_name="AI Graded Essay" graceperiod="0 day 5 hours 0 minutes 0 seconds" graded="true" markdown="null" max_attempts="1000" rerandomize="never" showanswer="attempted" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<rubric>
<rubric>
<category>
......
<combinedopenended max_score="1" accept_file_upload="False" markdown="null" max_attempts="1000" skip_spelling_checks="False" version="1" display_name="Open Ended Response">
<combinedopenended max_score="1" accept_file_upload="False" display_name="Open Ended Response" markdown="null" max_attempts="1000" skip_spelling_checks="False" version="1">
<rubric>
<rubric>
<category>
......
<course url_name="edx_demo_course" org="edX" course="Open_DemoX"/>
<course url_name="Demo_Course" org="edX" course="DemoX"/>
<discussion discussion_category="Getting Started" discussion_id="1d153da210844719a1a6cc39ca09673c" discussion_target="Video Demonstrations" display_name="Video Demonstrations"/>
<discussion discussion_category="Essays" discussion_id="d18f0d5a5afb4b6381dd4f531599e1f0" discussion_target="Peer-Graded Essays" display_name=""/>
<combinedopenended max_score="1" accept_file_upload="false" display_name="Peer-Graded Essay" markdown="null" max_attempts="10000" skip_spelling_checks="false" version="1">
<rubric>
<rubric>
<category>
<description>Writing Applications</description>
<option> The essay loses focus, has little information or supporting details, and the organization makes it difficult to follow.</option>
<option> The essay presents a mostly unified theme, includes sufficient information to convey the theme, and is generally organized well.</option>
</category>
<category>
<description> Language Conventions </description>
<option> The essay demonstrates a reasonable command of proper spelling and grammar. </option>
<option> The essay demonstrates superior command of proper spelling and grammar.</option>
</category>
</rubric>
</rubric>
<prompt>
<h4>Censorship in the Libraries</h4>
<p>"All of us can think of a book that we hope none of our children or any other children have taken off the shelf. But if I have the right to remove that book from the shelf -- that work I abhor -- then you also have exactly the same right and so does everyone else. And then we have no books left on the shelf for any of us." --Katherine Paterson, Author</p>
<p>Write a persuasive essay to a newspaper reflecting your views on censorship in libraries. Do you believe that certain materials, such as books, music, movies, magazines, etc., should be removed from the shelves if they are found offensive? Support your position with convincing arguments from your own experience, observations, and/or reading.</p>
</prompt>
<task>
<openended>
<openendedparam>
<initial_display>Enter essay here.</initial_display>
<answer_display>This is the answer.</answer_display>
<grader_payload>{"grader_settings" : "peer_grading.conf", "problem_id" : "700x/Demo"}</grader_payload>
</openendedparam>
</openended>
</task>
</combinedopenended>
<discussion discussion_category="Essays" discussion_id="829461ad9b6542ed965786997d19b617" discussion_target="Peer-Graded Essays" display_name=""/>
<h2>Peer-Graded Essay</h2>
<p>Lastly, your course might use peer-graded essay assignments. &nbsp;One of the best ways to learn is to be exposed to other people's responses to a question that you have already thought critically about. Reading incorrect responses will make you more aware of many of the subtleties in a question that you might have otherwise taken for granted. Reading correct responses allows you to see different perspectives on the same question. &nbsp;</p>
<p>In some courses, several of these essays tools are used together to really provide a great learning experience.&nbsp;</p>
<p>How does the peer-grading tool work? &nbsp;There are three steps:</p>
<ol>
<li>Answer the question. Write a response to the prompt to the best of your ability.</li>
<li>Contributing to the student community: grade other people's responses. You will be provided with a rubric by the instructor, and asked to evaluate how other people's responses compare to the rubric. You can participate in this grading workflow by clicking on the "Open Ended Panel" option on the top of the screen, or by using the "Peer Grading" panel on this page below your submission.</li>
<li>After you have graded other student responses, your response will be included in the pool of responses to be graded, and other students will provide you with feedback on how you have done. You will see the results of the peer grading process in the same place in the courseware that you originally submitted your response.&nbsp;</li>
</ol>
<p>You can use the example embedded here to see the peer grading concept in action.&nbsp;</p>
<div id="ap_listener_added">&nbsp;</div>
\ No newline at end of file
<html filename="625da8989bdc4b7fa0acdb98618c98ac" display_name="Peer-Graded Essay"/>
<vertical display_name="New Unit" parent_sequential_url="i4x://edX/Open_DemoX/sequential/simulations" index_in_children_list="4">
<vertical display_name="New Unit" parent_sequential_url="i4x://edX/DemoX/sequential/simulations" index_in_children_list="4">
<video url_name="af7fe1335eb841cd81ce31c7ee8eb069"/>
</vertical>
<vertical display_name="Homework - Find Your Study Buddy" parent_sequential_url="i4x://edX/Open_DemoX/sequential/48ecb924d7fe4b66a230137626bfa93e" index_in_children_list="3">
<vertical display_name="Homework - Find Your Study Buddy" parent_sequential_url="i4x://edX/DemoX/sequential/48ecb924d7fe4b66a230137626bfa93e" index_in_children_list="3">
<html url_name="87fa6792d79f4862be098e5169e93339"/>
</vertical>
<vertical display_name="Molecule Structures" parent_sequential_url="i4x://edX/Open_DemoX/sequential/graded_simulations" index_in_children_list="5">
<vertical display_name="Molecule Structures" parent_sequential_url="i4x://edX/DemoX/sequential/graded_simulations" index_in_children_list="5">
<problem url_name="9b9687073e904ae197799dc415df899f"/>
</vertical>
<vertical display_name="Exciting Labs and Tools" parent_sequential_url="i4x://edX/Open_DemoX/sequential/19a30717eff543078a5d94ae9d6c18a5" index_in_children_list="7">
<vertical display_name="Exciting Labs and Tools" parent_sequential_url="i4x://edX/DemoX/sequential/19a30717eff543078a5d94ae9d6c18a5" index_in_children_list="7">
<html url_name="ffcd6351126d4ca984409180e41d1b51"/>
<discussion url_name="1c8d47c425724346a7968fa1bc745dcd"/>
</vertical>
<vertical display_name="Peer-Graded Essay" parent_sequential_url="i4x://edX/DemoX/sequential/machine_grading" index_in_children_list="3">
<html url_name="625da8989bdc4b7fa0acdb98618c98ac"/>
<combinedopenended url_name="90ffcb1647ab4957ab79bec6155bb046"/>
<discussion url_name="ea91407e4b04477190b3162bc8f39162"/>
</vertical>
<vertical display_name="When Are Your Exams? " parent_sequential_url="i4x://edX/Open_DemoX/sequential/19a30717eff543078a5d94ae9d6c18a5" index_in_children_list="8">
<vertical display_name="When Are Your Exams? " parent_sequential_url="i4x://edX/DemoX/sequential/19a30717eff543078a5d94ae9d6c18a5" index_in_children_list="9">
<html url_name="9d5104b502f24ee89c3d2f4ce9d347cf"/>
</vertical>
<vertical display_name="Video Demonstrations">
<vertical display_name="Video Demonstrations" parent_sequential_url="i4x://edX/DemoX/sequential/19a30717eff543078a5d94ae9d6c18a5" index_in_children_list="4">
<html url_name="eb469ec408fa4ab1a9b86c634ca9bfa9"/>
<video url_name="ab98b0e385e64445ae97e730ffdf17e7"/>
<html url_name="2d3efa8db04346548bd5e5374de77628"/>
......
<vertical display_name="Instructor Programmed Responses" parent_sequential_url="i4x://edX/Open_DemoX/sequential/basic_questions" index_in_children_list="7">
<vertical display_name="Instructor Programmed Responses" parent_sequential_url="i4x://edX/DemoX/sequential/basic_questions" index_in_children_list="7">
<problem url_name="d7daeff25e4f4026bdd269ae69e03e02"/>
</vertical>
<vertical display_name="Introduction: Video and Sequences" parent_sequential_url="i4x://edX/Open_DemoX/sequential/edx_introduction" index_in_children_list="0">
<vertical display_name="Introduction: Video and Sequences" parent_sequential_url="i4x://edX/DemoX/sequential/edx_introduction" index_in_children_list="0">
<html url_name="030e35c4756a4ddc8d40b95fbbfff4d4"/>
<video url_name="0b9e39477cf34507a7a48f74be381fdd"/>
<videoalpha url_name="0b9e39477cf34507a7a48f74be381fdd"/>
</vertical>
<video sub="name_of_file" youtube="1.00:b7xgknqkQk8" display_name="Welcome!" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&quot;]" show_captions="true" source="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4" track="" youtube_id_0_75="" youtube_id_1_0="b7xgknqkQk8" youtube_id_1_25="" youtube_id_1_5="">
<source src="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4"/>
</video>
<video sub="gnqth8uWzO8" youtube="1.00:gnqth8uWzO8" display_name="Biology Demonstration" youtube_id_1_0="gnqth8uWzO8"/>
<video youtube="1.00:gnqth8uWzO8" sub="gnqth8uWzO8" display_name="Biology Demonstration" youtube_id_1_0="gnqth8uWzO8"/>
<videoalpha youtube="1.00:b7xgknqkQk8" sub="name_of_file" show_captions="true" display_name="Welcome!" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&quot;]" source="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4" track="" youtube_id_1_0="b7xgknqkQk8">
<source src="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4"/>
</videoalpha>
......@@ -3,6 +3,6 @@
</div>
<div>
<p style="font-size: 16px;"><span style="line-height: 1.6;">If you passed your edX course, your certificate will be delivered online through&nbsp;</span><a style="line-height: 1.6;" href="http://www.edx.org/">edx.org</a><span style="line-height: 1.6;">. &nbsp;Be sure to check your email in the weeks following the final grading &ndash; you will be able to download and print your certificate.</span>&nbsp;Once the certificate generation process has completed, you will be able to download it from your profile page.</p>
<p><img alt="" src="/static/edX-SampleCertificate-Ux_x400.png" /></p>
<p><img alt="" src="/c4x/edX/DemoX/asset/edX-SampleCertificate-Ux_x400.png" /></p>
<p>&nbsp;</p>
</div>
\ No newline at end of file
<h2>Labs and Demos</h2>
<p><img src="/static/labs_x250.png" alt="Labs" width="250" hspace="12" vspace="12" border="0" align="right" />Professors that create courses on edX are able to implement highly interactive experiences that allow you as a student to experiment using easy to use online web applications. These labs are customized to each class and subject area. We have collected a couple of the more popular lab environments here for you to experience and play with.</p>
<p><img src="/c4x/edX/DemoX/asset/labs_x250.png" alt="Labs" width="250" hspace="12" vspace="12" border="0" align="right" />Professors that create courses on edX are able to implement highly interactive experiences that allow you as a student to experiment using easy to use online web applications. These labs are customized to each class and subject area. We have collected a couple of the more popular lab environments here for you to experience and play with.</p>
<p>Please be patient with yourself as you take a look around at these lab environments. You probably will not be able to answer these questions without taking a course on the topic first!</p>
<div id="ap_listener_added">&nbsp;</div>
<h2>Passing a COurse</h2>
<p><span style="line-height: 1.6;"><span style="line-height: 1.6;">After the last assignment in a class has been due, you will see the entry in your student profile change to show progress toward generating your certificate. After the certificate generation process has completed, you will be able to download it from your profile page.</span></span></p>
<p><img alt="" src="/static/passing.png" /></p>
<p><img alt="" src="/c4x/edX/DemoX/asset/passing.png" /></p>
<p>&nbsp;</p>
<div id="ap_listener_added">&nbsp;</div>
\ No newline at end of file
......@@ -2,15 +2,19 @@
<p>Some edX classes use extremely large, extremely detailed graphics. To make it easier to understand we can offer two versions of those graphics, with the zoomed section showing when you click on the main view.&nbsp;</p>
<p>The&nbsp;example below is from&nbsp;<a href="https://www.edx.org/course/mit/7-00x/introduction-biology-secret-life/1014" target="_blank">7.00x: Introduction to Biology</a>&nbsp;and shows a subset of the biochemical reactions that cells carry out.&nbsp;</p>
<p>You can view the chemical structures of the molecules by clicking on them. The magnified view also lists the enzymes involved in each step.</p>
<div id="place1" class="place" style="position: relative;"><a class="loupe" href="/static/pathways_detail_01.png"> <img alt="magnify" src="/static/pathways_overview_01.png" /> </a></div>
<script type="text/javascript" src="/static/jquery.loupeAndLightbox.js"></script>
<div class="zooming-image-place" style="position: relative;">
<a class="loupe" href="//studio.edx.org/c4x/edX/DemoX/asset/pathways_detail_01.png">
<img alt="magnify" src="//studio.edx.org/c4x/edX/DemoX/asset/pathways_overview_01.png" />
</a>
<div class="script_placeholder" data-src="//studio.edx.org/c4x/edX/DemoX/asset/jquery.loupeAndLightbox.js" />
</div>
<script type="text/javascript">// <![CDATA[
$(function() {
$('.loupe').loupeAndLightbox({
width:350,
height:350,
lightbox:false
});
});
JavascriptLoader.executeModuleScripts($('.zooming-image-place').eq(0), function() {
$('.loupe').loupeAndLightbox({
width: 350,
height: 350,
lightbox: false
});
});
// ]]></script>
<div id="ap_listener_added">&nbsp;</div>
\ No newline at end of file
<div id="ap_listener_added"></div>
\ No newline at end of file
<html filename="700x_pathways" display_name="Zooming Diagrams" graceperiod="0 day 5 hours 0 minutes 0 seconds" rerandomize="never" showanswer="attempted" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64"/>
<html filename="700x_pathways" display_name="Zooming Diagrams" graceperiod="18000 seconds" rerandomize="never" showanswer="attempted" start="2013-02-05T00:00:00Z" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64"/>
......@@ -2,6 +2,6 @@
<h2>Lesson 2: Let's Get INTERACTIVE!</h2>
</div>
<div>
<p><img src="/static/interactive_x250.png" alt="Interactive" width="250" hspace="12" vspace="12" border="0" align="right" />Now that you know your way around an edX course let's look at some of the exciting interactive tools you may encounter. Use the learning sequence above to explore. &nbsp;</p>
<p><img src="/c4x/edX/DemoX/asset/interactive_x250.png" alt="Interactive" width="250" hspace="12" vspace="12" border="0" align="right" />Now that you know your way around an edX course let's look at some of the exciting interactive tools you may encounter. Use the learning sequence above to explore. &nbsp;</p>
<p>Once you have tried the interactive tools in this lesson, make sure to check out the week 2 homework where we show you several of the really cool interactive labs we&rsquo;ve created for past courses. &nbsp;They&rsquo;re fun to play with. &nbsp;Many courses will have tools and labs that you need to use to complete homework assignments.</p>
</div>
......@@ -2,7 +2,7 @@
<h2>EDX EXAMS</h2>
</div>
<div>
<p><img src="/static/exam_x250.png" alt="Exam" width="250" hspace="12" vspace="12" border="0" align="right" />Not all edX courses have exams; many do, but not all. When choosing a course, it's a good idea to check the exam and study requirements, as well as any prerequisites.</p>
<p><img src="/c4x/edX/DemoX/asset/exam_x250.png" alt="Exam" width="250" hspace="12" vspace="12" border="0" align="right" />Not all edX courses have exams; many do, but not all. When choosing a course, it's a good idea to check the exam and study requirements, as well as any prerequisites.</p>
<p>Of course &nbsp;- you can "audit" any edX course, which means you can study alongside other students using the same content, tools and materials, but you're not focused on grades and might skip the exams and assignments.&nbsp;</p>
<p>Follow this learning sequence via the links above to understand more about how we grade your work and track your progress.</p>
<p>&nbsp;&nbsp;</p>
......
<p>After you complete the peer grading question, you will be able to participate in the grading process here.</p>
\ No newline at end of file
<html filename="bd467a7da1ac4574828b789d0e8eba72"/>
<p>The demonstrations that professors are able to put together for their edX videos can be extremely engaging and informative at the same time. Here is an example of another kind of presentation that you might encounter in a class.&nbsp;</p>
<div id="ap_listener_added">&nbsp;</div>
\ No newline at end of file
<html filename="ed5dccf14ae94353961f46fa07217491" display_name=""/>
<h2>&nbsp;OVERALL GRADE PERFORMANCE</h2>
<p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 16px; vertical-align: baseline; color: #4c4c4c;">The progress tab (selectable near the top of each page in your course) shows your performance. Click on it now, and you will see how you're doing in this demo course.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 16px; vertical-align: baseline; color: #4c4c4c;">The bar chart shows the overall percentage that you have earned on each assignment in the course, and how each of those assignments combine into your overall grade. Further down the page is a detailed breakdown of your score on every graded question in the class.&nbsp;</p>
<p><img alt="" src="/static/ProgressPage.png" /></p>
<p><img alt="" src="/c4x/edX/DemoX/asset/ProgressPage.png" /></p>
<p style="margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 16px; vertical-align: baseline; color: #4c4c4c;">You might notice that some of your assignments on the bar chart show an 'x'. The 'x's indicate the assignments that the edX system will NOT be counting toward your final grade, according to the course grading. The 'x's go to the assignments that you scored the lowest on. &nbsp;</p>
<p style="margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 16px; vertical-align: baseline; color: #4c4c4c;">Each course has its own percentage cutoff for a Certificate of Mastery. You can see where those cutoffs are by looking at the vertical description. In this demo, a "pass" is considered 60%. When you "pass" a live edX course, you will receive a certificate after the class has closed. Sorry - the demo course does not grant certificates!</p>
<h2 id="ap_listener_added">&nbsp;</h2>
\ No newline at end of file
<h2 style="text-rendering: optimizelegibility; font-size: 19px; margin: 30px 40px 30px 0px; padding: 0px; border: 0px; outline: 0px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline;">Be SOCIAL</h2>
<img src="/static/social_x250.png" alt="Be Social" width="250" hspace="12" vspace="12" border="0" align="right"><p>A big part of learning online includes &ldquo;being social.&rdquo; EdX encourages all students to communicate within the course discussion forums &ndash; a great place to connect with other students and to get support from the course staff. Some students and professors also engage through other social mediums like <a href="http://www.meetup.com/edX-Global-Community/">MeetUps</a> and <a href="https://www.facebook.com/EdxOnline" target="_blank">Facebook</a>.</p>
<img src="/c4x/edX/DemoX/asset/social_x250.png" alt="Be Social" width="250" hspace="12" vspace="12" border="0" align="right"><p>A big part of learning online includes &ldquo;being social.&rdquo; EdX encourages all students to communicate within the course discussion forums &ndash; a great place to connect with other students and to get support from the course staff. Some students and professors also engage through other social mediums like <a href="http://www.meetup.com/edX-communities/">MeetUps</a> and <a href="https://www.facebook.com/EdxOnline" target="_blank">Facebook</a>.</p>
<p>Recent research has found that if you take a class with a friend, or engage socially with other learners while taking a course, there is a higher likelihood that you will complete a course. If you haven&rsquo;t already, consider finding a study buddy!</p>
<p>Check out more information about the discussion forum by navigating to the next item in this learning sequence.</p>
<p>NOTE: To learn more about the rules of engagement, please visit the edX <a href="https://www.edx.org/terms" target="_blank">Honor Code</a>. We actively monitor the forums. If people post inappropriately, or do not behave in a respectful way, we reserve the right to terminate their account. Simply put, treat others the way you want to be treated.</p>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
<html filename="html_07d547513285" display_name="An Interactive Reference Table" graceperiod="0 day 5 hours 0 minutes 0 seconds" rerandomize="never" showanswer="attempted" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64"/>
<html filename="html_07d547513285" display_name="An Interactive Reference Table" graceperiod="18000 seconds" rerandomize="never" showanswer="attempted" start="2013-02-05T00:00:00Z" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64"/>
<ol class="treeview-handoutsnav">
<li><a href="/static/demoPDF.pdf"> Example handout </a> </li>
<li><a href="/c4x/edX/DemoX/asset/demoPDF.pdf"> Example handout </a> </li>
</ol>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
<problem markdown="Two alternative explanations are offered for the fact that the key would not open any of the doors. Which one is correct?&#10;&#10;( ) The key was too small.&#10;( ) The locks were too large. &#10;(x) Neither - because there is no 'correct' frame of reference, the only true statement can be that there was no lock-to-key match.&#10;" display_name="Attributing Blame" rerandomize="never" showanswer="finished">
<problem display_name="Attributing Blame" markdown="Two alternative explanations are offered for the fact that the key would not open any of the doors. Which one is correct?&#10;&#10;( ) The key was too small.&#10;( ) The locks were too large. &#10;(x) Neither - because there is no 'correct' frame of reference, the only true statement can be that there was no lock-to-key match.&#10;" rerandomize="never" showanswer="finished">
<p>Two alternative explanations are offered for the fact that the key would not open any of the doors. Which one is correct?</p>
<multiplechoiceresponse>
<choicegroup type="MultipleChoice">
......
......@@ -16,6 +16,6 @@ def check1(expect, ans):
</editamoleculeinput>
</customresponse>
<solution>
<img src="/static/Screen_Shot_2013-04-16_at_1.43.36_PM.png"/>
<img src="/c4x/edX/DemoX/asset/Screen_Shot_2013-04-16_at_1.43.36_PM.png"/>
</solution>
</problem>
<problem markdown="Some course questions ask that you insert numbers into web-text fields, and your answers can be judged exactly - or approximately - according to the question. &#10;&#10;Note that the edX system uses a period to indicate decimals, so fifteen and three quarters is written &quot;15.75&quot;, not &quot;15,75&quot;. &#10;&#10;Enter the numerical value of Pi:&#10;= 3.14159 +- .02&#10;&#10;Enter the approximate value of 502*9:&#10;= 4518 +- 15%&#10;&#10;Enter the number of fingernails on a healthy human hand. For the purposes of this question, please consider the thumb as a finger:&#10;= 5&#10;&#10;[explanation] Pi, or the the ratio between a circle's circumference to its diameter, is an irrational number known to extreme precision. It is value is approximately equal to 3.14.&#10;Although you can get an exact value by typing 502*9 into a calculator, the result will be close to 500*10, or 5,000. The grader accepts any response within 15% of the true value, 4518, so that you can use any estimation technique that you like.&#10;The index finger, middle finger, ring finger, pinky, and thumb are the five different fingers on a human hand.[explanation] " max_attempts="" weight="" display_name="Numerical Input" rerandomize="never" showanswer="always">
<problem display_name="Numerical Input" markdown="Some course questions ask that you insert numbers into web-text fields, and your answers can be judged exactly - or approximately - according to the question. &#10;&#10;Note that the edX system uses a period to indicate decimals, so fifteen and three quarters is written &quot;15.75&quot;, not &quot;15,75&quot;. &#10;&#10;Enter the numerical value of Pi:&#10;= 3.14159 +- .02&#10;&#10;Enter the approximate value of 502*9:&#10;= 4518 +- 15%&#10;&#10;Enter the number of fingernails on a healthy human hand. For the purposes of this question, please consider the thumb as a finger:&#10;= 5&#10;&#10;[explanation] Pi, or the the ratio between a circle's circumference to its diameter, is an irrational number known to extreme precision. It is value is approximately equal to 3.14.&#10;Although you can get an exact value by typing 502*9 into a calculator, the result will be close to 500*10, or 5,000. The grader accepts any response within 15% of the true value, 4518, so that you can use any estimation technique that you like.&#10;The index finger, middle finger, ring finger, pinky, and thumb are the five different fingers on a human hand.[explanation] " max_attempts="" rerandomize="never" showanswer="always" weight="">
<p>Some course questions ask that you insert numbers into web-text fields, and your answers can be judged exactly - or approximately - according to the question. </p>
<p>Note that the edX system uses a period to indicate decimals, so fifteen and three quarters is written "15.75", not "15,75". </p>
<p>Enter the numerical value of Pi:</p>
......
<problem markdown="The paragraph contains references to sleepiness and an unexpected event. Why?&#10;&#10;( ) Feeling sleepy can cause white rabbits to appear.&#10;( ) There is foreshadowing of a tea party.&#10;(x) There is an implication that the strangeness to follow can be considered like a dream.&#10;&#10;" display_name="Perchance to Dream" rerandomize="never" showanswer="always">
<problem display_name="Perchance to Dream" markdown="The paragraph contains references to sleepiness and an unexpected event. Why?&#10;&#10;( ) Feeling sleepy can cause white rabbits to appear.&#10;( ) There is foreshadowing of a tea party.&#10;(x) There is an implication that the strangeness to follow can be considered like a dream.&#10;&#10;" rerandomize="never" showanswer="always">
<p>The paragraph contains references to sleepiness and an unexpected event. Why?</p>
<multiplechoiceresponse>
<choicegroup type="MultipleChoice">
......
......@@ -4,7 +4,7 @@ Some course questions may show you an image and ask that you click on it to answ
</p>
<p>Which animal is a kitten?</p>
<imageresponse>
<imageinput src="/static/Dog-and-Cat.jpg" width="640" height="400" rectangle="(385,98)-(600,337)"/>
<imageinput src="/c4x/edX/DemoX/asset/Dog-and-Cat.jpg" width="640" height="400" rectangle="(385,98)-(600,337)"/>
</imageresponse>
<solution>
<div class="detailed-solution">
......
<problem max_attempts="" weight="" markdown="null" display_name="Drag and Drop" rerandomize="never" showanswer="never">
<problem max_attempts="" weight="" display_name="Drag and Drop" markdown="null" rerandomize="never" showanswer="never">
Here's an example of a "Drag and Drop" question set. Click and drag EVERY word in the scrollbar below, up to the numbered bucket which matches the number of letters in the word.
<customresponse><drag_and_drop_input img="/static/L9_buckets.png"><draggable id="1" label="a"/><draggable id="2" label="cat"/><draggable id="3" label="there"/><draggable id="4" label="pear"/><draggable id="5" label="kitty"/><draggable id="6" label="in"/><draggable id="7" label="them"/><draggable id="8" label="za"/><draggable id="9" label="dog"/><draggable id="10" label="slate"/></drag_and_drop_input><answer type="loncapa/python">
<customresponse><drag_and_drop_input img="/c4x/edX/DemoX/asset/L9_buckets.png"><draggable id="1" label="a"/><draggable id="2" label="cat"/><draggable id="3" label="there"/><draggable id="4" label="pear"/><draggable id="5" label="kitty"/><draggable id="6" label="in"/><draggable id="7" label="them"/><draggable id="8" label="za"/><draggable id="9" label="dog"/><draggable id="10" label="slate"/></drag_and_drop_input><answer type="loncapa/python">
correct_answer = {
'1': [[70, 150], 121],
'6': [[190, 150], 121],
......
<problem markdown="null" display_name="" graceperiod="0 day 5 hours 0 minutes 0 seconds" rerandomize="never" showanswer="never" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<problem display_name="" graceperiod="0 day 5 hours 0 minutes 0 seconds" markdown="null" rerandomize="never" showanswer="never" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<startouttext/>
<p>Here's a sandbox where you can experiment with a wide variety of electronic components. If you click on CHECK below, your diagram
will be saved on the website and you can return at some later time.</p>
......
<problem markdown="null" display_name="" graceperiod="0 day 5 hours 0 minutes 0 seconds" rerandomize="never" showanswer="always" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<problem display_name="" graceperiod="0 day 5 hours 0 minutes 0 seconds" markdown="null" rerandomize="never" showanswer="always" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<startouttext/>
<p>Many problems in real courses that use the schematic editor will have an initial position and question that you shold design a solution for. It will accept any of many correct solutions that solve its requirements.</p>
<p> The following problem statement is contained within 6.002x: Circuits and Electronics.</p>
......@@ -70,7 +70,7 @@ only <i>after</i> you've performed the transient simulation so that
the checker will have a waveform to check!</p>
<p>When the gate is correctly implemented, the plot produced by the transient
analysis should like similar to the following figure.</p>
<center><img src="/static/images_logic_gate_image.png"/><br/>Figure 1. Example plot output
<center><img src="/c4x/edX/DemoX/asset/images_logic_gate_image.png"/><br/>Figure 1. Example plot output
</center>
<p>Food for thought: You'll notice there are little spikes,
sometimes called <i>glitches</i>, in the output waveform (see the
......@@ -83,7 +83,7 @@ circuitry at the time the glitches occur.</p>
<div class="detailed-solution">
<p>Explanation:</p>
<p>We are asked to implement the logic function \( \overline{C\cdot\left(A + B\right)}\). This can be achieved with three transistors, as shown below; a series connection between \(C\) and \(\left(A+B\right)\) to implement the AND function, and a parallel connection between \(A\) and \(B\) to implement the OR function:</p>
<img src="/static/images_logic_gate_sln.png"/>
<img src="/c4x/edX/DemoX/asset/images_logic_gate_sln.png"/>
<p>We are told that \(V_{DD} = 3V\) and that \(R_{n} = 26.5K\Omega\). Furthermore, we
are told that we are to use the switch-resistor model of the MOSFETS, treating
them like resistors with resistances \(R_{ON}\) when they are given a high input. \(R_{ON}\)
......
<problem title="Embedded Code Box" markdown="null" display_name="" graceperiod="0 day 5 hours 0 minutes 0 seconds" rerandomize="never" showanswer="always" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<problem title="Embedded Code Box" display_name="" graceperiod="0 day 5 hours 0 minutes 0 seconds" markdown="null" rerandomize="never" showanswer="always" start="2013-02-05T00:00" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<text>
<p> We are searching for
the smallest monthly payment such that we can pay off the
......
......@@ -2,7 +2,7 @@
<vertical url_name="867dddb6f55d410caaa9c1eb9c6743ec"/>
<vertical url_name="4f6c1b4e316a419ab5b6bf30e6c708e9"/>
<vertical url_name="3dc16db8d14842e38324e95d4030b8a0"/>
<vertical url_name="f0e6d90842c44cc7a50fd1a18a7dd982"/>
<vertical url_name="4a1bba2a403f40bca5ec245e945b0d76"/>
<vertical url_name="256f17a44983429fb1a60802203ee4e0"/>
<vertical url_name="e3601c0abee6427d8c17e6d6f8fdddd1"/>
<vertical url_name="134df56c516a4a0dbb24dd5facef746e"/>
......
<sequential days_early_for_beta="null" display_name="Homework - Essays" format="Homework" giturl="null" graceperiod="0 day 5 hours 0 minutes 0 seconds" graded="true" rerandomize="never" showanswer="attempted" start="1970-01-01T00:00:00Z" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<sequential days_early_for_beta="null" display_name="Homework - Essays" format="Homework" giturl="null" graceperiod="18000 seconds" graded="true" rerandomize="never" showanswer="attempted" start="1970-01-01T00:00:00Z" xqa_key="qaijS3UatK020Wc0sfCtFe0V6jpB4d64">
<vertical url_name="72a7649a078b43a3bc539d62ef145f87"/>
<vertical url_name="1938e21ae6654571806a8e129fbda730"/>
<vertical url_name="vertical_ce1a91955d1f"/>
<vertical url_name="c2ad8729f7aa4e429f72bc03ecf96e3d"/>
<vertical url_name="831dc167f15b45238705925a9468b033"/>
<vertical url_name="fd86ec5f942542349b791acb880e704a"/>
<vertical url_name="85398281cb7741849d5bbb7d5abe34d8"/>
</sequential>
......@@ -28,7 +28,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
(function($){
$.fn.loupeAndLightbox = function(options) {
var settings = $.extend({}, $.fn.loupeAndLightbox.defaults, options);
return this.each(function() {
var $this = $(this),
$targetImage = $this.find('> img'),
......@@ -40,10 +40,10 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
///////////
// Setup //
///////////
///////////
$this.css({
cursor:'default'
});
});
$targetImage.css({
cursor: 'pointer'
});
......@@ -57,8 +57,8 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
border:settings.border,
height:settings.height,
overflow:'hidden',
position:'relative',
top:-settings.height,
position:'absolute',
bottom:0,
left:-settings.width,
width:settings.width,
zIndex:settings.zIndex,
......@@ -84,31 +84,31 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
height:settings.height,
width:settings.width
});
////////////
// Events //
////////////
$this.click(function(event) {
event.preventDefault();
});
$targetImage.click(function(event) {
if(!$loupe.hasClass('visible')) {
$targetImage.click(function(event) {
if(!$loupe.hasClass('visible')) {
var left = event.pageX,
top = event.pageY;
if(!$magnifiedImage.hasClass('appended')) {
getMagnifiedImage();
}
setTimeout(function() {
appendLoupe();
appendLoupe();
magnify(left, top);
if(settings.lightbox == true) {
if(settings.lightbox == true) {
appendLightbox();
}
}, 100);
}, 100);
}
});
});
$targetImage.mousemove(function(event) {
var left = event.pageX,
top = event.pageY,
......@@ -131,18 +131,18 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
}).mouseleave(function() {
pulseLoupe();
});
// Detach when clicking outside of the loupe
$(document).click(function(event) {
if($loupe.hasClass('visible')) {
detachLoupe();
if(settings.lightbox == true) {
if(settings.lightbox == true) {
detachLightbox();
}
}
}
});
// Resizes lightbox with window
$(window).resize(function() {
if($loupe.is(':visible')) {
......@@ -150,29 +150,29 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//left:$targetImage.offset().left+($targetImage.width()/2)-($loupe.width()/2),
//top:$targetImage.offset().top+($targetImage.height()/2)-($loupe.height()/2)
});
$magnifiedImage.css({
left:-($magnifiedImage.width()/2)+($loupe.width()/2),
top:-($magnifiedImage.height()/2)+($loupe.height()/2)
});
$lightbox.css({
height:$(document).height(),
width:$(document).width()
});
}
});
///////////////////////
// Private functions //
///////////////////////
function magnify(left, top) {
function magnify(left, top) {
$loupe
.css({
.css({
//left:left-(settings.width/2),
//top:top-(settings.height/2)
});
var heightDiff = $magnifiedImage.height()/$targetImage.height(),
widthDiff = $magnifiedImage.width()/$targetImage.width(),
magnifierTop = (-(top - $targetImage.offset().top)*heightDiff)+(settings.height/2),
......@@ -183,20 +183,20 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
left:magnifierLeft
});
};
function appendLoupe() {
$loupe
.appendTo($('div.place'))
.appendTo($('div.zooming-image-place'))
.append($magnifiedImage)
.fadeIn(settings.fadeSpeed, function() {
$(this).addClass('visible');
});
};
function getMagnifiedImage() {
var src = $this.attr('href');
$loader.appendTo($loupe);
$magnifiedImage
.load(function() {
$(this).addClass('appended');
......@@ -206,12 +206,12 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
$(this).hide();
$loupe
.append($errorMessage)
.addClass('lal_loadError');
.addClass('lal_loadError');
$loader.detach();
})
.attr('src', src);
};
function detachLoupe() {
$loupe.fadeOut(settings.fadeSpeed, function() {
$(this)
......@@ -219,8 +219,8 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
.detach();
});
};
function appendLightbox() {
function appendLightbox() {
$lightbox
.appendTo('body')
.css({
......@@ -229,13 +229,13 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
})
.fadeIn(settings.fadeSpeed);
};
function detachLightbox() {
$lightbox.fadeOut(settings.fadeSpeed, function() {
$(this).detach();
});
};
function pulseLoupe() {
$loupe.fadeTo(150, 0.25, function() {
$(this).fadeTo(150, 1.0);
......
This source diff could not be displayed because it is too large. You can view the blob instead.
#periodic-table {
margin: 0px;;
font-size: 14px;
}
#periodic-table tr.row-7 td {
padding-bottom: 3em;
}
#periodic-table td {
margin: 0px;
padding: 0px;
border: none;
}
#periodic-table tr.header td.cell{
padding-bottom: 11.5em;
}
#periodic-table td.showcase dl {
margin: 0em auto ;
border: 1px solid black;
position: relative;
width: 12em;
height: 12em;
}
#periodic-table td.showcase dd {
margin: 0px;
padding: 0px;
position: absolute;
width: 100%;
line-height: 1em;
text-align: center;
overflow: visible;
}
#periodic-table td.showcase dd[data-id="symbol"] {
top: 20%;
font-size: 5em;
font-weight: bold;
}
#periodic-table td.showcase dd[data-id="atomic_number"] {
top: 0.2em;
right: 0.2em;
font-size: 2em;
text-align: right;
}
#periodic-table td.showcase dd[data-id="name"] {
bottom: 2.8em;
font-size: 1em;
font-weight: bold;
}
#periodic-table td.showcase dd.property {
bottom: 1em;
font-size: 1em;
}
#periodic-table td.properties dt {
cursor: pointer;
}
#periodic-table td.properties dt.active {
text-decoration:underline;
}
#periodic-table td.properties dt:hover {
text-decoration:underline;
}
#periodic-table td.properties span[data-id="electronic_configuration"] {
font-size: 0.75em;
overflow: hidden;
}
#periodic-table td.properties dl {
margin: auto;
border: 1px solid black;
position: relative;
width: 20em;
height: 18em;
overflow: visible;
}
#periodic-table td.properties dl * {
height:1.15em;
font-size: 0.85em;
padding-left: 0.2em;
}
#periodic-table td.properties dt {
margin: 0px;
margin-right: 0.8em;
clear: left;
float: left;
width: 12em;
}
#periodic-table td.properties dd {
margin: 0px;
float: left;
text-align: right;
}
#periodic-table td.element dl:hover {
background-color: #777;
color: #FFF;
cursor: pointer;
}
#periodic-table td.element dl.active {
margin: 1px;
border: 2px solid black;
padding: 0px;
color: #FFF;
background-color: #777;
}
#periodic-table td.cell dl {
margin: 2px;
border: 1px solid black;
padding: 0px;
width: 3em;
height: 3em;
position: relative;
}
#periodic-table td.cell dl.filler {
margin: 3px;
border: 0px;
}
#periodic-table td.element dd {
display: none;
margin: 0px;
padding: 0px;
line-height: 1.0em;
text-align: center;
width: 100%;
overflow: hidden;
position: absolute;
font-size: 0.75em;
}
#periodic-table td.element dd[itemprop="symbol"] {
display: block;
padding: 0px;
top: 0.68em;
font-size: 1.2em;
font-weight: bold;
overflow: visible;
}
#periodic-table td.element dd[itemprop="atomic_number"] {
display: block;
top: 0.2em;
right: 0.2em;
font-size: 0.7em;
text-align: right;
}
#periodic-table td.element dd.active {
display: block;
bottom: 0.2em;
letter-spacing: 0em;
}
#periodic-table td.element dd[itemprop="oxidation_states"] {
font-size: 0.65em;
}
#periodic-table td.element dd[itemprop="electronic_configuration"] {
display: none;
}
#periodic-table td.element dd[itemprop="thermal_conductivity"] {
font-size: 0.65em;
}
@media (max-width: 1100px) {
#periodic-table td.showcase dl {
width: 10em;
}
#periodic-table td.showcase dd.property {
font-size: 0.9em;
}
}
{
"start": [
0,
1992,
28890,
32720,
34680,
35920,
40970,
46714,
52010,
55090,
60870,
66990,
75050,
80450,
82365,
83795,
89720,
96480,
100010,
105170,
106120,
107460,
111390,
114910,
121660,
125619,
131090,
137860,
145030,
147972,
152310,
156280,
159470,
162110,
164050,
170110,
175456,
178070,
181580,
182660,
183880,
189170,
194440,
200980,
207080,
214240,
218160,
221120,
224760,
227250,
229010,
230040,
233060,
237780,
242900,
245600,
246450,
248650,
249900
],
"end": [
1992,
28890,
32720,
34680,
35920,
40970,
46714,
52010,
55090,
60870,
66990,
75050,
80450,
82365,
83795,
89720,
96480,
100010,
105170,
106120,
107460,
111390,
114910,
121660,
125619,
131090,
137860,
145030,
147972,
152310,
156280,
159470,
162110,
164050,
170110,
175456,
178070,
181580,
182660,
183880,
189170,
194440,
200980,
207080,
214240,
218160,
221120,
224760,
227250,
229010,
230040,
233060,
237780,
242900,
245600,
246450,
248650,
249900,
256656
],
"text": [
"[MUSIC PLAYING]",
"",
"JOSE ANDRES: Hello, people of Harvard, people of the world.",
"My name is Jose Andres.",
"I am a chef.",
"You, I, we are at minibar.",
"minibar is very much the heart of everything I do.",
"",
"I've been cooking since I was 14.",
"I began working in kitchens in Barcelona, and especially in one of a",
"restaurant called El Bulli, a restaurant that nobody knew back in",
"the '80s, and where the chef was a young guy called Ferran Adria.",
"Almost 30 years later, I'm very proud to tell you that he's",
"one of my best friends.",
"He's my mentor.",
"And he's the person I learned the most from, and is, without a doubt, the",
"reason that we were able to put together this amazing",
"physics class at Harvard.",
"So, just for the record, I am a chef.",
"We are chefs.",
"We cook.",
"We are not trying to be physicists.",
"We are not trying to be scientists.",
"We are only trying to make sure that the culinary world and the science",
"world talk to each other.",
"",
"Everything you're going to be learning is the very clear explanation of",
"everything that happens in cooking every day in every kitchen and through",
"hundreds of years of history.",
"",
"minibar every night, more than 30 courses.",
"And, quite frankly, probably many of the techniques we use here, you've",
"been learning them through the class.",
"And if not, you will.",
"But one of the classes I give every year is about gelation.",
"And probably the star of gelation will be a spherification.",
"And here, we are doing a lot of spheres.",
"",
"But this one is cooler.",
"Come here.",
"When you're able to do a spherification using a beautiful clam",
"and kind of making sure that the natural juice of the clam will remain",
"outside the meat of the clam, this is brilliant.",
"And this is why I'm so happy about this class at Harvard, that for the",
"first time, we've really been able to take seriously the amazing connection",
"between science and the food we eat.",
"Before, we were in the dark.",
"Today, I see light on the horizon.",
"Today, we are far away more prepared.",
"So, see you soon.",
"Hasta pronto.",
"Bye bye.",
"I'm very funny, because for the few people that sometimes have something",
"against molecular cooking, well, take a look at this.",
"We are grating Parmesan cheese.",
"Wow.",
"This is really molecular.",
"[MUSIC PLAYING]",
""
]
}
\ No newline at end of file
{
"start": [
799,
3450,
7670,
11150,
15789,
16670,
19830,
22919,
27519,
30939,
34200,
39980,
43880,
46970,
51450,
55100,
59410,
65600,
71060,
75290,
78630,
82150,
85640,
89050,
92659,
97549,
101310,
104470,
107799,
112909,
117330,
117670,
120670,
124130,
127979,
131989,
137430,
141720,
145850,
149370,
152880,
159320,
160079,
164170,
171299,
177720,
181290,
195040
],
"end": [
3450,
7670,
11150,
15789,
16670,
19830,
22919,
27519,
30939,
34200,
39980,
43880,
46970,
51450,
55100,
59410,
65600,
71060,
75290,
78630,
82150,
85640,
89050,
92659,
97549,
101310,
104470,
107799,
112909,
117330,
117670,
120670,
124130,
127979,
131989,
137430,
141720,
145850,
149370,
152880,
159320,
160079,
164170,
171170,
177720,
181290,
188290,
196850
],
"text": [
"I have here a pendulum.",
"I have an object that weighs 15 kilograms, and I can lift it up",
"one meter, which I have done now. That means I've done work--",
"MGH is the work I have done. Believe me, I've increased the potential energy of",
"this object",
"15 times 10, so about 150 joules.",
"If I let it fall, then",
"that will be converted to kinetic energy. If I would let it swing",
"from one meter height,",
"and you would be there and it would hit you, you'd be dead.",
"150 joules is enough to kill you. They use these devices--",
"it's called a wrecker ball-- they use them to demolish buildings.",
"You lift up a very heavy object,",
"even heavier than this, and then you let it go, you swing it,",
"thereby converting gravitational potential energy into",
"kinetic energy, and that way, you can demolish a building.",
"You just let it hit...(glass shattering)... and it breaks a building.",
"And that's the whole idea of wrecking. (laughter) So you're using, then,",
"the conversion of gravitational potential energy",
"to kinetic energy. Now,",
"I am such a strong believer of",
"the conservation of mechanical energy",
"that I am willing to put my life",
"on the line.",
"If I release that bob from a certain height,",
"then that bob can never",
"come back to a point where the height",
"is any larger. If I release it from this height",
"and it swings, then when it reaches here, it could not be higher.",
"There is a conversion from gravitational potential energy to kinetic energy back",
"to",
"gravitational potential energy, and it will come to a stop here.",
"And when it swings back, it should not be able to reach",
"any higher, provided that",
"I do not give this object an initial speed when I stand here.",
"I trust the conservation of mechanical energy",
"100 percent. I may not trust myself.",
"I'm going to release this object,",
"and I hope I will be able to do it at zero speed",
"so that when it comes back it may touch my chin,",
"but it may not crush my chin. I want you to be extremely quiet because this is no",
"joke.",
"If I don't succeed in giving it zero speed,",
"then this will be my last lecture. (laughter) I will close my eyes. I don't want to see this.",
"So please be very quiet. I almost didn't sleep all night.",
"Three, two, one.",
"Zero.",
"Physics works and I'm still alive!"
]
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
#container {
background-color: black;
width: 400px;
height:400px;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="webGLDemo.css">
</head>
<body>
<div id="container"></div>
<script src="jschannel.js"></script>
<script src="three.min.js"></script>
<script src="webGLDemo.js" defer='defer'></script>
</body>
</html>
\ No newline at end of file
var WebGLDemo = (function() {
var width = 400, height = 400;
var container, renderer, scene, camera, projector,
ambientlight, directionalLight,
cylinder, cube, nonSelectedMaterial, selectedMaterial;
// Revolutions per second
var angularSpeed = 0.5, lastTime = 0;
var state = {
'selectedObjects': {
'cylinder': false,
'cube': false
}
},
channel;
// Establish a channel only if this application is embedded in an iframe.
// This will let the parent window communicate with this application using
// RPC and bypass SOP restrictions.
if (window.parent !== window) {
channel = Channel.build({
window: window.parent,
origin: "*",
scope: "JSInput"
});
channel.bind("getGrade", getGrade);
channel.bind("getState", getState);
channel.bind("setState", setState);
}
function init() {
container = document.getElementById('container');
// Renderer
renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setSize(width, height);
renderer.setClearColor(0x000000, 1);
container.appendChild(renderer.domElement);
// Scene
scene = new THREE.Scene();
// Camera
camera = new THREE.PerspectiveCamera(45, width/height, 1, 1000);
camera.position.z = 700;
// Materials
unselectedMaterial = new THREE.MeshPhongMaterial({
specular: '#a9fcff',
color: '#00abb1',
emissive: '#006063',
shininess: 100
});
selectedMaterial = new THREE.MeshPhongMaterial({
specular: '#a9fcff',
color: '#abb100',
emissive: '#606300',
shininess: 100
});
// Cylinder: bottomRadius, topRadius, height, segmentsRadius, segmentsHeight
cylinder = new THREE.Mesh(new THREE.CylinderGeometry(0, 100, 150, 50, 50, false), unselectedMaterial);
cylinder.position.x = -125;
cylinder.overdraw = true;
scene.add(cylinder);
// Cube
cube = new THREE.Mesh(new THREE.CubeGeometry(120, 120, 120), unselectedMaterial);
cube.position.x = 125;
cube.overdraw = true;
scene.add(cube);
// Ambient light
ambientLight = new THREE.AmbientLight(0x222222);
scene.add(ambientLight);
// Directional light
directionalLight = new THREE.DirectionalLight(0xffffff);
directionalLight.position.set(1, 1, 1).normalize();
scene.add(directionalLight);
// Used to select element with mouse click
projector = new THREE.Projector();
renderer.domElement.addEventListener('click', onMouseClick, false);
// Start animation
animate();
}
// This function is executed on each animation frame
function animate() {
// Request new frame
requestAnimationFrame(animate);
render();
}
function render() {
// Update
var time = (new Date()).getTime(),
timeDiff = time - lastTime,
angleChange = angularSpeed * timeDiff * 2 * Math.PI / 1000;
cylinder.rotation.x += angleChange;
cylinder.rotation.z += angleChange;
cube.rotation.x += angleChange;
cube.rotation.y += angleChange;
lastTime = time;
// Render
renderer.render(scene, camera);
}
function onMouseClick(event) {
var vector, raycaster, intersects;
vector = new THREE.Vector3((event.clientX / width) * 2 - 1,
-(event.clientY / height) * 2 + 1, 1);
projector.unprojectVector(vector, camera);
raycaster = new THREE.Raycaster(camera.position,
vector.sub(camera.position).normalize());
intersects = raycaster.intersectObjects(scene.children);
if (intersects.length > 0) {
if (intersects[0].object === cylinder) {
state.selectedObjects.cylinder = !state.selectedObjects.cylinder;
}
else if (intersects[0].object === cube) {
state.selectedObjects.cube = !state.selectedObjects.cube;
}
updateMaterials();
}
}
function updateMaterials() {
if (state.selectedObjects.cylinder) {
cylinder.material = selectedMaterial;
}
else {
cylinder.material = unselectedMaterial;
}
if (state.selectedObjects.cube) {
cube.material = selectedMaterial;
}
else {
cube.material = unselectedMaterial;
}
}
init();
function getGrade() {
// The following return value may or may not be used to grade
// server-side.
// If getState and setState are used, then the Python grader also gets
// access to the return value of getState and can choose it instead to
// grade.
return JSON.stringify(state['selectedObjects']);
}
function getState() {
return JSON.stringify(state);
}
// This function will be called with 1 argument when JSChannel is not used,
// 2 otherwise. In the latter case, the first argument is a transaction
// object that will not be used here
// (see http://mozilla.github.io/jschannel/docs/)
function setState() {
stateStr = arguments.length === 1 ? arguments[0] : arguments[1];
state = JSON.parse(stateStr);
updateMaterials();
}
return {
getState: getState,
setState: setState,
getGrade: getGrade
};
}());
\ No newline at end of file
......@@ -79,13 +79,13 @@
<div class="options">
<div class="img_block">
<p>Teacher-to-Student</p>
<a href="/course/courseware/interactive_demonstrations/"><img alt="" src="/static/teacher_to_student.png" /> </a></div>
<a href="/course/courseware/interactive_demonstrations/"><img alt="" src="/c4x/edX/DemoX/asset/teacher_to_student.png" /> </a></div>
<div class="img_block">
<p>Student-to-Teacher</p>
<a href="/course/courseware/graded_interactions/"><img alt="" src="/static/student_to_teacher.png" /> </a></div>
<a href="/course/courseware/graded_interactions/"><img alt="" src="/c4x/edX/DemoX/asset/student_to_teacher.png" /> </a></div>
<div class="img_block">
<p>Student-to-Student</p>
<a href="/course/courseware/social_integration/"><img alt="" src="/static/student_to_student.png" /> </a></div>
<a href="/course/courseware/social_integration/"><img alt="" src="/c4x/edX/DemoX/asset/student_to_student.png" /> </a></div>
</div>
<div id="ap_listener_added">&nbsp;</div>
<p class="new">When you are ready to begin learning new subject, learn how to pick a class and get started!</p>
......
<style type="text/css"><!--
.img_block p{
text-align: center;
}
.options {
margin-left: auto;
margin-right: auto;
clear: right;
}
.new {
clear:left;
}
.img_block img{
margin-left:25%;
margin-right:25%;
width:50%;
}
.img_block a{
color:black;
text-decoration:none;
}
.img_block a:hover{
text-decoration:underline;
color:grey;
}
.img_block {
width: 20%;
float:left;
margin:0 5%;
-moz-box-shadow:inset 0px 1px 0px 0px #1c1b18;
-webkit-box-shadow:inset 0px 1px 0px 0px #1c1b18;
box-shadow:inset 0px 1px 0px 0px #1c1b18;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
background-color:#eae0c2;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #333029;
display:inline-block;
color:#505739;
font-family:Trebuchet MS;
font-size:17px;
font-weight:bold;
padding:6px 11px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.img_block:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
background-color:#ccc2a6;
}
.img_block:active {
position:relative;
top:1px;
}
--></style>
<h1>Syllabus</h1>
<p>Many courses include a syllabus tab that includes an overview of the course and what is expected of you.&nbsp;</p>
<p>This demonstration course shows examples of everything that instructors might include in an edX course, and an explanation of how to interact with those components. The demo course does not distribute a certificate, although the grading system is active so that you can see how the grading system works.&nbsp;</p>
<p>Like most courses on edX, the courseware is organized into a schedule, which you can see when you access the course material. In this case, that schedule is only there in order to illustrate how normal classes are organized. It is NOT expected that you take an entire week to go through "Week 1" of this demo course.&nbsp;The illustration schedule is roughly ordered by how often you might come across aspects of the edX platform.&nbsp;</p>
<p>This syllabus allows you to access the course material by topic, in case you are looking for something specific on how to use the edX platform.&nbsp;If you just want a basic description of how to take a course on edX, start by clicking on 'the basics', below.</p>
<p><a class="img_block" style="color: black;" href="/course/courseware/d8a6192ade314473a78242dfeedfbf5b/edx_introduction/">The Basics</a></p>
<p>&nbsp;</p>
<p class="new">Use the interface below to explore the three general types of interactions in a classroom:</p>
<div class="options">
<div class="img_block">
<p>Teacher-to-Student</p>
<img alt="" src="/static/teacher_to_student.png" />
<ul>
<li><a href="/course/courseware/interactive_demonstrations/19a30717eff543078a5d94ae9d6c18a5/">Video Presentations</a></li>
<li><a href="/course//courseware/d8a6192ade314473a78242dfeedfbf5b/a35028715cb74b02bfae9bc072a740d6/">Scheduling</a></li>
<li><a style="line-height: 1.6;" href="/course/courseware/graded_interactions/simulations/">Interactive Visualizations</a></li>
</ul>
</div>
<div class="img_block">
<p>Student-to-Teacher</p>
<img alt="" src="/static/student_to_teacher.png" />
<ul>
<li><a href="/course/courseware/d8a6192ade314473a78242dfeedfbf5b/workflow/">Getting Graded</a></li>
<li><a href="/course/courseware/interactive_demonstrations/basic_questions/">Basic Question Types</a></li>
<li><a href="/course/courseware/social_integration/machine_grading/">Essays</a></li>
<li><a href="/course/courseware/graded_interactions/graded_simulations/">Labs and Simulations</a></li>
</ul>
</div>
<div class="img_block">
<p>Student-to-Student</p>
<img alt="" src="/static/student_to_student.png" />
<ul>
<li><a href="/course/courseware/social_integration/48ecb924d7fe4b66a230137626bfa93e/">Discussion Forum</a></li>
</ul>
</div>
</div>
<div id="ap_listener_added">&nbsp;</div>
<p class="new">&nbsp;</p>
<p class="new">When you are ready to begin learning a new subject, pick a class and get started!</p>
<p><a class="img_block" style="color: black;" href="/courses/">Course Catalog</a></p>
<p>&nbsp;</p>
\ No newline at end of file
<vertical display_name="Videos on edX">
<html url_name="0a3b4139f51a4917a3aff9d519b1eeb6"/>
<videoalpha url_name="f42b328b745e452f9d0406db16df573f"/>
<discussion url_name="722085be27c84ac693cfebc8ac5da700"/>
</vertical>
<vertical display_name="Video Demonstrations">
<html url_name="ed5dccf14ae94353961f46fa07217491"/>
<videoalpha url_name="dc37305d4dc042ebb6fdfd13911a8ae5"/>
<discussion url_name="9f9e1373cc8243b985c8750cc8acec7d"/>
</vertical>
<vertical display_name="Working with Videos">
<html url_name="6bcccc2d7343416e9e03fd7325b2f232"/>
<video url_name="3302549fc54048ffba298bad96299f8f"/>
<video url_name="7e9b434e6de3435ab99bd3fb25bde807"/>
<discussion url_name="412dc8dbb6674014862237b23c1f643f"/>
</vertical>
<vertical display_name="Peer Grading Grading Interface">
<html url_name="bd467a7da1ac4574828b789d0e8eba72"/>
<peergrading url_name="efd7ed287e2a416e82b9f8d5e9f7e6f6"/>
<discussion url_name="c47b5ab99f97400d85753488ed4b1897"/>
</vertical>
<vertical display_name="Peer-Graded Essay">
<html url_name="625da8989bdc4b7fa0acdb98618c98ac"/>
<combinedopenended url_name="90ffcb1647ab4957ab79bec6155bb046"/>
<peergrading url_name="4e3b4be527ce416e87c9380b01461208"/>
<discussion url_name="ea91407e4b04477190b3162bc8f39162"/>
</vertical>
<vertical display_name="Introduction: Video and Sequences">
<html url_name="030e35c4756a4ddc8d40b95fbbfff4d4"/>
<video url_name="0b9e39477cf34507a7a48f74be381fdd"/>
<videoalpha url_name="0b9e39477cf34507a7a48f74be381fdd"/>
</vertical>
<video sub="name_of_file" youtube="1.00:b7xgknqkQk8" display_name="Welcome!" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&quot;]" show_captions="true" source="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4" track="" youtube_id_0_75="" youtube_id_1_0="b7xgknqkQk8" youtube_id_1_25="" youtube_id_1_5="">
<source src="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4"/>
</video>
<video youtube="1.00:an9jasFZK1c" display_name="Building a Computer Memory Element" show_captions="true" youtube_id_1_0="an9jasFZK1c"/>
<video youtube="0.75:xGKlr7nT_Zw,1.00:o2pLltkrhGM,1.25:XGsB9bA6rGU,1.50:_HuIF16HdTA" display_name="Connecting a Circuit and a Circuit Diagram" youtube_id_0_75="xGKlr7nT_Zw" youtube_id_1_0="o2pLltkrhGM" youtube_id_1_25="XGsB9bA6rGU" youtube_id_1_5="_HuIF16HdTA"/>
<video youtube="0.75:xGKlr7nT_Zw,1.00:o2pLltkrhGM,1.25:XGsB9bA6rGU,1.50:_HuIF16HdTA" display_name="Connecting a Circuit and a Circuit Diagram" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/mit-6002x/6002-Tutorial-00010_100.mov&quot;]" source="https://s3.amazonaws.com/edx-course-videos/mit-6002x/6002-Tutorial-00010_100.mov" youtube_id_0_75="xGKlr7nT_Zw" youtube_id_1_0="o2pLltkrhGM" youtube_id_1_25="XGsB9bA6rGU" youtube_id_1_5="_HuIF16HdTA">
<source src="https://s3.amazonaws.com/edx-course-videos/mit-6002x/6002-Tutorial-00010_100.mov"/>
</video>
<video youtube="1.00:CCxmtcICYNc" sub="CCxmtcICYNc" display_name="Science and Cooking Chef Profile: JOSÉ ANDRÉS" html5_sources="[]" youtube_id_1_0="CCxmtcICYNc"/>
<videoalpha youtube="1.00:b7xgknqkQk8" sub="name_of_file" show_captions="true" display_name="Welcome!" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&quot;]" source="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4" track="" youtube_id_1_0="b7xgknqkQk8">
<source src="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4"/>
</videoalpha>
<videoalpha youtube="1.00:LkVZhEtaQCA" show_captions="false" display_name="Physics Demonstration" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJT313-H0107R1_100.mp4&quot;]" source="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJT313-H0107R1_100.mp4" youtube_id_1_0="LkVZhEtaQCA">
<source src="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJT313-H0107R1_100.mp4"/>
</videoalpha>
<videoalpha youtube="1.00:qWxm7CA2v24" show_captions="true" start_time="310.0" end_time="444.0" display_name="The Odyssey" html5_sources="[&quot;https://s3.amazonaws.com/edx-course-videos/harvard-heroes/HARHEROESP13-H00700_100.mp4&quot;]" source="https://s3.amazonaws.com/edx-course-videos/harvard-heroes/HARHEROESP13-H00700_100.mp4" youtube_id_1_0="qWxm7CA2v24">
<source src="https://s3.amazonaws.com/edx-course-videos/harvard-heroes/HARHEROESP13-H00700_100.mp4"/>
</videoalpha>
Markdown is supported
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