{"id":212,"date":"2024-02-09T18:29:15","date_gmt":"2024-02-09T18:29:15","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/puppamatics\/?p=212"},"modified":"2024-04-10T17:43:50","modified_gmt":"2024-04-10T17:43:50","slug":"week-four-design-and-develop","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/puppamatics\/week-four-design-and-develop\/","title":{"rendered":"Week 4: Design and Develop"},"content":{"rendered":"\n<p>This week, the team was has officially started production. Last week we had gotten feedback on our design approach and was given clarity by the client. Our focus this week was implementing key components of our design and assessing scope related risk. In addition, we also conducted a 1-1 playtest to get an idea of how the children will interact with task we are presenting to them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Playtest<\/h2>\n\n\n\n<p>It was very unfortunate that we weren&#8217;t able to conduct our originally planned playtest last week. However it was still very crucial that we understand how children engage in the puppet making process. Therefore, we asked our professor Dave Culyba is we could do a playtest with his 10 year-old daughter Hazel. Hazel was up for playtest and we meet on Thursday afternoon to set everything up.<\/p>\n\n\n\n<p>In our project the children will design the puppet within the software and then print out instructions for it&#8217;s assembly. We want this project to run in groups so we had one team member sit and help Hazel wherever she wanted. The goals for this playtest were to answer these questions about the template and design:<\/p>\n\n\n\n<ul>\n<li>How long does it take to assemble the puppets?<\/li>\n\n\n\n<li>Are the instructions easy to understand and follow?<\/li>\n\n\n\n<li>Which part is the most difficult? The most simple?<\/li>\n\n\n\n<li>How engaging is this activity?<\/li>\n\n\n\n<li>What assumptions about the puppet are made?<\/li>\n\n\n\n<li>Are the cube shapes enjoyable to make? <\/li>\n<\/ul>\n\n\n\n<p>In the previous weeks, our artist and producers have work on creating the template below. We gave these sheets to Hazel along with a completed puppet for reference.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"740\" height=\"958\" data-id=\"242\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Frame-3.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Frame-3.png 740w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Frame-3-232x300.png 232w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"740\" height=\"958\" data-id=\"243\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Frame-6.png\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Frame-6.png 740w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Frame-6-232x300.png 232w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"807\" height=\"1024\" data-id=\"247\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-123014-807x1024.png\" alt=\"\" class=\"wp-image-247\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-123014-807x1024.png 807w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-123014-236x300.png 236w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-123014-768x974.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-123014.png 1205w\" sizes=\"(max-width: 807px) 100vw, 807px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" data-id=\"244\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body-791x1024.png\" alt=\"\" class=\"wp-image-244\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body-791x1024.png 791w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body-232x300.png 232w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body-768x994.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body-1187x1536.png 1187w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body-1583x2048.png 1583w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Body.png 1700w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" data-id=\"241\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head-791x1024.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head-791x1024.png 791w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head-232x300.png 232w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head-768x994.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head-1187x1536.png 1187w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head-1583x2048.png 1583w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_Head.png 1700w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" data-id=\"245\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms-791x1024.png\" alt=\"\" class=\"wp-image-245\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms-791x1024.png 791w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms-232x300.png 232w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms-768x994.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms-1187x1536.png 1187w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms-1583x2048.png 1583w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Print_LegsArms.png 1700w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Our results from the playtest were overall very positive. Hazel was very engaged and excited to take her puppet home. We had originally given Hazel an hour and a half to complete the puppet and she did just that. We noticed that she mostly looked at the reference puppet for next steps rather than following the worksheet. When she did look at the worksheet, she was more successful with the pictured instructions than just words.<\/p>\n\n\n\n<p>She had some difficulty gluing the tabs together when making the cubes and often opted to use tape instead. Taping the strings to the puppet was the easiest part for her. When we suggested other shapes like cylinders and cones, Hazel got very excited with the amount of choices. <\/p>\n\n\n\n<p>When initially seeing the reference puppet, Hazel thought it was a robot and the made a robot puppet. This is an aspect our group can play more into. <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-id=\"239\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121819-768x1024.jpg\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121819-768x1024.jpg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121819-225x300.jpg 225w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121819-1152x1536.jpg 1152w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121819.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-id=\"237\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121825-768x1024.jpg\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121825-768x1024.jpg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121825-225x300.jpg 225w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121825-1152x1536.jpg 1152w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121825-1536x2048.jpg 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121825-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-id=\"240\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209112219-1-edited-768x1024.jpg\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209112219-1-edited-768x1024.jpg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209112219-1-edited-225x300.jpg 225w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209112219-1-edited.jpg 853w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Now that we have an idea of what information the children need to make the puppet and what that process looks like, we can work more on the program itself.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Core Mechanics and UI<\/h2>\n\n\n\n<p>For our first prototype, we want to have the all the core mechanics and screens implemented; selected object view, full puppet view, real-size comparison view, and surface map view. (We will also need a QnA section, opening and closing screen. )Students should be able to assign different shapes for each puppet part, flip and scale the parts, and finally print out the template of their design. The producers have been working on the UI wireframe so we can organize the mechanics as the programmer implement  them. As of now, 50% of the prototype is complete and the grey-boxed wireframe has been presented to the group.<\/p>\n\n\n\n<p> <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-121919-1024x571.png\" alt=\"\" class=\"wp-image-250\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-121919-1024x571.png 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-121919-300x167.png 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-121919-768x429.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-121919-1536x857.png 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-09-121919-2048x1143.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Character Design<\/h2>\n\n\n\n<p>As the programmers begin to create our first prototype, the artist are working on our tutorial character and the world they live in. Below we have a wooden solider cat puppet that will be the puppeteer director. They will lead the children through the tutorial that shows how to make a tiny cat puppet. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209122227-1024x763.jpg\" alt=\"\" class=\"wp-image-248\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209122227-1024x763.jpg 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209122227-300x223.jpg 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209122227-768x572.jpg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209122227-1536x1144.jpg 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209122227.jpg 1814w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"810\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121806-edited.jpg\" alt=\"\" class=\"wp-image-252\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121806-edited.jpg 1080w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121806-edited-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121806-edited-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/02\/Image_20240209121806-edited-768x576.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Next Steps:<\/h2>\n\n\n\n<p>By next Friday, we would like to a completed first prototype with core mechanics built and the grey-boxed UI implemented. We are also want to build a paper prototype to test the UI and create a script for the tutorial video. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, the team was has officially started production. Last week we had gotten feedback on our design approach and was given clarity by the [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":248,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts\/212"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":3,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts\/212\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts\/212\/revisions\/407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/media\/248"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/media?parent=212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/categories?post=212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/tags?post=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}