{"id":79,"date":"2018-03-08T19:21:16","date_gmt":"2018-03-08T19:21:16","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/novelty\/?p=79"},"modified":"2018-03-30T20:38:10","modified_gmt":"2018-03-30T20:38:10","slug":"week-8-teens-interests-prototypes-and-platform-building","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/2018\/03\/08\/week-8-teens-interests-prototypes-and-platform-building\/","title":{"rendered":"Week 8: Teens&#8217; Interests, Prototypes, and Platform Building"},"content":{"rendered":"<p>Last week we visited Edgewood High School in Ashtabula to meet some of our target age teens and asked them what their interests were. Of course, we didn&#8217;t go straight ahead and interviewed them one-by-one. Rather, the information was gathered through a series of improv mini games. We did this to encourage them to feel more comfortable and to open up. The kids wrote down on stick notes things, topics, or characters that they relate to, and we enjoyed some other activities such as making a short cartoon in groups then sharing with everyone. The information we gathered would be instrumental in helping to designing the puzzle. We spent a lot of efforts organizing this list and trying to understand some of the things even we never heard of. Video games and Youtube seemed to be two of the biggest sources of fun and entertainment. Naturally, they also wrote down other &#8220;interesting stuff&#8221; such as their friends&#8217; names. It&#8217;s like our point: teens will be teens.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-80\" src=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192-1024x768.jpg\" alt=\"\" width=\"840\" height=\"630\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192-1024x768.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192-300x225.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192-768x576.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192-1000x750.jpg 1000w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192-400x300.jpg 400w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84192.jpg 1500w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-81\" src=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222-1024x768.jpg\" alt=\"\" width=\"840\" height=\"630\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222-1024x768.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222-300x225.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222-768x576.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222-1000x750.jpg 1000w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222-400x300.jpg 400w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/IMG_84222.jpg 1500w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>Since last week, we have started to develop our ARG(Alternative Reality Game) puzzle prototypes. The first prototype was built around a fictional mystery surrounding ETC. The player will be required to break some color coded messages, binary\/ASCII puzzles, and some word puzzles which pointed to different locations in ETC&#8217;s building where you could find further clues. We tested this with some faculty and students. The reactions were uneven. The level of challenge and engagement felt varied from person to person. But harder puzzles generally produced more satisfaction once solved. Based on the feedback, we tweaked the difficulty and subject matter of the puzzles, removing the ones people failed to grasp, and ensuring the challenge curve start low.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-83\" src=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-1024x609.png\" alt=\"\" width=\"840\" height=\"500\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-1024x609.png 1024w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-300x179.png 300w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-768x457.png 768w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-1000x595.png 1000w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-504x300.png 504w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM.png 1030w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-82\" src=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-001-1024x546.png\" alt=\"\" width=\"840\" height=\"448\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-001-1024x546.png 1024w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-001-300x160.png 300w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-001-768x410.png 768w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-001-1000x533.png 1000w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/Screen-Shot-03-30-18-at-04.10-PM-001-563x300.png 563w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>Our second prototype started with a relatively simple cryptogram as the first puzzle. Then it led to a QR code which brought the player to another location based puzzle. The final puzzle implemented some topics of interests we learned from the teens, such as pop music and make-up. Unfortunately we experienced several unforeseen technical glitches. This mishap alerted us that we needed to be more thorough in testing the puzzle on different platforms.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-84\" src=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/v3.png\" alt=\"\" width=\"875\" height=\"536\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/v3.png 875w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/v3-300x184.png 300w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/v3-768x470.png 768w, https:\/\/projects-old.etc.cmu.edu\/novelty\/wp-content\/uploads\/2018\/03\/v3-490x300.png 490w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><\/p>\n<p>Speaking of platforms, we are moving towards a web-based system, where each puzzle in the whole narrative will require typing in the solution online in order to advance to the next puzzle. This makes it easier to control the check points in the puzzle progression and monitor how users are doing in regards to success rate, time consumed, etc.<\/p>\n<p>The digital part of our deliverables include the website that hosts the puzzles and a customization tool that allows librarians to control and remake puzzles. The aim is to make our puzzle system extensible for future usage. In recent weeks, our programming team have been investigating potential tech solutions for our digital platform. For the back end, we settled on Google Cloud Platform to host our server and store our database. For the front end, we looked at jsPlum &#8211; a JavaScript library for web, as well as Unity3D. After comparing their respective advantages\/disadvantages and our programmers&#8217; personal strength, we decided on going with Unity3D to build our front end.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last week we visited Edgewood High School in Ashtabula to meet some of our target age teens and asked them what their interests were. Of course, we didn&#8217;t go straight ahead and interviewed them one-by-one. Rather, the information was gathered through a series of improv mini games. We did this to encourage them to feel [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,10,11],"tags":[],"class_list":["post-79","post","type-post","status-publish","format-standard","hentry","category-design","category-playtesting","category-tech"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/posts\/79"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":1,"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/posts\/79\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/novelty\/index.php\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}