{"id":6767,"date":"2020-10-26T14:32:00","date_gmt":"2020-10-26T18:32:00","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=6767"},"modified":"2020-11-13T03:24:56","modified_gmt":"2020-11-13T08:24:56","slug":"yanwen-mobiletelematic","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/10\/26\/yanwen-mobiletelematic\/","title":{"rendered":"yanwen-mobiletelematic"},"content":{"rendered":"<p><iframe title=\"room with a view\" src=\"https:\/\/player.vimeo.com\/video\/472312160?dnt=1&amp;app_id=122963\" width=\"840\" height=\"473\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p class=\"p1\">Ever since the pandemic has started, I haven\u2019t got much chance to go out and meet with my friends yet, neither have I went back to Shanghai (and possibly won\u2019t until next year). So, I created \u201cROOM WITH A VIEW\u201d &#8211; a sharing tool for people to share the views from their windows (or from any other places people would like to share) with their friends and families in virtual apartment cells.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-6768\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets-640x360.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets-640x360.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets-1024x576.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets-768x432.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets-1536x864.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets-1200x675.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/assets.png 1921w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p class=\"p1\">Each user gets assigned to an apartment cell with their local time and time zone displayed at the sides of the room. Users can share their live stream videos via this pixelated window to others. The wall colors of the rooms are mapped to the local time zones of each user. Besides from the live stream, users could also move around the touch screen to animate the clouds \u2601\ufe0f<\/p>\n<p><a href=\"https:\/\/glitch.com\/edit\/#!\/room-with-a-view\">Code<\/a> | <a href=\"https:\/\/room-with-a-view.glitch.me\">Demo (right now only works for desktop webcams and mobile front cameras)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever since the pandemic has started, I haven\u2019t got much chance to go out and meet with my friends yet, neither have I went back to Shanghai (and possibly won\u2019t until next year). So, I created \u201cROOM WITH A VIEW\u201d &#8211; a sharing tool for people to share the views from their windows (or from &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/10\/26\/yanwen-mobiletelematic\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;yanwen-mobiletelematic&#8221;<\/span><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[60],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6767"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=6767"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6767\/revisions"}],"predecessor-version":[{"id":6867,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6767\/revisions\/6867"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=6767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=6767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=6767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}