Optimizing Industrial Operations: A Web Application for QR Code-Based Machinery Information Management

This thesis explores the development of a web application for AROL, aimed at enhancing the efficiency and accuracy of machinery and component tracking through QR code technology. The project streamlines the process by which employees access detailed information about machinery, improving decision-making and operational efficiency. The inception of this project arose from the need to create a system where employees could quickly and efficiently register and scan QR codes on various machinery or components to access pertinent information. By scanning these QR codes, employees can retrieve data such as operational instructions, assembly guidelines, and batch information, facilitating quicker learning and immediate action in the event of anomalies. This project also provides significant benefits in warehouse management, where tracking inventory and dispatches becomes more streamlined. The requirements specification involved two phases: gathering and analysis. The gathering phase provided an overview of the application domain, identifying key user groups, functionalities, and non-functional requirements. The analysis phase formalized these into detailed specifications, including user groups, use cases, a data dictionary, non-functional requirements, and presentation guidelines. The application’s functional requirements include user account management (registration, login, logout), QR code generation, ticket generation for unique identification, and QR code scanning. Each of these functionalities was meticulously designed to cater to the needs of the employees and to ensure seamless interaction with the application. The non-functional requirements emphasize security, performance, usability, and compatibility across different devices and screen sizes, with a responsive design to ensure optimal user experience on mobile, tablet, and desktop platforms. The implementation leveraged Angular, a robust framework for building dynamic web applications, coupled with TypeScript to enhance code quality through static typing. The project utilized Visual Studio Code as the development environment for its comprehensive support features, and Bitbucket for version control and collaborative development. JIRA was employed for project management, facilitating efficient tracking of development progress and issue resolution. The user interface and user experience design were critical components, focusing on creating an intuitive, visually appealing, and user-friendly interface. The layout of the application is divided into three main sections: a fixed navbar for seamless navigation, a dynamic viewport displaying context-specific content, and a footer with generic information and company contacts. The application supports multiple user roles, with access to information tailored based on user privileges, ensuring relevant data visibility for all user levels. Technologies such as HTML, CSS, JavaScript, and CSS frameworks like Bootstrap, Grid, and Flexbox were employed to ensure a responsive and flexible design. Media queries further enhanced adaptability to various screen sizes. Through meticulous requirement analysis and leveraging modern web development technologies, the project demonstrates significant improvements in operational efficiency and information accessibility, setting a benchmark for future industrial applications.