{"id":208,"date":"2021-04-03T17:46:44","date_gmt":"2021-04-03T21:46:44","guid":{"rendered":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/?p=208"},"modified":"2021-04-03T17:48:55","modified_gmt":"2021-04-03T21:48:55","slug":"jee-woongs-status-report-for-04-03-2021","status":"publish","type":"post","link":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/2021\/04\/03\/jee-woongs-status-report-for-04-03-2021\/","title":{"rendered":"Jee Woong&#8217;s Status Report for 04\/03\/2021"},"content":{"rendered":"<p>This week, I have started working on the User Interface part of our project. I have created the initial page and the game page of our game. And, the image below is the initial page design of our project UI.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-209\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.12-PM-300x216.png\" alt=\"\" width=\"300\" height=\"216\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.12-PM-300x216.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.12-PM-768x552.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.12-PM.png 994w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>After I created the initial page of the UI, I made it possible to start a new game by clicking the &#8220;NEW GAME&#8221; button. After clicking the button, the screen looks like below. Currently, the board is on the left side of the screen, and I am planning to put a timer on the right-hand side of the screen and show the turns.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-210\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.27-PM-300x216.png\" alt=\"\" width=\"300\" height=\"216\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.27-PM-300x216.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.27-PM-768x553.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-content\/uploads\/sites\/126\/2021\/04\/Screen-Shot-2021-04-03-at-5.39.27-PM.png 994w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>I have created a class for the overall game, and for each piece on the board, I have created a piece class so that I can follow and keep track of each piece. It shows the initial state of the game. After our team finalizes the computer vision part of the project, I am planning to test with the UI I created this week. So, for the following week, I will work on updating the board as the computer vision recognizes the piece movement changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I have started working on the User Interface part of our project. I have created the initial page and the game page of our game. And, the image below is the initial page design of our project UI. After I created the initial page of the UI, I made it possible to start &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/2021\/04\/03\/jee-woongs-status-report-for-04-03-2021\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Jee Woong&#8217;s Status Report for 04\/03\/2021&#8221;<\/span><\/a><\/p>\n","protected":false},"author":392,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18,10],"tags":[15,14],"_links":{"self":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/posts\/208"}],"collection":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/users\/392"}],"replies":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":3,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/posts\/208\/revisions"}],"predecessor-version":[{"id":213,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/posts\/208\/revisions\/213"}],"wp:attachment":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/media?parent=208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/categories?post=208"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s21-teamb4\/wp-json\/wp\/v2\/tags?post=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}