{"id":1312,"date":"2020-09-17T22:20:05","date_gmt":"2020-09-18T02:20:05","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/?p=1312"},"modified":"2020-09-17T22:20:05","modified_gmt":"2020-09-18T02:20:05","slug":"class-notes-17-sep-2020","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/?p=1312","title":{"rendered":"Class notes, 17 Sep 2020"},"content":{"rendered":"<h2><strong>Class Admin<\/strong><\/h2>\n<p>I&#8217;ve made a request that Tuesday&#8217;s work class be held in A10.\u00a0 Will email an update.<\/p>\n<h2><strong>Looking Outword comments<\/strong><\/h2>\n<p>dark skies as a source of crowd-sourced weather data, scrape data from https:\/\/darksky.net\/forecast\/40.4346,-79.8655\/us12\/en<\/p>\n<p>Interfering with sensors goes back to \u201cDazzle Camouflag\u201d: https:\/\/en.wikipedia.org\/wiki\/Dazzle_camouflage<\/p>\n<p>Virag Varga\u2019s research on devices that communicate with one another through skin: https:\/\/dl.acm.org\/profile\/99658719699<\/p>\n<h2><strong>State machine transitions<\/strong><\/h2>\n<p>Documenting a state machine: Omnigraffle (mac) vs. SmartDraw (win10) vs. ??? (linux) vs. whiteboard<\/p>\n<p>A finite(explain) state machine needs states, transitions, and actions (transitions that do things)<\/p>\n<p>Example: UI button that changes screen color has a state variable with the current color<\/p>\n<p>state machines in video games, hierarchies of state machines<\/p>\n<p>how do we define a transition from one state to another?<\/p>\n<p>&#8211; segue: pan, wipe, blur<\/p>\n<p>&#8211; alert:<\/p>\n<p>&#8211; microwave ding when it\u2019s finished heating<\/p>\n<p>&#8211; countdown timer to start an event (from waiting -&gt; running)<\/p>\n<p>&#8211; elevator alerts<\/p>\n<p>what can visual output replace? sound? motion?<\/p>\n<p>babymonitor that translates sound to video<\/p>\n<p>GFCI sound vs. click<\/p>\n<p>replace sound warning with video flash<\/p>\n<p>ubicoustics: http:\/\/www.gierad.com\/projects\/ubicoustics\/<\/p>\n<p>how can we replace sound from a state machine with visual queues?<\/p>\n<p>what sounds are important in state machines and what sound are decorations?<\/p>\n<p>keyclicks on\/off phone<\/p>\n<p>annoying car noises<\/p>\n<p>car sounds effects<\/p>\n<h2><strong>Reading\/research links not discussed in class<\/strong><\/h2>\n<h3><strong>Discuss tempo of sound<\/strong><\/h3>\n<p>visualizing sound waves<br \/>\n<iframe title=\"Visual Representation of Sound - Laser Patterns from Standing Waves\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/RxzMzSZF_b4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>https:\/\/vimeo.com\/partitura<\/p>\n<p>visualizing music:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"oYhh8TLKj5\"><p><a href=\"https:\/\/mymodernmet.com\/classical-music-data-visualizations-nicholas-rougeux\/\">Vibrant Data Visualizations of Famous Classical Music Scores Burst with Color<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Vibrant Data Visualizations of Famous Classical Music Scores Burst with Color&#8221; &#8212; My Modern Met\" src=\"https:\/\/mymodernmet.com\/classical-music-data-visualizations-nicholas-rougeux\/embed\/#?secret=oYhh8TLKj5\" data-secret=\"oYhh8TLKj5\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>https:\/\/www.youtube.com\/channel\/UCRQH9-hWxELNCv47z2O5nfg<\/p>\n<h3><strong>Visualization of language<\/strong><\/h3>\n<p>ASL: https:\/\/www.handspeak.com\/<\/p>\n<p>Braile: http:\/\/www.brailleauthority.org\/formats\/2011manual-web\/index.html<\/p>\n<h3><strong>Visual communication examples<\/strong><\/h3>\n<p>Arrival \u2014 read \u201cThe Story of Your Life\u201d<\/p>\n<p>the movie version: https:\/\/www.space.com\/35696-arrival-movie-alien-language-explained.html<\/p>\n<p>99pi episodes 50 <a name=\"https:\/\/99percentinvisible.org\/episode\/episode-50-deafspace\/\"><\/a><a href=\"https:\/\/99percentinvisible.org\/episode\/episode-50-deafspace\/\">\u201cDeafspace\u201d<\/a> (Gaulludet) and 126 \u201c<a name=\"https:\/\/99percentinvisible.org\/episode\/walk-this-way\/\"><\/a><a href=\"https:\/\/99percentinvisible.org\/episode\/walk-this-way\/\">Walk This Way<\/a>\u201d (wayfinding)<\/p>\n<p>When your senses get crossed, <a name=\"https:\/\/www.youtube.com\/watch?v=88s6guf9egs\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=88s6guf9egs\">Synesthesia<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Class Admin I&#8217;ve made a request that Tuesday&#8217;s work class be held in A10.\u00a0 Will email an update. Looking Outword comments dark skies as a source of crowd-sourced weather data, scrape data from https:\/\/darksky.net\/forecast\/40.4346,-79.8655\/us12\/en Interfering with sensors goes back to \u201cDazzle Camouflag\u201d: https:\/\/en.wikipedia.org\/wiki\/Dazzle_camouflage Virag Varga\u2019s research on devices that communicate with one another through skin: &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/?p=1312\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Class notes, 17 Sep 2020&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts\/1312"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1312"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts\/1312\/revisions"}],"predecessor-version":[{"id":1313,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts\/1312\/revisions\/1313"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}