{"id":133,"date":"2023-02-25T00:35:44","date_gmt":"2023-02-25T00:35:44","guid":{"rendered":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/?p=133"},"modified":"2023-02-26T00:36:03","modified_gmt":"2023-02-26T00:36:03","slug":"aarons-status-report-for-february-25","status":"publish","type":"post","link":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/2023\/02\/25\/aarons-status-report-for-february-25\/","title":{"rendered":"Aaron\u2019s Status Report for February 25"},"content":{"rendered":"<p>This week, I prepared and practiced for my presentation of the Design Review, and continued implementation of the web application.<\/p>\n<p><strong>Static Updates:\u00a0<\/strong>I removed AJAX for displaying on the modules page, because after reviewing the design, it is not necessary to update the modules page in real time. I added features such as navigating between modules, updating the user interface, and ensuring only the information for a given module was displayed on the page.<\/p>\n<p><strong>Images:\u00a0<\/strong>I worked on implementation of adding images. First, I added a &#8220;page image&#8221; field in edit-modules, and had it display using AJAX. However, I have not figured out how to display the image itself using AJAX, though the user can upload images that are sent into the database and saved. I also got the uploaded image for modules to properly display on the module page.\u00a0 For example, for module 1, this is the current page.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-136\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-content\/uploads\/sites\/251\/2023\/02\/status-3-demo.png\" alt=\"\" width=\"1889\" height=\"967\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-content\/uploads\/sites\/251\/2023\/02\/status-3-demo.png 1889w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-content\/uploads\/sites\/251\/2023\/02\/status-3-demo-300x154.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-content\/uploads\/sites\/251\/2023\/02\/status-3-demo-768x393.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-content\/uploads\/sites\/251\/2023\/02\/status-3-demo-1024x524.png 1024w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>Next, I worked on being able to add images within the content blocks, rather than just an overall page image. This is a trickier task, because the content blocks are added into the edit pages using inner HTML and updated with AJAX, so I cannot pass forms through the context and have them update properly when I pass the images this way. This makes it slightly different to create user inputted images and have them update with AJAX in the edit-modules, so I am still experimenting with solutions on how to do this. I have been doing research and looking online for how this might be possible, and I believe that I am close and it should be completed for next week. After that, I will be working on quiz exercises to be easily added in the module. This seems easier to do, as it will not require a file upload which is the main problem with the images so far.<\/p>\n<p><strong>Experiments:<\/strong><\/p>\n<p>I also worked on updating the UI and edit-experiments page, and have been planning my design for how I will implement exercises and animations. I have been looking into using REACT for animations, because I believe they will provide smooth and interactive animations for the experiment page.<\/p>\n<p>I also discussed with Shizhen and Mudit further details about implementation, and how we will update the database using an arduino-python module, since this project is run on python anyway. This should provide a smooth integration experience.<\/p>\n<p>Overall, I believe I am on schedule. I had some slight hiccups because the image implementation took longer than expected and has been slightly more challenge than I thought, but I will work to catch up next week and over spring break so the web application can be prepared for integration as soon as possible.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I prepared and practiced for my presentation of the Design Review, and continued implementation of the web application. Static Updates:\u00a0I removed AJAX for displaying on the modules page, because after reviewing the design, it is not necessary to update the modules page in real time. I added features such as navigating between modules, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/2023\/02\/25\/aarons-status-report-for-february-25\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Aaron\u2019s Status Report for February 25&#8221;<\/span><\/a><\/p>\n","protected":false},"author":716,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/posts\/133"}],"collection":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/users\/716"}],"replies":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":1,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/posts\/133\/revisions"}],"predecessor-version":[{"id":137,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/posts\/133\/revisions\/137"}],"wp:attachment":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/media?parent=133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/categories?post=133"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s23-teamd6\/wp-json\/wp\/v2\/tags?post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}