Visualizing Japan (1850s-1930s): Westernization, Protest, Modernity

<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@fa4658a76588448993d43dcf5d7f05f9" data-init="VerticalStudentView" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <h2 class="hd hd-2 unit-title">The Hibiya Riot: Introduction</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@6872697f86b040c7be221ec2e724c302"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@6872697f86b040c7be221ec2e724c302" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3 class="MsoNormal">The Hibiya Riot: Introduction</h3> <p class="MsoNormal">In our second module, taught by Professor Gordon, we will zoom in on a three-day event in the autumn of 1905: the Hibiya Riot.</p> <p class="MsoNormal">Professor Gordon will explain the contours and significance of this event primarily using a single source: a special edition of an illustrated magazine. We will spend this unit exploring this fascinating visual record of a significant turning point in Japan’s modern history.<o:p></o:p></p> <p class="MsoNormal">Professor Gordon introduces the unit in the video below. As you watch, listen for the questions that will structure the unit. What are we trying to discover? Also listen for the timeline of events: how did events unfold?</p> <p class="MsoNormal"></p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 5.1: Introduction</h3> <div id="video_9a4b6e4f3b1a4bbf8c7b7f9b778385ee" class="video closed" data-metadata='{"sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V006100_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V006100_100.webm"], "ytApiUrl": "https://www.youtube.com/iframe_api", "start": 0.0, "duration": null, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee/handler/transcript/translation/__lang__", "poster": null, "captionDataDir": null, "generalSpeed": 1.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee/handler/publish_completion", "ytMetadataEndpoint": "", "completionPercentage": 0.95, "autohideHtml5": false, "transcriptLanguage": "en", "streams": "", "speed": null, "autoAdvance": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee/handler/xmodule_handler/save_user_state", "end": 0.0, "completionEnabled": false, "saveStateEnabled": false, "prioritizeHls": false, "recordedYoutubeIsAvailable": true, "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee/handler/transcript/available_translations", "transcriptLanguages": {"en": "English"}, "ytTestTimeout": 1500, "autoplay": false, "showCaptions": "true", "savedVideoPosition": 0.0}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="9a4b6e4f3b1a4bbf8c7b7f9b778385ee"></div> <h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4> <h4 class="hd hd-4 video-hls-error is-hidden"> Your browser does not support this video format. Try using a different browser. </h4> </div> <div class="video-player-post"></div> <div class="closed-captions"></div> <div class="video-controls is-hidden"> <div> <div class="vcr"><div class="vidtime">0:00 / 0:00</div></div> <div class="secondary-controls"></div> </div> </div> </div> </div> <div class="focus_grabber last"></div> <h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_9a4b6e4f3b1a4bbf8c7b7f9b778385ee">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_9a4b6e4f3b1a4bbf8c7b7f9b778385ee"> <div class="wrapper-download-transcripts"> <h4 class="hd hd-5">Transcripts</h4> <ul class="list-download-transcripts"> <li class="transcript-option"> <a class="btn btn-link" href="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a> </li> <li class="transcript-option"> <a class="btn btn-link" href="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9a4b6e4f3b1a4bbf8c7b7f9b778385ee/handler/transcript/download" data-value="txt">Download Text (.txt) file</a> </li> </ul> </div> </div> </div> </div> </div> <div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@html+block@79168c48a70340348b08995b0052b08f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@79168c48a70340348b08995b0052b08f" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3 class="hd hd-2">“The Tokyo Riot Graphic” - Cover</h3> <p>Take a look at the cover of the September 18, 1905 issue of <em>The Tokyo Riot Graphic,</em> and enlarge it to look at the detail of the design.</p> <figure><a href="/assets/courseware/v1/8fd925e5fa47f3c05283e18dfd74b860/asset-v1:MITx+VJx+3T2018+type@asset+block/trg000_cover_18Sept1905_l.jpg" class="modal-content"><img alt="Tokyo Riot Graphic cover" src="/assets/courseware/v1/8fd925e5fa47f3c05283e18dfd74b860/asset-v1:MITx+VJx+3T2018+type@asset+block/trg000_cover_18Sept1905_l.jpg" /></a> <figcaption><em style="line-height: 1.4em; font-family: 'Open Sans', Verdana, Geneva, sans-serif, sans-serif;">The Tokyo Riot Graphic</em><span style="line-height: 25.6px; font-family: 'Open Sans', Verdana, Geneva, sans-serif, sans-serif;"> (Tokyo: Kinji Gahō Company), 66 (September 18, 1905). </span><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" target="[object Object]" style="color: #0079bc; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', Verdana, Geneva, sans-serif, sans-serif; text-decoration: none; transition: all 0.1s linear 0s;">CC BY NC SA</a><span style="line-height: 25.6px; font-family: 'Open Sans', Verdana, Geneva, sans-serif, sans-serif;">. [</span><a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/pages/trg000_cover_18Sept1905.htm" target="[object Object]" style="color: #0079bc; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', Verdana, Geneva, sans-serif, sans-serif; text-decoration: none; transition: all 0.1s linear 0s;">trg000_cover_18Sept1905</a><span style="line-height: 25.6px; font-family: 'Open Sans', Verdana, Geneva, sans-serif, sans-serif;">]</span> </figcaption></figure> <p></p> <p></p> </div> </div> <div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@2dcfbf07fb444558bb0e65b4959e2b46"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@2dcfbf07fb444558bb0e65b4959e2b46" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_2dcfbf07fb444558bb0e65b4959e2b46" class="problems-wrapper" role="group" aria-labelledby="2dcfbf07fb444558bb0e65b4959e2b46-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@2dcfbf07fb444558bb0e65b4959e2b46" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@2dcfbf07fb444558bb0e65b4959e2b46/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="2dcfbf07fb444558bb0e65b4959e2b46-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@2dcfbf07fb444558bb0e65b4959e2b46-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@2dcfbf07fb444558bb0e65b4959e2b46-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_2dcfbf07fb444558bb0e65b4959e2b46_2_1"> <fieldset aria-describedby="status_2dcfbf07fb444558bb0e65b4959e2b46_2_1"> <legend id="2dcfbf07fb444558bb0e65b4959e2b46_2_1-legend" class="response-fieldset-legend field-group-hd">What is the puzzle posed by the cover of <i>The Tokyo Riot Graphic?</i> Select the best answer.</legend> <div class="field"> <input type="radio" name="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1" id="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="2dcfbf07fb444558bb0e65b4959e2b46_2_1-choice_0-label" for="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_2dcfbf07fb444558bb0e65b4959e2b46_2_1"> The cover seems not to depict the riot at all </label> </div> <div class="field"> <input type="radio" name="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1" id="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="2dcfbf07fb444558bb0e65b4959e2b46_2_1-choice_1-label" for="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_2dcfbf07fb444558bb0e65b4959e2b46_2_1"> The cover doesn&#8217;t have any text </label> </div> <div class="field"> <input type="radio" name="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1" id="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="2dcfbf07fb444558bb0e65b4959e2b46_2_1-choice_2-label" for="input_2dcfbf07fb444558bb0e65b4959e2b46_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_2dcfbf07fb444558bb0e65b4959e2b46_2_1"> The cover shows smoke, when in fact there were no fires during the riot </label> </div> <span id="answer_2dcfbf07fb444558bb0e65b4959e2b46_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_2dcfbf07fb444558bb0e65b4959e2b46_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div><div class="solution-span"> <span id="solution_2dcfbf07fb444558bb0e65b4959e2b46_solution_1"/> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Multiple Choice" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_2dcfbf07fb444558bb0e65b4959e2b46" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_2dcfbf07fb444558bb0e65b4959e2b46"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="2dcfbf07fb444558bb0e65b4959e2b46-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="2dcfbf07fb444558bb0e65b4959e2b46-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="2dcfbf07fb444558bb0e65b4959e2b46-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@ca7e67cd01d542f99eb3b734673c6d3b"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@ca7e67cd01d542f99eb3b734673c6d3b" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_ca7e67cd01d542f99eb3b734673c6d3b" class="problems-wrapper" role="group" aria-labelledby="ca7e67cd01d542f99eb3b734673c6d3b-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@ca7e67cd01d542f99eb3b734673c6d3b" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@ca7e67cd01d542f99eb3b734673c6d3b/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="ca7e67cd01d542f99eb3b734673c6d3b-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@ca7e67cd01d542f99eb3b734673c6d3b-problem-progress" tabindex="-1"> Checkboxes </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@ca7e67cd01d542f99eb3b734673c6d3b-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> <fieldset aria-describedby="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> <legend id="ca7e67cd01d542f99eb3b734673c6d3b_2_1-legend" class="response-fieldset-legend field-group-hd">What are the three questions that motivate this unit? Check all that apply.</legend> <div class="field"> <input type="checkbox" name="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1[]" id="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="ca7e67cd01d542f99eb3b734673c6d3b_2_1-choice_0-label" for="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> Who were the rioters? </label> </div> <div class="field"> <input type="checkbox" name="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1[]" id="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="ca7e67cd01d542f99eb3b734673c6d3b_2_1-choice_1-label" for="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> What did the rioters want? </label> </div> <div class="field"> <input type="checkbox" name="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1[]" id="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="ca7e67cd01d542f99eb3b734673c6d3b_2_1-choice_2-label" for="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> Where did the riot take place? </label> </div> <div class="field"> <input type="checkbox" name="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1[]" id="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="ca7e67cd01d542f99eb3b734673c6d3b_2_1-choice_3-label" for="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> When did the riot end? </label> </div> <div class="field"> <input type="checkbox" name="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1[]" id="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_4" class="field-input input-checkbox" value="choice_4"/><label id="ca7e67cd01d542f99eb3b734673c6d3b_2_1-choice_4-label" for="input_ca7e67cd01d542f99eb3b734673c6d3b_2_1_choice_4" class="response-label field-label label-inline" aria-describedby="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1"> Why did the riot break out? </label> </div> <span id="answer_ca7e67cd01d542f99eb3b734673c6d3b_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_ca7e67cd01d542f99eb3b734673c6d3b_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Checkboxes" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_ca7e67cd01d542f99eb3b734673c6d3b" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_ca7e67cd01d542f99eb3b734673c6d3b"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="ca7e67cd01d542f99eb3b734673c6d3b-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="ca7e67cd01d542f99eb3b734673c6d3b-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="ca7e67cd01d542f99eb3b734673c6d3b-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> </div> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@3a819483280a46b984a8ee3553a207fb" data-init="VerticalStudentView" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <h2 class="hd hd-2 unit-title">Exercise - Timeline of the Hibiya Riot</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@f2d328b68889470a959522e0e335a6f6"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@f2d328b68889470a959522e0e335a6f6" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Timeline of the Hibiya Riot - Drag-and-Drop Exercise</h3> <p>(1 point possible) To help you get a clearer sense of what happened over the course of the riot, take a look at the images below, and fill in the following timeline by dragging the image that best illustrates each point on the timeline. Do the pictures match the way you imagined these events?</p> <p>Click to enlarge images:</p> <table> <tbody> <tr> <td width="25%">Image 1<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg004_pg4_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg004_pg4_18Sept1905.jpg" alt="The Great Disturbances in Tokyo: Scene of a police-box being set fire to by rioters." /></a></td> <td width="25%">Image 2<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg007_pg7_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg007_pg7_18Sept1905.jpg" alt="The Great Disturbances in Tokyo: The upper picture-- Mr. Kono, ex-president of the House of Representatives, speaking at the anti-peace mass meeting of Tokyo citizens. The lower picture--riotous scene which followed in consequence of the attempt of the police to prevent the ingress of the crowd into Hibiya Park." /></a></td> <td width="25%">Image 3<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg009_pg9_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg009_pg9_18Sept1905.jpg" alt="Great Disturbances in Tokyo: Riotous scene presented on the evening of Sept. 5, in front of the main gate of the official residence of the Home Minister, which was set fire to by the infuriated mob." /></a></td> <td width="25%">Image 4<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg013_pg13_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg013_pg13_18Sept1905.jpg" alt="The Great Disturbances in Tokyo: Riotous scene seen on Sept. 5, near the Shintomiza theatre, where anti-peace lectures were to be given." /></a></td> </tr> <tr> <td>Image 5<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg015_pg15_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg015_pg15_18Sept1905.jpg" alt="The Great Disturbances in Tokyo: Electric cars burning on the night of Sept. 6." /></a></td> <td>Image 6<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg018_pg18_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg018_pg18_18Sept1905.jpg" alt="Tokyo Under Martial Law: Martial law was proclaimed on the night of Sept. 6. The upper picture--cavalry patrolling the streets. The lower picture--infantry engaged in the same duty." /></a></td> <td>Image 7<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg028_pg28_18Sept1905.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/gallery/images/trg028_pg28_18Sept1905.jpg" alt="The Tokyo Riot Graphic, No. 66, Sept. 18, 1905, page 28." /></a></td> <td></td> </tr> </tbody> </table> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@b35476a5da1a4675a38b6ef8861d2e1f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@b35476a5da1a4675a38b6ef8861d2e1f" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>All images from <em>The Tokyo Riot Graphic</em> (Tokyo: Kinji Gahō Company), 66 (September 18, 1905). <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" target="[object Object]">CC BY NC SA</a>. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/trg_gallery.html" target="[object Object]">VC Gallery</a>]</p> </div> </div> </div> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@153a5d70bcd5410e84c24f3ee094e15f" data-init="VerticalStudentView" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <h2 class="hd hd-2 unit-title">Historical Context of the Hibiya Riot</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@6dbb590ede004860ad789eced95a8902"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@6dbb590ede004860ad789eced95a8902" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>    </p> <h3 class="MsoNormal">Historical Context of the Hibiya Riot</h3> <p class="MsoNormal">Professor Gordon will now discuss the historical context of the Hibiya Riot. Think about how the content of this video connects to the material we covered in the transition from the “Black Ships & Samurai” module to this one.<o:p></o:p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 5.2: Historical Context </h3> <div id="video_994c264978e64aec9223e0978ed28602" class="video closed" data-metadata='{"sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V006200_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V006200_100.webm"], "ytApiUrl": "https://www.youtube.com/iframe_api", "start": 0.0, "duration": null, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602/handler/transcript/translation/__lang__", "poster": null, "captionDataDir": null, "generalSpeed": 1.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602/handler/publish_completion", "ytMetadataEndpoint": "", "completionPercentage": 0.95, "autohideHtml5": false, "transcriptLanguage": "en", "streams": "", "speed": null, "autoAdvance": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602/handler/xmodule_handler/save_user_state", "end": 0.0, "completionEnabled": false, "saveStateEnabled": false, "prioritizeHls": false, "recordedYoutubeIsAvailable": true, "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602/handler/transcript/available_translations", "transcriptLanguages": {"en": "English"}, "ytTestTimeout": 1500, "autoplay": false, "showCaptions": "true", "savedVideoPosition": 0.0}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="994c264978e64aec9223e0978ed28602"></div> <h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4> <h4 class="hd hd-4 video-hls-error is-hidden"> Your browser does not support this video format. Try using a different browser. </h4> </div> <div class="video-player-post"></div> <div class="closed-captions"></div> <div class="video-controls is-hidden"> <div> <div class="vcr"><div class="vidtime">0:00 / 0:00</div></div> <div class="secondary-controls"></div> </div> </div> </div> </div> <div class="focus_grabber last"></div> <h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_994c264978e64aec9223e0978ed28602">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_994c264978e64aec9223e0978ed28602"> <div class="wrapper-download-transcripts"> <h4 class="hd hd-5">Transcripts</h4> <ul class="list-download-transcripts"> <li class="transcript-option"> <a class="btn btn-link" href="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a> </li> <li class="transcript-option"> <a class="btn btn-link" href="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@994c264978e64aec9223e0978ed28602/handler/transcript/download" data-value="txt">Download Text (.txt) file</a> </li> </ul> </div> </div> </div> </div> </div> <div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@c8392dce1a444c98a489cd92cada6f9c"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@c8392dce1a444c98a489cd92cada6f9c" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_c8392dce1a444c98a489cd92cada6f9c" class="problems-wrapper" role="group" aria-labelledby="c8392dce1a444c98a489cd92cada6f9c-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@c8392dce1a444c98a489cd92cada6f9c" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@c8392dce1a444c98a489cd92cada6f9c/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="c8392dce1a444c98a489cd92cada6f9c-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@c8392dce1a444c98a489cd92cada6f9c-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@c8392dce1a444c98a489cd92cada6f9c-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_c8392dce1a444c98a489cd92cada6f9c_2_1"> <fieldset aria-describedby="status_c8392dce1a444c98a489cd92cada6f9c_2_1"> <legend id="c8392dce1a444c98a489cd92cada6f9c_2_1-legend" class="response-fieldset-legend field-group-hd">Despite the creation of a monarchy with absolute sovereignty, the Japanese constitution also established a parliament, which became an important part of Japan&#8217;s political life after 1890. What key power did parliament hold?</legend> <div class="field"> <input type="radio" name="input_c8392dce1a444c98a489cd92cada6f9c_2_1" id="input_c8392dce1a444c98a489cd92cada6f9c_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="c8392dce1a444c98a489cd92cada6f9c_2_1-choice_0-label" for="input_c8392dce1a444c98a489cd92cada6f9c_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_c8392dce1a444c98a489cd92cada6f9c_2_1"> Power to appoint ministers and other important officials </label> </div> <div class="field"> <input type="radio" name="input_c8392dce1a444c98a489cd92cada6f9c_2_1" id="input_c8392dce1a444c98a489cd92cada6f9c_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="c8392dce1a444c98a489cd92cada6f9c_2_1-choice_1-label" for="input_c8392dce1a444c98a489cd92cada6f9c_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_c8392dce1a444c98a489cd92cada6f9c_2_1"> Power to force the monarch to abdicate in times of emergency </label> </div> <div class="field"> <input type="radio" name="input_c8392dce1a444c98a489cd92cada6f9c_2_1" id="input_c8392dce1a444c98a489cd92cada6f9c_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="c8392dce1a444c98a489cd92cada6f9c_2_1-choice_2-label" for="input_c8392dce1a444c98a489cd92cada6f9c_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_c8392dce1a444c98a489cd92cada6f9c_2_1"> Power to approve or reject the government budget </label> </div> <span id="answer_c8392dce1a444c98a489cd92cada6f9c_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_c8392dce1a444c98a489cd92cada6f9c_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div><div class="solution-span"> <span id="solution_c8392dce1a444c98a489cd92cada6f9c_solution_1"/> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Multiple Choice" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_c8392dce1a444c98a489cd92cada6f9c" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_c8392dce1a444c98a489cd92cada6f9c"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="c8392dce1a444c98a489cd92cada6f9c-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="c8392dce1a444c98a489cd92cada6f9c-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="c8392dce1a444c98a489cd92cada6f9c-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@cc89f38282624930a610bfd0a997e7dc"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@cc89f38282624930a610bfd0a997e7dc" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_cc89f38282624930a610bfd0a997e7dc" class="problems-wrapper" role="group" aria-labelledby="cc89f38282624930a610bfd0a997e7dc-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@cc89f38282624930a610bfd0a997e7dc" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@cc89f38282624930a610bfd0a997e7dc/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="cc89f38282624930a610bfd0a997e7dc-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@cc89f38282624930a610bfd0a997e7dc-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@cc89f38282624930a610bfd0a997e7dc-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_cc89f38282624930a610bfd0a997e7dc_2_1"> <fieldset aria-describedby="status_cc89f38282624930a610bfd0a997e7dc_2_1"> <legend id="cc89f38282624930a610bfd0a997e7dc_2_1-legend" class="response-fieldset-legend field-group-hd">By the early-twentieth century news travelled fast, and people were able to keep up with events. What new medium was particularly influential around the time of the Russo-Japanese War?</legend> <div class="field"> <input type="radio" name="input_cc89f38282624930a610bfd0a997e7dc_2_1" id="input_cc89f38282624930a610bfd0a997e7dc_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="cc89f38282624930a610bfd0a997e7dc_2_1-choice_0-label" for="input_cc89f38282624930a610bfd0a997e7dc_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_cc89f38282624930a610bfd0a997e7dc_2_1"> Magazines </label> </div> <div class="field"> <input type="radio" name="input_cc89f38282624930a610bfd0a997e7dc_2_1" id="input_cc89f38282624930a610bfd0a997e7dc_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="cc89f38282624930a610bfd0a997e7dc_2_1-choice_1-label" for="input_cc89f38282624930a610bfd0a997e7dc_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_cc89f38282624930a610bfd0a997e7dc_2_1"> Newspapers </label> </div> <div class="field"> <input type="radio" name="input_cc89f38282624930a610bfd0a997e7dc_2_1" id="input_cc89f38282624930a610bfd0a997e7dc_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="cc89f38282624930a610bfd0a997e7dc_2_1-choice_2-label" for="input_cc89f38282624930a610bfd0a997e7dc_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_cc89f38282624930a610bfd0a997e7dc_2_1"> Postcards </label> </div> <span id="answer_cc89f38282624930a610bfd0a997e7dc_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_cc89f38282624930a610bfd0a997e7dc_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div><div class="solution-span"> <span id="solution_cc89f38282624930a610bfd0a997e7dc_solution_1"/> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Multiple Choice" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_cc89f38282624930a610bfd0a997e7dc" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_cc89f38282624930a610bfd0a997e7dc"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="cc89f38282624930a610bfd0a997e7dc-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="cc89f38282624930a610bfd0a997e7dc-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="cc89f38282624930a610bfd0a997e7dc-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@html+block@69c0a141f07b4378b7f64ebebacb0241"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@69c0a141f07b4378b7f64ebebacb0241" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>    </p> <p class="MsoNormal">In the following short video, Professor Gordon outlines three key themes for this module. We will spend roughly one day on each of these themes, discussing them in more detail.<o:p></o:p></p> </div> </div> <div class="vert vert-5" data-id="block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 5.3: Themes </h3> <div id="video_3179413031914237b8f49d224343a85d" class="video closed" data-metadata='{"sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V006300_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V006300_100.webm"], "ytApiUrl": "https://www.youtube.com/iframe_api", "start": 0.0, "duration": null, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d/handler/transcript/translation/__lang__", "poster": null, "captionDataDir": null, "generalSpeed": 1.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d/handler/publish_completion", "ytMetadataEndpoint": "", "completionPercentage": 0.95, "autohideHtml5": false, "transcriptLanguage": "en", "streams": "", "speed": null, "autoAdvance": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d/handler/xmodule_handler/save_user_state", "end": 0.0, "completionEnabled": false, "saveStateEnabled": false, "prioritizeHls": false, "recordedYoutubeIsAvailable": true, "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d/handler/transcript/available_translations", "transcriptLanguages": {"en": "English"}, "ytTestTimeout": 1500, "autoplay": false, "showCaptions": "true", "savedVideoPosition": 0.0}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="3179413031914237b8f49d224343a85d"></div> <h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4> <h4 class="hd hd-4 video-hls-error is-hidden"> Your browser does not support this video format. Try using a different browser. </h4> </div> <div class="video-player-post"></div> <div class="closed-captions"></div> <div class="video-controls is-hidden"> <div> <div class="vcr"><div class="vidtime">0:00 / 0:00</div></div> <div class="secondary-controls"></div> </div> </div> </div> </div> <div class="focus_grabber last"></div> <h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_3179413031914237b8f49d224343a85d">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_3179413031914237b8f49d224343a85d"> <div class="wrapper-download-transcripts"> <h4 class="hd hd-5">Transcripts</h4> <ul class="list-download-transcripts"> <li class="transcript-option"> <a class="btn btn-link" href="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a> </li> <li class="transcript-option"> <a class="btn btn-link" href="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@3179413031914237b8f49d224343a85d/handler/transcript/download" data-value="txt">Download Text (.txt) file</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@38efd91d387d434cbd49486e12137ee8" data-init="VerticalStudentView" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <h2 class="hd hd-2 unit-title">Looking Through “The Tokyo Riot Graphic”</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@4225783b07ba4220819183ed799209eb"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@4225783b07ba4220819183ed799209eb" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>    </p> <h3 class="MsoNormal">Looking Through “The Tokyo Riot Graphic”</h3> <p class="MsoNormal">Finally, please look through the entirety of <em>The</em> <i style="mso-bidi-font-style: normal;">Tokyo Riot Graphic:</i> we'll spend the bulk of this module analyzing it in more detail. Then answer the short follow-up questions.</p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@de5b7bd5b8fd4a3a85b5af98086f848a"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@de5b7bd5b8fd4a3a85b5af98086f848a" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p> <script>// <![CDATA[ var data = ['trg000_cover_18Sept1905.jpg', '', 'trg001_pg1_18Sept1905.jpg', '', 'trg002_pg2_18Sept1905.jpg', '', 'trg003_pg3_18Sept1905.jpg', '', 'trg004_pg4_18Sept1905.jpg', 'Image 5: Image is captioned in English: The Great Disturbances in Tokyo: Scene of a police-box being set fire to by rioters', 'trg005_pg5_18Sept1905.jpg', 'A set of four images, captioned in English, from top right to bottom left: The Great Disturbances in Tokyo: (1) Scene of the anti-peace mass meeting of Tokyo citizens held at Hibiya Park on September 5. (2) Crowd of demonstrators who fought with policemen in front of the main gate of the park. (3) Policemen. (4) Railing destroyed by rioters, through the opening thus created they surged into the park. (Photographs taken on Sept. 5 at 1 p.m.)', 'trg006_pg6_18Sept1905.jpg', 'Two images, captioned in English: The Great Disturbances in Tokyo: The two pictures are photographs taken during the great commotion which took place in front of the main gate of Hibiya Park at noon of Sept. 5. ', 'trg007_pg7_18Sept1905.jpg', 'Two images, captioned in English: The Great Disturbances in Tokyo: The upper-picture—Mr. Kōno, ex-president of the House of Representatives, speaking at the anti-peace mass meeting of Tokyo citizens. The lower picture—riotous scene which followed in consequence of the attempt of the police to prevent the ingress of the crowd into Hibiya Park.', 'trg008_pg8_18Sept1905.jpg', 'A set of four images, captioned in English, from top right to bottom left: Tokyo Under Martial Law: At midnight of Sept. 6 martial law was proclaimed in Tokyo. (1) Front of the entrance to the official residence of the Minister of Foreign Affairs. (2) Front of the main gate of the Metropolitan Police Office. (3) Front of the main gate of Nikolai Church. (4) Neighborhood of Hiyoshicho, Kyobashi-ku, where the office of the “Kokumin” stands. (Photographs taken on the afternoon of Sept. 7).', 'trg009_pg9_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: Riotous scene presented on the evening of Sept. 5, in front of the main gate of the official residence of the Home Minister, which was set fire to by the infuriated mob.', 'trg010_pg10_18Sept1905.jpg', 'Image is captioned in English: Tokyo Without Police: For some days after Sept. 5 Tokyo was practically without police. The upper picture—citizens angling at Ichigaya moat, where it is usually prohibited. The lower picture—citizens sleeping on the turf at Hibiya Park.', 'trg011_pg11_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: On the night of September 5 when the disturbances took place, the street of Ginza, the most flourishing quarter of the city, presented an awe-inspiring scene. The Street was entirely deserted, except by a few men stopping to talk in a low tone, and some policemen with drawn swords walking under dimly-lighted eaves.', 'trg012_pg12_18Sept1905.jpg', 'Two images, captioned in English: The Great Disturbances in Tokyo: On the night of Sept. 6. the official residence of the Home Foreigner was again attacked and the temporary fences were destroyed. The upper picture—wreckage of the building photographed on the afternoon of Sept. 7. The lower picture—troops on guard photographed on the same day.', 'trg013_pg13_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: Riotous scene seen on Sept. 5, near the Shintomiza theatre, where anti-peace lectures were to be given.', 'trg014_pg14_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: The upper picture—debris of the burnt branch Kyobashi police-station. The lower picture—debris of the burnt police-box near Kyobashi. (Photographs taken on the afternoon of Sept. 6)', 'trg015_pg15_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: Electric cars burning on the night of Sept. 6.', 'trg016_pg16_18Sept1905.jpg', 'Two images, captioned in English: The Great Disturbances in Tokyo: The upper picture—debris of the burnt branch office of the Tokyo Street Railway Company and the adjacent houses. The lower picture—wreckage of the Shuyeisha printing office.', 'trg017_pg17_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: The picture represents the disorderly scene which was scene at the extensive space at the north-eastern corner of Hibiya Park. The burning building is a branch office of the Tokyo Street Railway Co.', 'trg018_pg18_18Sept1905.jpg', 'Two images, captioned in English: Tokyo Under Martial Law: Martial law was proclaimed on the night of Sept. 6. The upper picture—cavalry patrolling the streets. The lower picture—infantry engaged in the same duty.', 'trg019_pg19_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: Wounded persons being conveyed to a hospital on the night of Sept. 6, when eleven electric cars were burnt.', 'trg020_pg20_18Sept1905.jpg', 'A set of four images, captioned in English, from top right to bottom left: The Great Disturbances in Tokyo: On the night of Sept. 6 several Christian churches were set fire to by rioters. (1) Debris Shitaya Church. (2) The same of Asakusa Church. (3)(4) The same of English Church at Asakusa (Photographs taken on the afternoon of Sept. 7).', 'trg021_pg21_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: Panic-stricken crowd flying for their lives pursued by policemen with draw swords. They were watching the burning of electric cars on the night of Sept. 6, standing on the elevated ground at the north-eastern corner of Hibiya Park. In their fright, many persons jumped or were thrown into the pool below.', 'trg022_pg22_18Sept1905.jpg', 'Two images captioned in English: Tokyo Under Martial Law: Temporary camps for the accommodation of troops guarding the vicinity of Hibiya Park.', 'trg023_pg23_18Sept1905.jpg', 'Image is captioned in English: The Great Disturbances in Tokyo: The Shitaya police-station burning on the night of Sept. 5.', 'trg024_pg24_18Sept1905.jpg', 'Two images captioned in English: The Great Disturbances in Tokyo: The upper-picture—debris of the branch police-station at Ogawamachi, Kanda, which was wrecked on the night of Sept. 6, and was burned down on during the following night. The lower picture—debris of a burnt police-box. (Photographs taken on the afternoon of Sept. 7)', 'trg025_pg25_18Sept1905.jpg', 'Image 26: Two images captioned in English: The Great Disturbances in Tokyo; On the night of Sept. 6, the branch office of the Tokyo Street Railway Co. and eleven electric cars were burnt by rioters. The upper picture—scene of the office after the fire. The lower picture—debris of the burnt cars.', 'trg026_pg26_18Sept1905.jpg', 'A set of four images, captioned in English, from top right to bottom left: Tokyo Under Martial Law. (1) The main gate of the official residence of Count Katsura, Prime Minister. (2) The gate of his private residence. (3) Residence of Mme O-koi, who has become notorious in connection with the recent disturbances. (4) Notice posted at various places in Tokyo concerning the purchase of rats. (photographs taken on the morning of Sept. 7).', 'trg027_pg27_18Sept1905.jpg', 'A set of four images, captioned in English, from top right to bottom left: The Great Disturbances in Tokyo: (1)(2) and (3)—Panic-stricken citizens pursued by policemen. (4) Riotous scene seen near the Shintomiza theatre, where anti-peace lectures were to be given.', 'trg028_pg28_18Sept1905.jpg', '', 'trg029_pg29_18Sept1905.jpg', '', 'trg030_pg30_18Sept1905.jpg', '', 'trg031_pg31_18Sept1905.jpg', '', 'trg032_pg32_18Sept1905.jpg', '', 'trg033_pg33_18Sept1905.jpg', '', 'trg034_pg34_18Sept1905.jpg', '', 'trg035_pg35_18Sept1905.jpg', '', 'trg036_pg36_18Sept1905.jpg', '', 'trg037_pg37_18Sept1905.jpg', '', 'trg038_pg38_18Sept1905.jpg', '', 'trg039_pg39_18Sept1905.jpg', '']; //data has image name, then caption if applicable. var captions = false; //set to false if you don't want captions, set to true if you do. ///After here should stay where it is var bookmark = 0; var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not. for(i=0;i<data.length;i+=2){ //function to add proper urls to everything data[i] = "https://files.edx.org/vjx/trg/" + data[i]; } function album(data){ $('#vjxMain').append("<div id='vjxOverlay'><div id='vjxImage'><img src='" + data[0] + "' alt='" + data[1] + "' style='max-width:100%; max-height:100%'/></div><button id='vjxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='https://files.edx.org/vjx/left.png'/><button id='vjxClose' onclick='closeAlbum()' class='asText'><p style='color:white'>[X] Click <br>to Close</p></button><div id='zoombox' style='display:inline-block; width:2%; height:35%'><img alt='zoom in' src='https://files.edx.org/vjx/plusw.png'/><input type='range' id='zoom' min='0' max='2' step='.01' orient='vertical' style='width: 100%; height: 75%; -webkit-appearance: slider-vertical; writing-mode: bt-lr;' onchange='updateZoom(value)'><img alt='zoom out' src='https://files.edx.org/vjx/minusw.png'/></div><button id='vjxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='https://files.edx.org/vjx/right.png'/></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual. /* if(captions){ //only add sidebar if you want captions $('#vjxOverlay').append("<div id='vjxSidebar'><p id='vjxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vjxData'>" + data[1] + "</p></div>"); //need to make sure the sidebar is properly hidden with tab showing. var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative). $('#vjxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much var shift = (Number($('#vjxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right. $('#vjxVert').css('margin-left','' + shift + 'px'); } */ bookmark = 0; //sets the album start on the 0 index of data (first image) //toggleSidebar(); $('#vjxImage > img').load(function(){ $(this).attr('data-width',$(this).width()); $(this).attr('data-height',$(this).height()); //grab original dimensions for zoom later $(this).css({'height':$(this).attr('data-height'), 'width':$(this).attr('data-width'), 'max-height':'','max-width':''}); }); } window.onresize = function(){ if(captions){ if(!sidebarOpen){ //only change the sidebar shift if it's still closed. var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative). $('#vjxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much } var shift = (Number($('#vjxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right. $('#vjxVert').css('margin-left','' + shift + 'px'); } } function closeAlbum(){ $('#vjxOverlay').remove(); } $(document).keyup(function(e) { if (e.keyCode == 27) { // Esc closeAlbum(); // or whatever you want } }); function turnPage(direction){ bookmark += direction; //left calls this with -2, right calls it with +2 if(bookmark===-2){ //check if we're wrapping around the back of the album bookmark = data.length - 2; //get to last item in data } if(bookmark===80){ //check if we're at the end and wrapping around to the front bookmark = 0; //go back to the first item in data } $('#vjxImage').empty(); $('#zoom').val(1); $('#vjxImage').append("<img src='" + data[bookmark] + "'alt='" + data[bookmark+1] + "' style='max-height:100%; max-width:100%'/>") $('#vjxData').empty().append(data[bookmark+1]); $('#vjxImage > img').load(function(){ $(this).attr('data-width',$(this).width()); $(this).attr('data-height',$(this).height()); //grab original dimensions for zoom later $(this).css({'height':$(this).attr('data-height'), 'width':$(this).attr('data-width'), 'max-height':'','max-width':''}); }); } /* function toggleSidebar(){ if(sidebarOpen){ //if the sidebar is currently open var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative). $('#vjxSidebar').animate({'right':'-' + right + 'px'},function(){ sidebarOpen = false; $('#vjxVert').empty().append('<strong>Show Info</strong>'); $('#vjxImage').css('max-height','100%'); }); } else{ //if the sidebar is closed. $('#vjxSidebar').animate({'right':'0px'},function(){ sidebarOpen = true; $('#vjxVert').empty().append('<strong>Hide Info</strong>'); $('#vjxImage').css('max-height','70%'); }); } }*/ function updateZoom(zoomLevel){ //master zoom for the page, affects everything. All images are divs with background-image. It makes the hover highlight possible with just css rather than slower jquery. var height = $('#vjxImage > img').attr('data-height'); var width = $('#vjxImage > img').attr('data-width'); //grab the actual dimensions from the html console.log(height, width); $('#vjxImage > img').css({'width':width*zoomLevel,'height':height*zoomLevel}); } // ]]></script> </p> <style></style> <div id="vjxMain"> <p><a href="#" tabindex="0" onclick="album(data)" style="cursor: pointer;"><span style="cursor: pointer;"><img style="float: left; margin-right: 10px;" alt="Album preview; click to view album" src="/assets/courseware/v1/c4152dddef1aacc67d845c3b2c71eafe/asset-v1:MITx+VJx+3T2018+type@asset+block/Click_Thru_icon_TRG.jpg" /></span><strong style="cursor: pointer;">Click Thru</strong></a> to view the <em>Tokyo Riot Graphic</em> album.</p> </div> <p style="font-size: 16px; line-height: 25.6px;"><a target="_blank" href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/trg_gallery.html"><strong>Link Thru</strong></a> to view the complete magazine pages in a Gallery format on the Visualizing Cultures website.</p> <p style="font-size: 16px; line-height: 25.6px;">All images from <em>The Tokyo Riot Graphic</em> (Tokyo: Kinji Gahō Company), 66 (September 18, 1905). <a target="_blank" href="http://creativecommons.org/licenses/by-nc-sa/2.5/">CC BY NC SA</a>. [<a target="_blank" href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/trg_gallery.html">VC Gallery</a>]</p> </div> </div> <div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@d0eb71d478334a6cb76ca1a91aae1640"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@d0eb71d478334a6cb76ca1a91aae1640" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_d0eb71d478334a6cb76ca1a91aae1640" class="problems-wrapper" role="group" aria-labelledby="d0eb71d478334a6cb76ca1a91aae1640-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@d0eb71d478334a6cb76ca1a91aae1640" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@d0eb71d478334a6cb76ca1a91aae1640/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="d0eb71d478334a6cb76ca1a91aae1640-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@d0eb71d478334a6cb76ca1a91aae1640-problem-progress" tabindex="-1"> Checkboxes </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@d0eb71d478334a6cb76ca1a91aae1640-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_d0eb71d478334a6cb76ca1a91aae1640_2_1"> <fieldset aria-describedby="status_d0eb71d478334a6cb76ca1a91aae1640_2_1"> <legend id="d0eb71d478334a6cb76ca1a91aae1640_2_1-legend" class="response-fieldset-legend field-group-hd">Why do you think the first half of the magazine has captions in both English and Japanese? Check all that apply.</legend> <div class="field"> <input type="checkbox" name="input_d0eb71d478334a6cb76ca1a91aae1640_2_1[]" id="input_d0eb71d478334a6cb76ca1a91aae1640_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="d0eb71d478334a6cb76ca1a91aae1640_2_1-choice_0-label" for="input_d0eb71d478334a6cb76ca1a91aae1640_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_d0eb71d478334a6cb76ca1a91aae1640_2_1"> The editors were English </label> </div> <div class="field"> <input type="checkbox" name="input_d0eb71d478334a6cb76ca1a91aae1640_2_1[]" id="input_d0eb71d478334a6cb76ca1a91aae1640_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="d0eb71d478334a6cb76ca1a91aae1640_2_1-choice_1-label" for="input_d0eb71d478334a6cb76ca1a91aae1640_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_d0eb71d478334a6cb76ca1a91aae1640_2_1"> The editors wanted to address both domestic and international audiences </label> </div> <div class="field"> <input type="checkbox" name="input_d0eb71d478334a6cb76ca1a91aae1640_2_1[]" id="input_d0eb71d478334a6cb76ca1a91aae1640_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="d0eb71d478334a6cb76ca1a91aae1640_2_1-choice_2-label" for="input_d0eb71d478334a6cb76ca1a91aae1640_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_d0eb71d478334a6cb76ca1a91aae1640_2_1"> The editors modeled their publication on similar English magazines </label> </div> <span id="answer_d0eb71d478334a6cb76ca1a91aae1640_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_d0eb71d478334a6cb76ca1a91aae1640_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Checkboxes" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_d0eb71d478334a6cb76ca1a91aae1640" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_d0eb71d478334a6cb76ca1a91aae1640"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="d0eb71d478334a6cb76ca1a91aae1640-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="d0eb71d478334a6cb76ca1a91aae1640-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="d0eb71d478334a6cb76ca1a91aae1640-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@106a18a890f84606b8ea3fa369436aa5"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@106a18a890f84606b8ea3fa369436aa5" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_106a18a890f84606b8ea3fa369436aa5" class="problems-wrapper" role="group" aria-labelledby="106a18a890f84606b8ea3fa369436aa5-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@106a18a890f84606b8ea3fa369436aa5" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@106a18a890f84606b8ea3fa369436aa5/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="106a18a890f84606b8ea3fa369436aa5-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@106a18a890f84606b8ea3fa369436aa5-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@106a18a890f84606b8ea3fa369436aa5-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_106a18a890f84606b8ea3fa369436aa5_2_1"> <fieldset aria-describedby="status_106a18a890f84606b8ea3fa369436aa5_2_1"> <legend id="106a18a890f84606b8ea3fa369436aa5_2_1-legend" class="response-fieldset-legend field-group-hd">Of the total number of images in the <i>Graphic,</i> roughly how many are photographs? Select the best answer.</legend> <div class="field"> <input type="radio" name="input_106a18a890f84606b8ea3fa369436aa5_2_1" id="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="106a18a890f84606b8ea3fa369436aa5_2_1-choice_0-label" for="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_106a18a890f84606b8ea3fa369436aa5_2_1"> one quarter </label> </div> <div class="field"> <input type="radio" name="input_106a18a890f84606b8ea3fa369436aa5_2_1" id="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="106a18a890f84606b8ea3fa369436aa5_2_1-choice_1-label" for="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_106a18a890f84606b8ea3fa369436aa5_2_1"> one half </label> </div> <div class="field"> <input type="radio" name="input_106a18a890f84606b8ea3fa369436aa5_2_1" id="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="106a18a890f84606b8ea3fa369436aa5_2_1-choice_2-label" for="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_106a18a890f84606b8ea3fa369436aa5_2_1"> three quarters </label> </div> <div class="field"> <input type="radio" name="input_106a18a890f84606b8ea3fa369436aa5_2_1" id="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_3" class="field-input input-radio" value="choice_3"/><label id="106a18a890f84606b8ea3fa369436aa5_2_1-choice_3-label" for="input_106a18a890f84606b8ea3fa369436aa5_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_106a18a890f84606b8ea3fa369436aa5_2_1"> all of them </label> </div> <span id="answer_106a18a890f84606b8ea3fa369436aa5_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_106a18a890f84606b8ea3fa369436aa5_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div><div class="solution-span"> <span id="solution_106a18a890f84606b8ea3fa369436aa5_solution_1"/> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Multiple Choice" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_106a18a890f84606b8ea3fa369436aa5" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_106a18a890f84606b8ea3fa369436aa5"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="106a18a890f84606b8ea3fa369436aa5-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="106a18a890f84606b8ea3fa369436aa5-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="106a18a890f84606b8ea3fa369436aa5-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@c1dff7fcef154480af147eaa0830da4e"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@c1dff7fcef154480af147eaa0830da4e" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_c1dff7fcef154480af147eaa0830da4e" class="problems-wrapper" role="group" aria-labelledby="c1dff7fcef154480af147eaa0830da4e-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@c1dff7fcef154480af147eaa0830da4e" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@c1dff7fcef154480af147eaa0830da4e/handler/xmodule_handler" data-problem-score="0" data-problem-total-possible="1" data-attempts-used="0" data-content=" <h3 class="hd hd-3 problem-header" id="c1dff7fcef154480af147eaa0830da4e-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@c1dff7fcef154480af147eaa0830da4e-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@c1dff7fcef154480af147eaa0830da4e-problem-progress"></div> <div class="problem"> <div> <div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_c1dff7fcef154480af147eaa0830da4e_2_1"> <fieldset aria-describedby="status_c1dff7fcef154480af147eaa0830da4e_2_1"> <legend id="c1dff7fcef154480af147eaa0830da4e_2_1-legend" class="response-fieldset-legend field-group-hd">Of the images in the magazine, which are most dramatic? Select the best answer.</legend> <div class="field"> <input type="radio" name="input_c1dff7fcef154480af147eaa0830da4e_2_1" id="input_c1dff7fcef154480af147eaa0830da4e_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="c1dff7fcef154480af147eaa0830da4e_2_1-choice_0-label" for="input_c1dff7fcef154480af147eaa0830da4e_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_c1dff7fcef154480af147eaa0830da4e_2_1"> Photographs </label> </div> <div class="field"> <input type="radio" name="input_c1dff7fcef154480af147eaa0830da4e_2_1" id="input_c1dff7fcef154480af147eaa0830da4e_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="c1dff7fcef154480af147eaa0830da4e_2_1-choice_1-label" for="input_c1dff7fcef154480af147eaa0830da4e_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_c1dff7fcef154480af147eaa0830da4e_2_1"> Hand-drawn watercolors </label> </div> <div class="field"> <input type="radio" name="input_c1dff7fcef154480af147eaa0830da4e_2_1" id="input_c1dff7fcef154480af147eaa0830da4e_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="c1dff7fcef154480af147eaa0830da4e_2_1-choice_2-label" for="input_c1dff7fcef154480af147eaa0830da4e_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_c1dff7fcef154480af147eaa0830da4e_2_1"> The line drawings interspersed with text at the back of the issue </label> </div> <span id="answer_c1dff7fcef154480af147eaa0830da4e_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_c1dff7fcef154480af147eaa0830da4e_2_1" data-tooltip="Not yet answered."> <span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/> </span> </div> </div><div class="solution-span"> <span id="solution_c1dff7fcef154480af147eaa0830da4e_solution_1"/> </div></div> </div> <div class="action"> <input type="hidden" name="problem_id" value="Multiple Choice" /> <div class="submit-attempt-container"> <button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_c1dff7fcef154480af147eaa0830da4e" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_c1dff7fcef154480af147eaa0830da4e"> <span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span> </div> </div> <div class="problem-action-buttons-wrapper"> </div> </div> <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1"> <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="c1dff7fcef154480af147eaa0830da4e-problem-title"> </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification warning notification-save is-hidden" tabindex="-1"> <span class="icon fa fa-save" aria-hidden="true"></span> <span class="notification-message" aria-describedby="c1dff7fcef154480af147eaa0830da4e-problem-title">None </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> <div class="notification general notification-show-answer is-hidden" tabindex="-1"> <span class="icon fa fa-info-circle" aria-hidden="true"></span> <span class="notification-message" aria-describedby="c1dff7fcef154480af147eaa0830da4e-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-5" data-id="block-v1:MITx+VJx+3T2018+type@html+block@6be5805b97174e6f8137e512410893da"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-version="1" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@6be5805b97174e6f8137e512410893da" data-init="XBlockToXModuleShim" data-request-token="2eeabd2c51b811f19bd70affeea915a3"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>    </p> <p class="MsoNormal">We will revisit the images within <em>The </em><i style="mso-bidi-font-style: normal;">Tokyo Riot Graphic</i> in more detail during the remainder of the module. Tomorrow, however, we will first look at the broader historical context of illustrated news media and the events that precipitated the Hibiya Riots.<o:p></o:p></p> </div> </div> </div> </div>