Graphical User Interface

$($

GUI

$)$

$$Implementation

$($

Phase

$3$

$)$

Whilst the manager interacts with the system through the menu console, the client will interact with the system througha graphical user interface.Open a Graphical User Interface

$($

GUI

$)$

$$from the menu console

$$

$$you will have an additional option that the user can selectto 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$,$ orClothes

$)$

$($

$4$

$$marks

$)$

$.$

$$

$$The user can visualise the list of products with relative information as displayed below.The user should be able to sort the list alphabetically. You should use a table to display this information onthe GUI.

$($

$6$

$$marks

$)$

$.$

$$

$$The user can select a product and add it to a Shopping Cart. When implementing these functionalities, youneed 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 information 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 relative button. The user canvisualise the shopping cart by clicking the

$$

Shopping Cart

$$

$$button$.$ The user can select anotheritem 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 finalprice, the system will apply the following discounts:

$$

$2$

$0$

$\%$

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

$$

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