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

<div class="xblock xblock-public_view xblock-public_view-vertical" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@b1a2cda9e5874f91aa6c4932ed2d7b4e" data-graded="True" data-has-score="False" data-init="VerticalStudentView" data-runtime-version="1"> <h2 class="hd hd-2 unit-title">Art & Commerce in an Age of Mass Production</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@1f8d638fa7e94632aa513ac287f26e38"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@1f8d638fa7e94632aa513ac287f26e38" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>    </p>  <h3>Art & Commerce in an Age of Mass Production</h3> <p>In our third unit, we will explore a remarkable archive of materials produced by the Shiseido cosmetics company during the 1920s and 1930s. In the first three days, we will look at Shiseido’s artistic and commercial organization (the artists, salesmen, and company executives), the importance of the Ginza, and the systems of advertising and sales that Shiseido developed in the early-twentieth century.</p> <p>Today, and again in more depth on the fourth day, we will engage directly with the Shiseido archive by analyzing two galleries: first, a collection of advertising posters and handbills, and then a collection of magazine covers from a Shiseido publication. Both days will focus on the analysis of large sets of images, rather than close analysis of individual items.</p> <p>The unit concludes with a set of lectures and readings focusing on changing gender roles in early-twentieth-century Japan, and contextualizing these changes in the political and cultural shift towards militarism during the 1930s and into the 1940s.</p> <p class="MsoNormal"></p>  </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@5166056f74984b54a987f0571d899dc2"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@5166056f74984b54a987f0571d899dc2" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <figure> <p><img src="https://files.edx.org/vjx/sh05_1932_c023_poster.jpg" alt="cold cream and vanishing cream ad in pale fall colors with stylized illustration of women" /></p> <figcaption> <p>Maeda Mitsugu. <em>Cold Cream and Vanishing Cream</em>. 1927. Drawing. Shiseidō Corporate Archive. <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/shiseido_03/sh05_scans/pages/sh05_1930_c023_poster.htm" target="[object Object]">sh05_1930_c023_poster</a>]</p> </figcaption></figure> </div> </div> </div> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@57c06b44a2de4175abf4fbf10b60e15e" data-graded="True" data-has-score="False" data-init="VerticalStudentView" data-runtime-version="1"> <h2 class="hd hd-2 unit-title">High Art to Mass Art</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@371bbb32840746c2810417f349f54401"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@371bbb32840746c2810417f349f54401" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Commercial Art at Shiseido</h3> <p>Today, our goal is to understand the context of the Shiseido archive: who produced the material, and why? What was Shiseido, and how did it come into being? To begin, let us turn to the people responsible for Shiseido’s commercial artwork, and explore some of the defining features of that art.</p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@0ecd87fcabb943e4a18087f487f8ad3b"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@0ecd87fcabb943e4a18087f487f8ad3b" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 7.1: High Art to Mass Art</h3> <div id="video_0ecd87fcabb943e4a18087f487f8ad3b" class="video closed" data-metadata='{"speed": null, "generalSpeed": 1.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0ecd87fcabb943e4a18087f487f8ad3b/handler/transcript/available_translations", "completionEnabled": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0ecd87fcabb943e4a18087f487f8ad3b/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010200_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010200_100.webm"], "autohideHtml5": false, "ytMetadataEndpoint": "", "autoplay": false, "savedVideoPosition": 0.0, "poster": null, "prioritizeHls": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "captionDataDir": null, "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "end": 0.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0ecd87fcabb943e4a18087f487f8ad3b/handler/publish_completion", "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0ecd87fcabb943e4a18087f487f8ad3b/handler/transcript/translation/__lang__", "ytTestTimeout": 1500, "duration": null}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="0ecd87fcabb943e4a18087f487f8ad3b"></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_0ecd87fcabb943e4a18087f487f8ad3b">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_0ecd87fcabb943e4a18087f487f8ad3b"> <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@0ecd87fcabb943e4a18087f487f8ad3b/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@0ecd87fcabb943e4a18087f487f8ad3b/handler/transcript/download" data-value="txt">Download Text (.txt) file</a> </li> </ul> </div> </div> </div> </div> </div> <div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@video+block@e5f2f658c7ad4a8fafefb3de5a4e8c37"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@e5f2f658c7ad4a8fafefb3de5a4e8c37" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 7.2: Art & Politics</h3> <div id="video_e5f2f658c7ad4a8fafefb3de5a4e8c37" class="video closed" data-metadata='{"speed": null, "generalSpeed": 1.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e5f2f658c7ad4a8fafefb3de5a4e8c37/handler/transcript/available_translations", "completionEnabled": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e5f2f658c7ad4a8fafefb3de5a4e8c37/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010300_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010300_100.webm"], "autohideHtml5": false, "ytMetadataEndpoint": "", "autoplay": false, "savedVideoPosition": 0.0, "poster": null, "prioritizeHls": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "captionDataDir": null, "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "end": 0.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e5f2f658c7ad4a8fafefb3de5a4e8c37/handler/publish_completion", "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e5f2f658c7ad4a8fafefb3de5a4e8c37/handler/transcript/translation/__lang__", "ytTestTimeout": 1500, "duration": null}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="e5f2f658c7ad4a8fafefb3de5a4e8c37"></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_e5f2f658c7ad4a8fafefb3de5a4e8c37">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_e5f2f658c7ad4a8fafefb3de5a4e8c37"> <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@e5f2f658c7ad4a8fafefb3de5a4e8c37/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@e5f2f658c7ad4a8fafefb3de5a4e8c37/handler/transcript/download" data-value="txt">Download Text (.txt) file</a> </li> </ul> </div> </div> </div> </div> </div> <div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@d3d8aa3f6eec4dc89a808a5581689d1e"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@d3d8aa3f6eec4dc89a808a5581689d1e" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_d3d8aa3f6eec4dc89a808a5581689d1e" class="problems-wrapper" role="group" aria-labelledby="d3d8aa3f6eec4dc89a808a5581689d1e-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@d3d8aa3f6eec4dc89a808a5581689d1e" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@d3d8aa3f6eec4dc89a808a5581689d1e/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="d3d8aa3f6eec4dc89a808a5581689d1e-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@d3d8aa3f6eec4dc89a808a5581689d1e-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@d3d8aa3f6eec4dc89a808a5581689d1e-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_d3d8aa3f6eec4dc89a808a5581689d1e_2_1"> <fieldset aria-describedby="status_d3d8aa3f6eec4dc89a808a5581689d1e_2_1"> <legend id="d3d8aa3f6eec4dc89a808a5581689d1e_2_1-legend" class="response-fieldset-legend field-group-hd">What attracted avant-garde artists to produce art for mass consumption? Select the best answer.</legend> <div class="field"> <input type="radio" name="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1" id="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="d3d8aa3f6eec4dc89a808a5581689d1e_2_1-choice_0-label" for="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_d3d8aa3f6eec4dc89a808a5581689d1e_2_1"> Companies like Shiseido paid well and offered job security&#8212;attractive during a period of economic difficulty </label> </div> <div class="field"> <input type="radio" name="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1" id="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="d3d8aa3f6eec4dc89a808a5581689d1e_2_1-choice_1-label" for="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_d3d8aa3f6eec4dc89a808a5581689d1e_2_1"> Many avant-garde artists wanted both to incorporate elements of daily life into their art, and also, in turn, to aestheticise daily life with art </label> </div> <div class="field"> <input type="radio" name="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1" id="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="d3d8aa3f6eec4dc89a808a5581689d1e_2_1-choice_2-label" for="input_d3d8aa3f6eec4dc89a808a5581689d1e_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_d3d8aa3f6eec4dc89a808a5581689d1e_2_1"> Commercial art allowed artists to spread their political message to a much broader audience </label> </div> <span id="answer_d3d8aa3f6eec4dc89a808a5581689d1e_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_d3d8aa3f6eec4dc89a808a5581689d1e_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_d3d8aa3f6eec4dc89a808a5581689d1e" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_d3d8aa3f6eec4dc89a808a5581689d1e"> <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="d3d8aa3f6eec4dc89a808a5581689d1e-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="d3d8aa3f6eec4dc89a808a5581689d1e-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="d3d8aa3f6eec4dc89a808a5581689d1e-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@cf6f5ef7d4df4dc49357a81a97412ef0"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@cf6f5ef7d4df4dc49357a81a97412ef0" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_cf6f5ef7d4df4dc49357a81a97412ef0" class="problems-wrapper" role="group" aria-labelledby="cf6f5ef7d4df4dc49357a81a97412ef0-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@cf6f5ef7d4df4dc49357a81a97412ef0" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@cf6f5ef7d4df4dc49357a81a97412ef0/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="cf6f5ef7d4df4dc49357a81a97412ef0-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@cf6f5ef7d4df4dc49357a81a97412ef0-problem-progress" tabindex="-1"> Checkboxes </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@cf6f5ef7d4df4dc49357a81a97412ef0-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_cf6f5ef7d4df4dc49357a81a97412ef0_2_1"> <fieldset aria-describedby="status_cf6f5ef7d4df4dc49357a81a97412ef0_2_1"> <legend id="cf6f5ef7d4df4dc49357a81a97412ef0_2_1-legend" class="response-fieldset-legend field-group-hd">Why is it important to understand the structure of Shiseido, and the company&#8217;s role in producing art? Check all that apply.</legend> <div class="field"> <input type="checkbox" name="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1[]" id="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="cf6f5ef7d4df4dc49357a81a97412ef0_2_1-choice_0-label" for="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_cf6f5ef7d4df4dc49357a81a97412ef0_2_1"> The representations of daily life in Shiseido&#8217;s artwork and advertising are shaped by the commercial interests of the company </label> </div> <div class="field"> <input type="checkbox" name="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1[]" id="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="cf6f5ef7d4df4dc49357a81a97412ef0_2_1-choice_1-label" for="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_cf6f5ef7d4df4dc49357a81a97412ef0_2_1"> The political interests of the company, including those of the president, influenced the types of artwork produced </label> </div> <div class="field"> <input type="checkbox" name="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1[]" id="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="cf6f5ef7d4df4dc49357a81a97412ef0_2_1-choice_2-label" for="input_cf6f5ef7d4df4dc49357a81a97412ef0_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_cf6f5ef7d4df4dc49357a81a97412ef0_2_1"> Consumer culture, represented by companies such as Shiseido, offered a different environment for artists than traditional artistic networks, thus opening up new opportunities </label> </div> <span id="answer_cf6f5ef7d4df4dc49357a81a97412ef0_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_cf6f5ef7d4df4dc49357a81a97412ef0_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_cf6f5ef7d4df4dc49357a81a97412ef0" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_cf6f5ef7d4df4dc49357a81a97412ef0"> <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="cf6f5ef7d4df4dc49357a81a97412ef0-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="cf6f5ef7d4df4dc49357a81a97412ef0-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="cf6f5ef7d4df4dc49357a81a97412ef0-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-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@d5f40911c0ad4cf186246aedda00f976" data-graded="True" data-has-score="False" data-init="VerticalStudentView" data-runtime-version="1"> <h2 class="hd hd-2 unit-title">Sophistication & Cosmopolitanism at Shiseido</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@f9eada647a1449609ac7a9a8115903f6"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@f9eada647a1449609ac7a9a8115903f6" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Sophistication & Cosmopolitanism at Shiseido</h3> <p>Shiseido has been a company with an international awareness since its origins. Not only did the company strive to compete with European firms, it also sought to brand itself as a purveyor of “cosmopolitan chic”—a marker of a global modernity. Shiseido’s artists embraced this global reach. Sophistication and cosmopolitanism were hallmarks of Shiseido’s style, as Professors Dower, Gordon, and Weisenfeld discuss in the following videos.</p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@0a42f78072834356af39916177df112f"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@0a42f78072834356af39916177df112f" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 7.3: Sophistication & Cosmopolitanism</h3> <div id="video_0a42f78072834356af39916177df112f" class="video closed" data-metadata='{"speed": null, "generalSpeed": 1.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0a42f78072834356af39916177df112f/handler/transcript/available_translations", "completionEnabled": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0a42f78072834356af39916177df112f/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010400_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010400_100.webm"], "autohideHtml5": false, "ytMetadataEndpoint": "", "autoplay": false, "savedVideoPosition": 0.0, "poster": null, "prioritizeHls": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "captionDataDir": null, "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "end": 0.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0a42f78072834356af39916177df112f/handler/publish_completion", "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@0a42f78072834356af39916177df112f/handler/transcript/translation/__lang__", "ytTestTimeout": 1500, "duration": null}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="0a42f78072834356af39916177df112f"></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_0a42f78072834356af39916177df112f">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_0a42f78072834356af39916177df112f"> <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@0a42f78072834356af39916177df112f/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@0a42f78072834356af39916177df112f/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@c73a192e240645ca81ebbc6cb1885417"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@c73a192e240645ca81ebbc6cb1885417" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_c73a192e240645ca81ebbc6cb1885417" class="problems-wrapper" role="group" aria-labelledby="c73a192e240645ca81ebbc6cb1885417-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@c73a192e240645ca81ebbc6cb1885417" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@c73a192e240645ca81ebbc6cb1885417/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="c73a192e240645ca81ebbc6cb1885417-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@c73a192e240645ca81ebbc6cb1885417-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@c73a192e240645ca81ebbc6cb1885417-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_c73a192e240645ca81ebbc6cb1885417_2_1"> <fieldset aria-describedby="status_c73a192e240645ca81ebbc6cb1885417_2_1"> <legend id="c73a192e240645ca81ebbc6cb1885417_2_1-legend" class="response-fieldset-legend field-group-hd">What evidence does Professor Dower cite to support his argument that Shiseido appealed to a sophisticated audience? Select the best answer.</legend> <div class="field"> <input type="radio" name="input_c73a192e240645ca81ebbc6cb1885417_2_1" id="input_c73a192e240645ca81ebbc6cb1885417_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="c73a192e240645ca81ebbc6cb1885417_2_1-choice_0-label" for="input_c73a192e240645ca81ebbc6cb1885417_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_c73a192e240645ca81ebbc6cb1885417_2_1"> The use of glosses alongside ideographs that help people understand advertising texts </label> </div> <div class="field"> <input type="radio" name="input_c73a192e240645ca81ebbc6cb1885417_2_1" id="input_c73a192e240645ca81ebbc6cb1885417_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="c73a192e240645ca81ebbc6cb1885417_2_1-choice_1-label" for="input_c73a192e240645ca81ebbc6cb1885417_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_c73a192e240645ca81ebbc6cb1885417_2_1"> The use of English, even on products sold only to Japanese customers </label> </div> <div class="field"> <input type="radio" name="input_c73a192e240645ca81ebbc6cb1885417_2_1" id="input_c73a192e240645ca81ebbc6cb1885417_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="c73a192e240645ca81ebbc6cb1885417_2_1-choice_2-label" for="input_c73a192e240645ca81ebbc6cb1885417_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_c73a192e240645ca81ebbc6cb1885417_2_1"> The use of striking colors and shapes </label> </div> <span id="answer_c73a192e240645ca81ebbc6cb1885417_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_c73a192e240645ca81ebbc6cb1885417_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_c73a192e240645ca81ebbc6cb1885417" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_c73a192e240645ca81ebbc6cb1885417"> <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="c73a192e240645ca81ebbc6cb1885417-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="c73a192e240645ca81ebbc6cb1885417-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="c73a192e240645ca81ebbc6cb1885417-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@015d494f6c204343820cf33c3b4c9ea7"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@015d494f6c204343820cf33c3b4c9ea7" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_015d494f6c204343820cf33c3b4c9ea7" class="problems-wrapper" role="group" aria-labelledby="015d494f6c204343820cf33c3b4c9ea7-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@015d494f6c204343820cf33c3b4c9ea7" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@015d494f6c204343820cf33c3b4c9ea7/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="015d494f6c204343820cf33c3b4c9ea7-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@015d494f6c204343820cf33c3b4c9ea7-problem-progress" tabindex="-1"> Checkboxes </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@015d494f6c204343820cf33c3b4c9ea7-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_015d494f6c204343820cf33c3b4c9ea7_2_1"> <fieldset aria-describedby="status_015d494f6c204343820cf33c3b4c9ea7_2_1"> <legend id="015d494f6c204343820cf33c3b4c9ea7_2_1-legend" class="response-fieldset-legend field-group-hd">Shiseido&#8217;s artists participated in which global artistic movements? Check all that apply.</legend> <div class="field"> <input type="checkbox" name="input_015d494f6c204343820cf33c3b4c9ea7_2_1[]" id="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="015d494f6c204343820cf33c3b4c9ea7_2_1-choice_0-label" for="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_015d494f6c204343820cf33c3b4c9ea7_2_1"> Art deco </label> </div> <div class="field"> <input type="checkbox" name="input_015d494f6c204343820cf33c3b4c9ea7_2_1[]" id="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="015d494f6c204343820cf33c3b4c9ea7_2_1-choice_1-label" for="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_015d494f6c204343820cf33c3b4c9ea7_2_1"> Russian constructivism </label> </div> <div class="field"> <input type="checkbox" name="input_015d494f6c204343820cf33c3b4c9ea7_2_1[]" id="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="015d494f6c204343820cf33c3b4c9ea7_2_1-choice_2-label" for="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_015d494f6c204343820cf33c3b4c9ea7_2_1"> Socialist realism </label> </div> <div class="field"> <input type="checkbox" name="input_015d494f6c204343820cf33c3b4c9ea7_2_1[]" id="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="015d494f6c204343820cf33c3b4c9ea7_2_1-choice_3-label" for="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_015d494f6c204343820cf33c3b4c9ea7_2_1"> Art nouveau </label> </div> <div class="field"> <input type="checkbox" name="input_015d494f6c204343820cf33c3b4c9ea7_2_1[]" id="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_4" class="field-input input-checkbox" value="choice_4"/><label id="015d494f6c204343820cf33c3b4c9ea7_2_1-choice_4-label" for="input_015d494f6c204343820cf33c3b4c9ea7_2_1_choice_4" class="response-label field-label label-inline" aria-describedby="status_015d494f6c204343820cf33c3b4c9ea7_2_1"> Dada </label> </div> <span id="answer_015d494f6c204343820cf33c3b4c9ea7_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_015d494f6c204343820cf33c3b4c9ea7_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_015d494f6c204343820cf33c3b4c9ea7" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_015d494f6c204343820cf33c3b4c9ea7"> <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="015d494f6c204343820cf33c3b4c9ea7-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="015d494f6c204343820cf33c3b4c9ea7-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="015d494f6c204343820cf33c3b4c9ea7-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@45f97570ef9c4c109d9df901f07a7e2d"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@45f97570ef9c4c109d9df901f07a7e2d" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_45f97570ef9c4c109d9df901f07a7e2d" class="problems-wrapper" role="group" aria-labelledby="45f97570ef9c4c109d9df901f07a7e2d-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@45f97570ef9c4c109d9df901f07a7e2d" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@45f97570ef9c4c109d9df901f07a7e2d/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="45f97570ef9c4c109d9df901f07a7e2d-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@45f97570ef9c4c109d9df901f07a7e2d-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@45f97570ef9c4c109d9df901f07a7e2d-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_45f97570ef9c4c109d9df901f07a7e2d_2_1"> <fieldset aria-describedby="status_45f97570ef9c4c109d9df901f07a7e2d_2_1"> <legend id="45f97570ef9c4c109d9df901f07a7e2d_2_1-legend" class="response-fieldset-legend field-group-hd">How would you characterize the relationship of Japanese companies such as Shiseido, and the artists who worked for them, with economic and cultural developments in the West and throughout the globe? Select the best answer.</legend> <div class="field"> <input type="radio" name="input_45f97570ef9c4c109d9df901f07a7e2d_2_1" id="input_45f97570ef9c4c109d9df901f07a7e2d_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="45f97570ef9c4c109d9df901f07a7e2d_2_1-choice_0-label" for="input_45f97570ef9c4c109d9df901f07a7e2d_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_45f97570ef9c4c109d9df901f07a7e2d_2_1"> Japanese artists and companies were constantly trying to &#8220;catch-up&#8221; with the West by adopting Western cultural forms and practices </label> </div> <div class="field"> <input type="radio" name="input_45f97570ef9c4c109d9df901f07a7e2d_2_1" id="input_45f97570ef9c4c109d9df901f07a7e2d_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="45f97570ef9c4c109d9df901f07a7e2d_2_1-choice_1-label" for="input_45f97570ef9c4c109d9df901f07a7e2d_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_45f97570ef9c4c109d9df901f07a7e2d_2_1"> Japanese artists and companies enthusiastically produced mass culture and society in dialogue with similar developments around the world </label> </div> <div class="field"> <input type="radio" name="input_45f97570ef9c4c109d9df901f07a7e2d_2_1" id="input_45f97570ef9c4c109d9df901f07a7e2d_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="45f97570ef9c4c109d9df901f07a7e2d_2_1-choice_2-label" for="input_45f97570ef9c4c109d9df901f07a7e2d_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_45f97570ef9c4c109d9df901f07a7e2d_2_1"> Japanese artists and companies sought to safeguard &#8220;Japanese traditions&#8221; against what they percieved as a threat of Westernization and cultural imperialism </label> </div> <span id="answer_45f97570ef9c4c109d9df901f07a7e2d_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_45f97570ef9c4c109d9df901f07a7e2d_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_45f97570ef9c4c109d9df901f07a7e2d" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_45f97570ef9c4c109d9df901f07a7e2d"> <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="45f97570ef9c4c109d9df901f07a7e2d-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="45f97570ef9c4c109d9df901f07a7e2d-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="45f97570ef9c4c109d9df901f07a7e2d-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-5" data-id="block-v1:MITx+VJx+3T2018+type@poll+block@309be52a5a824991ae2de0f4f467e74e"> <div class="xblock xblock-public_view xblock-public_view-poll" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="poll" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@poll+block@309be52a5a824991ae2de0f4f467e74e" data-graded="True" data-has-score="False" data-init="PollBlock" 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 7.1</h3> <form> <fieldset class="poll-container"> <legend class="poll-question"> <p>Professor Dower suggests that cosmopolitanism and sophistication went hand-in-hand. What do you think cosmopolitanism meant to Shiseido’s customers in interwar Japan?</p> </legend> <div class="poll-answers"> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-309be52a5a824991ae2de0f4f467e74e-answer-R" value="R" /> </div> <label class="poll-answer-text" for="poll-309be52a5a824991ae2de0f4f467e74e-answer-R"><p>Cosmopolitanism was a marker of wealth and class, a way to distinguish oneself as part of bourgeois culture.</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-309be52a5a824991ae2de0f4f467e74e-answer-B" value="B" /> </div> <label class="poll-answer-text" for="poll-309be52a5a824991ae2de0f4f467e74e-answer-B"><p>Cosmopolitanism reflected a genuine curiosity about other cultures, and a desire to incorporate those cultures into one’s own lifestyle.</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-309be52a5a824991ae2de0f4f467e74e-answer-G" value="G" /> </div> <label class="poll-answer-text" for="poll-309be52a5a824991ae2de0f4f467e74e-answer-G"><p>Cosmopolitanism was a euphemism for Westernization: the rejection of traditional culture in favor of Western culture in order to compete with a seemingly superior West.</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-309be52a5a824991ae2de0f4f467e74e-answer-O" value="O" /> </div> <label class="poll-answer-text" for="poll-309be52a5a824991ae2de0f4f467e74e-answer-O"><p>Cosmopolitanism was the cultural counterpart to economic globalization, as companies recognized the need to build a worldwide culture that would make their products attractive.</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-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@ae5f4f48a0d84efbbde0f624921aae20" data-graded="True" data-has-score="False" data-init="VerticalStudentView" data-runtime-version="1"> <h2 class="hd hd-2 unit-title">Abstraction of the Female Body</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@c4c5565633d6472f9fc669d5ae3f8751"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@c4c5565633d6472f9fc669d5ae3f8751" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3 class="MsoNormal">Gallery Introduction - Abstraction of the Female Body</h3> <p class="MsoNormal">In previous units, we have analyzed individual images to explore certain themes and motifs. Yet, <span style="mso-fareast-language: JA;">historians often have to sort through large amounts of material in order to find those individual images or texts to analyze in more detail. Looking at sets of images also allows us to identify broader patterns and themes that explain a particular historical trend or transformation.</span></p> <p>    </p> <p class="MsoNormal"><span style="mso-fareast-language: JA;">Today, we will look at a selection of advertising posters and handbills from the early-twentieth century. Our goal is to identify images by a visual characteristic or characteristics.</span> To give you a better sense of how you might identify these features, listen to Professor Weisenfeld talk about the technique of abstraction in Shiseido’s artwork. Answer the two questions that follow.<o:p></o:p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@ce23a6026f9e41dda643cfedc637f9f6"> <div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="video" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@ce23a6026f9e41dda643cfedc637f9f6" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Video"} </script> <h3 class="hd hd-2">Lecture 7.4: Abstraction of the Female Body</h3> <div id="video_ce23a6026f9e41dda643cfedc637f9f6" class="video closed" data-metadata='{"speed": null, "generalSpeed": 1.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ce23a6026f9e41dda643cfedc637f9f6/handler/transcript/available_translations", "completionEnabled": false, "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ce23a6026f9e41dda643cfedc637f9f6/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010500_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V010500_100.webm"], "autohideHtml5": false, "ytMetadataEndpoint": "", "autoplay": false, "savedVideoPosition": 0.0, "poster": null, "prioritizeHls": false, "saveStateEnabled": false, "recordedYoutubeIsAvailable": true, "captionDataDir": null, "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "end": 0.0, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ce23a6026f9e41dda643cfedc637f9f6/handler/publish_completion", "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "completionPercentage": 0.95, "start": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@ce23a6026f9e41dda643cfedc637f9f6/handler/transcript/translation/__lang__", "ytTestTimeout": 1500, "duration": null}' data-bumper-metadata='null' data-autoadvance-enabled="False" data-poster='null' tabindex="-1" > <div class="focus_grabber first"></div> <div class="tc-wrapper"> <div class="video-wrapper"> <span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span> <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span> <div class="video-player-pre"></div> <div class="video-player"> <div id="ce23a6026f9e41dda643cfedc637f9f6"></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_ce23a6026f9e41dda643cfedc637f9f6">Downloads and transcripts</h3> <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_ce23a6026f9e41dda643cfedc637f9f6"> <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@ce23a6026f9e41dda643cfedc637f9f6/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@ce23a6026f9e41dda643cfedc637f9f6/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@ffa2ef849c7144e8bedff3bbf0fdb31b"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@ffa2ef849c7144e8bedff3bbf0fdb31b" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_ffa2ef849c7144e8bedff3bbf0fdb31b" class="problems-wrapper" role="group" aria-labelledby="ffa2ef849c7144e8bedff3bbf0fdb31b-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@ffa2ef849c7144e8bedff3bbf0fdb31b" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@ffa2ef849c7144e8bedff3bbf0fdb31b/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="ffa2ef849c7144e8bedff3bbf0fdb31b-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@ffa2ef849c7144e8bedff3bbf0fdb31b-problem-progress" tabindex="-1"> Checkboxes </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@ffa2ef849c7144e8bedff3bbf0fdb31b-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_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"> <fieldset aria-describedby="status_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"> <legend id="ffa2ef849c7144e8bedff3bbf0fdb31b_2_1-legend" class="response-fieldset-legend field-group-hd">Professor Weisenfeld mentions two types of abstraction. What are they? Check all that apply.</legend> <div class="field"> <input type="checkbox" name="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1[]" id="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="ffa2ef849c7144e8bedff3bbf0fdb31b_2_1-choice_0-label" for="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"> The composition of the piece of art </label> </div> <div class="field"> <input type="checkbox" name="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1[]" id="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="ffa2ef849c7144e8bedff3bbf0fdb31b_2_1-choice_1-label" for="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"> The allegorical use of the human body </label> </div> <div class="field"> <input type="checkbox" name="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1[]" id="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="ffa2ef849c7144e8bedff3bbf0fdb31b_2_1-choice_2-label" for="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"> The reduction of the female face </label> </div> <div class="field"> <input type="checkbox" name="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1[]" id="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="ffa2ef849c7144e8bedff3bbf0fdb31b_2_1-choice_3-label" for="input_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"> The simplification of cosmetic application </label> </div> <span id="answer_ffa2ef849c7144e8bedff3bbf0fdb31b_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_ffa2ef849c7144e8bedff3bbf0fdb31b_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_ffa2ef849c7144e8bedff3bbf0fdb31b" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_ffa2ef849c7144e8bedff3bbf0fdb31b"> <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="ffa2ef849c7144e8bedff3bbf0fdb31b-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="ffa2ef849c7144e8bedff3bbf0fdb31b-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="ffa2ef849c7144e8bedff3bbf0fdb31b-problem-title">Answers are displayed within the problem </span> <div class="notification-btn-wrapper"> <button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button> </div> </div> </div> " data-graded="True"> <p class="loading-spinner"> <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> <span class="sr">Loading…</span> </p> </div> </div> </div> <div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@eda078f8e3b34ea3a5929754b788563c"> <div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="problem" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@eda078f8e3b34ea3a5929754b788563c" data-graded="True" data-has-score="True" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "Problem"} </script> <div id="problem_eda078f8e3b34ea3a5929754b788563c" class="problems-wrapper" role="group" aria-labelledby="eda078f8e3b34ea3a5929754b788563c-problem-title" data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@eda078f8e3b34ea3a5929754b788563c" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@eda078f8e3b34ea3a5929754b788563c/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="eda078f8e3b34ea3a5929754b788563c-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@eda078f8e3b34ea3a5929754b788563c-problem-progress" tabindex="-1"> Multiple Choice </h3> <div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@eda078f8e3b34ea3a5929754b788563c-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_eda078f8e3b34ea3a5929754b788563c_2_1"> <fieldset aria-describedby="status_eda078f8e3b34ea3a5929754b788563c_2_1"> <legend id="eda078f8e3b34ea3a5929754b788563c_2_1-legend" class="response-fieldset-legend field-group-hd">Abstraction was an aesthetic choice, reflecting contemporary artistic trends, but it also served a more instrumental purpose. What was that purpose? Select the best answer.</legend> <div class="field"> <input type="radio" name="input_eda078f8e3b34ea3a5929754b788563c_2_1" id="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="eda078f8e3b34ea3a5929754b788563c_2_1-choice_0-label" for="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_eda078f8e3b34ea3a5929754b788563c_2_1"> Economizing on time, ink, and printing </label> </div> <div class="field"> <input type="radio" name="input_eda078f8e3b34ea3a5929754b788563c_2_1" id="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="eda078f8e3b34ea3a5929754b788563c_2_1-choice_1-label" for="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_eda078f8e3b34ea3a5929754b788563c_2_1"> Highlighting the application of cosmetics </label> </div> <div class="field"> <input type="radio" name="input_eda078f8e3b34ea3a5929754b788563c_2_1" id="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="eda078f8e3b34ea3a5929754b788563c_2_1-choice_2-label" for="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_eda078f8e3b34ea3a5929754b788563c_2_1"> Emphasizing the cosmopolitanism of Shiseido&#8217;s products and clientele </label> </div> <div class="field"> <input type="radio" name="input_eda078f8e3b34ea3a5929754b788563c_2_1" id="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_3" class="field-input input-radio" value="choice_3"/><label id="eda078f8e3b34ea3a5929754b788563c_2_1-choice_3-label" for="input_eda078f8e3b34ea3a5929754b788563c_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_eda078f8e3b34ea3a5929754b788563c_2_1"> Masking the natural variation in female body types </label> </div> <span id="answer_eda078f8e3b34ea3a5929754b788563c_2_1"/> </fieldset> <div class="indicator-container"> <span class="status unanswered" id="status_eda078f8e3b34ea3a5929754b788563c_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_eda078f8e3b34ea3a5929754b788563c" > <span class="submit-label">Submit</span> </button> <div class="submission-feedback" id="submission_feedback_eda078f8e3b34ea3a5929754b788563c"> <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="eda078f8e3b34ea3a5929754b788563c-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="eda078f8e3b34ea3a5929754b788563c-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="eda078f8e3b34ea3a5929754b788563c-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-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="vertical" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@07e5c58111824314a6ae2badffc05595" data-graded="True" data-has-score="False" data-init="VerticalStudentView" data-runtime-version="1"> <h2 class="hd hd-2 unit-title">Exercise - Gallery Sorting (Optional)</h2> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@2de682164bdd4bb9ab6865140a128baa"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@2de682164bdd4bb9ab6865140a128baa" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p> <script>// <![CDATA[ var imageNames = ['sh01_1924_a045_MagazineAd.jpg', 'sh01_1925_e008_poster.jpg', 'sh01_1926_e020_poster.jpg', 'sh01_1927_c004_poster.jpg', 'sh01_1927_c006_poster.jpg', 'sh01_1927_c008_poster.jpg', 'sh01_1927_c010_poster.jpg', 'sh01_1927_c011_poster.jpg', 'sh01_1932_c023_poster.jpg', 'sh01_1933_c031_poster.jpg', 'sh01_1933_c032_poster.jpg', 'sh01_1933_c033_poster.jpg', 'sh01_1933_c034_poster.jpg', 'sh01_1933_c037_poster.jpg', 'sh01_1933_c038_poster.jpg', 'sh01_1933_c039_poster.jpg', 'sh01_1933_c042_MagazineAd.jpg', 'sh01_1933_e038_poster.jpg', 'sh01_1933_e039_poster.jpg', 'sh01_1936_c043_MagazineAd.jpg', 'sh01_1936_d006_no1167_MagAd.jpg', 'sh01_1937_c049_MagazineAd.jpg', 'sh01_1937_e043_poster.jpg', 'sh01_1937_e044_poster.jpg', 'sh01_1938_c054_poster.jpg', 'sh01_1938_c056_poster.jpg', 'sh01_1939_c058_MagazineAd.jpg', 'sh01_1939_d009_3_MagAd.jpg', 'sh01_1939_d011_10_MagAd.jpg', 'sh01_1940_d013_5_MagAd.jpg', 'sh01_1940_e045_poster.jpg', 'sh01_1906_a013_MagazineAd.jpg', 'sh01_1914_a018_MagazineAd.jpg', 'sh01_1916_a021_MagazineAd.jpg',]; //list of image names to be messed with. var imageCaps = ['Shiseido Cosmetics', 'Shiseido Chainstore Sales Announcement', 'Eudermine and Cold Cream', 'Hydrogen Peroxide Cucumber', 'Shiseido face powder', 'Hydrogen Peroxide Tooth Powder', 'Cold Cream', 'Shiseido Cold Cream', 'Vanishing Cream', 'Shiseido Cold Cream', 'Lemon Cream', 'Cream Shadow', 'Peroxide Cream', 'Shiseido Cold Cream', 'Shiseido Cremoline', 'Uvioline and Natoma', 'Shiseido White Powder Cream', 'Soap', 'Shiseido Cosmetics Day', 'Vanishing Cream and Hydrogen Peroxide Cucumber', 'Shiseido Hormoline', 'Shiseido Hormoline', 'Shiseido Toiletries', 'Shiseido Soap', 'Shiseido Cosmetics', 'Magazine advertisement', 'Cold Cream and Vanishing Cream', 'Shiseido Cold Cream', 'Shiseido Cold Cream', 'Shiseido Deluxe Cosmetics', 'Cosmetics', 'Hanakaede face cream', 'Hanatsubaki', 'Hanatsubaki hair oil'] 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 blushcheck = $('#blushbox').prop('checked'); var eyecheck = $('#eyebox').prop('checked'); var curvecheck = $('#curvebox').prop('checked'); var camcheck = $('#cambox').prop('checked'); var reccheck = $('#recbox').prop('checked'); var nonecheck = $('#nonebox').prop('checked'); $('.vjxContainer').each(function(){ if(!blushcheck && $(this).hasClass('blush')){ $(this).fadeOut(); } else if(!eyecheck && $(this).hasClass('eye')){ $(this).fadeOut(); } else if(!curvecheck && $(this).hasClass('curve')){ $(this).fadeOut(); } else if(!camcheck && $(this).hasClass('cam')){ $(this).fadeOut(); } else if(!reccheck && $(this).hasClass('rec')){ $(this).fadeOut(); } else if(!nonecheck && !($(this).hasClass('blush') || $(this).hasClass('eye') || $(this).hasClass('curve') || $(this).hasClass('cam') || $(this).hasClass('rec'))){ $(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/adSort/" + imageNames[i].slice(0,-4) + "_200.jpg' alt='" + imageCaps[i] + "'></div>"); vjxCounter += 1; } $('#blushbox, #eyebox, #curvebox, #cambox, #recbox, #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. $('#blushbox, #eyebox, #curvebox, #cambox, #recbox, #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='blushtag'>Blush</div><div id='eyetag'>Eyes</div><div id='curvetag'>S-Curve</div><div id='camtag'>Camellia</div><div id='rectag'>Product</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 $('#blushtag, #eyetag, #curvetag, #camtag, #rectag').hover(function(){ $(this).css('color','black'); },function(){ $(this).css('color','white'); }); //need a generic function to add the label $('#blushtag, #eyetag, #curvetag, #camtag, #rectag').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></style> <div id="vjxHeader"> <h3>Gallery Sorting - Exercise (Optional)</h3> <p>Now, sort the following gallery of images using the given categories. Look closely at each image in the gallery, and then select the tag or tags that best describe the image. There are no “correct” answers, and images may fall into more than one category. Remember that we are trying to sort the whole set into smaller discrete units—so try to select the tag that seems most apt. General questions about the gallery and the way you sorted it follow.</p> <p>The categories with which you should tag each image are:</p> <p><strong>Blush:</strong> is the use of blush a prominent part of the image?</p> <p><strong>Eyes:</strong> are the eyes a focal point of the image?</p> <p><strong>S-curve:</strong> do the composition, lettering, figures, etc., resemble the letter “S”?</p> <p><strong>Camellia:</strong> does the camellia logo appear in some form in the image?</p> <p><strong>Product:</strong> is the product being advertised shown in the image?</p> </div> <div id="vjxMain"> <div id="display">Show Images of:<br /> <input type="checkbox" id="blushbox" />Blush<br /> <input type="checkbox" id="eyebox" />Eyes<br /> <input type="checkbox" id="curvebox" />S-curve<br /> <input type="checkbox" id="cambox" />Camellia<br /> <input type="checkbox" id="recbox" />Product<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. After you do so, respond to the three poll questions below. There are no correct answers. How do your answers compare to your fellow students’ responses?</p> </div> </div> <div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@poll+block@ca35dadad1204f8cb315d929ed35644e"> <div class="xblock xblock-public_view xblock-public_view-poll" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="poll" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@poll+block@ca35dadad1204f8cb315d929ed35644e" data-graded="True" data-has-score="False" data-init="PollBlock" 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 7.2</h3> <form> <fieldset class="poll-container"> <legend class="poll-question"> <p>Look at the images in each of your categories. In which category are the images most effective at drawing the viewer’s attention to cosmetics?</p> </legend> <div class="poll-answers"> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-ca35dadad1204f8cb315d929ed35644e-answer-R" value="R" /> </div> <label class="poll-answer-text" for="poll-ca35dadad1204f8cb315d929ed35644e-answer-R"><p>Blush</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-ca35dadad1204f8cb315d929ed35644e-answer-B" value="B" /> </div> <label class="poll-answer-text" for="poll-ca35dadad1204f8cb315d929ed35644e-answer-B"><p>Camellia</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-ca35dadad1204f8cb315d929ed35644e-answer-G" value="G" /> </div> <label class="poll-answer-text" for="poll-ca35dadad1204f8cb315d929ed35644e-answer-G"><p>Eyes</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-ca35dadad1204f8cb315d929ed35644e-answer-O" value="O" /> </div> <label class="poll-answer-text" for="poll-ca35dadad1204f8cb315d929ed35644e-answer-O"><p>S-curve</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-ca35dadad1204f8cb315d929ed35644e-answer-1468079547621" value="1468079547621" /> </div> <label class="poll-answer-text" for="poll-ca35dadad1204f8cb315d929ed35644e-answer-1468079547621"><p>Product</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-2" data-id="block-v1:MITx+VJx+3T2018+type@poll+block@f649f292f79148d1a9805cbf09145309"> <div class="xblock xblock-public_view xblock-public_view-poll" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="poll" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@poll+block@f649f292f79148d1a9805cbf09145309" data-graded="True" data-has-score="False" data-init="PollBlock" 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 7.3</h3> <form> <fieldset class="poll-container"> <legend class="poll-question"> <p>In which category are the images most effective at conveying a sense of sophistication and cosmopolitanism?</p> </legend> <div class="poll-answers"> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-f649f292f79148d1a9805cbf09145309-answer-R" value="R" /> </div> <label class="poll-answer-text" for="poll-f649f292f79148d1a9805cbf09145309-answer-R"><p>Blush</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-f649f292f79148d1a9805cbf09145309-answer-B" value="B" /> </div> <label class="poll-answer-text" for="poll-f649f292f79148d1a9805cbf09145309-answer-B"><p>Camellia</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-f649f292f79148d1a9805cbf09145309-answer-G" value="G" /> </div> <label class="poll-answer-text" for="poll-f649f292f79148d1a9805cbf09145309-answer-G"><p>Eyes</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-f649f292f79148d1a9805cbf09145309-answer-O" value="O" /> </div> <label class="poll-answer-text" for="poll-f649f292f79148d1a9805cbf09145309-answer-O"><p>S-curve</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-f649f292f79148d1a9805cbf09145309-answer-1468079547621" value="1468079547621" /> </div> <label class="poll-answer-text" for="poll-f649f292f79148d1a9805cbf09145309-answer-1468079547621"><p>Product</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-3" data-id="block-v1:MITx+VJx+3T2018+type@poll+block@e75bd9f2f044499d8d35674f4b07e710"> <div class="xblock xblock-public_view xblock-public_view-poll" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="poll" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@poll+block@e75bd9f2f044499d8d35674f4b07e710" data-graded="True" data-has-score="False" data-init="PollBlock" 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 7.4</h3> <form> <fieldset class="poll-container"> <legend class="poll-question"> <p>In which category are the images most effective at expressing aspirations to luxury?</p> </legend> <div class="poll-answers"> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-e75bd9f2f044499d8d35674f4b07e710-answer-R" value="R" /> </div> <label class="poll-answer-text" for="poll-e75bd9f2f044499d8d35674f4b07e710-answer-R"><p>Blush</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-e75bd9f2f044499d8d35674f4b07e710-answer-B" value="B" /> </div> <label class="poll-answer-text" for="poll-e75bd9f2f044499d8d35674f4b07e710-answer-B"><p>Camellia</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-e75bd9f2f044499d8d35674f4b07e710-answer-G" value="G" /> </div> <label class="poll-answer-text" for="poll-e75bd9f2f044499d8d35674f4b07e710-answer-G"><p>Eyes</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-e75bd9f2f044499d8d35674f4b07e710-answer-O" value="O" /> </div> <label class="poll-answer-text" for="poll-e75bd9f2f044499d8d35674f4b07e710-answer-O"><p>S-curve</p></label> </div> <div class="poll-answer"> <div class="poll-input-container"> <input type="radio" name="choice" id="poll-e75bd9f2f044499d8d35674f4b07e710-answer-1468079547621" value="1468079547621" /> </div> <label class="poll-answer-text" for="poll-e75bd9f2f044499d8d35674f4b07e710-answer-1468079547621"><p>Product</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@559400c94e294306896cece2c3332fb2"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-request-token="0edea45051bb11f18df01209529daa73" data-course-id="course-v1:MITx+VJx+3T2018" data-block-type="html" data-runtime-class="LmsRuntime" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@559400c94e294306896cece2c3332fb2" data-graded="True" data-has-score="False" data-init="XBlockToXModuleShim" data-runtime-version="1"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>All images in the above gallery 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. From top to bottom, left to right:</p> <p><em>Shiseido Cosmetics</em>. 1924. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1924_a045_MagazineAd.htm" target="[object Object]">sh01_1924_a045_MagazineAd</a>]</p> <p><em>Shiseido Chainstore Sales Announcement</em>. 1925. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1925_e008_poster.htm" target="[object Object]">sh01_1925_e008_poster</a>]</p> <p><em>Eudermine and Cold Cream</em>. 1926. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1926_e020_poster.htm" target="[object Object]">sh01_1926_e020_poster</a>]</p> <p><em>Hydrogen Peroxide Cucumber</em>. 1927. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1927_c004_poster.htm" target="[object Object]">sh01_1927_c004_poster</a>]</p> <p><em>Shiseido face powder</em>. 1927. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1927_c006_poster.htm" target="[object Object]">sh01_1927_c006_poster</a>]</p> <p>Sawa Reika. <em>Hydrogen Peroxide Tooth Powder</em>. 1927. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1927_c008_poster.htm" target="[object Object]">sh01_1927_c008_poster</a>]</p> <p><em>Cold Cream</em>. 1927. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1927_c010_poster.htm" target="[object Object]">sh01_1927_c010_poster</a>]</p> <p><em>Shiseido Cold Cream</em>. 1927. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1927_c011_poster.htm" target="[object Object]">sh01_1927_c011_poster</a>]</p> <p><em>Vanishing Cream</em>. 1932. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1932_c023_poster.htm" target="[object Object]">sh01_1932_c023_poster</a>]</p> <p><em>Shiseido Cold Cream</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c031_poster.htm" target="[object Object]">sh01_1933_c031_poster</a>]</p> <p><em>Lemon Cream</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c032_poster.htm" target="[object Object]">sh01_1933_c032_poster</a>]</p> <p><em>Cream Shadow</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c033_poster.htm" target="[object Object]">sh01_1933_c033_poster</a>]</p> <p><em>Peroxide Cream</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c034_poster.htm" target="[object Object]">sh01_1933_c034_poster</a>]</p> <p><em>Shiseido Cold Cream</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c037_poster.htm" target="[object Object]">sh01_1933_c037_poster</a>]</p> <p><em>Shiseido Cremoline</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c038_poster.htm" target="[object Object]">sh01_1933_c038_poster</a>]</p> <p><em>Uvioline and Natoma</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c039_poster.htm" target="[object Object]">sh01_1933_c039_poster</a>]</p> <p><em>Shiseido White Powder Cream</em>. 1933. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_c042_MagazineAd.htm" target="[object Object]">sh01_1933_c042_MagazineAd</a>]</p> <p><em>Soap</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_e038_poster.htm" target="[object Object]">sh01_1933_e038_poster</a>]</p> <p><em>Shiseido Cosmetics Day</em>. 1933. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1933_e039_poster.htm" target="[object Object]">sh01_1933_e039_poster</a>]</p> <p><em>Vanishing Cream and Hydrogen Peroxide Cucumber</em>. 1936. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1936_c043_MagazineAd.htm" target="[object Object]">sh01_1936_c043_MagazineAd</a>]</p> <p><em>Shiseido Hormoline</em>. 1936. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1936_d006_no1167_MagAd.htm" target="[object Object]">sh01_1936_d006_no1167_MagAd</a>]</p> <p><em>Shiseido Hormoline</em>. 1937. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1937_c049_MagazineAd.htm" target="[object Object]">sh01_1937_c049_MagazineAd</a>]</p> <p><em>Shiseido Toiletries</em>. 1937. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1937_e043_poster.htm" target="[object Object]">sh01_1937_e043_poster</a>]</p> <p><em>Shiseido Soap</em>. 1937. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1937_e044_poster.htm" target="[object Object]">sh01_1937_e044_poster</a>]</p> <p><em>Shiseido Cosmetics</em>. 1938. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1938_c054_poster.htm" target="[object Object]">sh01_1938_c054_poster</a>]</p> <p>1938. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1938_c056_poster.htm" target="[object Object]">sh01_1938_c056_poster</a>]</p> <p><em>Cold Cream and Vanishing Cream</em>. 1939. Magazine advertisment. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1939_c058_MagazineAd.htm" target="[object Object]">sh01_1939_c058_MagazineAd</a>]</p> <p><em>Shiseido Cold Cream</em>. 1939. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1939_d009_3_MagAd.htm" target="[object Object]">sh01_1939_d009_3_MagAd</a>]</p> <p><em>Shiseido Cold Cream</em>. 1939. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1939_d011_10_MagAd.htm" target="[object Object]">sh01_1939_d011_10_MagAd</a>]</p> <p><em>Shiseido Deluxe Cosmetics</em>. 1940. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1940_d013_5_MagAd.htm" target="[object Object]">sh01_1940_d013_5_MagAd</a>]</p> <p><em>Cosmetics</em>. 1940. Poster. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1940_e045_poster.htm" target="[object Object]">sh01_1940_e045_poster</a>]</p> <p><em>Hanakaede face cream</em>. 1906. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1906_a013_MagazineAd.htm" target="[object Object]">sh01_1906_a013_MagazineAd</a>]</p> <p><em>Hanatsubaki</em>. 1914. Magazine advertisement. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1914_a018_MagazineAd.htm" target="[object Object]">sh01_1914_a018_MagazineAd</a>]</p> <p><em>Hanatsubaki hair oil</em>. 1916. Advertisement in <em>Shin Engei Magazine</em>. Shiseidō Corporate Archive. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/shiseido_03/sh01_1875_1941_ads/pages/sh01_1916_a021_MagazineAd.htm" target="[object Object]">sh01_1916_a021_MagazineAd</a>]</p> </div> </div> </div> </div>