{"id":220,"date":"2026-04-27T04:30:34","date_gmt":"2026-04-27T04:30:34","guid":{"rendered":"https:\/\/madelinekrajewski.knight.domains\/capstone\/?page_id=220"},"modified":"2026-04-27T05:19:49","modified_gmt":"2026-04-27T05:19:49","slug":"week-13-post","status":"publish","type":"page","link":"https:\/\/madelinekrajewski.knight.domains\/capstone\/blog\/week-13-post\/","title":{"rendered":"Week 13: Tasks, Testing, and Tidying"},"content":{"rendered":"<h5 class=\"wp-block-heading has-text-align-center\" id=\"madeline-krajewski\">Madeline Krajewski<\/h5>\n\n\n<div class=\"has-text-align-center wp-block-post-date\"><time datetime=\"2026-04-27T04:29:35.383Z\">April 27, 2026<\/time><\/div>\n\n\n<p>This week, I focused on three things: testing out the process for Algorithm 2 on paper, implementing tasks to allow a progress bar to work, and tidying up the user interface for my final encoding program. Two of these three things was successful. First, Algorithm 2.<\/p>\n\n\n\n<p>Here&#8217;s my scratch paper attempt to replicate its process. I&#8217;ve copied my &#8216;cheat sheet&#8217; from last week here for reference as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"561\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-5.png\" alt=\"\" class=\"wp-image-701\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-5.png 755w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-5-300x223.png 300w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/tempFileForShare_20260427-000257-1024x666.png\" alt=\"\" class=\"wp-image-722\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/tempFileForShare_20260427-000257-1024x666.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/tempFileForShare_20260427-000257-300x195.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/tempFileForShare_20260427-000257-768x500.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/tempFileForShare_20260427-000257.png 1406w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It&#8217;s a bit difficult to follow visually at this step, but performing the process of flipping a coin twenty-five times and writing down the results greatly assisted my understanding of Algorithm 2. Currently, I&#8217;m trying to figure out how to encode this information into a pixel, since I&#8217;m not sure how to make a pixel split like this. I&#8217;ve tried searching for other resources, but so far, I have not found anything particularly enlightening about how the pixels will hold this information.<\/p>\n\n\n\n<p>Now, for the other two tasks. Here&#8217;s my new and improved UI! Gone are the testing outputs and visual clutter. Now, I have a clean, sleek design which should be easy to follow for most users. Upon launch, this form window appears:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"502\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-11.png\" alt=\"\" class=\"wp-image-715\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-11.png 762w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-11-300x198.png 300w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/figure>\n\n\n\n<p>Currently, Algorithhm 2&#8217;s button doesn&#8217;t launch anything, but it will eventually. <\/p>\n\n\n\n<p>Upon clicking on the Algorithm 1 button, this form will launch:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-12-1024x616.png\" alt=\"\" class=\"wp-image-717\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-12-1024x616.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-12-300x180.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-12-768x462.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-12.png 1467w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>And here&#8217;s how it looks after it runs:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-16-1024x616.png\" alt=\"\" class=\"wp-image-730\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-16-1024x616.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-16-300x180.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-16-768x462.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-16.png 1467w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I&#8217;m currently trying to decide whether to apply outlines to the pictureboxes; they&#8217;re underneath each image header, but since the user hasn&#8217;t selected anything, they are not currently visible. I&#8217;m thinking of not adding a boarder, since depending on the user&#8217;s image, it may not fit the current picturebox&#8217;s bounds.<\/p>\n\n\n\n<p>Here is how it looks with a border upon launch. I think it looks much nicer and is easier to see what the program will do.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-14-1024x614.png\" alt=\"\" class=\"wp-image-726\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-14-1024x614.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-14-300x180.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-14-768x460.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-14.png 1471w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>However, here is what it looks like after the program runs. I&#8217;m not entirely pleased with how it looks, but I also don&#8217;t think there&#8217;s anything inherently <em>wrong <\/em>with it. I&#8217;m just not sure which one I prefer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-15-1024x616.png\" alt=\"\" class=\"wp-image-728\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-15-1024x616.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-15-300x180.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-15-768x462.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-15.png 1471w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anyway, one thing I&#8217;ve added that I&#8217;m quite pleased with are the variety of tool tips across the form to help guide the user through using this program. These include descriptions of the different items (such as the numerical up-down box, and what it represents).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-17-1024x612.png\" alt=\"\" class=\"wp-image-734\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-17-1024x612.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-17-300x179.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-17-768x459.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-17.png 1468w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Additionally, each step of the selection process asks questions similar to this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-13-1024x616.png\" alt=\"\" class=\"wp-image-719\" srcset=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-13-1024x616.png 1024w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-13-300x180.png 300w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-13-768x462.png 768w, https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-content\/uploads\/2026\/04\/image-13.png 1473w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Currently, the only problem my encoder UI has is that the progress bar doesn&#8217;t yet work. In order to make this happen, I need to use tasks. I&#8217;ve done quite a bit of reorganizing of my main function so it (hopefully) makes this easier; however, I just haven&#8217;t quite figured out how to use tasks yet. I&#8217;m not quite sure why it isn&#8217;t working, and I&#8217;m hoping I can get it working soon. I think the main issue is that I&#8217;m not updating the display, but I&#8217;m not sure.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/madelinekrajewski.knight.domains\/capstone\/blog\/week-12-post\/\">Previous: Week 12<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Madeline Krajewski This week, I focused on three things: testing out the process for Algorithm 2 on paper, implementing tasks to allow a progress bar to work, and tidying up the user interface for my final encoding program. Two of these three things was successful. First, Algorithm 2. Here&#8217;s my scratch paper attempt to replicate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":88,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":19,"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/pages\/220\/revisions\/711"}],"up":[{"embeddable":true,"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/pages\/88"}],"wp:attachment":[{"href":"https:\/\/madelinekrajewski.knight.domains\/capstone\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}