{"id":55,"date":"2020-01-24T15:43:34","date_gmt":"2020-01-24T15:43:34","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/colibri-wp\/"},"modified":"2020-04-26T21:30:29","modified_gmt":"2020-04-26T21:30:29","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/","title":{"rendered":"Front Page"},"content":{"rendered":"
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n
\n \n \n
\n \n
\n \n \n \n
About<\/h5>\n <\/a>\n <\/div>\n
\n \n \n

The Other Side<\/h2>\n <\/div>\n
\n \n \n
\n

The Other side created an interactive projection system for the Askwith Kenner Global Languages and Cultures Room on CMU campus.<\/p>\n

It is essentially a polling platform that is directly implemented on the glass wall. It engages students to explore cultural understanding, and languages. It is more than just a physical installation, but a tool that fosters an interactive\n learning experience.<\/p>\n <\/div>\n <\/div>\n

\n \n
Watch Trailer<\/span><\/a>\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n \n \n
\n \n
\n \n
\n \n
\n
\n \n \n
\n \n
\n <\/path><\/svg><\/span><\/div>\n \n \n \n

RESEARCH<\/h4>\n <\/div>\n
\n \n \n
\n

This was a room not yet sure about its identity and audience. Our research dug into how it’s being used, and what it’s been looking for.<\/p>\n <\/div>\n <\/div>\n

\n \n
Learn More<\/span><\/a>\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n
\n <\/path><\/svg><\/span><\/div>\n \n \n \n

DESIGN<\/h4>\n <\/div>\n
\n \n \n
\n

We came up with the concept of developing a system that lives in this room, to help establish its identity.<\/p>\n <\/div>\n <\/div>\n

\n \n
Learn More<\/span><\/a>\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n
\n <\/path><\/svg><\/span><\/div>\n \n \n \n

PLAYTESTING<\/h4>\n <\/div>\n
\n \n \n
\n

We did weekly play-tests right on this glass wall, and continued in VR simulation after quarantine……<\/p>\n <\/div>\n <\/div>\n

\n \n
Learn More<\/span><\/a>\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n
\n <\/path><\/svg><\/span><\/div>\n \n \n \n

IMPLEMENTATION<\/h4>\n <\/div>\n
\n \n \n
\n

We transformed an ordinary glass into an interactive screen. And it’s beautiful to look at with or without the projection.<\/p>\n <\/div>\n <\/div>\n

\n \n
Learn More<\/span><\/a>\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n \n \n
\n \n
\n \n
\n \n
\n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \"\"\n
<\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n
\n \n \n

Annie Hsiao-Ching Huang<\/h4>\n <\/div>\n
\n \n \n
\n

Producer \/ UX Research<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \"\"\n
<\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n
\n \n \n

Hanhui Lu<\/h4>\n <\/div>\n
\n \n \n
\n

Artist \/ UI,UX Designer<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \"\"\n
<\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n
\n \n \n

Ningshan Ouyang<\/h4>\n <\/div>\n
\n \n \n
\n

Programmer \/ Game Designer<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \"\"\n
<\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n
\n \n \n

Ruchi Hendre<\/h4>\n <\/div>\n
\n \n \n
\n

Programmer \/ Technical Artist<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n \n
\n \n
\n
\n \n \n
\n \n
\n \n \n
\n

hsiaochh@andrew.cmu.edu<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n \n \n
\n \n
\n \n \n
\n

hanhuilu@andrew.cmu.edu<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n \n \n
\n \n
\n \n \n
\n

nouyang@andrew.cmu.edu<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n \n \n
\n \n
\n \n \n
\n

rhendre@andrew.cmu.edu<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n

\n \n
\n \n
\n
\n \n \n
\n \n
\n \n
\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n\n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n
\n \n
\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n\n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n
\n \n
\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n\n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \n
\n \n
\n \n
\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n
\n
\n \n \n\n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n
\n \n
\n
\n \n \n <\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n
\n \n \n
\n \n
\n \n
\n \n
\n
\n \n \n
\n \n
\n \n
\n \n
\n\t\t\t\t\"\" <\/a>\n\t\t\t<\/div>
<\/div><\/div><\/div>
Implementation<\/a><\/div><\/div>

Final Deliverables<\/h4><\/a><\/div><\/div>
We will deliver an editor, and a unity application for the display to run the whole system. As for the hardware, we will deliver to the client the circular film screen, the sensors, with a comprehensive installation manual and documentation. We plan to ship the film […]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
by<\/span> hsiaochh<\/a> <\/span><\/div>
on<\/span> May 8<\/a><\/div><\/div><\/div><\/div><\/div>
Read more<\/span> <\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n \n \n
\n\t\t\t\t\"\" <\/a>\n\t\t\t<\/div>
<\/div><\/div><\/div>
Design<\/a>Playtest<\/a>Research<\/a><\/div><\/div>

Design Iterations<\/h4><\/a><\/div><\/div>
Besides the VR build, we also provided the 2D interactive build from the front view of the glass to reach out to more PC playtesters.  We designed the survey to focus on collecting more in-depth and qualitative feedback about the interaction design and visual design during […]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
by<\/span> hsiaochh<\/a> <\/span><\/div>
on<\/span> May 8<\/a><\/div><\/div><\/div><\/div><\/div>
Read more<\/span> <\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n \n \n
\n\t\t\t\t\"\" <\/a>\n\t\t\t<\/div>
<\/div><\/div><\/div>
Weekly Blog<\/a><\/div><\/div>

VR Demo Rigs<\/h4><\/a><\/div><\/div>
Why VR? After half, the impact of COVID-19 has put CMU to remote instruction. The CMU campus was temporarily closed down, including the location for which our installation was built. To adapt to the remote working, we pivot to build a VR simulation of the location to […]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
by<\/span> hsiaochh<\/a> <\/span><\/div>
on<\/span> Apr 25<\/a><\/div><\/div><\/div><\/div><\/div>
Read more<\/span> <\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n \n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

About The Other Side The Other side created an interactive projection system for the Askwith Kenner Global Languages and Cultures Room on CMU campus. It is essentially a polling platform that is directly implemented on the glass wall. It engages students to explore cultural understanding, and […]<\/p>\n","protected":false},"author":3,"featured_media":333,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages\/55"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":21,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":1684,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions\/1684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/media\/333"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}