Week $10$ Programming Assignment $03$Due Monday by $11$:$59$pm Points $10$ Submitting a file upload Available Nov $5$ at $4$:$30$pm $-$ Dec $10$ at $11$:$59$pm Your task in this assignment is to replicate, as closely as possible, the image below as a GUI interface using hand$-$coded JavaFX. Your class name must be GUI$3.$ You will lose points if your class name is different. You must not have a package statement for your program. If you do$,$ you will lose points.GUI$3\_$Screenshot.pngThe spaces between components are all $5$ pixels. The buttons and panes can be left to be set automatically by the JavaFX displayer. The button labels should match those shown exactly. The setStyle$()$ method can be use to set the appropriate panes to the Colors LightBlue $($upper and lower sections$),$ PaleGreen $($left and right sections$),$ and Pink $($the middle section$).$ Use the CSS Javafx property $"-$fx$-$background$-$color: lightblue".Submit your code in a file called GUI$3.$java through Canvas. Submit only your source code.RubricWeek$9$IC$1$StructuralRubricWeek$9$IC$1$StructuralRubricCriteriaRatingsPtsThis criterion is linked to a Learning Outcome Does it compile?$5$ ptsFull MarksCompiles with no errors and no warnings $($due to the use of raw generic classes$)4$ ptsMostlyCompiles with no errors but has warnings related to the use of generic classes as raw types$\mathrm{.}0$ ptsNo MarksOne or more syntatic or semantic compilation errors in the code$\mathrm{.}5$ ptsThis criterion is linked to a Learning Outcome Does it have runtime exceptions$2$ ptsFull MarksNo runtime exceptions occured during testing$\mathrm{.}0$ ptsNo MarksOne or more distinct unchecked runtime exceptions occurred$\mathrm{.}2$ ptsThis criterion is linked to a Learning Outcome Does your GUI match the image?$3$ ptsFull MarksStudent's GUI matches the image provided well enough$2$ ptsMinor differencesThe overall structure of student's GUI matches the image, but proportions are off, slight difference in text, etc$\mathrm{.}0$ ptsNo MarksStudent's GUI has substantial difference from the provided image: things are miss$-$sequenced, substantial labelling differences, etc$\mathrm{.}3$ ptsTotal Points: $10$Week $10$ Programming Assignment $03$

Due Monday by $11$:$59$pm

Points $10$

Submitting a file upload

Available Nov $5$ at $4$:$30$pm $-$ Dec $10$ at $11$:$59$pm

Your task in this assignment is to replicate, as closely as possible, the image below as a GUI interface using hand$-$coded JavaFX. Your class name must be GUI$3.$ You will lose points if your class name is different. You must not have a package statement for your program. If you do$,$ you will lose points.

The spaces between components are all $5$ pixels. The buttons and panes can be left to be set automatically by the JavaFX displayer. The button labels should match those shown exactly. The setStyle$()$ method can be use to set the appropriate panes to the Colors LightBlue $($upper and lower sections$),$

PaleGreen $($left and right sections$),$ and Pink $($the middle section$).$ Use the CSS Javafx property $"-$fx$-$background$-$color: lightblue".

Submit your code in a file called GUI$3.$java through Canvas. Submit only your source code.

Week$91$C$1$Structurambirie