Employee and Vehicle Management System: UI Development and Functionality, Summaries of Mathematics

The functionality and user interface (ui) development of a system designed for managing employees, vehicles, and tasks. The system includes features such as user login, employee and vehicle search, task creation, and map integration. Users can add, delete, or update employee and vehicle information, assign tasks and vehicles to employees, and create routes based on mcp locations.

Typology: Summaries

2021/2022

Uploaded on 10/28/2022

thanh-minh-9
thanh-minh-9 🇻🇳

2 documents

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
- View:
+ Send the entered data into the interface to the Controller for processing:
User login information such as account, password, role; account
registration information; change the account information
Search for employees by attributes (id, name,...); add, delete or update
an employee's information; assign tasks and vehicles to employees
Search vehicle by attributes (id, name, weight, capacity,...); add,
delete, update information of a vehicle.
Find task information through properties (DateTime, Employee,
Process, ID, Area,...); create task; cancel task; update check; add
tasks; update task; sort task; recreate task.
Search MCP through attributes (ID, Position); create route, calculate
distance, calculate route.
+ Render UI for page:
Log in page: render login forms, account registration, buttons such
as: confirmation, login, forget password,...
Employee management page: render an employee management
interface including a list of employees, a search bar, a sort tool by
attributes, a button to switch to an employee's information interface,
task, vehicle.
Vehicle management page: render the vehicle management interface
including a list of vehicles, a search bar, a button to switch to a
vehicle's information interface, and an employee interface.
Task management page: render task management interface including
task list, search bar, sort tool; The “create task” button switches to the
create task interface, the “recreate” button switches to the recreate
task interface, the “cancle” button to cancel the task, the “clear filters”
button, the “apply filters” button is used for task filtering.
Create task page: render create task interface, including a task
information input form; button “clear filters”, “apply filters” for
filtering workers, “select” button, “deselect” for canceling and
selecting workers, “next” button to switch to “Assign vehicle”
interface.
Assign vehicle page: render interface including information table
“person selected”, “assign vehicle”, “checkout vehicle”, buttons
pf2

Partial preview of the text

Download Employee and Vehicle Management System: UI Development and Functionality and more Summaries Mathematics in PDF only on Docsity!

  • View:
    • Send the entered data into the interface to the Controller for processing:  User login information such as account, password, role; account registration information; change the account information  Search for employees by attributes (id, name,...); add, delete or update an employee's information; assign tasks and vehicles to employees  Search vehicle by attributes (id, name, weight, capacity,...); add, delete, update information of a vehicle.  Find task information through properties (DateTime, Employee, Process, ID, Area,...); create task; cancel task; update check; add tasks; update task; sort task; recreate task.  Search MCP through attributes (ID, Position); create route, calculate distance, calculate route.
    • Render UI for page:  Log in page: render login forms, account registration, buttons such as: confirmation, login, forget password,...  Employee management page: render an employee management interface including a list of employees, a search bar, a sort tool by attributes, a button to switch to an employee's information interface, task, vehicle.  Vehicle management page: render the vehicle management interface including a list of vehicles, a search bar, a button to switch to a vehicle's information interface, and an employee interface.  Task management page: render task management interface including task list, search bar, sort tool; The “create task” button switches to the create task interface, the “recreate” button switches to the recreate task interface, the “cancle” button to cancel the task, the “clear filters” button, the “apply filters” button is used for task filtering.  Create task page: render create task interface, including a task information input form; button “clear filters”, “apply filters” for filtering workers, “select” button, “deselect” for canceling and selecting workers, “next” button to switch to “Assign vehicle” interface.  Assign vehicle page: render interface including information table “person selected”, “assign vehicle”, “checkout vehicle”, buttons

“assign”, “detail”, “assign vehicle” interact with vehicle, button “done” to complete, button “back” to return to “create task” interface, “next” button to switch to “set map” interface.  Set map page: render the interface includes the "MCP selected" table containing information about the selected MCPs; map shows the MCPs; buttons to change the order of MCP, button “choose” to select route, “back” button to return to “assign vehicle” interface, “finish” button to complete task creation.

  • Update UI pages when has update from the controller: perform update is the interface when receiving changes from the controller, retrieve data from the model to do it accordingly
  • Send event to controller when has a user action:  Send events performed by the user on the interface such as click on button, dropdown list, ... to the controller for retrieval and processing.