Restaurant Part 3 – Screens – Spring Boot Web Application

This is the third part of the series. The links for the remaining posts are introduction, application execution, initial data, basic testing, detailed testing.

Overview

The main screens of the restaurant application are the following –

  • Home – Creating, modifying and searching orders by choosing dishes.
  • Kitchen – Summary of created and under preparation orders.
  • Server – Summary of ready and served orders.

Home Screen

The home screen can be accessed by pointing the browser to localhost:8080 or localhost:8080/home. This is divided into three sections – table list, order creation and order search. Below are the features and\or functions of this screen.

  • Table Section – Displays the status and names of each table.
  • Table Section – Select tables to create, modify or display order details.
  • Order Section – Select dishes and quantities to create new order.
  • Order Section – Modify dishes and quantities in Ordered and Preparing status.
  • Order Section – Cancel order in Ordered and Preparing status.
  • Search Section – Search based on status and order modification time period.

The use cases for this screen are easy to understand and explained below.

Order Creation

The steps to create a new order are the following –

  • Select a vacant table from the table list.
  • Choose a dish(es) by adding quantities.
  • Click ‘Create Order’ button to save order.

This will result in the following screen updates –

  • Ordered dish details, order number and status will be displayed.
  • Status in the table list will be Ordered.
  • Order will be available under Ordered status in Kitchen screen.

Order Modification

Only orders in Ordered and Preparing status can be modified. The steps to modify an existing order are the following –

  • Select a order in Ordered or Preparing status from the table list.
  • Add quantities to existing dishes and\or add new dish.
  • Subtract quantities from existing dishes and\or remove dish. (Only from Ordered status)
  • Click ‘Modify Order’ button to update order.

This will result in the following screen updates –

  • Order dish details will be updated.
  • Order details be updated under Ordered or Preparing status in Kitchen screen.

Order Cancellation

Only orders in Ordered and Preparing status can be cancelled. In case of Preparing status it will be moved to the Billed status. The steps to cancel an existing order are the following –

  • Select a order in Ordered or Preparing status from the table list.
  • Click ‘Cancel Order’ button to cancel order.
  • Accept the cancellation confirmation messages.

This will result in the following screen updates for Cancellation from Ordered status

  • Order status will be Cancelled in details section.
  • Table number will be blank in details section.
  • Table status will be vacant in table list.
  • Order will be available in Cancelled status in Kitchen screen.

This will result in the following screen updates for Cancellation(Billed) from Preparing status

  • Order status will be Billed in details section.
  • Table number will be blank in details section.
  • Table status will be vacant in table list.
  • Order will be available in Billed status in Server screen.

Order Search

Orders can be searched with a filter of status and last modification time period from the current in minutes. The steps for performing a search are pretty intuitive.

Kitchen Screen

The kitchen screen can be accessed by the link in the top of the home screen. This displays the orders in the status relevant to the functioning of the kitchen – Ordered, Preparing, Ready and Cancelled. Below are the features and\or functions of this screen.

  • Displays the orders in Ordered and Preparing status.
  • Displays the recent promoted orders (last 5 mins) in Ready and Cancelled status.
  • Promote order from Ordered to Preparing status.
  • Promote order from Preparing to Ready status.

The use cases for this screen are easy to understand and explained below.

Promote Order to Preparing Status

Just click on the ‘Start Preparing’ button of the order in Ordered status.

This will result in the following screen updates –

  • Order will be moved to the Preparing status in Kitchen screen.
  • Order status will be updated to Preparing in the table list.
  • Order details will display refresh message if same order is selected in Home screen.

Promote Order to Ready Status

Just click on the ‘Ready to Serve’ button of the order in Preparing status.

This will result in the following screen updates –

  • Order will be moved to the Ready status in Kitchen screen.
  • Order will be available under Ready status in Server screen.
  • Order status will be updated to Ready in the table list.
  • Order details will display refresh message if same order is selected in Home screen.

Server Screen

The server screen can be accessed by the link in the top of the home screen. The page displays the orders in the status relevant to the functioning of the servers – Ready, Served and Billed. Below are the features and\or functions of this screen.

  • Displays the orders in Ready and Served status.
  • Displays the recent promoted orders (last 5 mins) in Billed status.
  • Promote order from Ready to Served status.
  • Promote order from Served to Billed status.

The use cases for this screen are easy to understand and explained below.

Promote Order to Served Status

Just click on the ‘Time to Serve‘ button of the order in Ready status.

This will result in the following screen updates –

  • Order will be moved to the Served status in Server screen.
  • Order status will be updated to Served in the table list.
  • Order details will display refresh message if same order is selected in Home screen.

Promote Order to Billed Status

Just click on the ‘Charge Money’ button of the order in Billed status.

This will result in the following screen updates –

  • Order will be moved to Billed status in Server screen.
  • Table status will be updated to vacant in the table list.
  • Order details will display refresh message if same order is selected in Home screen.

Leave a Reply

Your email address will not be published. Required fields are marked *