{"id":205,"date":"2022-04-16T14:57:02","date_gmt":"2022-04-16T19:57:02","guid":{"rendered":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/?p=205"},"modified":"2022-04-16T14:57:02","modified_gmt":"2022-04-16T19:57:02","slug":"yuns-status-report-for-4-16","status":"publish","type":"post","link":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/2022\/04\/16\/yuns-status-report-for-4-16\/","title":{"rendered":"Yun&#8217;s Status Report for 4\/16"},"content":{"rendered":"<p>This week, I worked on the mirror UI using Electron, HTML, and JavaScript. The mirror is supposed to interact with Jetson and the app. The diagram(Figure 1) below illustrates a general idea of how mirror UI would look like.<\/p>\n<figure id=\"attachment_207\" aria-describedby=\"caption-attachment-207\" style=\"width: 2102px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-207 size-full\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-content\/uploads\/sites\/199\/2022\/04\/Screenshot-2022-04-16-at-3.52.24-PM.png\" alt=\"\" width=\"2102\" height=\"1170\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-content\/uploads\/sites\/199\/2022\/04\/Screenshot-2022-04-16-at-3.52.24-PM.png 2102w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-content\/uploads\/sites\/199\/2022\/04\/Screenshot-2022-04-16-at-3.52.24-PM-300x167.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-content\/uploads\/sites\/199\/2022\/04\/Screenshot-2022-04-16-at-3.52.24-PM-768x427.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-content\/uploads\/sites\/199\/2022\/04\/Screenshot-2022-04-16-at-3.52.24-PM-1024x570.png 1024w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption id=\"caption-attachment-207\" class=\"wp-caption-text\">Figure 1: Mirror UI diagram<\/figcaption><\/figure>\n<p>As illustrated in the diagram, the mirror UI(desktop app) is supposed to make transitions from one screen to another based on the app and Jetson request\/responses. However, as we have not finished the integration of this part yet, I made the app to ack upon buttons such as &#8220;Get recommendation&#8221; and &#8220;Done&#8221;. This will later be updated along with the integration. Here is a <a href=\"https:\/\/drive.google.com\/file\/d\/1_uZXitU8aZ5DF-yaDiu9o0ppms_jQQFj\/view?usp=sharing\">screen recording<\/a> of how the desktop app looks so far.<\/p>\n<p>(raw link:\u00a0https:\/\/drive.google.com\/file\/d\/1_uZXitU8aZ5DF-yaDiu9o0ppms_jQQFj\/view?usp=sharing)<\/p>\n<p>In terms of the schedule, I think we are on schedule, as we planned to start the integration today after finishing the individual parts. Although modular parts need to be more sophisticated, they are all working. I think we can start integrating everything from today, which was what we planned.<\/p>\n<p>Next week, I will work on connecting Jetson and the Mirror UI, so that the UI can act according to the user input.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I worked on the mirror UI using Electron, HTML, and JavaScript. The mirror is supposed to interact with Jetson and the app. The diagram(Figure 1) below illustrates a general idea of how mirror UI would look like. As illustrated in the diagram, the mirror UI(desktop app) is supposed to make transitions from one &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/2022\/04\/16\/yuns-status-report-for-4-16\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Yun&#8217;s Status Report for 4\/16&#8221;<\/span><\/a><\/p>\n","protected":false},"author":620,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,7],"tags":[5],"_links":{"self":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/posts\/205"}],"collection":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/users\/620"}],"replies":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":1,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/posts\/205\/revisions"}],"predecessor-version":[{"id":208,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/posts\/205\/revisions\/208"}],"wp:attachment":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/media?parent=205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/categories?post=205"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s22-teamd4\/wp-json\/wp\/v2\/tags?post=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}