<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@e326b6c896cb4ad197f35a548f43c4ef" data-block-type="vertical" data-graded="True" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<h2 class="hd hd-2 unit-title">Hakodate</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@b465547a92904d52865fbab7e9c7468b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@b465547a92904d52865fbab7e9c7468b" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Hakodate</h3>
<p>Perry’s crew also travelled to the northern town of Hakodate, the second port opened under the Treaty of Kanagawa. First, watch Professor Dower’s introduction to Hakodate and the <span style="line-height: 1.6;">1854 </span><span style="font-size: 1em; line-height: 1.6em;">arrival of Perry’s fleet.</span></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@ea509686bcb9444d81c113eb14f76703">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@ea509686bcb9444d81c113eb14f76703" data-block-type="video" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 2.15: Hakodate</h3>
<div
id="video_ea509686bcb9444d81c113eb14f76703"
class="video closed"
data-metadata='{"prioritizeHls": false, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004000_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004000_100.webm"], "autoplay": false, "transcriptLanguage": "en", "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ea509686bcb9444d81c113eb14f76703/handler/transcript/translation/__lang__", "speed": null, "generalSpeed": 1.0, "streams": "", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "savedVideoPosition": 0.0, "autohideHtml5": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ea509686bcb9444d81c113eb14f76703/handler/publish_completion", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ea509686bcb9444d81c113eb14f76703/handler/xmodule_handler/save_user_state", "poster": null, "duration": null, "captionDataDir": null, "showCaptions": "true", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ea509686bcb9444d81c113eb14f76703/handler/transcript/available_translations", "ytTestTimeout": 1500, "transcriptLanguages": {"en": "English"}, "completionEnabled": false, "ytMetadataEndpoint": "", "end": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="ea509686bcb9444d81c113eb14f76703"></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_ea509686bcb9444d81c113eb14f76703">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_ea509686bcb9444d81c113eb14f76703">
<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@ea509686bcb9444d81c113eb14f76703/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@ea509686bcb9444d81c113eb14f76703/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@ce4a52b377d0448a897a567aaf685e0c">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@ce4a52b377d0448a897a567aaf685e0c" data-block-type="problem" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_ce4a52b377d0448a897a567aaf685e0c" class="problems-wrapper" role="group"
aria-labelledby="ce4a52b377d0448a897a567aaf685e0c-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@ce4a52b377d0448a897a567aaf685e0c" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@ce4a52b377d0448a897a567aaf685e0c/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="ce4a52b377d0448a897a567aaf685e0c-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@ce4a52b377d0448a897a567aaf685e0c-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@ce4a52b377d0448a897a567aaf685e0c-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_ce4a52b377d0448a897a567aaf685e0c_2_1">
<fieldset aria-describedby="status_ce4a52b377d0448a897a567aaf685e0c_2_1">
<legend id="ce4a52b377d0448a897a567aaf685e0c_2_1-legend" class="response-fieldset-legend field-group-hd">Despite the initial hostility shown by Japanese officials in Matsumae, relations between the Japanese and Americans soon improved. What three sites of contact does Professor Dower mention? Check the three that apply.</legend>
<div class="field">
<input type="checkbox" name="input_ce4a52b377d0448a897a567aaf685e0c_2_1[]" id="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="ce4a52b377d0448a897a567aaf685e0c_2_1-choice_0-label" for="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_ce4a52b377d0448a897a567aaf685e0c_2_1"> A tense standoff between the armed troops of each side
</label>
</div>
<div class="field">
<input type="checkbox" name="input_ce4a52b377d0448a897a567aaf685e0c_2_1[]" id="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="ce4a52b377d0448a897a567aaf685e0c_2_1-choice_1-label" for="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_ce4a52b377d0448a897a567aaf685e0c_2_1"> A lavish party thrown in honor of the American arrival
</label>
</div>
<div class="field">
<input type="checkbox" name="input_ce4a52b377d0448a897a567aaf685e0c_2_1[]" id="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="ce4a52b377d0448a897a567aaf685e0c_2_1-choice_2-label" for="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_ce4a52b377d0448a897a567aaf685e0c_2_1"> Meetings between local officials and Perry&#8217;s officers
</label>
</div>
<div class="field">
<input type="checkbox" name="input_ce4a52b377d0448a897a567aaf685e0c_2_1[]" id="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="ce4a52b377d0448a897a567aaf685e0c_2_1-choice_3-label" for="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_ce4a52b377d0448a897a567aaf685e0c_2_1"> Purchasing souvenirs in local shops
</label>
</div>
<div class="field">
<input type="checkbox" name="input_ce4a52b377d0448a897a567aaf685e0c_2_1[]" id="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_4" class="field-input input-checkbox" value="choice_4"/><label id="ce4a52b377d0448a897a567aaf685e0c_2_1-choice_4-label" for="input_ce4a52b377d0448a897a567aaf685e0c_2_1_choice_4" class="response-label field-label label-inline" aria-describedby="status_ce4a52b377d0448a897a567aaf685e0c_2_1"> Visits to local temples
</label>
</div>
<span id="answer_ce4a52b377d0448a897a567aaf685e0c_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_ce4a52b377d0448a897a567aaf685e0c_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_ce4a52b377d0448a897a567aaf685e0c" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_ce4a52b377d0448a897a567aaf685e0c">
<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="ce4a52b377d0448a897a567aaf685e0c-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="ce4a52b377d0448a897a567aaf685e0c-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="ce4a52b377d0448a897a567aaf685e0c-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@49fe7bf5ccc448209ffb34ca9fc37ee0">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@49fe7bf5ccc448209ffb34ca9fc37ee0" data-block-type="video" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 2.16: Kojima‘s Book</h3>
<div
id="video_49fe7bf5ccc448209ffb34ca9fc37ee0"
class="video closed"
data-metadata='{"prioritizeHls": false, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004100_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004100_100.webm"], "autoplay": false, "transcriptLanguage": "en", "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@49fe7bf5ccc448209ffb34ca9fc37ee0/handler/transcript/translation/__lang__", "speed": null, "generalSpeed": 1.0, "streams": "", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "savedVideoPosition": 0.0, "autohideHtml5": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@49fe7bf5ccc448209ffb34ca9fc37ee0/handler/publish_completion", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@49fe7bf5ccc448209ffb34ca9fc37ee0/handler/xmodule_handler/save_user_state", "poster": null, "duration": null, "captionDataDir": null, "showCaptions": "true", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@49fe7bf5ccc448209ffb34ca9fc37ee0/handler/transcript/available_translations", "ytTestTimeout": 1500, "transcriptLanguages": {"en": "English"}, "completionEnabled": false, "ytMetadataEndpoint": "", "end": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="49fe7bf5ccc448209ffb34ca9fc37ee0"></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_49fe7bf5ccc448209ffb34ca9fc37ee0">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_49fe7bf5ccc448209ffb34ca9fc37ee0">
<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@49fe7bf5ccc448209ffb34ca9fc37ee0/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@49fe7bf5ccc448209ffb34ca9fc37ee0/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@f45106da98a14452a483c79536216119">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@f45106da98a14452a483c79536216119" data-block-type="problem" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_f45106da98a14452a483c79536216119" class="problems-wrapper" role="group"
aria-labelledby="f45106da98a14452a483c79536216119-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@f45106da98a14452a483c79536216119" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@f45106da98a14452a483c79536216119/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="f45106da98a14452a483c79536216119-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@f45106da98a14452a483c79536216119-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@f45106da98a14452a483c79536216119-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_f45106da98a14452a483c79536216119_2_1">
<fieldset aria-describedby="status_f45106da98a14452a483c79536216119_2_1">
<legend id="f45106da98a14452a483c79536216119_2_1-legend" class="response-fieldset-legend field-group-hd">Kojima&#8217;s account is quite acerbic, but how would you characterize his evaluation of Perry&#8217;s men?</legend>
<div class="field">
<input type="radio" name="input_f45106da98a14452a483c79536216119_2_1" id="input_f45106da98a14452a483c79536216119_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="f45106da98a14452a483c79536216119_2_1-choice_0-label" for="input_f45106da98a14452a483c79536216119_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_f45106da98a14452a483c79536216119_2_1"> He condemns all of Perry&#8217;s men as barbarian louts
</label>
</div>
<div class="field">
<input type="radio" name="input_f45106da98a14452a483c79536216119_2_1" id="input_f45106da98a14452a483c79536216119_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="f45106da98a14452a483c79536216119_2_1-choice_1-label" for="input_f45106da98a14452a483c79536216119_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_f45106da98a14452a483c79536216119_2_1"> He is cynical about the overall state of affairs, but finds Perry&#8217;s men agreeable
</label>
</div>
<div class="field">
<input type="radio" name="input_f45106da98a14452a483c79536216119_2_1" id="input_f45106da98a14452a483c79536216119_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="f45106da98a14452a483c79536216119_2_1-choice_2-label" for="input_f45106da98a14452a483c79536216119_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_f45106da98a14452a483c79536216119_2_1"> He is careful to distinguish between men who behave well, and those who do not
</label>
</div>
<div class="field">
<input type="radio" name="input_f45106da98a14452a483c79536216119_2_1" id="input_f45106da98a14452a483c79536216119_2_1_choice_3" class="field-input input-radio" value="choice_3"/><label id="f45106da98a14452a483c79536216119_2_1-choice_3-label" for="input_f45106da98a14452a483c79536216119_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_f45106da98a14452a483c79536216119_2_1"> He focuses on the humorous aspects of the encounter between Perry&#8217;s men and the residents of Hakodate
</label>
</div>
<span id="answer_f45106da98a14452a483c79536216119_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_f45106da98a14452a483c79536216119_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_f45106da98a14452a483c79536216119" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_f45106da98a14452a483c79536216119">
<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="f45106da98a14452a483c79536216119-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="f45106da98a14452a483c79536216119-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="f45106da98a14452a483c79536216119-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@3cefd9b85be244d2964054b03bb15382" data-block-type="vertical" data-graded="True" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<h2 class="hd hd-2 unit-title">Social Encounters, Banquets, Click Thru: Sumo</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@5dae1726799f4c1db633975cebfacfb1">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@5dae1726799f4c1db633975cebfacfb1" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Social Encounters</h3>
<p>In addition to diplomatic negotiations and casual encounters on shore in both Hakodate and Shimoda, there were several formal social encounters. We will look at two of them in this section: banquets given by both the American and Japanese sides, and a sumo-wrestling match.</p>
<p>First, listen to Professor Dower discuss the rowdy banquet on the expedition‘s flagship, the<em> Powhatan</em>.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@e50f8566eaf245cd818cf282552e6a8e">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@e50f8566eaf245cd818cf282552e6a8e" data-block-type="video" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 2.18: Banquets</h3>
<div
id="video_e50f8566eaf245cd818cf282552e6a8e"
class="video closed"
data-metadata='{"prioritizeHls": false, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004200_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004200_100.webm"], "autoplay": false, "transcriptLanguage": "en", "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e50f8566eaf245cd818cf282552e6a8e/handler/transcript/translation/__lang__", "speed": null, "generalSpeed": 1.0, "streams": "", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "savedVideoPosition": 0.0, "autohideHtml5": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e50f8566eaf245cd818cf282552e6a8e/handler/publish_completion", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e50f8566eaf245cd818cf282552e6a8e/handler/xmodule_handler/save_user_state", "poster": null, "duration": null, "captionDataDir": null, "showCaptions": "true", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e50f8566eaf245cd818cf282552e6a8e/handler/transcript/available_translations", "ytTestTimeout": 1500, "transcriptLanguages": {"en": "English"}, "completionEnabled": false, "ytMetadataEndpoint": "", "end": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="e50f8566eaf245cd818cf282552e6a8e"></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_e50f8566eaf245cd818cf282552e6a8e">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_e50f8566eaf245cd818cf282552e6a8e">
<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@e50f8566eaf245cd818cf282552e6a8e/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@e50f8566eaf245cd818cf282552e6a8e/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@html+block@18d8b78159ce4a60bb0ba33efc0ec200">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@18d8b78159ce4a60bb0ba33efc0ec200" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Juxtaposition: Banquets</h3>
<p>Look closely at these two banquets: one hosted by the Americans, and the other by the Japanese. Can you tell how people are sitting? What are they eating? What entertainment is being offered?</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>Image 1<a href="/assets/courseware/v1/21f9d0dd4b2bbda2c17423165b2b3137/asset-v1:MITx+VJx+3T2018+type@asset+block/18_157_DinnerPowhatan_2500w.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/18_157_DinnerPowhatan.jpg" alt="American image of dinner given to Japanese on American ship. Large american flags drape across large, crowded dining hall. Scores of people seated at long tables eating. Small clusters of Japanese people at front of image smoking, drinking, and talking" /></a></td>
<td>Image 2<a href="/assets/courseware/v1/c5ad129573aba3fb65a343b6b591ff41/asset-v1:MITx+VJx+3T2018+type@asset+block/bss100_1854_AN01311814_BritishMuseum_dinner_2500w.jpg" class="modal-content"><img src="https://files.edx.org/vjx/bss100_1854_AN01311814_BritishMuseum_c.jpg" alt="Japanese image of Japanese reception of Americans. Orderly scene of Americans sitting in row facing Japanese sitting in row. Americans kneel at small individual tables with plates of food" /></a></td>
</tr>
</tbody>
</table>
<p>Image 1: Heine, William. <em>Dinner Given to Japanese Commissioners On Board the Powhatan</em>. ca. 1856. Lithograph. Narrative of the Expedition. Edited by Francis L. Hawks. Washington, D.C., 1856. <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/black_ships_and_samurai/gallery/pages/01_375L_narr_Dinner.htm" target="[object Object]">01_375L</a>]</p>
<p>Image 2: Hibata Ōsuke and Ōnuma Chinzan. <em>The Mission of Commodore Perry to Japan, 1854</em><em style="line-height: 25.6px;">, </em><span style="line-height: 25.6px;">detail. </span><span style="font-size: 1em; line-height: 1.6em;"> 1854-1858. Hand scroll. (c) Trustees of the British Museum. [</span><a href="http://www.britishmuseum.org/research/collection_online/collection_object_details/collection_image_gallery.aspx?partid=1&assetid=1344258&objectid=3505637" target="[object Object]" style="font-size: 1em; line-height: 1.6em;">2013_3002_1</a><span style="font-size: 1em; line-height: 1.6em;">]</span></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-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@26f0dc0acc5d4b3db2f222371d5b3fe7">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-has-score="True" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@26f0dc0acc5d4b3db2f222371d5b3fe7" data-block-type="problem" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_26f0dc0acc5d4b3db2f222371d5b3fe7" class="problems-wrapper" role="group"
aria-labelledby="26f0dc0acc5d4b3db2f222371d5b3fe7-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@26f0dc0acc5d4b3db2f222371d5b3fe7" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@26f0dc0acc5d4b3db2f222371d5b3fe7/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="26f0dc0acc5d4b3db2f222371d5b3fe7-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@26f0dc0acc5d4b3db2f222371d5b3fe7-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@26f0dc0acc5d4b3db2f222371d5b3fe7-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_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1">
<fieldset aria-describedby="status_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1">
<legend id="26f0dc0acc5d4b3db2f222371d5b3fe7_2_1-legend" class="response-fieldset-legend field-group-hd">In Image 1, what clues suggest that the banquet was not just a friendly get-together, but also an expression of power? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1[]" id="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="26f0dc0acc5d4b3db2f222371d5b3fe7_2_1-choice_0-label" for="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1"> The sneaky conversations between Japanese men in the corner
</label>
</div>
<div class="field">
<input type="checkbox" name="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1[]" id="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="26f0dc0acc5d4b3db2f222371d5b3fe7_2_1-choice_1-label" for="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1"> The dominant artillery guns
</label>
</div>
<div class="field">
<input type="checkbox" name="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1[]" id="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="26f0dc0acc5d4b3db2f222371d5b3fe7_2_1-choice_2-label" for="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1"> The powerful stature of the American soldiers
</label>
</div>
<div class="field">
<input type="checkbox" name="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1[]" id="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="26f0dc0acc5d4b3db2f222371d5b3fe7_2_1-choice_3-label" for="input_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1"> The large American flags draped about
</label>
</div>
<span id="answer_26f0dc0acc5d4b3db2f222371d5b3fe7_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_26f0dc0acc5d4b3db2f222371d5b3fe7_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_26f0dc0acc5d4b3db2f222371d5b3fe7" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_26f0dc0acc5d4b3db2f222371d5b3fe7">
<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="26f0dc0acc5d4b3db2f222371d5b3fe7-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="26f0dc0acc5d4b3db2f222371d5b3fe7-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="26f0dc0acc5d4b3db2f222371d5b3fe7-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@html+block@47a930999b184fe8a552c9ece84d4fb5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@47a930999b184fe8a552c9ece84d4fb5" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>
<script>// <![CDATA[
var data = ['01_371L_narr_Sumo.jpg', '<strong>Title:</strong> Wrestlers at Yokuhama <br><strong>Creator:</strong> Peters, W. T. <br><strong>Date:</strong> ca. 1856 <br><strong>Format:</strong> lithograph from a watercolor painting; book illustration <br><strong>Medium:</strong> ink and color on paper <br><br><strong>Source of Copywork:</strong> Perry, Matthew Calbraith. <em>Narrative of the expedition of an American squadron to the China seas and Japan : performed in the years 1852, 1853, and 1854, under the command of Commodore M.C. Perry, United States navy, by order of the government of the United States / compiled from the original notes and journals of Commodore Perry and his officers, at his request and under his supervision by Francis L. Hawks.</em> Vol. 1. Washington, D. C., 1856. <br><br><strong>Description:</strong> Perry's return visit to Japan in March of 1854 left time for greater interaction between the Americans and the Japanese. Entertainments included a Japanese demonstration of Sumo wrestling. The enormous Sumo wrestlers proved a source of great fascination to Perry and his men.',
'01_367w_narr_sumo.jpg', '<strong>Title:</strong> Sumo Wrestlers <br><strong>Creator:</strong> William Heine (1827-1885) <br><strong>Date:</strong> ca. 1856 <br><strong>Format:</strong> woodcut; book illustration <br><strong>Medium:</strong> ink and color on paper <br><br><strong>Source of Copywork:</strong> Perry, Matthew Calbraith. <em>Narrative of the expedition of an American squadron to the China seas and Japan : performed in the years 1852, 1853, and 1854, under the command of Commodore M.C. Perry, United States navy, by order of the government of the United States / compiled from the original notes and journals of Commodore Perry and his officers, at his request and under his supervision by Francis L. Hawks.</em> Vol. 1. Washington, D. C., 1856. <br><br><strong>Description:</strong> The official Narrative of Perry's Expedition was graced with woodcut illustrations, including details such as a Sumo wrestler next to an ornate letter 'A' in this chapter heading graphic.',
'30_012b2_detail_sumo.jpg', '<strong>Title:</strong> Sumo detail from Pictoral Description of American People and Steamship <br><strong>Title Variant:</strong> Gasshūkoku junbutsu narabini jōkisen zue <br><strong>Creator:</strong> Unknown <br><strong>Date:</strong> ca. 1854 <br><strong>Format:</strong> woodblock print <br><strong>Medium:</strong> color on paper <br><strong>Repository:</strong> Ryosenji Treasure Museum <br><strong>Source of Copywork:</strong> a slide from Ryosenji <br><br><strong>Description:</strong> This detail depicts sumo wrestlers surrounded by gaping Westerners. Taken from a larger work, Pictorial Description of American People and Steamship.',
'10_112_Sumo_rice.jpg', '<strong>Title:</strong> Sumo Wrestler <br><strong>Creator:</strong> Unknown <br><strong>Date:</strong> ca. 1854 <br><strong>Format:</strong> painting <br><strong>Repository:</strong> Collection of DeWolf Perry <br><strong>Source of Copywork:</strong> Reynolds, Robert L. <em>Commodore Perry in Japan.</em> New York, 1963. <br><br><strong>Description:</strong> From John Dower's Core Exhibit: "In the decade following the Perry expedition, the larger-than-life sumo wrestler continued to provide a small vehicle for iconographic bravado. After a new commercial treaty was signed in 1858 and foreigners began to flood into the country, woodblock artists portrayed these native heroes tossing around, not bales of rice, but the hairy barbarians themselves."',
'28_095_Sumo_Perry.jpg', '<strong>Title:</strong> Perry and Sumo Wrestler <br><strong>Creator:</strong> Unknown <br><strong>Date:</strong> late 19th century <br><strong>Format:</strong> woodblock print <br><strong>Medium:</strong> ink on paper <br><strong>Repository:</strong> DeWolf Perry <br><strong>Source of Copywork:</strong> Dulles, Foster R. <em>Yankees and Samurai. America's role in the Emergence of Modern Japan: 1791-1900.</em> New York, 1965. <br><br><strong>Description:</strong> A humorous Japanese sketch of an American impressed by the bulk of a sumo wrestler.',
'18_192_Sumo_marines.jpg', '<strong>Title:</strong> Marines Examine Sumo Wrestler, 24 March 1854 <br><strong>Creator:</strong> Unknown <br><strong>Date:</strong> 1854 <br><strong>Format:</strong> drawing <br><strong>Medium:</strong> ink on paper <br><strong>Source of Copywork:</strong> Roger Pineau, ed. The Japan Expedition, 1852-1854; the Personal Journal of Commodore Matthew C. Perry. Washington, D.C., 1968. <br><br><strong>Description:</strong> Inscription reads "nishi no kata ōzeki kagamiiwa" (the second rank champion on the West, Kagamiiwa). The Americans were fascinated and repulsed by the sumo. Here we see several marines examining one.',
'30_032g_GlorySumo.jpg', '<strong>Title:</strong> The Glory of Sumo Wrestlers at Yokohama <br><strong>Creator:</strong> Unknown <br><strong>Date:</strong> 1860 <br><strong>Format:</strong> woodblock print <br><strong>Medium:</strong> ink and color on paper <br><strong>Repository:</strong> Ryosenji Treasure Museum <br><strong>Source of Copywork:</strong> a slide from Ryosenji. <br><br><strong>Description:</strong> This is an imaginary wrestling match in Yokohama between a French strongman, said to be over two meters tall, and a Japanese sumo wrestler.<br><br> From John Dower's Core Exhibit: "In the decade following the Perry expedition, the larger-than-life sumo wrestler continued to provide a small vehicle for iconographic bravado. After a new commercial treaty was signed in 1858 and foreigners began to flood into the country, woodblock artists portrayed these native heroes tossing around, not bales of rice, but the hairy barbarians themselves."',
'30_033g_GlorySumo.jpg', '<strong>Title:</strong> The Glory of Sumo Wrestlers at Yokohama <br><strong>Creator:</strong> Unknown <br><strong>Date:</strong> 1861 <br><strong>Format:</strong> woodblock print <br><strong>Medium:</strong> ink and color on paper <br><strong>Repository:</strong> Ryosenji Treasure Museum <br><strong>Source of Copywork:</strong> a slide from Ryosenji <br><br><strong>Description:</strong> This is a depiction of an imaginary wrestling match in Yokohama between a French strongman, said to be over two meters tall, and a Japanese sumo wrestler.<br><br> From John Dower's Core Exhibit: "In the decade following the Perry expedition, the larger-than-life sumo wrestler continued to provide a small vehicle for iconographic bravado. After a new commercial treaty was signed in 1858 and foreigners began to flood into the country, woodblock artists portrayed these native heroes tossing around, not bales of rice, but the hairy barbarians themselves."']; //data has image name, then caption if applicable.
var captions = true; //set to false if you don't want captions, set to true if you do.
///After here should stay where it is
var bookmark = 0;
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
for(i=0;i<data.length;i+=2){ //function to add proper urls to everything
data[i] = "https://files.edx.org/vjx/" + data[i];
}
function album(data){
$('#vjxMain').append("<div id='vjxOverlay'><img alt='' id='vjxImage' src='" + data[0] + "'/><button type='button' id='vjxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='https://files.edx.org/vjx/left.png'/></button><button type='button' id='vjxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='https://files.edx.org/vjx/right.png'/><button class='asText' id='vjxClose' onclick='closeAlbum()'><p style='color:white';>[X] Click to Close</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vjxOverlay').append("<div id='vjxSidebar'><p id='vjxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vjxData'>"
+ data[1] + "</p></div>");
}
bookmark = 0; //sets the album start on the 0 index of data (first image)
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vjxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vjxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vjxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vjxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vjxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vjxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vjxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum(); // or whatever you want
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===16){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vjxImage').attr('src',data[bookmark]);
$('#vjxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vjxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vjxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vjxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vjxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vjxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vjxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<h3>Sumo: Click Thru Image Sequence</h3>
<style><!--
#vjxMain{
font-family:'open sans';
font-size:12pt;
}
#vjxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('https://files.edx.org/vjx/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vjxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vjxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vjxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vjxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vjxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vjxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vjxData{
position:absolute;
left:50px;
column-count: 3;
-webkit-column-count:3;
-moz-column-count: 3;
-o-column-count: 3;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vjxMain">
<p>Next, let‘s turn to the sumo wrestlers, who captured the attention of both Japanese and Americans.</p>
<p><a href="#" tabindex="0" onclick="album(data)" style="cursor: pointer;"><img alt="click through icon" style="float: left; display: inline-block; margin-right: 10px;" src="/assets/courseware/v1/81f680080f3f5015dde6ffe5ef738ab9/asset-v1:MITx+VJx+3T2018+type@asset+block/sumo_clickthru_preview.png" /><strong>Click here</strong></a> to look at images of sumo at your own pace before, during, or after you watch the following lecture video. Take your time—<span style="font-size: 12pt; line-height: 1.6;">observation is </span><span style="font-size: 1em; line-height: 1.6em;">a big part of doing history with visuals.</span></p>
</div>
<p></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:MITx+VJx+3T2018+type@video+block@2d7744f1eeaf49a19b4f34a690362746">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@2d7744f1eeaf49a19b4f34a690362746" data-block-type="video" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 2.19: Sumo</h3>
<div
id="video_2d7744f1eeaf49a19b4f34a690362746"
class="video closed"
data-metadata='{"prioritizeHls": false, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004300_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004300_100.webm"], "autoplay": false, "transcriptLanguage": "en", "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@2d7744f1eeaf49a19b4f34a690362746/handler/transcript/translation/__lang__", "speed": null, "generalSpeed": 1.0, "streams": "", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "savedVideoPosition": 0.0, "autohideHtml5": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@2d7744f1eeaf49a19b4f34a690362746/handler/publish_completion", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@2d7744f1eeaf49a19b4f34a690362746/handler/xmodule_handler/save_user_state", "poster": null, "duration": null, "captionDataDir": null, "showCaptions": "true", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@2d7744f1eeaf49a19b4f34a690362746/handler/transcript/available_translations", "ytTestTimeout": 1500, "transcriptLanguages": {"en": "English"}, "completionEnabled": false, "ytMetadataEndpoint": "", "end": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="2d7744f1eeaf49a19b4f34a690362746"></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_2d7744f1eeaf49a19b4f34a690362746">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_2d7744f1eeaf49a19b4f34a690362746">
<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@2d7744f1eeaf49a19b4f34a690362746/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@2d7744f1eeaf49a19b4f34a690362746/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@html+block@f8e41a9b117e4efeaacb13b77be00a45">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@f8e41a9b117e4efeaacb13b77be00a45" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Juxtaposition: Sumo</h3>
<p>Japanese portrayals of sumo wrestlers indicate how impressed the Americans were by these immensely strong men—but accounts of sumo by Perry’s men suggest they were not all that impressed. How might you explain the difference between, say, these two images?</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>Image 1<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/07_055b_Sumo.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/07_055b_Sumo.jpg" alt="black-and-white 1854 American drawing of sumo wrestlers. Two men wearing sumo-wrestler loincloths leaning against each other, each at a forty-five degree angle. Neither wrestler is particularly large." /></a></td>
<td>Image 2<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/10_112_Sumo_rice.jpg" class="modal-content"><img src="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/10_112_Sumo_rice.jpg" alt="1854 drawing of large man carrying two large barrels full of rice. Another man clothed in western attire in front attempts to life one barrel" /></a></td>
</tr>
</tbody>
</table>
<p>Image 1: Dudley, T.C. <em>Sumo Wrestling</em>. 1854. Drawing. Smithsonian Institution. Peri raikō kankei shiryō zuroku. Edited by Yokohama Kaikō Shiryōkan. Yokohama: 1982. <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/black_ships_and_samurai/gallery/pages/07_055b_Sumo.htm" target="[object Object]">07_055b_Sumo</a>]</p>
<p>Image 2: <em>Sumo Wrestler</em>. ca. 1854. Painting. DeWolf Perry collection. Commodore Perry in Japan. By Robert L. Reynolds. New York, 1963. <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/black_ships_and_samurai/gallery/pages/10_112_Sumo_rice.htm" target="[object Object]">10_112_Sumo_rice</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-7" data-id="block-v1:MITx+VJx+3T2018+type@poll+block@448baaa8b57a43928eb12323f3bd9c59">
<div class="xblock xblock-public_view xblock-public_view-poll" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@poll+block@448baaa8b57a43928eb12323f3bd9c59" data-block-type="poll" data-graded="True" data-init="PollBlock" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script class="poll-results-template" type="text/html">
<h3 class="poll-header">{{display_name}}</h3>
<div class="poll-question">{{{question}}}</div>
<div class="poll-results-wrapper" role="radiogroup" tabindex="0">
<h4 class="poll-header">{{gettext "Results" }}</h4>
<ul class="poll-answers-results poll-results {{~#if any_img}} has-images{{/if}}">
{{#each tally}}
<li class="poll-result">
<div class="poll-result-input-container">
<input id="answer-{{key}}-{{../block_id}}" type="radio" disabled {{#if choice}}checked{{/if}} />
</div>
{{~#if ../any_img~}}
<div class="poll-image result-image">
<label for="answer-{{key}}-{{../block_id}}" class="poll-image-label">
{{#if img}}
<img src="{{img}}" alt="{{img_alt}}"/>
{{/if}}
</label>
</div><div class="percentage-gauge-background"></div>
{{~/if~}}
<div class="percentage-gauge-container">
<div class="percentage-gauge" style="width:{{percent}}%;"></div>
<label class="poll-answer-label" for="answer-{{key}}-{{../block_id}}">{{{answer}}}</label>
</div>
<div class="poll-percent-container">
<span class="poll-percent-display{{#if leader}} poll-top-choice{{/if}}">{{percent}}%</span>
</div>
</li>
{{/each}}
</ul>
<input class="input-main" type="button" name="poll-submit" value="{{gettext "Submit"}}" disabled>
<div class="poll-footnote">
{{interpolate (ngettext "Results gathered from {total} respondent." "Results gathered from {total} respondents." total) total=total}}
</div>
{{#if feedback}}
<hr />
<h3 class="poll-header">{{gettext "Feedback" }}</h3>
<div class="poll-feedback">
{{{feedback}}}
</div>
{{/if}}
</div>
</script>
<div class="poll-block themed-xblock" data-private=""
data-can-vote="1">
<div class="poll-block-form-wrapper">
<h3 class="poll-header">Poll 3.2</h3>
<form>
<fieldset class="poll-container">
<legend class="poll-question">
<p>Select the answer that seems most persuasive to you: there is no single correct answer. Then, see what your fellow students think.</p>
</legend>
<div class="poll-answers">
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-448baaa8b57a43928eb12323f3bd9c59-answer-R" value="R"
/>
</div>
<label class="poll-answer-text" for="poll-448baaa8b57a43928eb12323f3bd9c59-answer-R"><p>People on both sides tried to exaggerate their own strength: the Japanese by showing the power of sumo wrestlers, and the Americans by downplaying the wrestlers' strength.</p></label>
</div>
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-448baaa8b57a43928eb12323f3bd9c59-answer-B" value="B"
/>
</div>
<label class="poll-answer-text" for="poll-448baaa8b57a43928eb12323f3bd9c59-answer-B"><p>Artistic conventions in Japan tended to favor more exaggerated features, meaning there is a level of hyperbole in images such as Image 2.</p></label>
</div>
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-448baaa8b57a43928eb12323f3bd9c59-answer-G" value="G"
/>
</div>
<label class="poll-answer-text" for="poll-448baaa8b57a43928eb12323f3bd9c59-answer-G"><p>Perry's men were embarrassed by their weakness compared to the sumo wrestlers, and tried to mask their embarrassment by dismissing the wrestlers' strength.</p></label>
</div>
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-448baaa8b57a43928eb12323f3bd9c59-answer-O" value="O"
/>
</div>
<label class="poll-answer-text" for="poll-448baaa8b57a43928eb12323f3bd9c59-answer-O"><p>Observers on both sides recognized that sumo wrestling was a metaphor for a possible military face-off between the two countries, and thus used images of the wrestlers as symbols for the entire country of Japan.</p></label>
</div>
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-448baaa8b57a43928eb12323f3bd9c59-answer-1468701107956" value="1468701107956"
/>
</div>
<label class="poll-answer-text" for="poll-448baaa8b57a43928eb12323f3bd9c59-answer-1468701107956"><p>Image 2, a Japanese graphic showing a sumo wrestler lifting two huge bales of rice while an American fails to lift even one was clearly directed to a Japanese audience that craved reassurance of Japanese superiority to the foreigners.</p></label>
</div>
</div>
</fieldset>
<input class="input-main" type="button" name="poll-submit" value="Submit" disabled/>
</form>
<div class="poll-voting-thanks
poll-hidden">
<span>Thank you.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@fbf05ec7549a47a6aad777edc40cabe7" data-block-type="vertical" data-graded="True" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<h2 class="hd hd-2 unit-title">Methodologies: Sorting a Database</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@c60c3ece438c48c298ba3f2ceddce3e7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@c60c3ece438c48c298ba3f2ceddce3e7" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Methodologies: Sorting a Database</h3>
<p style="text-rendering: optimizelegibility; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; vertical-align: baseline; text-transform: none;"></p>
<p id="vjxHeader" style="text-rendering: optimizelegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4em; vertical-align: baseline; color: #4c4c4c; text-transform: none;">So far, we have looked at a variety of encounters between Perry’s men and the Japanese they met in Shimoda and Hakodate. These have often been framed as encounters between two monolithic groups: “the Americans,” and “the Japanese,” although we have started to see some differences—<span style="color: #3c3c3c; font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; line-height: 1.6;">for instance, </span><span style="line-height: 1.4em;">between ordinary people and high officials.</span></p>
<style><!--
.vjxContainer, #display{
display:inline-block;
width:230px;
height:200px;
margin:5px 5px 5px 5px;
border-radius:5px;
position:relative;
font-family:'open sans';
vertical-align:top;
}
.vjxContainer > img{
position:relative;
z-index:100;
margin-right:30px;
float:right;
}
#lightbox {
position:fixed;
width:100%;
height:600px;
background:url('https://files.edx.org/vjx/overlay.png') repeat;
font-family:'open sans';
text-align:center;
font-weight:bold;
color:white;
top:5px;
z-index:999;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
#lightbox img{
position:absolute;
max-width:93%;
max-height:93%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
#overlay{
background-image:url('https://files.edx.org/vjx/overlayLite.png');
position:absolute;
width:200px;
height:200px;
z-index:900;
border-radius:5px;
left:0px;
}
#zoomblock{
float:left;
width:48px;
height:48px;
left:0px;
cursor:pointer;
overflow:visible;
}
#zoomblock img{
height: 48px;
width: 48px;
}
#gendertag, #racetag, #religiontag{
position:absolute;
left:62px;
width:130px;
font-family:'open sans';
font-size:16px;
font-weight:bold;
text-align:right;
color:white;
padding-right:5px;
}
.gendertag, .racetag, .religiontag{
position:absolute;
left:130px;
width:62px;
border-radius:5px;
padding-right:5px;
}
#gendertag, .gendertag{
top:4px;
height:22px;
border-color: black;
border-style: dashed;
background-color:#E86D64;
cursor:pointer;
border: 2px dotted black;
border-radius:0px;
}
#racetag, .racetag{
top:32px;
height:22px;
background-color:#9DE864;
cursor:pointer;
border: 2px dashed black;
border-radius:5px;
}
#religiontag, .religiontag{
top:60px;
height: 22px;
background-color:#64DFE8;
cursor:pointer;
border: 2px solid black;
border-radius:15px;
}
#vjxMain{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
--></style>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@d2adc02c69de41acada4edccc5466de6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@d2adc02c69de41acada4edccc5466de6" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Gallery-Sort Exercise (Optional)</h3>
<p>
<script>// <![CDATA[
var imageNames =
['01_405L_narr_MotherChild.jpg', '01_426_narr_Funeral.jpg', '30_013c2_detail_crew2.jpg', '01_397_narr_Women.jpg', '01_408bL_narr_Priest.jpg', '01_458W_narr_Spinning.jpg', '40_016_woman.jpg',
'51_026_bsscroll_geisha.jpg', '51_010_bsscroll_Chinese.jpg', '80_008_hakodate.jpg', '80_002_hakodate.jpg', '01_418W_narr_Women.jpg',
'52_553_Chrysler_Perry.jpg', '01_409L_narr_Priest.jpg', '01_411L_narr_Temple.jpg']; //list of image names to be messed with.
var imageCaps =
['Mother and Child, Simoda', 'Japanese Funeral at Shimoda', 'Black Ship and Crew', 'Japanese Women, Simoda', 'Buddhist priest, Shimoda, in costume', 'Spinning and Weaving', "Assembled Paintings of Commodore Perry's Visit", 'Black Ship Scroll', 'Black Ship Scroll', 'A Cantonese; Crew of the Macedonia', 'A Black Man', 'Japanese Women, Simoda', 'Marine Guard and Pose of Admiral Perry upon Landing in Japan', 'Buddhist priest, Shimoda', 'Mariners Temple at Shimoda']; //alt text for corresponding images ^^
function refresh(){
//everytime a tag is inserted or removed, call this to refresh what is shown. Most efficient way?
//Get values of checkboxes. Go through everyone in a for loop with vjxCounter ids? if it has any of the checked ones, keep it, otherwise hide it.
var gendercheck = $('#genderbox').prop('checked');
var racecheck = $('#racebox').prop('checked');
var religioncheck = $('#religionbox').prop('checked');
var nonecheck = $('#nonebox').prop('checked');
$('.vjxContainer').each(function(){
if(!gendercheck && $(this).hasClass('gender')){
$(this).fadeOut();
}
else if(!racecheck && $(this).hasClass('race')){
$(this).fadeOut();
}
else if(!religioncheck && $(this).hasClass('religion')){
$(this).fadeOut();
}
else if(!nonecheck && !($(this).hasClass('gender') || $(this).hasClass('race') || $(this).hasClass('religion'))){
$(this).fadeOut();
}
else{
$(this).fadeIn();
}
});
}
$(document).ready(function(){
var vjxCounter = 0;
for(i in imageNames){
$('#vjxMain').append("<div class='vjxContainer' id='" + vjxCounter + "'><img src='https://files.edx.org/vjx/bss/" + imageNames[i].slice(0,-4) + "_200.jpg' alt='" + imageCaps[i] + "'></div>");
vjxCounter += 1;
}
$('#genderbox, #racebox, #religionbox, #nonebox').prop('checked', true); //everything should be checked visible to begin with
//but if any of them get checked/unchecked, need to change. Use on click? Try it.
$('#genderbox, #racebox, #religionbox, #nonebox').on('click',function(){
refresh();
});
$('.vjxContainer').hover(function(){
//put on the overlay
$(this).prepend("<div id='overlay'><div id='zoomblock'><img src='https://files.edx.org/vjx/vjxZoomIcon.png'/></div><div id='gendertag'>Gender</div><div id='racetag'>Race & Ethnicity</div><div id='religiontag'>Religion</div></div>");
//I think things that need to happen on any of the above hovers have to happen here.
//start with zooming?
$('#zoomblock img').hover(function(){
//animate a zoomy zoom!
$(this).stop(); //keep the animations from stacking
$(this).animate({'width': '55px', 'height': '55px'},100);
$('#zoomblock').on('click',function(){
$('#lightbox').remove();
//get image somehow, go up and back down.
var toZoom = $(this).parents('.vjxContainer').children('img').attr('src'); //got it!
//open a lightbox? Sure, let's do that.
$('#vjxMain').prepend("<div id='lightbox'>Click to Close<img src='" + toZoom.slice(0,-8) + ".jpg'/></div>");
$('#lightbox').on('click',function(e){
//if lightbox is open and you click somewhere, close it. Prevent defaults?
$('#lightbox').remove();
});
});
}, function(){
$(this).stop(); //keep the animations from stacking
$(this).animate({'width': '48px', 'height': '48px'},100);
});
//
//pretty label hover animation
$('#gendertag, #racetag, #religiontag').hover(function(){
$(this).css('color','black');
},function(){
$(this).css('color','white');
});
//need a generic function to add the label
$('#gendertag, #racetag, #religiontag').click(function(){
var id = $(this).attr('id').slice(0,-3);
//add classes to indicate that it is labelled and which label it is. Toggle if it's already there. Let other labels be.
$(this).parents('.vjxContainer').toggleClass(id);
//add pretty label tab based on right css color, size, absolute location.
//first kill it if it is already there
var checkClass = "." + $(this).attr('id');
if($(this).parents('.vjxContainer').children(checkClass).length){ //how to test if element exists: Does it have a length?
$(this).parents('.vjxContainer').children(checkClass).animate({'width':'62px'},100,function(){$(this).parents('.vjxContainer').children().remove(checkClass);});
}
else{
var newLabel = "<div class='" + $(this).attr('id') + "'></div>";
//the above makes a new div with the class x-tag instead of the id x-tag. Both have been given the same css, but only the id will ever animate, and the class is wider
//now add it to the container
$(this).parents('.vjxContainer').append(newLabel);
$(this).parents('.vjxContainer').children(checkClass).animate({'width':'92px'},100);
}
refresh(); //refresh page proper
});
},function(){
$(this).children('#overlay').remove();
});
});
// ]]></script>
</p>
<style><!--
.vjxContainer, #display{
display:inline-block;
width:230px;
height:200px;
margin:5px 5px 5px 5px;
border-radius:5px;
position:relative;
font-family:'open sans';
vertical-align:top;
}
.vjxContainer > img{
position:relative;
z-index:100;
margin-right:30px;
float:right;
}
#lightbox {
position:fixed;
width:100%;
height:600px;
background:url('https://files.edx.org/vjx/overlay.png') repeat;
font-family:'open sans';
text-align:center;
font-weight:bold;
color:white;
top:5px;
z-index:999;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
#lightbox img{
position:absolute;
max-width:93%;
max-height:93%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
#overlay{
background-image:url('https://files.edx.org/vjx/overlayLite.png');
position:absolute;
width:200px;
height:200px;
z-index:900;
border-radius:5px;
left:0px;
}
#zoomblock{
float:left;
width:48px;
height:48px;
left:0px;
cursor:pointer;
overflow:visible;
}
#zoomblock img{
height: 48px;
width: 48px;
}
#gendertag, #racetag, #religiontag{
position:absolute;
left:62px;
width:130px;
font-family:'open sans';
font-size:16px;
font-weight:bold;
text-align:right;
color:white;
padding-right:5px;
}
.gendertag, .racetag, .religiontag{
position:absolute;
left:130px;
width:62px;
border-radius:5px;
padding-right:5px;
}
#gendertag, .gendertag{
top:4px;
height:22px;
background-color:#E86D64;
cursor:pointer;
border: 1px dotted black;
}
#racetag, .racetag{
top:32px;
height:22px;
background-color:#9DE864;
cursor:pointer;
border: 1px dashed black;
}
#religiontag, .religiontag{
top:60px;
height: 22px;
background-color:#64DFE8;
cursor:pointer;
border: 1px solid black;
}
#vjxMain{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
--></style>
<div id="vjxHeader">
<p>Look through the gallery below. You can zoom in on each image. As you mouse over each image, you will be able to select one or more categories in which the image fits. O<span style="line-height: 1.6;">f course, t</span><span style="font-size: 1em; line-height: 1.6em;">here are no hard-and-fast definitions: our goal is to identify discrete sets of images for further analysis, so try to identify the category that makes the most sense.</span></p>
<p>The categories with which you should tag each image are:</p>
<p><strong>Gender:</strong> which images offer insight into the relations between men and women, and/or contemporary understandings of sexuality?</p>
<p><strong>Race and ethnicity:</strong> which images shed light on ideas about race and/or ethnicity?</p>
<p><strong>Religion:</strong> which images illustrate religious figures or settings?</p>
</div>
<div id="vjxMain">
<div id="display">Show Images of:<br /> <input type="checkbox" id="genderbox" />Gender<br /> <input type="checkbox" id="racebox" />Race and ethnicity<br /> <input type="checkbox" id="religionbox" />Religion<br /> <input type="checkbox" id="nonebox" />Unlabelled</div>
</div>
<p>Now that you’ve made your choices, go back to the top and use the check boxes to display your results and look at the patterns and variations. Note that the captions appear below with additional information.</p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@html+block@8a7bbd2ecd714a56aa47b3dc813f3cb1">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@8a7bbd2ecd714a56aa47b3dc813f3cb1" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>All images from the gallery sort are <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" target="[object Object]">CC BY NC SA</a>, and can be found on the Visualizing Cultures website by clicking on the image number.</p>
<p>Brown, Eliphalet. <em>Mother and Child, Simoda</em>. ca. 1856. Daguerreotype. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawks. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_405L_narr_MotherChild.htm" target="[object Object]">01_405L_narr_MotherChild</a>]</p>
<p>Brown, Eliphalet. <em>Japanese Women, Simoda</em>. ca. 1856. Lithograph. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawkes. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_397_narr_Women.htm" target="[object Object]">01_397_narr_Women</a>]</p>
<p>Brown, Eliphalet. <em>Japanese Women, Simoda</em>. ca. 1856. Lithograph. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawkes. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_418W_narr_Women.htm" target="[object Object]">01_418L_narr_Women</a>]</p>
<p>Heine, William. <em>Spinning and Weaving</em>. ca. 1856. Illustration. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawks. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_458W_narr_Spinning.htm" target="[object Object]">01_458W_narr_Spinning</a>]</p>
<p><em>Assembled Paintings of Commodore Perry's Visit</em>. 19th century. Eight-fold screen. Historiographical Institute, University of Tokyo. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/40_016_woman.htm" target="[object Object]">40_016_woman</a>]</p>
<p><em>Black Ship Scroll</em><em style="line-height: 25.6px;">, </em><span style="line-height: 25.6px;">details. </span> 1854. Hand scroll. Honolulu Academy of Arts. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/51_026_bsscroll_geisha.htm" target="[object Object]">51_026_bsscroll_geisha</a> and <a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/51_010_bsscroll_Chinese.htm" target="[object Object]">51_010_bsscroll_Chinese</a>]</p>
<p><em style="font-size: 1em; line-height: 1.6em;">Black Ship and Crew</em><span style="font-size: 1em; line-height: 1.6em;"><em style="line-height: 25.6px;">, </em><span style="line-height: 25.6px;">detail. </span> ca. 1854. Painting. Ryōsenji Treasure Museum. [</span><a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/30_013c2_detail_crew2.htm" target="[object Object]" style="font-size: 1em; line-height: 1.6em;">30_013c2_detail_crew2</a><span style="font-size: 1em; line-height: 1.6em;">]</span></p>
<p>Kojima Matajirō. "A Black Man." 1854. Book illustration. <em>Commodore Perry's Expedition to Hakodate</em>. By Kojima Matajirō. Hakodate: Hakodate Kyōdō Bunkakai, 1953 [1854]. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/80_002_hakodate.htm" target="[object Object]">80_002_hakodate</a>]</p>
<p>Kojima Matajirō. <em>A Cantonese; Crew of the Macedonia</em>. 1854. Ink on paper. <em>Commodore Perry's Expedition to Hakodate</em>. By Kojima Matajirō. Hakodate: Hakodate Kyōdō Bunkakai, 1953 [1854]. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/80_008_hakodate.htm" target="[object Object]">80_008_hakodate</a>]</p>
<p><em>Marine Guard and Pose of Admiral Perry upon Landing in Japan, 1853</em>. ca. 1853. Color on paper. Chrysler Museum of Art. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/52_553_Chrysler_Perry.htm" target="[object Object]">52_553_Chrysler_Perry</a>]</p>
<p>Brown, Eliphalet. <em>Buddhist priest, Shimoda, in costume</em>. ca. 1856. Lithograph. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawks. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_408bL_narr_Priest.htm" target="[object Object]">01_408bL_narr_Priest</a>]</p>
<p>Brown, Eliphalet. <em>Buddhist priest, Shimoda</em>. ca. 1856. Lithograph. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawks. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_409L_narr_Priest.htm" target="[object Object]">01_409L_narr_Priest</a>]</p>
<p>Heine, William. <em>Mariners Temple at Shimoda</em>. ca. 1854. Lithograph. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawks. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_411L_narr_Temple.htm" target="[object Object]">01_411L_narr_Temple</a>]</p>
<p>Heine, William. <em>Japanese Funeral at Shimoda</em>. ca. 1854. Lithograph. <em>Narrative of the Expedition</em>. Edited by Francis L. Hawks. Washington, D.C., 1856. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/pages/01_426_narr_Funeral.htm" target="[object Object]">01_426_narr_Funeral</a>]</p>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@203b875bacc84137b8130e4aee4669ce" data-block-type="vertical" data-graded="True" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<h2 class="hd hd-2 unit-title">Race & Ethnicity in the Perry Expedition Graphics</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@f38db464b1494980bb82bfca5fe98282">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@f38db464b1494980bb82bfca5fe98282" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Race & Ethnicity in the Perry Expedition Graphics</h3>
<p>To conclude today’s lesson, let us briefly dig into one category from the gallery-sort exercise: race and ethnicity. Often, race is used as shorthand to explain social difference. As you work through this exercise, think about the importance of using a mix of images to develop a more nuanced interpretation of historical events and ideas.</p>
<p>First, compare these two representations of black sailors in Perry's fleet.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@c63fb08fbe674069b8377f179fcd2ab8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@c63fb08fbe674069b8377f179fcd2ab8" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<figure>
<p><a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/30_013c2_detail_crew2.jpg" class="modal-content"><img alt="Black Sailor" src="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/30_013c2_detail_crew2.jpg" /></a></p>
<p></p>
<figcaption>
<p><em>Black Ship and Crew</em><em style="line-height: 25.6px;">, </em><span style="line-height: 25.6px;">detail. </span>ca. 1854. Painting. Ryōsenji Treasure Museum. <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/black_ships_and_samurai/gallery/pages/30_013c2_detail_crew2.htm" target="[object Object]">30_013c2_detail_crew2</a>]</p>
</figcaption></figure>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@html+block@5df5f656b4f540978e6791ab5deb4860">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@5df5f656b4f540978e6791ab5deb4860" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<figure>
<p><a href="/assets/courseware/v1/46856a796967a7eec277b68ddac0928d/asset-v1:MITx+VJx+3T2018+type@asset+block/52_553a_Chrysler_Perry_update_crop.jpg" class="modal-content"><img alt="Black Sailor 2" src="/assets/courseware/v1/46856a796967a7eec277b68ddac0928d/asset-v1:MITx+VJx+3T2018+type@asset+block/52_553a_Chrysler_Perry_update_crop.jpg" type="saveimage" target="[object Object]" width="1107" height="682" /></a></p>
<p><em>Marine Guard and Pose of Admiral Perry upon Landing in Japan, 1853</em><em style="line-height: 25.6px;">, </em><span style="line-height: 25.6px;">detail.</span> ca. 1853. Color on paper. Chrysler Museum of Art. <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/black_ships_and_samurai/gallery/pages/52_553_Chrysler_Perry.htm" target="[object Object]">52_553_Chrysler_Perry</a>]</p>
</figure>
<p></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@poll+block@4736b0d5e49b40f99194e506e5f32e02">
<div class="xblock xblock-public_view xblock-public_view-poll" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@poll+block@4736b0d5e49b40f99194e506e5f32e02" data-block-type="poll" data-graded="True" data-init="PollBlock" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script class="poll-results-template" type="text/html">
<h3 class="poll-header">{{display_name}}</h3>
<div class="poll-question">{{{question}}}</div>
<div class="poll-results-wrapper" role="radiogroup" tabindex="0">
<h4 class="poll-header">{{gettext "Results" }}</h4>
<ul class="poll-answers-results poll-results {{~#if any_img}} has-images{{/if}}">
{{#each tally}}
<li class="poll-result">
<div class="poll-result-input-container">
<input id="answer-{{key}}-{{../block_id}}" type="radio" disabled {{#if choice}}checked{{/if}} />
</div>
{{~#if ../any_img~}}
<div class="poll-image result-image">
<label for="answer-{{key}}-{{../block_id}}" class="poll-image-label">
{{#if img}}
<img src="{{img}}" alt="{{img_alt}}"/>
{{/if}}
</label>
</div><div class="percentage-gauge-background"></div>
{{~/if~}}
<div class="percentage-gauge-container">
<div class="percentage-gauge" style="width:{{percent}}%;"></div>
<label class="poll-answer-label" for="answer-{{key}}-{{../block_id}}">{{{answer}}}</label>
</div>
<div class="poll-percent-container">
<span class="poll-percent-display{{#if leader}} poll-top-choice{{/if}}">{{percent}}%</span>
</div>
</li>
{{/each}}
</ul>
<input class="input-main" type="button" name="poll-submit" value="{{gettext "Submit"}}" disabled>
<div class="poll-footnote">
{{interpolate (ngettext "Results gathered from {total} respondent." "Results gathered from {total} respondents." total) total=total}}
</div>
{{#if feedback}}
<hr />
<h3 class="poll-header">{{gettext "Feedback" }}</h3>
<div class="poll-feedback">
{{{feedback}}}
</div>
{{/if}}
</div>
</script>
<div class="poll-block themed-xblock" data-private=""
data-can-vote="1">
<div class="poll-block-form-wrapper">
<h3 class="poll-header">Poll 3.3</h3>
<form>
<fieldset class="poll-container">
<legend class="poll-question">
<p>How would you compare the black figures in each illustration?</p>
</legend>
<div class="poll-answers">
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-4736b0d5e49b40f99194e506e5f32e02-answer-R" value="R"
/>
</div>
<label class="poll-answer-text" for="poll-4736b0d5e49b40f99194e506e5f32e02-answer-R"><p>One is more respected than the other</p></label>
</div>
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-4736b0d5e49b40f99194e506e5f32e02-answer-B" value="B"
/>
</div>
<label class="poll-answer-text" for="poll-4736b0d5e49b40f99194e506e5f32e02-answer-B"><p>Neither is accorded much respect</p></label>
</div>
<div class="poll-answer">
<div class="poll-input-container">
<input type="radio" name="choice" id="poll-4736b0d5e49b40f99194e506e5f32e02-answer-G" value="G"
/>
</div>
<label class="poll-answer-text" for="poll-4736b0d5e49b40f99194e506e5f32e02-answer-G"><p>Both are depicted as respected members of the crew</p></label>
</div>
</div>
</fieldset>
<input class="input-main" type="button" name="poll-submit" value="Submit" disabled/>
</form>
<div class="poll-voting-thanks
poll-hidden">
<span>Thank you.</span>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@html+block@8eab7b31b4c1458fb412f2035da90b88">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@8eab7b31b4c1458fb412f2035da90b88" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>This next image, by a Japanese artist, shows a minstrel show performed by Perry’s men in black-face. What does this suggest about American and Japanese ideas of race in 1854?</p>
<figure>
<p><a href="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/40_014_minstrel.jpg" class="modal-content"><img alt="Minstrels in blackface" src="http://ocw.mit.edu/ans7870/21f/21f.027/black_ships_and_samurai/gallery/images/40_014_minstrel.jpg" /></a></p>
<p></p>
<figcaption>
<p><em>Assembled Paintings of Commodore Perry's Visit</em>. 19th century. Eight-fold screen. Historiographical Institute, University of Tokyo. <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/black_ships_and_samurai/gallery/pages/40_014_minstrel.htm" target="[object Object]">40_014_minstrel</a>]</p>
</figcaption></figure>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:MITx+VJx+3T2018+type@html+block@262432049dcf413b89f4dec9f6460c84">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@262432049dcf413b89f4dec9f6460c84" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>As this simplistic set of images shows, it is difficult to rely on race alone as a marker of status or social rank. Moreover, race means much more than social status, and it means different things in different places—many of the black sailors in Perry’s fleet would not have been American blacks, but rather sailors from the Caribbean, Africa, or the South Pacific Islands.</p>
<p>As you mull this over, listen to Professor Dower’s discussion of the minstrel show and attitudes toward race at the time of Perry's expedition in the final clip for today’s lesson.</p>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:MITx+VJx+3T2018+type@video+block@17ff5fba5b114fff81fedcea3f503f5a">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@17ff5fba5b114fff81fedcea3f503f5a" data-block-type="video" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 2.20: Minstrel</h3>
<div
id="video_17ff5fba5b114fff81fedcea3f503f5a"
class="video closed"
data-metadata='{"prioritizeHls": false, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004400_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V004400_100.webm"], "autoplay": false, "transcriptLanguage": "en", "lmsRootURL": "https://openlearninglibrary.mit.edu", "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@17ff5fba5b114fff81fedcea3f503f5a/handler/transcript/translation/__lang__", "speed": null, "generalSpeed": 1.0, "streams": "", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "savedVideoPosition": 0.0, "autohideHtml5": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@17ff5fba5b114fff81fedcea3f503f5a/handler/publish_completion", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@17ff5fba5b114fff81fedcea3f503f5a/handler/xmodule_handler/save_user_state", "poster": null, "duration": null, "captionDataDir": null, "showCaptions": "true", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@17ff5fba5b114fff81fedcea3f503f5a/handler/transcript/available_translations", "ytTestTimeout": 1500, "transcriptLanguages": {"en": "English"}, "completionEnabled": false, "ytMetadataEndpoint": "", "end": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="17ff5fba5b114fff81fedcea3f503f5a"></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_17ff5fba5b114fff81fedcea3f503f5a">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_17ff5fba5b114fff81fedcea3f503f5a">
<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@17ff5fba5b114fff81fedcea3f503f5a/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@17ff5fba5b114fff81fedcea3f503f5a/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:MITx+VJx+3T2018+type@html+block@9be7ac168f3347dd84c0623c6f092f94">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-has-score="False" data-runtime-class="LmsRuntime" data-request-token="e2c7dbb2683111ef86030214bd5530e3" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@9be7ac168f3347dd84c0623c6f092f94" data-block-type="html" data-graded="True" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-version="1">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>As Professor Dower suggests, the images of a minstrel show and its program would strike most Americans today as highly offensive—yet Perry considered them model forms of U.S. popular entertainment. Race, gender, and class—to take just the examples from today’s lesson—are enormously complex concepts, not only in a particular historical moment, but also in the ways they shift over time. This complexity makes it crucial to find as much evidence as possible to justify our interpretations.</p>
</div>
</div>
</div>
</div>
© All Rights Reserved