Whilst the manager interacts with the system through the menu console, the client will interact with the system through

a graphical user interface.

Open a Graphical User Interface $($GUI$)$ from the menu console $$ you will have an addi$$onal op$$on that the user can select

to open the GUI.

Note: The GUI should look like the mock$-$up provided below. If your GUI appears different, no marks will be given.

You should implement the GUI according to the following requests:

$$ The user can select from a drop$-$down menu which type of product can be visualised $($all$,$ Electronics,

or Clothes$)(4$ marks$).$

$$ The user can visualise the list of products with rela$$ve informa$$on as displayed below.

The user should be able to sort the list alphabe$$cally$.$ You should use a table to display this informa$$on on

the GUI. $(6$ marks$).$

$$ The user can select a product and add it to a Shopping Cart. When implemen$$ng these func$$onali$$es$,$

you need to comply with the following requirements:

o The items with reduced availability $($less than $3$ items available$)$ should be in red on the table. $(2$

marks$).$

o When the user selects the product, the product details $($all the informa$$on related to the product$)$

should appear in a panel below the table $(5$ marks$).$

o The user can add the item to the shopping cart by clicking the rela$$ve bu$$on$.$ The user can visualise

the shopping cart by clicking the $$Shopping Cart$$ bu$$on$.$ The user can select another item and keep

adding items to the shopping cart $(6$ marks$).$

o The shopping cart will show the list of products and the final price $(6$ marks$).$ To calculate the final

price, the system will apply the following discounts:

$20\%$ discount when the user buys at least three products of the same category.

$10\%$ discount for the very first purchase. $$ in order to implement this func$$onality$,$ you will have to

keep the history of the purchases made by each client. You can do this in different ways: if you would

like to add extra classes, you can do so$,$ and this will be reflected in your class diagram too.

$$ If the discount is applied, the message will appear on the GUI showing the final cost as displayed below.