<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@11a3e92e4aa1493ab5f870d858e6794d" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">After Perry</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@8fd033bbffc74eaab237b14c9ffd9a67">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@8fd033bbffc74eaab237b14c9ffd9a67" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>After Perry</h3>
<p>In this two-day transition, Professors Dower and Gordon will provide a cursory overview of the fifty years of history that separate Perry’s visit and the era of social protest in imperial Japan, subject of the next module of Visualizing Japan. We think you'll enjoy exploring images of the first Western enclaves in Yokohama.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@462de7e5fa674d54a3bb2b0404689e7b">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@462de7e5fa674d54a3bb2b0404689e7b" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.1 - Overview</h3>
<div
id="video_462de7e5fa674d54a3bb2b0404689e7b"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@462de7e5fa674d54a3bb2b0404689e7b/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@462de7e5fa674d54a3bb2b0404689e7b/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@462de7e5fa674d54a3bb2b0404689e7b/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004800_100.webm", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004800_100.mp4"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@462de7e5fa674d54a3bb2b0404689e7b/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="462de7e5fa674d54a3bb2b0404689e7b"></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_462de7e5fa674d54a3bb2b0404689e7b">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_462de7e5fa674d54a3bb2b0404689e7b">
<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@462de7e5fa674d54a3bb2b0404689e7b/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@462de7e5fa674d54a3bb2b0404689e7b/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@video+block@9801ede4fc3844b480f447a9af09869b">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@9801ede4fc3844b480f447a9af09869b" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.2 - Early Treaties</h3>
<div
id="video_9801ede4fc3844b480f447a9af09869b"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9801ede4fc3844b480f447a9af09869b/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9801ede4fc3844b480f447a9af09869b/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9801ede4fc3844b480f447a9af09869b/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004900_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004900_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@9801ede4fc3844b480f447a9af09869b/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="9801ede4fc3844b480f447a9af09869b"></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_9801ede4fc3844b480f447a9af09869b">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_9801ede4fc3844b480f447a9af09869b">
<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@9801ede4fc3844b480f447a9af09869b/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@9801ede4fc3844b480f447a9af09869b/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@6a6d56f179af456c88927036ad3ddac0">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@6a6d56f179af456c88927036ad3ddac0" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_6a6d56f179af456c88927036ad3ddac0" class="problems-wrapper" role="group"
aria-labelledby="6a6d56f179af456c88927036ad3ddac0-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@6a6d56f179af456c88927036ad3ddac0" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@6a6d56f179af456c88927036ad3ddac0/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="6a6d56f179af456c88927036ad3ddac0-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@6a6d56f179af456c88927036ad3ddac0-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@6a6d56f179af456c88927036ad3ddac0-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_6a6d56f179af456c88927036ad3ddac0_2_1">
<fieldset aria-describedby="status_6a6d56f179af456c88927036ad3ddac0_2_1">
<legend id="6a6d56f179af456c88927036ad3ddac0_2_1-legend" class="response-fieldset-legend field-group-hd">The 1858 Treaty of Amity and Commerce expanded the relationship between Japan and the outside world. How? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_6a6d56f179af456c88927036ad3ddac0_2_1[]" id="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="6a6d56f179af456c88927036ad3ddac0_2_1-choice_0-label" for="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_6a6d56f179af456c88927036ad3ddac0_2_1"> It instituted a free-trade agreement between the two nations
</label>
</div>
<div class="field">
<input type="checkbox" name="input_6a6d56f179af456c88927036ad3ddac0_2_1[]" id="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="6a6d56f179af456c88927036ad3ddac0_2_1-choice_1-label" for="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_6a6d56f179af456c88927036ad3ddac0_2_1"> It opened up more ports for trade
</label>
</div>
<div class="field">
<input type="checkbox" name="input_6a6d56f179af456c88927036ad3ddac0_2_1[]" id="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="6a6d56f179af456c88927036ad3ddac0_2_1-choice_2-label" for="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_6a6d56f179af456c88927036ad3ddac0_2_1"> It allowed foreigners to reside in Japan
</label>
</div>
<div class="field">
<input type="checkbox" name="input_6a6d56f179af456c88927036ad3ddac0_2_1[]" id="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="6a6d56f179af456c88927036ad3ddac0_2_1-choice_3-label" for="input_6a6d56f179af456c88927036ad3ddac0_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_6a6d56f179af456c88927036ad3ddac0_2_1"> It was signed by several other Western nations
</label>
</div>
<span id="answer_6a6d56f179af456c88927036ad3ddac0_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_6a6d56f179af456c88927036ad3ddac0_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_6a6d56f179af456c88927036ad3ddac0" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_6a6d56f179af456c88927036ad3ddac0">
<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="6a6d56f179af456c88927036ad3ddac0-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="6a6d56f179af456c88927036ad3ddac0-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="6a6d56f179af456c88927036ad3ddac0-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-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@d69deec0d9634d1d974bae9f03041916" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Yokohama Boomtown</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@video+block@a847e37e4e1840c4896bfe12c904b64e">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@a847e37e4e1840c4896bfe12c904b64e" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.3 - Yokohama Boomtown</h3>
<div
id="video_a847e37e4e1840c4896bfe12c904b64e"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a847e37e4e1840c4896bfe12c904b64e/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a847e37e4e1840c4896bfe12c904b64e/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a847e37e4e1840c4896bfe12c904b64e/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005000_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005000_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a847e37e4e1840c4896bfe12c904b64e/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="a847e37e4e1840c4896bfe12c904b64e"></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_a847e37e4e1840c4896bfe12c904b64e">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_a847e37e4e1840c4896bfe12c904b64e">
<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@a847e37e4e1840c4896bfe12c904b64e/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@a847e37e4e1840c4896bfe12c904b64e/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@48b078a360244d03a959a22375bc8950">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@48b078a360244d03a959a22375bc8950" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Next, you'll have a chance to examine this party more closely.</p>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@69c18fc4547c4b8cbf894b1b3aea46b9" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Detail Study - Yokohama’s Cosmopolitanism</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@fbee6b26467141edb3e8c7930ad49b5b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@fbee6b26467141edb3e8c7930ad49b5b" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Detail Study: Yokohama‘s Cosmopolitanism</h3>
<p>Yokohama became the most important “treaty port,” and quickly grew into a cosmopolitan city. Many Japanese artists depicted the town‘s multiculturalism in lavish woodblock prints. One such print is reproduced below: please explore the print, and identify one feature that illustrates Yokohama‘s cosmopolitanism.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@242cd3b6b35f451ca3f8a4d79b6d2d0c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@242cd3b6b35f451ca3f8a4d79b6d2d0c" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Sadahide the Observer: A Party Scene</h3>
<p>Click and zoom in on this 1861 print of an American party in Yokohama by the Japanese artist, Sadahide. </p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@html+block@c5dc57fe0b334686aa0b9770071dd693">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@c5dc57fe0b334686aa0b9770071dd693" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<figure>
<h3 class="hd hd-2"><a href="/assets/courseware/v1/b7ca6afe1b2b37fed4f86cc4ccac42f3/asset-v1:MITx+VJx+3T2018+type@asset+block/Y0141_AmericanParty_3200w_lower_res.jpg" class="modal-content"><img alt="Image of an 'American Party.' Women are dressed in traditional Japanese clothing, men are dressed in Western military uniforms. The women appear to be interested by the westerners. Select the image to open it in full screen mode." src="/assets/courseware/v1/b7ca6afe1b2b37fed4f86cc4ccac42f3/asset-v1:MITx+VJx+3T2018+type@asset+block/Y0141_AmericanParty_3200w_lower_res.jpg" /></a></h3>
<h3 class="hd hd-2"></h3>
<figcaption>
<p>Sadahide. <em>Picture of a Mercantile Establishment in Yokohama.</em> 1861. Woodblock print. Arthur M. Sackler Gallery, Smithsonian Institution. <a href="https://creativecommons.org/licenses/by-nc-sa/2.5/" target="_blank">CC BY NC SA.</a> [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/yokohama/gallery/pages/Y0141_AmericanParty.htm" target="_blank">Y0141_AmericanParty</a>]</p>
</figcaption></figure>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@html+block@9067cb30435342668c3cc6f04ef31d16">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@9067cb30435342668c3cc6f04ef31d16" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Sadahide Drag-and-Drop Exercise</h3>
<p>(1 point possible). After taking a look at the image above, see if you can identify the following events in this print. Drag the text boxes to the corresponding location on the image. If you need help, you can also view a Visual Narrative on the Visualizing Cultures website <strong><a href="http://ocw.mit.edu/ans7870/21f/21f.027/yokohama/yb_visnav09.html" target="[object Object]">here</a>.</strong></p>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@7feb0421303a44c6a7411a37de4f64ba" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">The Meiji Political Order</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@video+block@52f904cc3e634d75bd506b7839b8b5ee">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@52f904cc3e634d75bd506b7839b8b5ee" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.4 - The Meiji Political Order</h3>
<div
id="video_52f904cc3e634d75bd506b7839b8b5ee"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@52f904cc3e634d75bd506b7839b8b5ee/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@52f904cc3e634d75bd506b7839b8b5ee/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@52f904cc3e634d75bd506b7839b8b5ee/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005100_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005100_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@52f904cc3e634d75bd506b7839b8b5ee/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="52f904cc3e634d75bd506b7839b8b5ee"></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_52f904cc3e634d75bd506b7839b8b5ee">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_52f904cc3e634d75bd506b7839b8b5ee">
<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@52f904cc3e634d75bd506b7839b8b5ee/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@52f904cc3e634d75bd506b7839b8b5ee/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@50443f121ca24a9286e40bb2bedc6ea8">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@50443f121ca24a9286e40bb2bedc6ea8" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_50443f121ca24a9286e40bb2bedc6ea8" class="problems-wrapper" role="group"
aria-labelledby="50443f121ca24a9286e40bb2bedc6ea8-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@50443f121ca24a9286e40bb2bedc6ea8" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@50443f121ca24a9286e40bb2bedc6ea8/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="50443f121ca24a9286e40bb2bedc6ea8-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@50443f121ca24a9286e40bb2bedc6ea8-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@50443f121ca24a9286e40bb2bedc6ea8-problem-progress"></div>
<div class="problem">
<div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><figure>
<img src="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_548.jpg" width="850" alt="Emperor and empress in western clothes with son in western clothes, in front of ornately decorated interior"/>
<figcaption>
<p>Toyohara Chikanobu. <em>A Mirror of Japanese Nobility</em>. 1887. Woodblock print. Sharf Collection, Museum of Fine Arts, Boston. <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" target="_blank">CC BY NC SA</a>. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/pages/2000_548.htm" target="_blank">2000_548_c</a>]</p>
</figcaption>
</figure>
<div class="choicegroup capa_inputtype" id="inputtype_50443f121ca24a9286e40bb2bedc6ea8_2_1">
<fieldset aria-describedby="status_50443f121ca24a9286e40bb2bedc6ea8_2_1">
<legend id="50443f121ca24a9286e40bb2bedc6ea8_2_1-legend" class="response-fieldset-legend field-group-hd">In 1868, the Tokugawa shogunate was overthrown by a group of dissident samurai who reinstated direct imperial rule and built a new political order. Look at this print of the imperial family. What does it tell you about the role of the emperor in Meiji Japan? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_50443f121ca24a9286e40bb2bedc6ea8_2_1[]" id="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="50443f121ca24a9286e40bb2bedc6ea8_2_1-choice_0-label" for="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_50443f121ca24a9286e40bb2bedc6ea8_2_1"> The emperor symbolized Japan&#8217;s past and traditions
</label>
</div>
<div class="field">
<input type="checkbox" name="input_50443f121ca24a9286e40bb2bedc6ea8_2_1[]" id="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="50443f121ca24a9286e40bb2bedc6ea8_2_1-choice_1-label" for="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_50443f121ca24a9286e40bb2bedc6ea8_2_1"> The emperor modeled paternal male authority
</label>
</div>
<div class="field">
<input type="checkbox" name="input_50443f121ca24a9286e40bb2bedc6ea8_2_1[]" id="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="50443f121ca24a9286e40bb2bedc6ea8_2_1-choice_2-label" for="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_50443f121ca24a9286e40bb2bedc6ea8_2_1"> The emperor stressed the importance of military strength
</label>
</div>
<div class="field">
<input type="checkbox" name="input_50443f121ca24a9286e40bb2bedc6ea8_2_1[]" id="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="50443f121ca24a9286e40bb2bedc6ea8_2_1-choice_3-label" for="input_50443f121ca24a9286e40bb2bedc6ea8_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_50443f121ca24a9286e40bb2bedc6ea8_2_1"> The emperor showed the need to turn to the West for inspiration
</label>
</div>
<span id="answer_50443f121ca24a9286e40bb2bedc6ea8_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_50443f121ca24a9286e40bb2bedc6ea8_2_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
</div><p> </p>
</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_50443f121ca24a9286e40bb2bedc6ea8" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_50443f121ca24a9286e40bb2bedc6ea8">
<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="50443f121ca24a9286e40bb2bedc6ea8-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="50443f121ca24a9286e40bb2bedc6ea8-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="50443f121ca24a9286e40bb2bedc6ea8-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-2" data-id="block-v1:MITx+VJx+3T2018+type@video+block@75f56fcbc1b54a97b9488a6538b2db35">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@75f56fcbc1b54a97b9488a6538b2db35" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.5 - Westernization: Two Aspects</h3>
<div
id="video_75f56fcbc1b54a97b9488a6538b2db35"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@75f56fcbc1b54a97b9488a6538b2db35/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@75f56fcbc1b54a97b9488a6538b2db35/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@75f56fcbc1b54a97b9488a6538b2db35/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005200_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005200_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@75f56fcbc1b54a97b9488a6538b2db35/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="75f56fcbc1b54a97b9488a6538b2db35"></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_75f56fcbc1b54a97b9488a6538b2db35">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_75f56fcbc1b54a97b9488a6538b2db35">
<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@75f56fcbc1b54a97b9488a6538b2db35/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@75f56fcbc1b54a97b9488a6538b2db35/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@cfdac5ac838e46918e81cdeae5b9702e">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@cfdac5ac838e46918e81cdeae5b9702e" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_cfdac5ac838e46918e81cdeae5b9702e" class="problems-wrapper" role="group"
aria-labelledby="cfdac5ac838e46918e81cdeae5b9702e-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@cfdac5ac838e46918e81cdeae5b9702e" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@cfdac5ac838e46918e81cdeae5b9702e/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="cfdac5ac838e46918e81cdeae5b9702e-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@cfdac5ac838e46918e81cdeae5b9702e-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@cfdac5ac838e46918e81cdeae5b9702e-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_cfdac5ac838e46918e81cdeae5b9702e_2_1">
<fieldset aria-describedby="status_cfdac5ac838e46918e81cdeae5b9702e_2_1">
<legend id="cfdac5ac838e46918e81cdeae5b9702e_2_1-legend" class="response-fieldset-legend field-group-hd">What were the two faces of &#8220;Westernization&#8221; in Meiji Japan? Check the two that apply.</legend>
<div class="field">
<input type="checkbox" name="input_cfdac5ac838e46918e81cdeae5b9702e_2_1[]" id="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="cfdac5ac838e46918e81cdeae5b9702e_2_1-choice_0-label" for="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_cfdac5ac838e46918e81cdeae5b9702e_2_1"> Westernization meant adopting elements of Western technology and culture
</label>
</div>
<div class="field">
<input type="checkbox" name="input_cfdac5ac838e46918e81cdeae5b9702e_2_1[]" id="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="cfdac5ac838e46918e81cdeae5b9702e_2_1-choice_1-label" for="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_cfdac5ac838e46918e81cdeae5b9702e_2_1"> Westernization meant signing treaties with Western powers to conduct commerce
</label>
</div>
<div class="field">
<input type="checkbox" name="input_cfdac5ac838e46918e81cdeae5b9702e_2_1[]" id="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="cfdac5ac838e46918e81cdeae5b9702e_2_1-choice_2-label" for="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_cfdac5ac838e46918e81cdeae5b9702e_2_1"> Westernization meant ending seclusion and changing the political system
</label>
</div>
<div class="field">
<input type="checkbox" name="input_cfdac5ac838e46918e81cdeae5b9702e_2_1[]" id="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="cfdac5ac838e46918e81cdeae5b9702e_2_1-choice_3-label" for="input_cfdac5ac838e46918e81cdeae5b9702e_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_cfdac5ac838e46918e81cdeae5b9702e_2_1"> Westernization meant emulating Western powers through militarization and imperial expansion
</label>
</div>
<span id="answer_cfdac5ac838e46918e81cdeae5b9702e_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_cfdac5ac838e46918e81cdeae5b9702e_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_cfdac5ac838e46918e81cdeae5b9702e" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_cfdac5ac838e46918e81cdeae5b9702e">
<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="cfdac5ac838e46918e81cdeae5b9702e-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="cfdac5ac838e46918e81cdeae5b9702e-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="cfdac5ac838e46918e81cdeae5b9702e-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-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@105304fd7dc3401fa8461dbb48471909" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Westernization: Images & Symbols</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@video+block@0317d66e7f994e56a5343f6268274e45">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@0317d66e7f994e56a5343f6268274e45" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.6 - Westernization: Images & Symbols</h3>
<div
id="video_0317d66e7f994e56a5343f6268274e45"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0317d66e7f994e56a5343f6268274e45/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0317d66e7f994e56a5343f6268274e45/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0317d66e7f994e56a5343f6268274e45/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005300_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005300_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0317d66e7f994e56a5343f6268274e45/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="0317d66e7f994e56a5343f6268274e45"></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_0317d66e7f994e56a5343f6268274e45">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_0317d66e7f994e56a5343f6268274e45">
<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@0317d66e7f994e56a5343f6268274e45/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@0317d66e7f994e56a5343f6268274e45/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@338340d43326435286cd775536530d89">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@338340d43326435286cd775536530d89" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>The face of Westernization—the adoption of Western technology and culture—comes across vividly in the visual record of the Meiji period. Can you identify some of these features? Match the images to the appropriate description.</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>Image A<a href="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_535.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_535.jpg" alt="image of the imperial Diet. Man standing at lectern, looking down on another man standing in front of rows of orderly men in Western garb" /></a></td>
<td>Image B<a href="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_515.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_515.jpg" alt="long table with kimono-clad women sitting in a row on both sides busily processing silk" /></a></td>
<td>Image C<a href="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_549.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/throwing_off_asia_01/gallery/images/2000_549.jpg" alt="long train belching grey smoke in front of station. Ships in background." /></a></td>
</tr>
</tbody>
</table>
<p>Image A: Gotō Yoshikage. <em>Illustration of the Imperial Diet of Japan</em>. 1890. Woodblock print. Sharf Collection, Museum of Fine Arts, Boston. <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/throwing_off_asia_01/gallery/pages/2000_535.htm" target="[object Object]">2000_535</a>]</p>
<p>Image B: Utagawa Kuniaki II. <em>Illustration of the Silk Reeling Machine at the Japanese National Industrial Exposition</em>. 1877. Woodblock Print. Sharf Collection, Museum of Fine Arts, Boston. <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/throwing_off_asia_01/gallery/pages/2000_515.htm" target="[object Object]">2000_515_c</a>]</p>
<p>Image C: Utagawa Hiroshige III. <em>Steam Train Between Tokyo and Yokohama</em>. 1875. Woodblock print. Sharf Collection, Museum of Fine Arts, Boston. <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/throwing_off_asia_01/gallery/pages/2000_549.htm" target="[object Object]">2000_549_c</a>]</p>
<style type="text/css"><!--
table {border: none;}
img {
display: block;
margin: auto;
}
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
--></style>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@89ff50c48108479aa65b8a1be776907a">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@89ff50c48108479aa65b8a1be776907a" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_89ff50c48108479aa65b8a1be776907a" class="problems-wrapper" role="group"
aria-labelledby="89ff50c48108479aa65b8a1be776907a-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@89ff50c48108479aa65b8a1be776907a" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@89ff50c48108479aa65b8a1be776907a/handler/xmodule_handler"
data-problem-score="0"
data-problem-total-possible="3"
data-attempts-used="0"
data-content="
<h3 class="hd hd-3 problem-header" id="89ff50c48108479aa65b8a1be776907a-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@89ff50c48108479aa65b8a1be776907a-problem-progress" tabindex="-1">
Matching
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@89ff50c48108479aa65b8a1be776907a-problem-progress"></div>
<div class="problem">
<div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="inputtype option-input ">
<label class="problem-group-label" for="input_89ff50c48108479aa65b8a1be776907a_2_1" id="label_89ff50c48108479aa65b8a1be776907a_2_1">1. Which image best illustrates new technologies of communication and transport?</label>
<select name="input_89ff50c48108479aa65b8a1be776907a_2_1" id="input_89ff50c48108479aa65b8a1be776907a_2_1" aria-describedby="status_89ff50c48108479aa65b8a1be776907a_2_1">
<option value="option_89ff50c48108479aa65b8a1be776907a_2_1_dummy_default">Select an option</option>
<option value="A"> A</option>
<option value="B"> B</option>
<option value="C"> C</option>
</select>
<div class="indicator-container">
<span class="status unanswered" id="status_89ff50c48108479aa65b8a1be776907a_2_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
<p class="answer" id="answer_89ff50c48108479aa65b8a1be776907a_2_1"/>
</div></div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 2" role="group"><div class="inputtype option-input ">
<label class="problem-group-label" for="input_89ff50c48108479aa65b8a1be776907a_3_1" id="label_89ff50c48108479aa65b8a1be776907a_3_1">2. Which image best illustrates new political systems and ideas?</label>
<select name="input_89ff50c48108479aa65b8a1be776907a_3_1" id="input_89ff50c48108479aa65b8a1be776907a_3_1" aria-describedby="status_89ff50c48108479aa65b8a1be776907a_3_1">
<option value="option_89ff50c48108479aa65b8a1be776907a_3_1_dummy_default">Select an option</option>
<option value="A"> A</option>
<option value="B"> B</option>
<option value="C"> C</option>
</select>
<div class="indicator-container">
<span class="status unanswered" id="status_89ff50c48108479aa65b8a1be776907a_3_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
<p class="answer" id="answer_89ff50c48108479aa65b8a1be776907a_3_1"/>
</div></div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 3" role="group"><div class="inputtype option-input ">
<label class="problem-group-label" for="input_89ff50c48108479aa65b8a1be776907a_4_1" id="label_89ff50c48108479aa65b8a1be776907a_4_1">3. Which image best illustrates industrialization and new forms of economic organization?</label>
<select name="input_89ff50c48108479aa65b8a1be776907a_4_1" id="input_89ff50c48108479aa65b8a1be776907a_4_1" aria-describedby="status_89ff50c48108479aa65b8a1be776907a_4_1">
<option value="option_89ff50c48108479aa65b8a1be776907a_4_1_dummy_default">Select an option</option>
<option value="A"> A</option>
<option value="B"> B</option>
<option value="C"> C</option>
</select>
<div class="indicator-container">
<span class="status unanswered" id="status_89ff50c48108479aa65b8a1be776907a_4_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
<p class="answer" id="answer_89ff50c48108479aa65b8a1be776907a_4_1"/>
</div></div>
</div>
<div class="action">
<input type="hidden" name="problem_id" value="Matching" />
<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_89ff50c48108479aa65b8a1be776907a" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_89ff50c48108479aa65b8a1be776907a">
<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="89ff50c48108479aa65b8a1be776907a-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="89ff50c48108479aa65b8a1be776907a-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="89ff50c48108479aa65b8a1be776907a-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@video+block@359773361af840c6aba513179d03d061">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@359773361af840c6aba513179d03d061" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.7 - Print Culture in Meiji Japan</h3>
<div
id="video_359773361af840c6aba513179d03d061"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@359773361af840c6aba513179d03d061/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@359773361af840c6aba513179d03d061/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@359773361af840c6aba513179d03d061/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005400_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005400_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@359773361af840c6aba513179d03d061/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="359773361af840c6aba513179d03d061"></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_359773361af840c6aba513179d03d061">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_359773361af840c6aba513179d03d061">
<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@359773361af840c6aba513179d03d061/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@359773361af840c6aba513179d03d061/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@1fedf82cd60943419c170f1f59b3d664">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@1fedf82cd60943419c170f1f59b3d664" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_1fedf82cd60943419c170f1f59b3d664" class="problems-wrapper" role="group"
aria-labelledby="1fedf82cd60943419c170f1f59b3d664-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@1fedf82cd60943419c170f1f59b3d664" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@1fedf82cd60943419c170f1f59b3d664/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="1fedf82cd60943419c170f1f59b3d664-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@1fedf82cd60943419c170f1f59b3d664-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@1fedf82cd60943419c170f1f59b3d664-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_1fedf82cd60943419c170f1f59b3d664_2_1">
<fieldset aria-describedby="status_1fedf82cd60943419c170f1f59b3d664_2_1">
<legend id="1fedf82cd60943419c170f1f59b3d664_2_1-legend" class="response-fieldset-legend field-group-hd">Why are woodblock prints useful historical sources? Select the best answer.</legend>
<div class="field">
<input type="radio" name="input_1fedf82cd60943419c170f1f59b3d664_2_1" id="input_1fedf82cd60943419c170f1f59b3d664_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="1fedf82cd60943419c170f1f59b3d664_2_1-choice_0-label" for="input_1fedf82cd60943419c170f1f59b3d664_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_1fedf82cd60943419c170f1f59b3d664_2_1"> They represent a traditionalist backlash against Western culture
</label>
</div>
<div class="field">
<input type="radio" name="input_1fedf82cd60943419c170f1f59b3d664_2_1" id="input_1fedf82cd60943419c170f1f59b3d664_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="1fedf82cd60943419c170f1f59b3d664_2_1-choice_1-label" for="input_1fedf82cd60943419c170f1f59b3d664_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_1fedf82cd60943419c170f1f59b3d664_2_1"> They tell us a lot about high politics and the economy
</label>
</div>
<div class="field">
<input type="radio" name="input_1fedf82cd60943419c170f1f59b3d664_2_1" id="input_1fedf82cd60943419c170f1f59b3d664_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="1fedf82cd60943419c170f1f59b3d664_2_1-choice_2-label" for="input_1fedf82cd60943419c170f1f59b3d664_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_1fedf82cd60943419c170f1f59b3d664_2_1"> They offer insights into the daily lives of ordinary people
</label>
</div>
<span id="answer_1fedf82cd60943419c170f1f59b3d664_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_1fedf82cd60943419c170f1f59b3d664_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="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_1fedf82cd60943419c170f1f59b3d664" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_1fedf82cd60943419c170f1f59b3d664">
<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="1fedf82cd60943419c170f1f59b3d664-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="1fedf82cd60943419c170f1f59b3d664-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="1fedf82cd60943419c170f1f59b3d664-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@video+block@0870085222c246ccb8b033f2aee64c87">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@0870085222c246ccb8b033f2aee64c87" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 3.8 - Aspirations and Empire</h3>
<div
id="video_0870085222c246ccb8b033f2aee64c87"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0870085222c246ccb8b033f2aee64c87/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0870085222c246ccb8b033f2aee64c87/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "", "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0870085222c246ccb8b033f2aee64c87/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005500_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V005500_100.webm"], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0870085222c246ccb8b033f2aee64c87/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": null}'
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="0870085222c246ccb8b033f2aee64c87"></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_0870085222c246ccb8b033f2aee64c87">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_0870085222c246ccb8b033f2aee64c87">
<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@0870085222c246ccb8b033f2aee64c87/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@0870085222c246ccb8b033f2aee64c87/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@c94f4dc1e8c94d88b39537ae7b9e08d1">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@c94f4dc1e8c94d88b39537ae7b9e08d1" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_c94f4dc1e8c94d88b39537ae7b9e08d1" class="problems-wrapper" role="group"
aria-labelledby="c94f4dc1e8c94d88b39537ae7b9e08d1-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@c94f4dc1e8c94d88b39537ae7b9e08d1" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@c94f4dc1e8c94d88b39537ae7b9e08d1/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="c94f4dc1e8c94d88b39537ae7b9e08d1-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@c94f4dc1e8c94d88b39537ae7b9e08d1-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@c94f4dc1e8c94d88b39537ae7b9e08d1-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_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1">
<fieldset aria-describedby="status_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1">
<legend id="c94f4dc1e8c94d88b39537ae7b9e08d1_2_1-legend" class="response-fieldset-legend field-group-hd">Why must we be careful when using these woodblock prints as evidence for life in Meiji Japan? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1[]" id="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="c94f4dc1e8c94d88b39537ae7b9e08d1_2_1-choice_0-label" for="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1"> They only show the lives of elites
</label>
</div>
<div class="field">
<input type="checkbox" name="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1[]" id="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="c94f4dc1e8c94d88b39537ae7b9e08d1_2_1-choice_1-label" for="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1"> They often show dreams and aspirations, rather than reality
</label>
</div>
<div class="field">
<input type="checkbox" name="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1[]" id="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="c94f4dc1e8c94d88b39537ae7b9e08d1_2_1-choice_2-label" for="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1"> They were often produced by artists who had no direct experience of the scenes depicted
</label>
</div>
<div class="field">
<input type="checkbox" name="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1[]" id="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="c94f4dc1e8c94d88b39537ae7b9e08d1_2_1-choice_3-label" for="input_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1"> They sometimes gloss over the negative effects of the changes they depict, presenting an overly optimistic view of Meiji society
</label>
</div>
<span id="answer_c94f4dc1e8c94d88b39537ae7b9e08d1_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_c94f4dc1e8c94d88b39537ae7b9e08d1_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_c94f4dc1e8c94d88b39537ae7b9e08d1" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_c94f4dc1e8c94d88b39537ae7b9e08d1">
<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="c94f4dc1e8c94d88b39537ae7b9e08d1-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="c94f4dc1e8c94d88b39537ae7b9e08d1-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="c94f4dc1e8c94d88b39537ae7b9e08d1-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-7" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@6c6a16b33aa14e01bb15132dd93ddc5c">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@6c6a16b33aa14e01bb15132dd93ddc5c" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_6c6a16b33aa14e01bb15132dd93ddc5c" class="problems-wrapper" role="group"
aria-labelledby="6c6a16b33aa14e01bb15132dd93ddc5c-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@6c6a16b33aa14e01bb15132dd93ddc5c" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@6c6a16b33aa14e01bb15132dd93ddc5c/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="6c6a16b33aa14e01bb15132dd93ddc5c-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@6c6a16b33aa14e01bb15132dd93ddc5c-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@6c6a16b33aa14e01bb15132dd93ddc5c-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_6c6a16b33aa14e01bb15132dd93ddc5c_2_1">
<fieldset aria-describedby="status_6c6a16b33aa14e01bb15132dd93ddc5c_2_1">
<legend id="6c6a16b33aa14e01bb15132dd93ddc5c_2_1-legend" class="response-fieldset-legend field-group-hd">What was the relationship between nation building and imperial expansion in Meiji Japan?</legend>
<div class="field">
<input type="radio" name="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1" id="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="6c6a16b33aa14e01bb15132dd93ddc5c_2_1-choice_0-label" for="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_6c6a16b33aa14e01bb15132dd93ddc5c_2_1"> Japanese leaders recognized that they needed to build a strong nation first, then expand their empire
</label>
</div>
<div class="field">
<input type="radio" name="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1" id="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="6c6a16b33aa14e01bb15132dd93ddc5c_2_1-choice_1-label" for="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_6c6a16b33aa14e01bb15132dd93ddc5c_2_1"> Building a strong nation and expanding the empire happened concurrently
</label>
</div>
<div class="field">
<input type="radio" name="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1" id="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="6c6a16b33aa14e01bb15132dd93ddc5c_2_1-choice_2-label" for="input_6c6a16b33aa14e01bb15132dd93ddc5c_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_6c6a16b33aa14e01bb15132dd93ddc5c_2_1"> Imperialism was seen as a dangerous Western ideology, leading Japan to focus solely on domestic strengthening
</label>
</div>
<span id="answer_6c6a16b33aa14e01bb15132dd93ddc5c_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_6c6a16b33aa14e01bb15132dd93ddc5c_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="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_6c6a16b33aa14e01bb15132dd93ddc5c" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_6c6a16b33aa14e01bb15132dd93ddc5c">
<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="6c6a16b33aa14e01bb15132dd93ddc5c-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="6c6a16b33aa14e01bb15132dd93ddc5c-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="6c6a16b33aa14e01bb15132dd93ddc5c-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-8" data-id="block-v1:MITx+VJx+3T2018+type@html+block@0e53609d09244178988678dc522f2d97">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-request-token="117c42cced4e11eeb90716ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@0e53609d09244178988678dc522f2d97" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Great! Next up: <strong>Day 12 - Modernization, “Westernization,” & the Rise of Imperial Japan.</strong></p>
</div>
</div>
</div>
</div>
© All Rights Reserved