{"id":407,"date":"2022-01-27T16:55:42","date_gmt":"2022-01-27T21:55:42","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/?page_id=407"},"modified":"2022-02-16T16:24:05","modified_gmt":"2022-02-16T21:24:05","slug":"hands-on-experiments","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/?page_id=407","title":{"rendered":"Hands On Experiments"},"content":{"rendered":"\n<p>Information about each of the hands on assignments is below \u2014 including links to the resources you might find useful and the Report document.<\/p>\n\n\n\n<p><strong><em>NOTE: These assignments should take approximately 2.5 hours total. 30-45 minutes playing with existing tools (VR\/Chat bots), 1 1\/2 hours trying to do it yourself and 30 minutes writing up the report.<\/em><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-1-ai\">Hands On #1: AI<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"647\" src=\"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/01\/Chatbot-image.png\" alt=\"\" class=\"wp-image-408\" srcset=\"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/01\/Chatbot-image.png 1024w, https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/01\/Chatbot-image-300x190.png 300w, https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/01\/Chatbot-image-768x485.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Chatbots &#8212; When you aren&#8217;t there to live chat<\/figcaption><\/figure>\n\n\n\n<p>AI: engage with a chat bot on Facebook or on a website. When is it real and when is it a bot? How can you tell? Now try creating a chat bot or create small robot.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/docs.google.com\/document\/d\/1pyl7mU39pWID4pFuOcT6ynzG_xEJiIvDHNZTNSbmKAI\/edit?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Report form<\/a><\/div>\n<\/div>\n\n\n\n<p><strong>Tools &amp; Demos:<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.chatbot.com\/help\/build-your-chatbot\/how-to-build-your-chatbot\/\">https:\/\/www.chatbot.com\/help\/build-your-chatbot\/how-to-build-your-chatbot\/<\/a><br><br><a href=\"https:\/\/amt-lab.org\/reviews\/02\/2018\/review-of-manychat?rq=manychat\">https:\/\/amt-lab.org\/reviews\/02\/2018\/review-of-manychat?rq=manychat<\/a><br><br><a href=\"https:\/\/www.ana.chat\/\">https:\/\/www.ana.chat\/<\/a><br><br><a href=\"https:\/\/botpress.com\/blog\/open-source-chatbots\">https:\/\/botpress.com\/blog\/open-source-chatbots<\/a><\/p>\n\n\n\n<p>Video Demo: <a rel=\"noreferrer noopener\" href=\"https:\/\/photos.app.goo.gl\/aj9cNghR1j2p1Hnd9\" target=\"_blank\">https:\/\/photos.app.goo.gl\/aj9cNghR1j2p1Hnd9<\/a><\/p>\n\n\n\n<p>Demo Report Form:  <a rel=\"noreferrer noopener\" href=\"https:\/\/docs.google.com\/document\/d\/1KEckUP9yHwZj6oN9IjjwLIlVna6bbpKGYX5rdQz35sE\/edit?usp=sharing\" target=\"_blank\">https:\/\/docs.google.com\/document\/d\/1KEckUP9yHwZj6oN9IjjwLIlVna6bbpKGYX5rdQz35sE\/edit?usp=sharing<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-2-ar-vr-xr-mr\">Hands On #2 AR\/VR\/XR\/MR<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"683\" src=\"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/02\/handson2.jpg\" alt=\"\" class=\"wp-image-421\" srcset=\"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/02\/handson2.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/02\/handson2-300x200.jpg 300w, https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/wp-content\/uploads\/2022\/02\/handson2-768x512.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Engage in a VR arts performance or AR art show.&nbsp; What was it like? What worked? What didn\u2019t? Now, try making your own VR\/AR\/MR\/XR \u2014 (single no longer than 2 minutes of XR).<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1E7eYh8kND6RjQ7yh-Ad8Ob94d_Ud4oaRMxc3FCr5Pxc\/edit\" data-type=\"URL\" data-id=\"https:\/\/docs.google.com\/document\/d\/1E7eYh8kND6RjQ7yh-Ad8Ob94d_Ud4oaRMxc3FCr5Pxc\/edit\" target=\"_blank\" rel=\"noreferrer noopener\">Report Form<\/a><\/p>\n\n\n\n<p>Tools\/Demos:<\/p>\n\n\n\n<p>AR:<br><a href=\"https:\/\/www.goodfirms.co\/blog\/best-free-open-source-augmented-reality-software\">https:\/\/www.goodfirms.co\/blog\/best-free-open-source-augmented-reality-software<\/a><br><a href=\"https:\/\/ar-js-org.github.io\/AR.js\/\">https:\/\/ar-js-org.github.io\/AR.js\/<\/a>&nbsp;<a href=\"https:\/\/jeromeetienne.github.io\/AR.js-docs\/posts\/post-XX-how-to-use-arjs-with-aframe.html\">https:\/\/jeromeetienne.github.io\/AR.js-docs\/posts\/post-XX-how-to-use-arjs-with-aframe.html<\/a><br><a href=\"https:\/\/www.adobe.com\/products\/aero.html\">https:\/\/www.adobe.com\/products\/aero.html<\/a><br><br>VR:<br><a href=\"https:\/\/sourceforge.net\/software\/vr\/\">https:\/\/sourceforge.net\/software\/vr\/<\/a><br><a href=\"https:\/\/www.vrfocus.com\/2021\/01\/google-tilt-brush-now-open-source-creators-instantly-set-to-work\/\">https:\/\/www.vrfocus.com\/2021\/01\/google-tilt-brush-now-open-source-creators-instantly-set-to-work\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/experience.briovr.com\/industry\/3d-game-making\/\">https:\/\/experience.briovr.com\/industry\/3d-game-making\/<\/a><br><br>Or create a room in Mozilla Hubs:&nbsp;<a href=\"https:\/\/hubs.mozilla.com\/\">https:\/\/hubs.mozilla.com\/<\/a>&nbsp;or a meeting room in Spatial VR&nbsp;<a href=\"https:\/\/spatial.io\/\">https:\/\/spatial.io<\/a><\/p>\n\n\n\n<p>Also, Instructables has tons of great crowdsourced projects in all of these topics:&nbsp;<a href=\"https:\/\/www.instructables.com\/circuits\/\">https:\/\/www.instructables.com\/circuits\/<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-3-nfts\">Hands on #3 NFTs<\/h2>\n\n\n\n<p>NFT&#8217;s are either an artwork in themselves on a blockchain (think Beeple) or a placeholder for a piece of art that is larger (NFT&#8217;s have size limitations:  )<\/p>\n\n\n\n<p>There is a charge to MINT an NFT but there are work arounds:<\/p>\n\n\n\n<p>We are asking you to use a marketplace akin to Opensea or other of you choice to see how the marketplace behaves (that&#8217;s your &#8216;playwith&#8217;). <\/p>\n\n\n\n<p>Then consider your art-form of choice, and how an NFT might be sold as commemoratives or as &#8220;stock&#8221; in a future offering or as a tokenized ownership of a larger piece of art. <\/p>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1HG2n4xIT_o-ygUAMUjE4lCMw8Yi_TOjCNMpnZFYOg2I\/edit\" data-type=\"URL\" data-id=\"https:\/\/docs.google.com\/document\/d\/1HG2n4xIT_o-ygUAMUjE4lCMw8Yi_TOjCNMpnZFYOg2I\/edit\" target=\"_blank\" rel=\"noreferrer noopener\">Report Form<\/a><\/p>\n\n\n\n<p>Tools\/Demos:<\/p>\n\n\n\n<p>The following links will guide you through creating an NFT &#8211; you do NOT need to actually MINT it. The first article talks about how you can set up a wallet for free and then walk through the entire process for creating the NFT up until minting. This is a free process \ud83d\ude42<\/p>\n\n\n\n<p><a href=\"https:\/\/petapixel.com\/2021\/11\/24\/how-to-create-and-sell-nfts-for-free\/\">How to Create and Sell NFTs for Free | PetaPixel<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/beincrypto.com\/learn\/how-to-mint-an-nft\/\">How To Mint an NFT: A Definitive Guide (beincrypto.com)<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/helpx.adobe.com\/photoshop\/using\/identity-provenance-nfts.html\">Non-fungible tokens (NFT) in CAI (adobe.com)<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/cyberscrilla.com\/minting-your-nft-file-size-upload-limitations-and-restrictions\/\">Minting Your NFT: File Size Upload Limitations and Restrictions \u2013 Cyber Scrilla<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-extra-credit\">Hands On Extra Credit<\/h2>\n\n\n\n<p>Your choice (individualized experiment \u2014 what do you want to try? 3-D Printing (skylab.ideate.cmu.edu), build a robot? Web Scraping? You pick! \u2013 can do workshops too <a href=\"https:\/\/resources.ideate.cmu.edu\/\">https:\/\/resources.ideate.cmu.edu\/<\/a> ). Make an app. Make a website from scratch. Listen to your gut \u2014 what sounds fun? (remember MAX 3 hours to play and then report out)<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1uP7v5As3JnggLgsTaQchu_STA8PGVesp2jLnUPk9g0M\/edit\" data-type=\"URL\" data-id=\"https:\/\/docs.google.com\/document\/d\/1uP7v5As3JnggLgsTaQchu_STA8PGVesp2jLnUPk9g0M\/edit\" target=\"_blank\" rel=\"noreferrer noopener\">Report Form<\/a><\/p>\n\n\n\n<p>For coding fun try <a href=\"https:\/\/scratch.mit.edu\/\">Scratch from MIT<\/a><br>Learn on your own: <a href=\"https:\/\/www.codecademy.com\/\">https:\/\/www.codecademy.com\/<\/a><\/p>\n\n\n\n<p>Visual Data Scraper explained: <a href=\"https:\/\/disruptivetech93830cmu.wordpress.com\/hands-on-experiences-experiments\/%22\">https:\/\/www.youtube.com\/watch?v=0RTAg-qu3X4<\/a><\/p>\n\n\n\n<p>Or use <strong>extensions in our browsers<\/strong>:&nbsp;<\/p>\n\n\n\n<p>Scraper.io (firefox)<br>Create login with Firefox<br>Install extension<br>Login to the website<br>Click recipe, create one, run<\/p>\n\n\n\n<p>OR<\/p>\n\n\n\n<p>Webscraper.io<br><a href=\"https:\/\/cloud.webscraper.io\/login\">https:\/\/cloud.webscraper.io\/login<\/a> (chrome or firefox)<br>Create login (use CMU)<br>Download extension<br>Set up account \/ watch videos<br>Click on Community Site Maps<br>Pick one you want to play with<\/p>\n\n\n\n<p>Webscraping Explanation: <a href=\"https:\/\/disruptivetech93830cmu.wordpress.com\/hands-on-experiences-experiments\/%22\">https:\/\/amt-lab.org\/blog\/2020\/2\/web\/scraping\/data\/scraping?rq=web%20scraping<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Information about each of the hands on assignments is below \u2014 including links to the resources you might find useful and the Report document. NOTE: These assignments should take approximately 2.5 hours total. 30-45 minutes playing with existing tools (VR\/Chat bots), 1 1\/2 hours trying to do it yourself and 30 minutes writing up the [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=\/wp\/v2\/pages\/407"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=407"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=\/wp\/v2\/pages\/407\/revisions"}],"predecessor-version":[{"id":1091,"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=\/wp\/v2\/pages\/407\/revisions\/1091"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-830\/s2022\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}