{"id":76,"date":"2025-03-18T21:09:00","date_gmt":"2025-03-18T21:09:00","guid":{"rendered":"https:\/\/miriamposner.com\/classes\/dh187s25\/?page_id=76"},"modified":"2025-03-31T19:25:55","modified_gmt":"2025-03-31T19:25:55","slug":"interactive-teaching-resource","status":"publish","type":"page","link":"https:\/\/miriamposner.com\/classes\/dh187s25\/assignments\/interactive-teaching-resource\/","title":{"rendered":"Interactive teaching resource"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Deadlines<\/h2>\n\n\n\n<p><strong>Milestone 1: <\/strong>Three to five sentences summarizing your idea. <strong>Friday, May 2, 2025.<\/strong><\/p>\n\n\n\n<p><strong>Milestone 2: <\/strong>Sketch (digital or drawn by hand) indicating the major components of your project, along with a paragraph explaining how each element will be accomplished technically. <strong>Friday, May 9, 2025.<\/strong><\/p>\n\n\n\n<p><strong>Milestone 3:<\/strong> &#8220;Rough draft&#8221; of interactive resource (should include major components, though may need polishing or fine-tuning). <strong>Friday, May 30, 2025.<\/strong><\/p>\n\n\n\n<p><strong>Milestone 4:<\/strong> Project due date + interactive in-class demo. <strong>Thursday, June 6, 2025.<\/strong><\/p>\n\n\n\n<p><strong>Milestone 5:<\/strong> <a href=\"https:\/\/miriamposner.com\/classes\/dh187s25\/assignments\/interactive-teaching-resource\/reflection-essay\/\" data-type=\"page\" data-id=\"171\">Reflection paper<\/a> due via BruinLearn. <strong>Friday, June 13, 2025.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Description<\/h2>\n\n\n\n<p>When students are first learning about data, it can be challenging to convey to them that <em>data is never neutral<\/em>. Of course, as experienced DH practitioners, you already know this, but for newcomers, understanding this idea can be tricky. Often students can see how the <em>substance<\/em> of a dataset is skewed in one direction or another, but they frequently have trouble understanding that the very <em>form<\/em> of data entails a selective view of the world.<\/p>\n\n\n\n<p>That&#8217;s why I want you to help me build a set of interactive resources to help convey this idea to them. Working in groups, you&#8217;ll create an interactive digital resource designed for your fellow undergrad students. The resource should convey some aspect of the &#8220;data is never neutral&#8221; idea, and it should evince a <em>constructivist<\/em> approach to learning. That is, it should in some way ask students to receive a new idea, take an active part in filtering it against their own experiences and knowledge, and emerge with a revised understanding of some phenomenon.<\/p>\n\n\n\n<p>You could accomplish this goal in many different ways, and you&#8217;ll have to think creatively. Here are some ways you might approach it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>an interactive case study of a historical episode in which data either further marginalized a group, or in which a group used data to push back against their own marginalization<\/li>\n\n\n\n<li>a &#8220;translation&#8221; of abstract ideas into a visual representation of general principles, which students can manipulate in some way<\/li>\n\n\n\n<li>an interactive story that uses an episode from your own experience to convey an idea<\/li>\n\n\n\n<li>an interactive visual representation of an article or essay that you believe is critical to understanding this idea<\/li>\n\n\n\n<li>an activity designed to demonstrate to students that the endeavor of recording data is inherently selective<\/li>\n\n\n\n<li>a &#8220;choose your own adventure&#8221; story designed to demonstrate some important aspect of this idea<\/li>\n\n\n\n<li>an activity in which students analyze and come to understand a primary source related to this topic<\/li>\n<\/ul>\n\n\n\n<p>The resource can be designed to stand on its own, or it can be designed to accompany a lecture or other teaching scenario. <\/p>\n\n\n\n<p>Here are some interactive projects and resources that I would classify as &#8220;constructivist.&#8221; (Note that many of these resources are much more elaborate than I would expect you to create in the time we have together!)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.moralmachine.net\/\">Moral Machine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/dataxdesign.io\/\">Data by Design<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/openai.com\/index\/introducing-activation-atlases\/\">Activation Atlas<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mycomputerbrain.net\/php\/experiments\/ai.experiment26a.php\">Identifying Animals with AI<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/selfiecity.net\/\">Selfiecity<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.gapminder.org\/dollar-street\">Dollar Street<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/upgrader.gapminder.org\/q\/1500\/\">Domestic Work (Gapminder)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/shadow-plays.supdigital.org\/sp\/simulation-8\">Stereoscope<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/offshoreatlas.publicdatalab.org\/explorer\/\">Atlas of Offshore Investment<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.theyrule.net\/\">They Rule<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/hiroshima.archiving.jp\/index_en.html\">Hiroshima Archive<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/enslaved.org\/\">Enslaved: People of the Historical Slave Trade<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.stillsurviving.net\/\">I&#8217;m Still Surviving<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/furnaceandfugue.org\/atalanta-fugiens\/emblem02.html\">Furnace &amp; Fugue<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/unsilencing-slavery.org\/\">Unsilencing Slavery<\/a><\/li>\n<\/ul>\n\n\n\n<p>Together in class, we&#8217;ll learn to use the p5.js Javascript library, which will allow you to code your own interactive activity. However, if you have an idea for an activity that p5 can&#8217;t accomplish, talk to me, and we can discuss other technologies that might make sense for your project.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Deadlines Milestone 1: Three to five sentences summarizing your idea. Friday, May 2, 2025. Milestone 2: Sketch (digital or drawn by hand) indicating the major components of your project, along&hellip; <a class=\"more-link\" href=\"https:\/\/miriamposner.com\/classes\/dh187s25\/assignments\/interactive-teaching-resource\/\">Continue reading <span class=\"screen-reader-text\">Interactive teaching resource<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":40,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":7,"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/pages\/76\/revisions\/204"}],"up":[{"embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/pages\/40"}],"wp:attachment":[{"href":"https:\/\/miriamposner.com\/classes\/dh187s25\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}