{"id":377,"date":"2016-10-03T09:33:47","date_gmt":"2016-10-03T16:33:47","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f16\/?p=377"},"modified":"2016-10-03T09:33:47","modified_gmt":"2016-10-03T16:33:47","slug":"week-1-blog-post-reverse-engineer","status":"publish","type":"post","link":"https:\/\/miriamposner.com\/classes\/dh101f16\/2016\/10\/03\/week-1-blog-post-reverse-engineer\/","title":{"rendered":"Week 1 Blog Post Reverse Engineer"},"content":{"rendered":"<p>For my first post, I chose to reverse engineer MoMa\u2019s \u201c<a href=\"http:\/\/www.moma.org\/interactives\/exhibitions\/2012\/inventingabstraction\/\">Inventing Abstraction<\/a>\u201d digital exhibit. This exhibit presents works by acclaimed abstract artist made between 1910 and 1925.<\/p>\n<p><span style=\"font-weight: 400\">The primary assets of the website is the artwork from MoMA ( Museum of Modern Art), and the 86 artists who are presented on the website. Many people contributed to the design and development of the website which was made possible by by Hanjin Shipping. The Art Institute\u00a0of Chicago also helped contribute and Acoustguide provided the enjoyment of music on the site.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Presentation: The home page utilizes an abstract composition, already fitting with the theme of exhibition. While the page is text heavy, it\u2019s important for the user to holistically comprehend the context of the exhibit. Because the web page is based off of visual works, it makes sense that the reader would be asked to process the majority of the page\u2019s text before the artworks are introduced.The connections tab at the bottom allows you to immediately be taken to their most interactive page.\u00a0<\/span><\/p>\n<p><a href=\"http:\/\/www.moma.org\/interactives\/exhibitions\/2012\/inventingabstraction\/?page=connections\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-382\" src=\"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.10-PM-2-300x166.png\" alt=\"screen-shot-2016-10-02-at-7-55-10-pm\" width=\"300\" height=\"166\" srcset=\"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.10-PM-2-300x166.png 300w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.10-PM-2-768x425.png 768w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.10-PM-2-1024x566.png 1024w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.10-PM-2-1200x663.png 1200w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.10-PM-2.png 1438w\" sizes=\"auto, (max-width: 300px) 85vw, 300px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400\">The visual aspect of the website also makes defining it a unique challenge, but MoMa makes a point to refer to the interactive experience as an exhibition (\u201cThis exhibition examines key episodes abstractions inaugural years, exploring it both as a historical idea and an emergent artistic practice\u201d). This language is combined with other stylistic choices that make the site modern, minimal, and sleek\u2013translating the museum experience to a webpage while still maintaining the integrity of the MoMa brand.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.moma.org\/interactives\/exhibitions\/2012\/inventingabstraction\/?page=connections\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-388\" src=\"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.45-PM-1-300x166.png\" alt=\"screen-shot-2016-10-02-at-7-55-45-pm\" width=\"300\" height=\"166\" srcset=\"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.45-PM-1-300x166.png 300w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.45-PM-1-768x426.png 768w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.45-PM-1-1024x568.png 1024w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.45-PM-1-1200x665.png 1200w, https:\/\/miriamposner.com\/classes\/dh101f16\/wp-content\/uploads\/sites\/5\/2016\/10\/Screen-Shot-2016-10-02-at-7.55.45-PM-1.png 1439w\" sizes=\"auto, (max-width: 300px) 85vw, 300px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400\">The literal map of connections is overwhelming but you can zoom in and out. \u201cDiagram Overview\u201d explains how to interact with the diagram and what it means visually. There is little writing on this page which allows the user to focus on the visual web presented and the artists connections. This is extremely responsive, which is good because your mouse would likely get lost in all of the intersecting lines<\/span><\/p>\n<p><span style=\"font-weight: 400\">Services: By clicking the \u201cartists\u201d link, you can view an alphabetized list of all artists featured in the exhibit. This is useful if someone is looking for one artist in particular, or finds the interactive diagram too confusing. Important artists are highlighted in red to draw attention.<\/span><\/p>\n<p>The website\u00a0has a link that takes\u00a0you to MoMA&#8217;s webpage as well as listen to\u00a0music while you explore the artwork, giving a more enjoyable user experience. You can view their blog and see a list of programs and events happening at the MoMA in a visual manner.<\/p>\n<p><span style=\"font-weight: 400\">The actual art pieces can be seen by clicking on an artist&#8217;s name first. Once the user clicks on a thumbnail, it becomes clear that the purpose of the site is to present the art. The pieces are presented with the standard MoMa caption, and more iconic pieces, such as Picasso\u2019s <\/span><i><span style=\"font-weight: 400\">Woman with a Mandolin<\/span><\/i><span style=\"font-weight: 400\">, are accompanied by extensive interpretations. <\/span><\/p>\n<p><span style=\"font-weight: 400\">MoMa\u2019s mission statement is \u201chelping you understand and enjoy the art of our time.\u201d To help users <\/span><i><span style=\"font-weight: 400\">understand <\/span><\/i><span style=\"font-weight: 400\">the art, MoMa included a \u201cConversations\u201d page on the website. This page includes commentary from current relevant artists regarding the works in the exhibit. These conversations, in addition to the other features of the site, ultimately serve the purpose of helping the user better understand the art. Putting these resources in a responsive and clean website makes the experience enjoyable to the user, which allows them to focus more on what matters: the art. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my first post, I chose to reverse engineer MoMa\u2019s \u201cInventing Abstraction\u201d digital exhibit. This exhibit presents works by acclaimed abstract artist made between 1910 and 1925. The primary assets &hellip; <a href=\"https:\/\/miriamposner.com\/classes\/dh101f16\/2016\/10\/03\/week-1-blog-post-reverse-engineer\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week 1 Blog Post Reverse Engineer&#8221;<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-377","post","type-post","status-publish","format-image","hentry","category-uncategorized","post_format-post-format-image"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/posts\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":0,"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/posts\/377\/revisions"}],"wp:attachment":[{"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/media?parent=377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/categories?post=377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/tags?post=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}