Fix form save and cancel button overlapping when resizing page.

source link

due: Nov. 23

[description](https://www.conceptdraw.com/How-To-Guide/diagrams-software-tools-for-design-uml-deployment-diagram

)

https://www.figma.com/file/xEMzBSpwO6ELWBxsbWWmd2/Principal-LED?node-id=0%3A1

Timeline.pdf

(2020)[https://github.com/edogdu/software-engineering-course]
excel

Purpose of the system
This website is for Principal LED who is a company that manufactures LED lights. They need a web application that keeps track of work orders, employee and stage productivity, and produces company data reports. For each work order, the app will need to keep track of the number of units completed, the defects encountered, the current stage of the process, and the operator's name responsible for completing units or defects. They will then use the data from the work orders to produce daily, weekly, and monthly reports to determine which employees or stages need to produce more and where their shortcomings occur. This will allow them to set production goals and provide them with an estimate of how much they lost to defective equipment.

Definitions, acronyms, and abbreviations
SMT - Smart Mount Technology
RS - Robotic Soldering
LIM - Lense and Injection Molding
Defect - Refers to a damaged or faulty piece of equipment required for production, such as a bent circuit board or cracked lens.
Unit - Used to represent the amount of LED lights produced.

Current System Overview
Principal LED currently has a digital recording system for employers and process productivity. Part of the system is database and web-based, and part of it is Excel-based for reporting. The web-based portion of the system is using the LAMP stack and runs on a Linux server. The website and database are hosted on the server and the computers on the shop floor run the local web app. The website does not connect to the internet and runs only through their local network, so defensive security is not an issue.

As it was mentioned earlier, part of the system is web-based and part of it is excel based. The website sends the data to excel to be used for producing useful graphs and charts. However, getting rid of the need for Excel will make generating these reports that are used daily much easier and will not require the knowledge to use Excel. So, the goal is to make the current system into a complete cycle application.

This is a web application for the Principal LED (LED light manufacturing) company that uses a web app framework to get excel reports out of a database that keeps track of employee, process, and company activities.

Currently has a digital recording system for employers and process productivity. System is part database and web-based, and part Excel-based reporting.

They want to redesign the system into a complete cycle application (creating reports within the application), removing the need for Excel.

The stack that they used was the LAMP (Linux, Apache, MySQL, PHP) stack, with Laravel as their framework of PHP, and the new stack used is MERN (MongoDB, Express.js, React.js, Node.js).

On work order form, quantity completed and quantity defective counters should not go below 0. Only positive integers.

Whenever the back button on the browser is pressed, the app bar does not re-render. The buttons on the app bar are supposed to be dynamic depending on which page we are on.

-Jun and Paul-
Fix buttons overlapping when resizing screen

• The user should be able to navigate and use the website without any training. Therefore, the website should be simple, easy to use, and easy to navigate.
• The stage leads should be able to all enter daily completions at the same time without any synchronization issues.
• For each stage and operator, a record of the quantity completed, defects, and defect quantities should be kept that correspond to a specific work order.
• The website should keep track of the operator's efficiencies, determining if they are hitting their daily goals of production or not.
• The Senior Engineer should be able to easily generate graphs for daily quantity produced, operator efficiency, FPY, and work order statuses.
• The website shall allow the Senior Engineer to manipulate the production goals and sort the employee efficiency table as desired.
• The website shall calculate the costs of materials that were wasted from defects and display a table to show the most wasted products.
• A user shall be able to add new products, work orders, operators, completions, and defects as needed.
• The home page table should be convenient for looking at the current status of each work order, showing the completed and defective units for each stage of the work order.

• Non-functional requirements

• Usability
  Engineers are able to record their previous work and receive reports with graphic indicators so that the website allows them to pursue better productivity

• Reliability
  Date can be easily saved in the database, and also it can be editable with editing history.

• Performance
  Since the website takes care of the specific contents that the company needs, it will be intended to be performed immediately unless the user collects long dates.

• Supportability
  This website will only support and run in the following requirement(s): accessing company private server.

• Implementation:
  The website is implemented as a react.js and data is saved in mongodb.

• Interface:

• Packaging:
  

• Legal:
  Our program is specifically aimed at the PLED company. All the data we collect will use for the company goods however there will not be included personal information or deviating from the purpose of the company directional.

https://drive.google.com/file/d/1TcWoX36tK6XmGiVPyTN2QQxwy3GD5QAg/view?usp=sharing

We need to do something with the value props given to form.

Glossary

Senior Engineer - User who can manage or edit data history from the database.
Work Order - The number assigned to a specific job or order placed by the customer.
Stages - A point during the process of production. There are five stages to LED production. Smart mount technology, soldering, lens and injection molding, packaging, taping.
MongoDB - The non-relational database that is implemented, uses a JSON format for storage.
Defect - Refers to a damaged or faulty piece of equipment required for production, such as a bent circuit board or cracked lens.
Unit - Used to represent the amount of LED lights produced.

PLED .pdf