<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@51d698f5ab474dce9ed5557d3cf5cc7b" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Introduction to Day 20</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@d7d25d5ee22a43f6a801588ce6c7a7b7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@d7d25d5ee22a43f6a801588ce6c7a7b7" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Welcome to this new module! Over the next several days, we will be discussing various photographs from the Dean Worcester Collection, which feature people, events, and scenes from the Philippines under American colonial rule. </span><span style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em;">These are all the images that we will be working with today. Take a look, and move on to the videos and exercises.</span></p>
<p><span style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em;"><strong style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.4em; vertical-align: baseline;">Warning on viewing historical images</strong>: Images from the past can be offensive to view. By showing certain images or discussing certain topics, we do not endorse the views or opinions they present, but seek to understand the past, even when it is difficult to look at in the present. This course does not reflect the views of MIT, MITx, EdX or Visualizing Cultures.</span></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@html+block@d6621bacc8634f0aa2770fb388369e57">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@d6621bacc8634f0aa2770fb388369e57" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/f4e06fe83936e8e8e4f1b4c903addc23/asset-v1:MITx+VPx+1T2019+type@asset+block/DWfig1.png', 'Grid of Filipinos photographed by Dean C. Worcester, put together for the VC unit.',
'/assets/courseware/v1/4cdaae02659b7f204e9969486c25cb6e/asset-v1:MITx+VPx+1T2019+type@asset+block/dw59B003_fromUM.jpg', '<em>"Members of the first Philippine Commission and staff on board the \'Empress of Japan\',"</em> 1899. Location: Empress of Japan, Pacific Ocean. Worcester included himself (seated far left) in this group photograph with the "members of the first Philippine Commission and staff" while at sea in 1899. ',
'/assets/courseware/v1/9f0f53f9020369f7e8403c54e7e144a8/asset-v1:MITx+VPx+1T2019+type@asset+block/dw02D043_fromUM.jpg','Dean Conant Worcester, seated front and center, captioned this photograph: <br><em>"Our party and a group of Ilongote chiefs,"</em> 1900. Location: Dumabato, Isabela. ',
'/assets/courseware/v1/526d5f022eda89b319a0183503d5e5e7/asset-v1:MITx+VPx+1T2019+type@asset+block/dw48B004_fromUM.jpg', '<em>"Don Pedro Sanz, his Visayan wife, his sons-in-law, daughters, and grandchildren,"</em> 1899. Location: Manila. <br>Most of the Filipinos Dean Worcester interacted with during his career as a colonial official were urban, Spanish-speaking elites such as those seen above. Worcester took relatively few photographs of these men and women known as "illustrados" (from the Spanish word for enlightened).',
'/assets/courseware/v1/8661e4475bc7d92502ab4923e872f442/asset-v1:MITx+VPx+1T2019+type@asset+block/dw49A021_fromUM.jpg', '<em>"Group of six women; with the exception of No.1, all are Visayan-Spanish mestzas,"</em> 1901. Location: Dumaguete, Eastern Negros.<br>In addition to the non-Christian groups that fascinated Worcester, he also photogrpahed groups he labeled as "Spaniards" and "Spanish-German Mestizos," here six young women. ',
'/assets/courseware/v1/b39ba196ea89f88ce1f376f581d60ce7/asset-v1:MITx+VPx+1T2019+type@asset+block/dw57R006_fromUM.jpg', '<em>"A Chinaman carrying fruit on a pinga," </em>1899. Location: Manila, Manila. <br>In the Philippines, Worcester encountered a substantial Chinese minoirty population. But he appears to have spent very little time photographing the ethnic Chinese or their neighborhoods.',
'/assets/courseware/v1/de62c91cf1421ae53bde2642767c4932/asset-v1:MITx+VPx+1T2019+type@asset+block/dw39B012_fromUM.jpg', '<em>"An Ilocano actress laughing. Full length front view," </em>1905. Location: Bangued, Abra. <br>Images of urban, Westernized Filipinos–like this vivacious young actress from the northern Philippine province of Abra–were rare in Worcester\'s collection, which focused on the rural and tribal Filipinos of the country\'s more remote regions. ',
'/assets/courseware/v1/1170079b5ab0517c2d900dd7d867fd3b/asset-v1:MITx+VPx+1T2019+type@asset+block/Krieger_map_peoplesofph8565.jpg', '<em>Map titled "Races and Tribes of the Philippines," </em>from Herbert W. Krieger, Peoples of the Philippines (1942). <br>Dean Worcester\'s efforts to map the ethnic landscape of the Philippines shaped American anthropological knowledge of the region for decades. In 1942, when the Smithsonian Institution published a series titled War Background Studies, Herbert W. Krieger drew this map based on Worcester\'s earlier reports. ']; //data has image name, then caption if applicable.
var captions = true; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<h3>Image Gallery</h3>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;">
<table style="width: 100%;">
<tbody>
<tr>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,0)" style="cursor: pointer;" alt="4x 4 grid of portraits of Filpino men, women, and children" src="/assets/courseware/v1/f4e06fe83936e8e8e4f1b4c903addc23/asset-v1:MITx+VPx+1T2019+type@asset+block/DWfig1.png" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,2)" style="cursor: pointer;" alt="8 men in suits and hats posing for photo; three sitting in chairs in front, five standing in the back" src="/assets/courseware/v1/aac44749f2849aca00629e2b414c2178/asset-v1:MITx+VPx+1T2019+type@asset+block/dw59B003_fromUM_small.jpeg" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,4)" style="cursor: pointer;" alt="10 men posing for photo in forest while women and children watch from the sides; five white men sitting in the front; five Filipino men standing in the back" src="/assets/courseware/v1/c1da87b7a13a658dbd1edbefc128701f/asset-v1:MITx+VPx+1T2019+type@asset+block/dw02D043_fromUM_small.jpeg" /></td>
</tr>
<tr>
<td><img href="#" tabindex="0" onclick="album(data,6)" style="cursor: pointer;" alt="Photograph of wealthy looking Filipino family dressed in western clothing; men and women standing and sitting in the back two rows, six children sitting on the floor in the front. " src="/assets/courseware/v1/5746c755750add00dbdbfe3bd1a58a74/asset-v1:MITx+VPx+1T2019+type@asset+block/dw48B004_fromUM_small.jpeg" /></td>
<td><img href="#" tabindex="0" onclick="album(data,8)" style="cursor: pointer;" alt="Six wealthy-looking women sitting in the shade in front of a large wall, dressed in western-looking clothing" src="/assets/courseware/v1/598d4a914e5516a85b296f4657cb814c/asset-v1:MITx+VPx+1T2019+type@asset+block/dw49A021_fromUM_small.jpeg" /></td>
<td><img href="#" tabindex="0" onclick="album(data,10)" style="cursor: pointer;" alt="Chinese man in straw hat carrying fruit on a pinga, standing barefoot on a unpaved road, houses in background" src="/assets/courseware/v1/b883b9c7a0680a5fbb1778dc9a2c6d1a/asset-v1:MITx+VPx+1T2019+type@asset+block/dw57R006_fromUM_small.jpg" /></td>
</tr>
<tr>
<td><img href="#" tabindex="0" onclick="album(data,12)" style="cursor: pointer;" alt="Actress standing with hands on hips smiling for camera, another standing in the back looking at camera" src="/assets/courseware/v1/c20cc77c2576f89e769427138bfc9063/asset-v1:MITx+VPx+1T2019+type@asset+block/dw39B012_fromUM_small.jpeg" /></td>
<td><img href="#" tabindex="0" onclick="album(data,14)" style="cursor: pointer;" alt="Map of Philippine islands and different tribes" src="/assets/courseware/v1/8fa509710c22b416b7ec3a360ed02f15/asset-v1:MITx+VPx+1T2019+type@asset+block/Krieger_map_peoplesofph8565_small.jpeg" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@html+block@c57a9b2fc69540b39a1b947c1cdf0d3a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@c57a9b2fc69540b39a1b947c1cdf0d3a" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong>Image Credits</strong> (from left to right, top to bottom):</p>
<p>Grid of Filipinos photographed by Dean C. Worcester, put together for the VC unit.</p>
<p><em>"Members of the first Philippine Commission and staff on board the 'Empress of Japan',"</em> 1899. Location: Empress of Japan, Pacific Ocean. </p>
<p><em>"Our party and a group of Ilongote chiefs," </em>1900. Location: Dumabato, Isabela. </p>
<p><em>"Don Pedro Sanz, his Visayan wife, his sons-in-law, daughters, and grandchildren,"</em> 1899. Location: Manila.</p>
<p><em>"Group of six women; with the exception of No.1, all are Visayan-Spanish mestizas," </em>1901. Location: Dumaguete, Eastern Negros. </p>
<p><em>"A Chinaman carrying fruit on a pinga," </em>1899. Location: Manila, Manila. </p>
<p><em>"An Ilocano actress laughing. Full length front view," </em>1905. Location: Bangued, Abra. </p>
<p><i>Map titled "Races and Tribes of the Philippines," </i>from Herbert W. Krieger, Peoples of the Philippines (1942). </p>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@b78b521c889d4c5dae1446c7d1237fbc" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Introduction to the Module</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@7ac4c76ca7894626b3c45a3f1464a094">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@7ac4c76ca7894626b3c45a3f1464a094" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>This module is entitled “Photography and Power II: How Photography Colonized the Philippines.” Begin by watching this introductory video about the history of the Dean Worcester Collection, now stored at the University of Michigan.</p>
<p>Meet <strong>Carla Sinopoli (University of Michigan)</strong>, curator of the Dean Worcester collection, who will be joining us for this module.</p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-1: Introduction to Module 4</h3>
<div
id="video_d0be515a66d24839b989003db7dfb4b9"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:yp5LgpOZKjM", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="d0be515a66d24839b989003db7dfb4b9"></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_d0be515a66d24839b989003db7dfb4b9">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_d0be515a66d24839b989003db7dfb4b9">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d0be515a66d24839b989003db7dfb4b9/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@967e641307e44fb79658ec25aa9c6249" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">The Colonial Gaze</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@972f097b5ca94704bc659750db306996">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@972f097b5ca94704bc659750db306996" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>In this video, Professor Dower and Professor Capozzola discuss the “colonial gaze” as a form and extension of imperial power. It is important to remember that power is often manifested in cultural, economic, and social mediums rather than a solely militaristic one. The Dean Worcester photographs, taken over the course of two decades in the Philippines, yield invaluable insight into the nature of encounter between colonialists and Native Filipinos as well as the potential and shortfalls of this kind of visual documentation.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-2: The Colonial Gaze</h3>
<div
id="video_90c65706a73042de9de975903a626712"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:gKVkR-9GXhk", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="90c65706a73042de9de975903a626712"></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_90c65706a73042de9de975903a626712">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_90c65706a73042de9de975903a626712">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90c65706a73042de9de975903a626712/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@b3dabacbbccc4312af557acb408db5d5" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Looking and Cataloging</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@54b5050f2f904c7d8dd1bc292d32f850">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@54b5050f2f904c7d8dd1bc292d32f850" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Let’s first turn our attention to this grid of Filipinos photographed by Dean Worcester, prepared specifically for Visualizing Cultures. Here, your professors discuss the nuances of captioning and the organization of a visual database, past and present. Watch the video and complete the exercise. </p>
<p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/f4e06fe83936e8e8e4f1b4c903addc23/asset-v1:MITx+VPx+1T2019+type@asset+block/DWfig1.png', 'Grid of Filipinos photographed by Dean C. Worcester, put together for the VC unit.']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;"><img style="float: left; display: inline-block; margin-right: 10px;" alt="4x 4 grid of portraits of Filpino men, women, and children" width="60%" href="#" tabindex="0" onclick="album(data,0)" src="/assets/courseware/v1/f4e06fe83936e8e8e4f1b4c903addc23/asset-v1:MITx+VPx+1T2019+type@asset+block/DWfig1.png" /><span style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Grid of Filipinos photographed by Dean C. Worcester, put together for the VC unit.</span></div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-3: Looking and Cataloging</h3>
<div
id="video_d47e81f5b00643f898454ef7747eb4b2"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:mphmUHLyzm0", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="d47e81f5b00643f898454ef7747eb4b2"></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_d47e81f5b00643f898454ef7747eb4b2">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_d47e81f5b00643f898454ef7747eb4b2">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@d47e81f5b00643f898454ef7747eb4b2/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+VPx+1T2019+type@problem+block@71d0c3098dbb42b0bae5fd0233f35b13">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@71d0c3098dbb42b0bae5fd0233f35b13" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_71d0c3098dbb42b0bae5fd0233f35b13" class="problems-wrapper" role="group"
aria-labelledby="71d0c3098dbb42b0bae5fd0233f35b13-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@71d0c3098dbb42b0bae5fd0233f35b13" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@71d0c3098dbb42b0bae5fd0233f35b13/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="71d0c3098dbb42b0bae5fd0233f35b13-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@71d0c3098dbb42b0bae5fd0233f35b13-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@71d0c3098dbb42b0bae5fd0233f35b13-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_71d0c3098dbb42b0bae5fd0233f35b13_2_1">
<fieldset aria-describedby="status_71d0c3098dbb42b0bae5fd0233f35b13_2_1">
<legend id="71d0c3098dbb42b0bae5fd0233f35b13_2_1-legend" class="response-fieldset-legend field-group-hd">Which of the following are important information often recorded in the caption of a photograph from the Dean Worcester collection? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1[]" id="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="71d0c3098dbb42b0bae5fd0233f35b13_2_1-choice_0-label" for="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_71d0c3098dbb42b0bae5fd0233f35b13_2_1"> A brief analysis of the political context
</label>
</div>
<div class="field">
<input type="checkbox" name="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1[]" id="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="71d0c3098dbb42b0bae5fd0233f35b13_2_1-choice_1-label" for="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_71d0c3098dbb42b0bae5fd0233f35b13_2_1"> An identifying number for cataloguing
</label>
</div>
<div class="field">
<input type="checkbox" name="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1[]" id="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="71d0c3098dbb42b0bae5fd0233f35b13_2_1-choice_2-label" for="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_71d0c3098dbb42b0bae5fd0233f35b13_2_1"> The ethnic group of the subject of the photo
</label>
</div>
<div class="field">
<input type="checkbox" name="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1[]" id="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="71d0c3098dbb42b0bae5fd0233f35b13_2_1-choice_3-label" for="input_71d0c3098dbb42b0bae5fd0233f35b13_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_71d0c3098dbb42b0bae5fd0233f35b13_2_1"> The date when the photograph was taken
</label>
</div>
<span id="answer_71d0c3098dbb42b0bae5fd0233f35b13_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_71d0c3098dbb42b0bae5fd0233f35b13_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_71d0c3098dbb42b0bae5fd0233f35b13" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_71d0c3098dbb42b0bae5fd0233f35b13">
<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="71d0c3098dbb42b0bae5fd0233f35b13-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="71d0c3098dbb42b0bae5fd0233f35b13-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="71d0c3098dbb42b0bae5fd0233f35b13-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@167b63d33d69410e96353b299a10b9b3" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Dean Worcester Bio</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@7a86e35c05064dd6ba0c7c132832f37d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@7a86e35c05064dd6ba0c7c132832f37d" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Who was Dean Worcester (1866-1924)? In this video, your professors discuss Worcester’s biography and his many professions over the years. After you finish watching, complete the exercise below.</p>
<p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/4cdaae02659b7f204e9969486c25cb6e/asset-v1:MITx+VPx+1T2019+type@asset+block/dw59B003_fromUM.jpg', '']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;"><img style="float: left; display: inline-block; margin-right: 10px;" alt="8 men in suits and hats posing for photo; three sitting in chairs in front, five standing in the back" width="60%" href="#" tabindex="0" onclick="album(data,0)" src="/assets/courseware/v1/aac44749f2849aca00629e2b414c2178/asset-v1:MITx+VPx+1T2019+type@asset+block/dw59B003_fromUM_small.jpeg" />
<p><em>“Members of the first Philippine Commission and staff on board the ‘Empress of Japan’,” 1899. Location: Empress of Japan, Pacific Ocean.</em></p>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-4: Dean Worcester Bio</h3>
<div
id="video_2b27011ac7c64f5b90d51f5c2b5fb91d"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:UjEn-2IQJ2Y", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="2b27011ac7c64f5b90d51f5c2b5fb91d"></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_2b27011ac7c64f5b90d51f5c2b5fb91d">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_2b27011ac7c64f5b90d51f5c2b5fb91d">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2b27011ac7c64f5b90d51f5c2b5fb91d/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+VPx+1T2019+type@problem+block@d08863a1744944faa702ff166a7bc0aa">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@d08863a1744944faa702ff166a7bc0aa" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_d08863a1744944faa702ff166a7bc0aa" class="problems-wrapper" role="group"
aria-labelledby="d08863a1744944faa702ff166a7bc0aa-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@d08863a1744944faa702ff166a7bc0aa" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@d08863a1744944faa702ff166a7bc0aa/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="d08863a1744944faa702ff166a7bc0aa-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@d08863a1744944faa702ff166a7bc0aa-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@d08863a1744944faa702ff166a7bc0aa-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_d08863a1744944faa702ff166a7bc0aa_2_1">
<fieldset aria-describedby="status_d08863a1744944faa702ff166a7bc0aa_2_1">
<legend id="d08863a1744944faa702ff166a7bc0aa_2_1-legend" class="response-fieldset-legend field-group-hd">Checkboxes: Which of the following roles did Dean Worcester assume in the Philippines over the course of his life? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_d08863a1744944faa702ff166a7bc0aa_2_1[]" id="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="d08863a1744944faa702ff166a7bc0aa_2_1-choice_0-label" for="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_d08863a1744944faa702ff166a7bc0aa_2_1"> Zoologist
</label>
</div>
<div class="field">
<input type="checkbox" name="input_d08863a1744944faa702ff166a7bc0aa_2_1[]" id="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="d08863a1744944faa702ff166a7bc0aa_2_1-choice_1-label" for="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_d08863a1744944faa702ff166a7bc0aa_2_1"> President of the Philippine-American Company
</label>
</div>
<div class="field">
<input type="checkbox" name="input_d08863a1744944faa702ff166a7bc0aa_2_1[]" id="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="d08863a1744944faa702ff166a7bc0aa_2_1-choice_2-label" for="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_d08863a1744944faa702ff166a7bc0aa_2_1"> Member of the First Philippine Commission
</label>
</div>
<div class="field">
<input type="checkbox" name="input_d08863a1744944faa702ff166a7bc0aa_2_1[]" id="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="d08863a1744944faa702ff166a7bc0aa_2_1-choice_3-label" for="input_d08863a1744944faa702ff166a7bc0aa_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_d08863a1744944faa702ff166a7bc0aa_2_1"> Secretary of the Interior of the Philippine Islands
</label>
</div>
<span id="answer_d08863a1744944faa702ff166a7bc0aa_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_d08863a1744944faa702ff166a7bc0aa_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_d08863a1744944faa702ff166a7bc0aa" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_d08863a1744944faa702ff166a7bc0aa">
<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="d08863a1744944faa702ff166a7bc0aa-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="d08863a1744944faa702ff166a7bc0aa-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="d08863a1744944faa702ff166a7bc0aa-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@36f7aedf66df4a1d94c5fd78bfe71b24" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Dean Worcester Persona</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@47dfc4881d4f45bc834ac94367051888">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@47dfc4881d4f45bc834ac94367051888" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>In this video, your professors discuss Worcester’s persona that he projected in the Philippines, of which this photograph is largely symbolic. Worcester took a persistent interest in the cultural diversity of the Islands as well as ceremonial interactions with various tribes and their representations. After you finish watching, complete the exercise below.</p>
<p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/9f0f53f9020369f7e8403c54e7e144a8/asset-v1:MITx+VPx+1T2019+type@asset+block/dw02D043_fromUM.jpg', '']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;"><img style="float: left; display: inline-block; margin-right: 10px;" alt="10 men posing for photo in forest while women and children watch from the sides; five white men sitting in the front; five Filipino men standing in the back" width="60%" href="#" tabindex="0" onclick="album(data,0)" src="/assets/courseware/v1/c1da87b7a13a658dbd1edbefc128701f/asset-v1:MITx+VPx+1T2019+type@asset+block/dw02D043_fromUM_small.jpeg" />
<p><em>“Our party and a group of Ilongote chiefs,” 1900, Location: Dumabato, Isabela.</em></p>
</div>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-5: Dean Worcester Persona</h3>
<div
id="video_30754a61b6e04eb294c8d458b265e84c"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:dHzlPXc8Kqc", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="30754a61b6e04eb294c8d458b265e84c"></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_30754a61b6e04eb294c8d458b265e84c">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_30754a61b6e04eb294c8d458b265e84c">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@30754a61b6e04eb294c8d458b265e84c/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+VPx+1T2019+type@problem+block@18998aaf8c634021bdaf6d831783ef6f">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@18998aaf8c634021bdaf6d831783ef6f" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_18998aaf8c634021bdaf6d831783ef6f" class="problems-wrapper" role="group"
aria-labelledby="18998aaf8c634021bdaf6d831783ef6f-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@18998aaf8c634021bdaf6d831783ef6f" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@18998aaf8c634021bdaf6d831783ef6f/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="18998aaf8c634021bdaf6d831783ef6f-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@18998aaf8c634021bdaf6d831783ef6f-problem-progress" tabindex="-1">
True or False
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@18998aaf8c634021bdaf6d831783ef6f-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_18998aaf8c634021bdaf6d831783ef6f_2_1">
<fieldset aria-describedby="status_18998aaf8c634021bdaf6d831783ef6f_2_1">
<legend id="18998aaf8c634021bdaf6d831783ef6f_2_1-legend" class="response-fieldset-legend field-group-hd">The number of non-Christians is actually a small fraction of the Filipino population, given the long legacy of Spanish colonialism on the Islands.</legend>
<div class="field">
<input type="radio" name="input_18998aaf8c634021bdaf6d831783ef6f_2_1" id="input_18998aaf8c634021bdaf6d831783ef6f_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="18998aaf8c634021bdaf6d831783ef6f_2_1-choice_0-label" for="input_18998aaf8c634021bdaf6d831783ef6f_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_18998aaf8c634021bdaf6d831783ef6f_2_1"> True
</label>
</div>
<div class="field">
<input type="radio" name="input_18998aaf8c634021bdaf6d831783ef6f_2_1" id="input_18998aaf8c634021bdaf6d831783ef6f_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="18998aaf8c634021bdaf6d831783ef6f_2_1-choice_1-label" for="input_18998aaf8c634021bdaf6d831783ef6f_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_18998aaf8c634021bdaf6d831783ef6f_2_1"> False
</label>
</div>
<span id="answer_18998aaf8c634021bdaf6d831783ef6f_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_18998aaf8c634021bdaf6d831783ef6f_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="True or False" />
<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_18998aaf8c634021bdaf6d831783ef6f" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_18998aaf8c634021bdaf6d831783ef6f">
<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="18998aaf8c634021bdaf6d831783ef6f-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="18998aaf8c634021bdaf6d831783ef6f-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="18998aaf8c634021bdaf6d831783ef6f-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@29adc025012d46648ff18cab363fcc65" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Focus on Rural People</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@96a81acadb0c463f904d731c877099f6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@96a81acadb0c463f904d731c877099f6" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>The majority of Dean Worcester’s photography in the Philippines centered rural populations rather the Europeanized, urban elite. His focus on these uplands, oftentimes non-Christian, subsistence-farming communities captures the nature of “the colonial gaze.” Here, your professors discuss how the subject of Worcester’s photography is related to the American colonial logic in the Philippines. After you watch the video, please complete the exercise.</p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/526d5f022eda89b319a0183503d5e5e7/asset-v1:MITx+VPx+1T2019+type@asset+block/dw48B004_fromUM.jpg', '']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;"><img style="float: left; display: inline-block; margin-right: 10px;" alt="Photograph of wealthy looking Filipino family dressed in western clothing; men and women standing and sitting in the back two rows, six children sitting on the floor in the front. " width="60%" href="#" tabindex="0" onclick="album(data,0)" src="/assets/courseware/v1/5746c755750add00dbdbfe3bd1a58a74/asset-v1:MITx+VPx+1T2019+type@asset+block/dw48B004_fromUM_small.jpeg" />
<p><em>“Don Pedro Sanz, his Visayan wife, his sons-in-law, daughters, and grandchildren,” 1899. Location: Manila</em></p>
</div>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-6: Focus on Rural People</h3>
<div
id="video_77279d36c4e54cc3a054403007150134"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:pQGTneHhxv4", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="77279d36c4e54cc3a054403007150134"></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_77279d36c4e54cc3a054403007150134">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_77279d36c4e54cc3a054403007150134">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@77279d36c4e54cc3a054403007150134/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+VPx+1T2019+type@problem+block@c98d9ac24e7a49b28eb5502ecfe10e40">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@c98d9ac24e7a49b28eb5502ecfe10e40" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_c98d9ac24e7a49b28eb5502ecfe10e40" class="problems-wrapper" role="group"
aria-labelledby="c98d9ac24e7a49b28eb5502ecfe10e40-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@c98d9ac24e7a49b28eb5502ecfe10e40" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@c98d9ac24e7a49b28eb5502ecfe10e40/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="c98d9ac24e7a49b28eb5502ecfe10e40-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@c98d9ac24e7a49b28eb5502ecfe10e40-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@c98d9ac24e7a49b28eb5502ecfe10e40-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_c98d9ac24e7a49b28eb5502ecfe10e40_2_1">
<fieldset aria-describedby="status_c98d9ac24e7a49b28eb5502ecfe10e40_2_1">
<legend id="c98d9ac24e7a49b28eb5502ecfe10e40_2_1-legend" class="response-fieldset-legend field-group-hd">How did Worcester&#8217;s interpretation of Filipino cultural diversity justify the American colonial enterprise?</legend>
<div class="field">
<input type="radio" name="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1" id="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="c98d9ac24e7a49b28eb5502ecfe10e40_2_1-choice_0-label" for="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_c98d9ac24e7a49b28eb5502ecfe10e40_2_1"> Worcester believed that an American colonial administration would carry on the successful legacy of the Spanish in safeguarding the many cultures of the Philippines
</label>
</div>
<div class="field">
<input type="radio" name="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1" id="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="c98d9ac24e7a49b28eb5502ecfe10e40_2_1-choice_1-label" for="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_c98d9ac24e7a49b28eb5502ecfe10e40_2_1"> Worcester believed that the multitude of tribes and cultures in the Philippines spanned too broad of a range to constitute an independent, self-governing nation
</label>
</div>
<div class="field">
<input type="radio" name="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1" id="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="c98d9ac24e7a49b28eb5502ecfe10e40_2_1-choice_2-label" for="input_c98d9ac24e7a49b28eb5502ecfe10e40_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_c98d9ac24e7a49b28eb5502ecfe10e40_2_1"> Worcester believed that only an American colonial administration could most effectively convert the remaining population of non-Christian native Filipinos to Christianity
</label>
</div>
<span id="answer_c98d9ac24e7a49b28eb5502ecfe10e40_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_c98d9ac24e7a49b28eb5502ecfe10e40_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_c98d9ac24e7a49b28eb5502ecfe10e40" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_c98d9ac24e7a49b28eb5502ecfe10e40">
<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="c98d9ac24e7a49b28eb5502ecfe10e40-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="c98d9ac24e7a49b28eb5502ecfe10e40-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="c98d9ac24e7a49b28eb5502ecfe10e40-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@0c9009b25f754e0bb8fe75aa9a1ba045" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Number of Photos</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@2a6180fcc21145999efeba87cb703bab">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@2a6180fcc21145999efeba87cb703bab" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Now, turn your attention to these photographs. The first is of mestizo women, which reflects Worcester’s fascination with ethnic mixing and diversity in the Philippines. In contrast to the Philippines, the United States that Worcester lived in had been more strictly divided along racial lines. The second image is of a Chinese fruit vendor. The Philippines is home to a sizable Chinese community but the Chinese migrants however, rarely appear in Worcester's photographs. <span style="font-size: 1em;">Watch the video and then answer the question.</span></p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/8661e4475bc7d92502ab4923e872f442/asset-v1:MITx+VPx+1T2019+type@asset+block/dw49A021_fromUM.jpg', '',
'/assets/courseware/v1/b39ba196ea89f88ce1f376f581d60ce7/asset-v1:MITx+VPx+1T2019+type@asset+block/dw57R006_fromUM.jpg', '']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;">
<p><img style="float: left; display: inline-block; margin-right: 10px;" alt="Six wealthy-looking women sitting in the shade in front of a large wall, dressed in western-looking clothing" width="60%" href="#" tabindex="0" onclick="album(data,0)" src="/assets/courseware/v1/598d4a914e5516a85b296f4657cb814c/asset-v1:MITx+VPx+1T2019+type@asset+block/dw49A021_fromUM_small.jpeg" /><em>Top: “Group of six women; with the exception of No. 1, all are Visayan-Spanish mestizas,” 1901. Location: Dumaguete, Eastern Negros</em></p>
<p><img style="float: left; display: inline-block; margin-right: 10px;" alt="Chinese man in straw hat carrying fruit on a pinga, standing barefoot on a unpaved road, houses in background" width="60%" href="#" tabindex="0" onclick="album(data,2)" src="/assets/courseware/v1/b883b9c7a0680a5fbb1778dc9a2c6d1a/asset-v1:MITx+VPx+1T2019+type@asset+block/dw57R006_fromUM_small.jpg" /><em>Bottom: “A Chinaman carrying fruit on a pinga,” 1899. Location: Manila, Manila</em></p>
</div>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-7: Number of Photos</h3>
<div
id="video_768e0aaced6646a692253f433927af0d"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:bojm8d1SvdU", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="768e0aaced6646a692253f433927af0d"></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_768e0aaced6646a692253f433927af0d">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_768e0aaced6646a692253f433927af0d">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@768e0aaced6646a692253f433927af0d/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+VPx+1T2019+type@problem+block@f56668b0b6b3418f90b4feb6aeba4ce7">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@f56668b0b6b3418f90b4feb6aeba4ce7" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_f56668b0b6b3418f90b4feb6aeba4ce7" class="problems-wrapper" role="group"
aria-labelledby="f56668b0b6b3418f90b4feb6aeba4ce7-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@f56668b0b6b3418f90b4feb6aeba4ce7" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@f56668b0b6b3418f90b4feb6aeba4ce7/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="f56668b0b6b3418f90b4feb6aeba4ce7-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@f56668b0b6b3418f90b4feb6aeba4ce7-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@f56668b0b6b3418f90b4feb6aeba4ce7-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_f56668b0b6b3418f90b4feb6aeba4ce7_2_1">
<fieldset aria-describedby="status_f56668b0b6b3418f90b4feb6aeba4ce7_2_1">
<legend id="f56668b0b6b3418f90b4feb6aeba4ce7_2_1-legend" class="response-fieldset-legend field-group-hd">Which of the following statements are true about the &#8220;mestizo&#8221; category in the Spanish Philippines?</legend>
<div class="field">
<input type="checkbox" name="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1[]" id="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="f56668b0b6b3418f90b4feb6aeba4ce7_2_1-choice_0-label" for="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_f56668b0b6b3418f90b4feb6aeba4ce7_2_1"> As a legal category, the &#8220;mestizo&#8221; was done away with in 1898
</label>
</div>
<div class="field">
<input type="checkbox" name="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1[]" id="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="f56668b0b6b3418f90b4feb6aeba4ce7_2_1-choice_1-label" for="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_f56668b0b6b3418f90b4feb6aeba4ce7_2_1"> When the Americans succeeded the Spanish, they banned &#8220;mestizo&#8221; from the vernacular
</label>
</div>
<div class="field">
<input type="checkbox" name="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1[]" id="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="f56668b0b6b3418f90b4feb6aeba4ce7_2_1-choice_2-label" for="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_f56668b0b6b3418f90b4feb6aeba4ce7_2_1"> Various kinds of racially mixed backgrounds, such as Arab-Filipino or Spanish-Filipino, rendered a resident of the Philippines a &#8220;mestizo&#8221;
</label>
</div>
<div class="field">
<input type="checkbox" name="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1[]" id="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="f56668b0b6b3418f90b4feb6aeba4ce7_2_1-choice_3-label" for="input_f56668b0b6b3418f90b4feb6aeba4ce7_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_f56668b0b6b3418f90b4feb6aeba4ce7_2_1"> Taxation rates were based on such racial categories
</label>
</div>
<span id="answer_f56668b0b6b3418f90b4feb6aeba4ce7_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_f56668b0b6b3418f90b4feb6aeba4ce7_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_f56668b0b6b3418f90b4feb6aeba4ce7" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_f56668b0b6b3418f90b4feb6aeba4ce7">
<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="f56668b0b6b3418f90b4feb6aeba4ce7-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="f56668b0b6b3418f90b4feb6aeba4ce7-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="f56668b0b6b3418f90b4feb6aeba4ce7-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@11d7b9628f7848ae89a353bed39fb56f" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">1941 Map</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@8a73dfc3bcf449c8be205f5b2da138e2">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@8a73dfc3bcf449c8be205f5b2da138e2" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>By the breakout of World War II, the United States military still relied on the cataloguing of Filipino races and tribes from Dean Worcester’s era. What does this 1942 map tell us about colonial organization and the extension of colonial power? What does the mapping of ethnic groups assume about the Filipino population? Watch the video and complete the exercise.</p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/de62c91cf1421ae53bde2642767c4932/asset-v1:MITx+VPx+1T2019+type@asset+block/dw39B012_fromUM.jpg', '',
'/assets/courseware/v1/1170079b5ab0517c2d900dd7d867fd3b/asset-v1:MITx+VPx+1T2019+type@asset+block/Krieger_map_peoplesofph8565.jpg', '']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;">
<p><img style="float: left; display: inline-block; margin-right: 10px;" alt="Actress standing with hands on hips smiling for camera, another standing in the back looking at camera" width="60%" href="#" tabindex="0" onclick="album(data,0)" src="/assets/courseware/v1/c20cc77c2576f89e769427138bfc9063/asset-v1:MITx+VPx+1T2019+type@asset+block/dw39B012_fromUM_small.jpeg" /><em><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;">Top: “An Ilocano actress laughing. Full length front view,” 1905. Location: Bangued, Abra</span></em></p>
<p><img style="float: left; display: inline-block; margin-right: 10px;" alt="Map of Philippine islands and different tribes" width="60%" href="#" tabindex="0" onclick="album(data,2)" src="/assets/courseware/v1/8fa509710c22b416b7ec3a360ed02f15/asset-v1:MITx+VPx+1T2019+type@asset+block/Krieger_map_peoplesofph8565_small.jpeg" /><em><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;">Bottom: Map titled “Races and Tribes of the Philippines,” from Herbert W. Krieger, Peoples of the Philippines (1942)</span></em></p>
</div>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a" data-block-type="video" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video IV-8: 1941 Map</h3>
<div
id="video_78e81c6230d64eb5a80aa8e710c11e2a"
class="video closed"
data-metadata='{"completionPercentage": 0.95, "ytMetadataEndpoint": "", "prioritizeHls": false, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a/handler/transcript/available_translations", "generalSpeed": 1.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a/handler/xmodule_handler/save_user_state", "savedVideoPosition": 0.0, "ytApiUrl": "https://www.youtube.com/iframe_api", "end": 0.0, "poster": null, "ytTestTimeout": 1500, "completionEnabled": false, "streams": "1.00:d9Jx6tVmjTI", "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a/handler/publish_completion", "showCaptions": "true", "start": 0.0, "sources": [], "autoplay": false, "captionDataDir": null, "recordedYoutubeIsAvailable": true, "saveStateEnabled": false, "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a/handler/transcript/translation/__lang__", "autoAdvance": false, "autohideHtml5": false, "lmsRootURL": "https://openlearninglibrary.mit.edu", "speed": null, "transcriptLanguage": "en", "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="78e81c6230d64eb5a80aa8e710c11e2a"></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_78e81c6230d64eb5a80aa8e710c11e2a">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_78e81c6230d64eb5a80aa8e710c11e2a">
<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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a/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+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@78e81c6230d64eb5a80aa8e710c11e2a/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+VPx+1T2019+type@problem+block@7430e8ee14fd4363bd5f7498546e6638">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@7430e8ee14fd4363bd5f7498546e6638" data-block-type="problem" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="True">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_7430e8ee14fd4363bd5f7498546e6638" class="problems-wrapper" role="group"
aria-labelledby="7430e8ee14fd4363bd5f7498546e6638-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@7430e8ee14fd4363bd5f7498546e6638" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@7430e8ee14fd4363bd5f7498546e6638/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="7430e8ee14fd4363bd5f7498546e6638-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@7430e8ee14fd4363bd5f7498546e6638-problem-progress" tabindex="-1">
True or False
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@7430e8ee14fd4363bd5f7498546e6638-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_7430e8ee14fd4363bd5f7498546e6638_2_1">
<fieldset aria-describedby="status_7430e8ee14fd4363bd5f7498546e6638_2_1">
<legend id="7430e8ee14fd4363bd5f7498546e6638_2_1-legend" class="response-fieldset-legend field-group-hd">The charting and categorization of colonized peoples was a unique practice limited to the United States in the Philippines.</legend>
<div class="field">
<input type="radio" name="input_7430e8ee14fd4363bd5f7498546e6638_2_1" id="input_7430e8ee14fd4363bd5f7498546e6638_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="7430e8ee14fd4363bd5f7498546e6638_2_1-choice_0-label" for="input_7430e8ee14fd4363bd5f7498546e6638_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_7430e8ee14fd4363bd5f7498546e6638_2_1"> True
</label>
</div>
<div class="field">
<input type="radio" name="input_7430e8ee14fd4363bd5f7498546e6638_2_1" id="input_7430e8ee14fd4363bd5f7498546e6638_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="7430e8ee14fd4363bd5f7498546e6638_2_1-choice_1-label" for="input_7430e8ee14fd4363bd5f7498546e6638_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_7430e8ee14fd4363bd5f7498546e6638_2_1"> False
</label>
</div>
<span id="answer_7430e8ee14fd4363bd5f7498546e6638_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_7430e8ee14fd4363bd5f7498546e6638_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="True or False" />
<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_7430e8ee14fd4363bd5f7498546e6638" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_7430e8ee14fd4363bd5f7498546e6638">
<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="7430e8ee14fd4363bd5f7498546e6638-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="7430e8ee14fd4363bd5f7498546e6638-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="7430e8ee14fd4363bd5f7498546e6638-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-init="VerticalStudentView" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@b40eb14c03de4c0cba8abede321d19bc" data-block-type="vertical" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<h2 class="hd hd-2 unit-title">Optional Reading, Chapter 1: Dean Worcester's World</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@7a7f9d13b64c41a6b0fbbeb2446fc9c7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-init="XBlockToXModuleShim" data-course-id="course-v1:MITx+VPx+1T2019" data-request-token="fa3860b9ed9e11eeb92516ffd59041e1" data-graded="True" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@7a7f9d13b64c41a6b0fbbeb2446fc9c7" data-block-type="html" data-runtime-class="LmsRuntime" data-runtime-version="1" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 class="hd hd-2">Photography and Power II, Chapter 1: Dean Worcester's World</h3>
<p></p>
<p><iframe title="PPII Chapter 1: Chapter 1: Dean Worcester's World" src="/assets/courseware/v1/f0eae421c37d00351d8d9cba6a75dab2/asset-v1:MITx+VPx+1T2019+type@asset+block/dw02_essay01.pdf" height="600px" width="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support IFrames.
</iframe></p>
<p>To download the PDF, <a class="media" href="/assets/courseware/v1/f0eae421c37d00351d8d9cba6a75dab2/asset-v1:MITx+VPx+1T2019+type@asset+block/dw02_essay01.pdf">click here</a>.</p>
<p>To read the chapter on the Visualizing Cultures website, <a href="https://ocw.mit.edu/ans7870/21f/21f.027/photography_and_power_02/dw02_essay01.html" target="[object Object]">click here</a>. </p>
<p></p>
</div>
</div>
</div>
</div>
© All Rights Reserved