{"id":210,"date":"2023-03-01T20:42:23","date_gmt":"2023-03-01T20:42:23","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/xrt\/?p=210"},"modified":"2023-03-15T22:19:38","modified_gmt":"2023-03-15T22:19:38","slug":"week-6-mid-fi-refined","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/xrt\/week-6-mid-fi-refined\/","title":{"rendered":"Week 6 &#8211; Mid-Fi Refined"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The main task for this week was to prepare for the half presentation in week 7. The team completed a draft of the presentation and went through the content. According to the feedback Mo provided, the storyboard needs to be clearer, and the demonstration of 2D editing should be specified as we are not using the large surface of the buildings as the canvas anymore. Instead, we are importing the 2D asset as a texture to apply on a canvas prefab that we have designed and made for the 2D flow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The engineering team refined the application structure as well. To better manage the whole development flow, the team had a discussion of application system design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the details:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Storyboard<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Artist-end: invitation<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_1-1024x353.png\" alt=\"\" class=\"wp-image-212\" width=\"994\" height=\"342\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_1-1024x353.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_1-300x104.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_1-768x265.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_1-1536x530.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_1-2048x707.png 2048w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><figcaption class=\"wp-element-caption\"><strong>Artists<\/strong>: receive invitation code, download the app<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Artist-end: edit<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_2-1024x353.png\" alt=\"\" class=\"wp-image-213\" width=\"1000\" height=\"344\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_2-1024x353.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_2-300x104.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_2-768x265.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_2-1536x530.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_2-2048x707.png 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\"><strong>Artists<\/strong>: place and edit the artwork, check the comments<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Viewer-end<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"353\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_3-1024x353.png\" alt=\"\" class=\"wp-image-214\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_3-1024x353.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_3-300x104.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_3-768x265.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_3-1536x530.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Storyboard_3_3-2048x707.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Viewers<\/strong>: visit the district, download the app, enjoy the virtual gallery<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Scan-to-download<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The team has contacted the pop district administration and received permission to install the QR code at the pop district physically. Therefore, as the team designed, when the viewers visit the district, they will be able to scan the QR code and download the viewer-end application, then enjoy their virtual gallery visit at the pop district. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Artist-login-1-1.png\" alt=\"\" class=\"wp-image-217\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Artist-login-1-1.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Artist-login-1-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Find the QR code<\/figcaption><\/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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Artist-login-2.png\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Artist-login-2.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Artist-login-2-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Scan and download<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Updated 2D flow<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Based on the discussion between the design team and the engineering team, it is more feasible to install the 2D artworks on a specific surface at a closer distance. It is also worth to make this change considering the safety factor when the viewers visit the district. Also, as the viewers might want to scrutinize the 2D work, this way also enable them to do so.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Edit-2d-1.png\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Edit-2d-1.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Edit-2d-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Before: <strong>building <\/strong>surface<\/figcaption><\/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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Edit-2d.png\" alt=\"\" class=\"wp-image-221\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Edit-2d.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/Edit-2d-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">After: <strong>wall <\/strong>surface<\/figcaption><\/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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/AR-profile-4.png\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/AR-profile-4.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/AR-profile-4-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">After: view the 2D artwork<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">System design refined<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"713\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/system-design-1024x713.png\" alt=\"\" class=\"wp-image-223\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/system-design-1024x713.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/system-design-300x209.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/system-design-768x535.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/system-design-1536x1070.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/03\/system-design.png 1957w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As the application uses ARCore + GEO data, as well as Firebase as the cloud-based database, the APIs and the way we use them need to be defined carefully. To be clear, we can talk about the application design from different perspectives and different levels of scope:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Type of application<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><\/td><td><strong>Artist-end<\/strong><\/td><td><strong>Viewer-end<\/strong><\/td><\/tr><tr><td><strong>Download<\/strong><\/td><td>via Invitation<\/td><td>via QR code<\/td><\/tr><tr><td><strong>Place &amp; Edit<\/strong> <strong>artwork<\/strong><\/td><td>\u2713<\/td><td><em>No<\/em><\/td><\/tr><tr><td><strong>Manage artwork<\/strong><\/td><td>\u2713<\/td><td><em>No<\/em><\/td><\/tr><tr><td><strong>View<\/strong> <strong>artwork<\/strong><\/td><td>\u2713<\/td><td>\u2713<\/td><\/tr><tr><td><strong>Leave comment<\/strong><\/td><td><em>No<\/em><\/td><td>\u2713<\/td><\/tr><tr><td><strong>Check comment<\/strong><\/td><td>\u2713<\/td><td>\u2713<\/td><\/tr><tr><td><strong>Manage comment<\/strong><\/td><td>\u2713<\/td><td><em>No<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Brief flow of application (artist)<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Download<\/li>\n\n\n\n<li>Login<\/li>\n\n\n\n<li>Upload artwork<\/li>\n\n\n\n<li>Place &amp; edit artwork<\/li>\n\n\n\n<li>Publish<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Brief flow of application (viewer)<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Download<\/li>\n\n\n\n<li>View the artwork by moving phone around<\/li>\n\n\n\n<li>Interact with specific artwork<\/li>\n\n\n\n<li>Leave comments<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, to support all of these features, we will need a cloud-based database to support the data management. Especially for these aspects:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Account information\n<ul class=\"wp-block-list\">\n<li>Device ID<\/li>\n\n\n\n<li>Credentials<\/li>\n\n\n\n<li>Artwork<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Artwork information\n<ul class=\"wp-block-list\">\n<li>GEO Location<\/li>\n\n\n\n<li>Description<\/li>\n\n\n\n<li>Artist<\/li>\n\n\n\n<li>Comment<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The artwork information will be loaded every time when an artist\/viewer is checking the gallery, and it will be updated every time the artist publishes. The account information of artists will enable them to manage the artwork they uploaded, and see and manage the comments they received for each artwork. We will make the viewer anonymous to comment as we consider this way better encourage them to leave comments, and the accessibility is higher than creating an account just for comments.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The team will have  the half presentation next week and will record a demo video at the pop district.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The main task for this week was to prepare for the half presentation in week 7. The team completed a draft of the presentation and went through the content. According to the feedback Mo provided, the storyboard needs to be clearer, and the demonstration of 2D editing should be specified as we are not using [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-210","post","type-post","status-publish","format-standard","hentry","category-post"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":5,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts\/210\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts\/210\/revisions\/240"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/media?parent=210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/categories?post=210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/tags?post=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}