{"id":1926,"date":"2022-03-30T09:19:02","date_gmt":"2022-03-30T13:19:02","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?p=1926"},"modified":"2022-03-30T10:34:30","modified_gmt":"2022-03-30T14:34:30","slug":"crispysalmon-telematic","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/crispysalmon\/03\/30\/crispysalmon-telematic\/","title":{"rendered":"CrispySalmon-telematic"},"content":{"rendered":"<p>Share puzzle image album: <a href=\"https:\/\/checker-big-sing.glitch.me\/\">https:\/\/checker-big-sing.glitch.me\/\u00a0<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1930\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-640x273.png\" alt=\"\" width=\"640\" height=\"273\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-640x273.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-1024x437.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-768x328.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-1536x656.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-2048x875.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-30-at-9.10.06-AM-1200x512.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>Ally and I worked together on this project. We first started with the idea of a collaborated image collage space where users can upload, edit and place their image pieces on a shared canvas. But we struggled with the freehand cropping feature, which is kinda crucial to collaging.<\/p>\n<p>We then pivoted our idea to make a collaborative puzzle space, where different users can upload images via URL and the image will be processed to look like a puzzle piece. The reason for choosing a puzzle shape is that it has a well-perceived affordance of being picked up and moved around. And the goal wasn&#8217;t really to complete a cohesive big picture, but more about forming arbitrary and somewhat random subgroups of connections from different users&#8217; pieces.\u00a0 However, this depends a lot on the user being able to move each piece, which is not supported in this current version. This really subtracted from our goal and made the project less interactive\/interesting and more like an online album.\u00a0 It defiantly needs a lot more work moving forward.<\/p>\n<p>challenges\/next step:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>image information is stored in a way that&#8217;s harder to retrieve and update.<\/li>\n<li>each piece needs to be movable<\/li>\n<li>not much freedom on the user&#8217;s side; no further edits to the picture<\/li>\n<li>UI can use more refinements<\/li>\n<li>some urls cannot be recognized(blank puzzle piece), depends on where the url is gotten from<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Share puzzle image album: https:\/\/checker-big-sing.glitch.me\/\u00a0 Ally and I worked together on this project. We first started with the idea of a collaborated image collage space where users can upload, edit and place their image pieces on a shared canvas. But we struggled with the freehand cropping feature, which is kinda crucial to collaging. We then &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/crispysalmon\/03\/30\/crispysalmon-telematic\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CrispySalmon-telematic&#8221;<\/span><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1926"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=1926"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1926\/revisions"}],"predecessor-version":[{"id":1962,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1926\/revisions\/1962"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=1926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/categories?post=1926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/tags?post=1926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}