\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/horvitz_space_between_us_quarter_282x210.png\")
<\/p>\n
When two people\u2019s phones are connected in David Horvitz\u2019s mobile artwork,\u00a0the space between us<\/a>\u00a0(2015), the app displays the distance to and direction of the other person.<\/em><\/sup><\/p>\n A significant thread in new-media practices involves\u00a0inventing a new modality of communication, as the core proposition of a creative work<\/em>. In other words, certain artworks exist to ask the question: \u201cWhat would it be like if people could communicate (or sense one another) in such-and-such<\/em> new\u00a0way?\u201d For example:<\/p>\n These systems not only ask a question, but provide a provisional answer in the form of working, open-ended prototypes that people can actually experience and “use” for themselves. In so doing, these works question\u00a0the nature of digital communication itself. For more examples of telematic artworks, see my lecture on telematic art<\/a>, and don’t miss the links at the end<\/a>.<\/em><\/p>\n Develop a multi-user, networked environment that allows two or more people to communicate or collaborate with each other in an interesting way.<\/strong><\/p>\n Your system might allow people to creatively collaborate through a novel drawing or construction activity. It could facilitate language-based interactions with spoken<\/a> or typed words. It could convey nonverbal aspects of co-presence, such as gestures, in order to explore what Heidegger calls Dasein<\/a><\/em>, or “being there together”. A networked game could also be a totally legitimate response to the assignment; note, however, that the emphasis in this project is on\u00a0communication\u00a0and\/or\u00a0creative collaboration.\u00a0<\/em><\/p>\n You should be able to answer questions as to how your project supports a new mode of communication, collaboration, or other interpersonal social experience. Carefully consider the agency of participants in your system, and the timing and directionality of their messages. Think about design choices like:<\/p>\n Stuck for ideas?<\/strong><\/span><\/em> Relax, it’s OK. Here are some starter concepts:<\/p>\n Now:<\/em><\/strong><\/p>\n <\/a> I\u2019ve made a simplified template for you that is simpler than the other code templates below. This template only transmits real-time multi-touch fingertips between two phones, and it\u2019s just 140 lines of code. This also contains a hack for restarting the socket.io server if necessary. \u2705 apps are working as of 3\/2022.<\/em><\/p>\n A Telematic Environment This assignment has several parts: By Wednesday, 3\/16: Get a Buddy. Identify a “Buddy” in the course, and make at least one appointment to work together outside of class before next Wednesday. You and your Buddy may choose to work on the same project together, or you may work on your own … Continue reading “#7: Telematic Environment”<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/1733"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=1733"}],"version-history":[{"count":29,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/1733\/revisions"}],"predecessor-version":[{"id":1975,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/1733\/revisions\/1975"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=1733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\nBrief<\/h3>\n
\n
\nRequirements:<\/em><\/h3>\n
\n
\n
\nCode Templates<\/h3>\n
\nWe will be using p5.js JavaScript and\u00a0Glitch.com<\/a> as our platform for creating networked web applications. BCSA alumni, Charlotte Stiles and Lingdong Huang, have made a number of helpful \u201cstarter\u201d projects for you, below.<\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/sensors.png\")
<\/p>\nRecommended Starter Template for Telematic on Mobile Devices:<\/h5>\n
\n
\n
Char Stiles\u2019 Telematic Glitch Templates:<\/h5>\n
\n
Lingdong Huang\u2019s Telematic Mobile<\/em> Glitch Templates:<\/h5>\n
\n
<\/a>Lingdong\u2019s Glitch Server Data Templates and other Reusable Backends<\/h5>\n
\n