{"id":19,"date":"2020-11-09T23:01:22","date_gmt":"2020-11-09T23:01:22","guid":{"rendered":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/?page_id=19"},"modified":"2020-12-04T16:17:26","modified_gmt":"2020-12-04T16:17:26","slug":"methodology","status":"publish","type":"page","link":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/methodology\/","title":{"rendered":"Methodology."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/selfiecity.net\/\">Selfiecity<\/a> selfies (self-portraits) taken in various locations and analyzes the facial features, poses, and demeanor of individuals and what conclusions can be drawn from this information. The information is displayed on <a href=\"http:\/\/selfiecity.net\/#imageplots\">Image Plots<\/a>. There are artists on the team and the people who made the image plots &#8211; accurately represent large amounts of information. It is not just a bar chart, but a bar chart that has the underlying data that can be accessed and interpreted in minutes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\",\"\",\"false\",\"false\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script>Http iframes are not shown in https pages in many major browsers. Please read <a href=\"\/\/www.advanced-iframe.com\/iframe-do-not-mix-http-and-https\" target=\"_blank\">this post<\/a> for details.<iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"http:\/\/selfiecity.net\/#smilechart\"  width=\"100%\"  height=\"600\"  scrolling=\"no\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:100%;;height:600px;\" ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script><p style=\"display:block !important; visibility:visible !important;margin: -18px 14px 0 0;padding-left: 3px;padding-top:3px;background: white; overflow: hidden; position: relative; line-height:15px;width: fit-content;\"><small style=\"display:block !important;visibility:visible !important\">powered by Advanced iFrame<\/small><\/p>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The graphs are interactive and made up of selfies. But that\u2019s not Selfiecity&#8217;s only image plot, in fact, they have a wide variety of ways to interact with the information in terms of location, style of selfie, features&#8211; as shown below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-15-at-4.05.56-PM-1024x291.png\" alt=\"\" class=\"wp-image-55\" width=\"985\" height=\"279\" srcset=\"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-15-at-4.05.56-PM-1024x291.png 1024w, https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-15-at-4.05.56-PM-300x85.png 300w, https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-15-at-4.05.56-PM-768x218.png 768w, https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-15-at-4.05.56-PM-480x136.png 480w, https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-15-at-4.05.56-PM.png 1297w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Futhermore, the site breaks down not only location, age, gender and location but also the facial features, pose, and emotion of the photo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Much of the Methodology is explained <a href=\"http:\/\/selfiecity.net\/#selfiexploratory\">here<\/a>.  <a href=\"https:\/\/www.instagram.com\/\">Instagram<\/a> was the platform where public selfies with various location tags were collected. To help collect data about the images, the team used <a href=\"https:\/\/www.mturk.com\/\">Amazon Mechanical Turk<\/a>, described by Amazon as a, &#8220;crowdsourcing website for businesses to hire remotely located &#8220;crowdworkers&#8221; to perform discrete on-demand tasks that computers are currently unable to do. It is operated under Amazon Web Services, and is owned by Amazon.&#8221; Mechanical Turk avoids confirmation bias because it prevents creators of selfie city from having to interpret their own data. This  can often result in researchers affirming their own hypothesis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mechanical Turk workers verified that the thousands of photos were single person selfies. Then three different Mechanical Turk workers (more skilled &#8220;master workers&#8221;) estimated the age and gender of the individual. This is important because every piece of data has a majority opinion. Three people had to agree or at least two over one. This is the best practice in the social sciences.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The facial features identified, such as if the eyes were opened or closed, was determined by an automatic face analysis based on an algorithm. This face analysis software was not named by Selfiecity. Finally, one or two project team-members manually checked the work of the Mechanical Turk workers and the algorithm.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-29-at-11.47.26-AM-710x1024.png\" alt=\"This image has an empty alt attribute; its file name is Screen-Shot-2020-11-29-at-11.47.26-AM-710x1024.png\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">At the bottom of the site, there are a series of blog posts One specifically, titled \u201c<a href=\"http:\/\/well-formed-data.net\/archives\/996\/selfiecity\">The Design of Selfiecity<\/a>\u201d discusses the process of data collection. Data was pulled from <a href=\"https:\/\/developer.twitter.com\/en\/products\/twitter-api\/enterprise\">GNIP<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The interactive graphs are Scalable Vector Graphics (SVG) meaning a third party software was not used. Selfiecity built their website and interactive graphs using CSS (Cascading Style Sheets) specifically html. They did not use a custom design website like <a href=\"https:\/\/wordpress.com\/\">WordPress<\/a> , but built it piece by piece so they could tinker with every aspect of it. Moreover, using CSS and html, means other people can embed selfiecity&#8217;s information into another site. CSS and html are more transparent than a pdf  because a pdf is closed.  In this way CSS and html are more transparent because other people can use it. Yet, to find this information, it is necessary to access the html page which is not necessarily common knowledge to people with no experience building websites. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selfiecity is transparent about their means of data collection. Their construction of the site using html makes it accessable to others to duplicate but only for people who understand how to find this information, as it is not outright stated.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selfiecity selfies (self-portraits) taken in various locations and analyzes the facial features, poses, and demeanor of individuals and what conclusions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":29,"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/pages\/19\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/classprojects.digitalwcu.org\/bleue_deux\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}