{"id":5423,"date":"2019-02-25T18:41:03","date_gmt":"2019-02-25T18:41:03","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/?p=5423"},"modified":"2019-03-21T17:49:07","modified_gmt":"2019-03-21T17:49:07","slug":"prototyping","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/2019\/02\/25\/prototyping\/","title":{"rendered":"Week 5: Fast Prototyping"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5423\" class=\"elementor elementor-5423 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b1eb0a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2b1eb0a6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f1f92da\" data-id=\"7f1f92da\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-643d25ff elementor-widget elementor-widget-text-editor\" data-id=\"643d25ff\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><!-- wp:paragraph --><\/p>\n<p>This week was a prototyping week. Based on the iteration and game design idea last week, we were developing our first prototype according to that. Our UI\/UX team suggested to incorporate &#8220;train theme&#8221; to our game since a train has cars, which is the similar concept to Elkonin Box. In addition to that, we further reinforce the concept by transforming marble in Elkonin Box to luggage. With that, students who play traditional Elkonin Box would have a perfect match when they play digital one because we basically replicate the whole process of traditional Elkonin Box and incorporate &#8220;train theme&#8221; into our prototype.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>The followings are our first paper prototype:<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c83a8df elementor-widget elementor-widget-image\" data-id=\"c83a8df\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"810\" height=\"297\" src=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/1-1024x376.png\" class=\"attachment-large size-large wp-image-5425\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/1-1024x376.png 1024w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/1-300x110.png 300w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/1-768x282.png 768w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/1.png 1518w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-312c0d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"312c0d5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e8a6d18\" data-id=\"e8a6d18\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a38429 elementor-widget elementor-widget-image\" data-id=\"5a38429\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"810\" height=\"297\" src=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/2-1024x375.png\" class=\"attachment-large size-large wp-image-5426\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/2-1024x375.png 1024w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/2-300x110.png 300w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/2-768x282.png 768w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/2.png 1549w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47dbe23 elementor-widget elementor-widget-image\" data-id=\"47dbe23\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"810\" height=\"297\" src=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/3-1024x376.png\" class=\"attachment-large size-large wp-image-5427\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/3-1024x376.png 1024w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/3-300x110.png 300w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/3-768x282.png 768w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/3.png 1544w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7cfe05 elementor-widget elementor-widget-image\" data-id=\"b7cfe05\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"295\" src=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/4-1024x373.png\" class=\"attachment-large size-large wp-image-5428\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/4-1024x373.png 1024w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/4-300x109.png 300w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/4-768x280.png 768w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/4.png 1536w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93ff629 elementor-widget elementor-widget-text-editor\" data-id=\"93ff629\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>With the support of technology, we started thinking of what\u2019s the advantage of it. First thing came across our heads was the instant feedback. For example, when students made it wrong, program can notice that immediately and provide instant feedback by changing color or sound; Or, program can automatically highlight the box which students are supposed to move marble onto. As a result, based on the paper prototype, we made this digital version prototype:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfa062d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfa062d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dff41c0\" data-id=\"dff41c0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-98a3f49 elementor-widget elementor-widget-video\" data-id=\"98a3f49\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/kdez-oVEmoM&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8cee74b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8cee74b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4cabf53\" data-id=\"4cabf53\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-502d0f2 elementor-widget elementor-widget-text-editor\" data-id=\"502d0f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In addition to that, we were also exploring monitoring system since teacher will need it to track students&#8217; performance if class scale goes bigger. After discussion with engineer team, we will be developing database in order to synchronize each student&#8217;s digital Elkonin Box so that teacher would be able to know each student&#8217;s performance. Other than that, with the support of database, teacher is able to control the whole exercise with just simple one click keeping every students on the same page. Also, we can develop our login system since database will have information of teachers and students. Followings are our paper prototype of login system:<\/p>\n<p>\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-df8a58b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"df8a58b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce046c1\" data-id=\"ce046c1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a9a549 elementor-widget elementor-widget-image\" data-id=\"5a9a549\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"297\" src=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/5-1024x376.png\" class=\"attachment-large size-large wp-image-5429\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/5-1024x376.png 1024w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/5-300x110.png 300w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/5-768x282.png 768w, https:\/\/projects-old.etc.cmu.edu\/wordcraft\/wp-content\/uploads\/2019\/02\/5.png 1567w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05c06bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05c06bb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7796aa8\" data-id=\"7796aa8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a5c0bba elementor-widget elementor-widget-text-editor\" data-id=\"a5c0bba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>With the kickoff of developing prototype, we were planning to conduct playtesting maybe next week. The things we&#8217;d like to observe from the prototype are:<\/p>\n<p>1. How students interact with digital Elkonin Box<\/p>\n<p>2. How teachers react to digital Elkonin Box<\/p>\n<p>According to agile development methodology, we&#8217;d like to iterate as many times as possible. As a result, In order to facilitate our playtesting, we asked our faculty to help with reaching out to nearby schools. We can&#8217;t wait to meet young playtesters and have their valuable feedback on our work!<\/p>\n<p>\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This week was a prototyping week. Based on the iteration and game design idea last week, we were developing our first prototype according to that. Our UI\/UX team suggested to incorporate &#8220;train theme&#8221; to our game since a train has cars, which is the similar concept to Elkonin Box. In addition to that, we further [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-5423","post","type-post","status-publish","format-standard","hentry","category-dev-blog"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/posts\/5423"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/comments?post=5423"}],"version-history":[{"count":4,"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/posts\/5423\/revisions"}],"predecessor-version":[{"id":5432,"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/posts\/5423\/revisions\/5432"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/media?parent=5423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/categories?post=5423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/wordcraft\/index.php\/wp-json\/wp\/v2\/tags?post=5423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}