This thesis was conducted to develop a user interface for the visualization of factory data through HMS Networks' Gateway Communicator. The objective of the project was to enhance decision-making in industrial processes through efficient data transfer and visualization. The project involved the design and implementation of a user-friendly and customizable interface that integrates real-time data from industrial machinery.

To achieve these goals, the Angular framework was used in conjunction with HTML, CSS, and TypeScript to create a dynamic and responsive user interface. The methodology included user-centered design, ensuring that the final product not only met technical specifications but was also intuitive for end-users. Among the features implemented were dynamic components that allowed for the visualization of critical data such as temperature and pressure through customizable widgets and dialogue components.

The results of the project included successful performance testing, unit tests, and usability tests that ensured the system's effectiveness in visualizing data in a manner understandable to users. The conclusion of the work is that an effective user interface can increase operational efficiency through improved data visualization and interaction, which in turn can lead to more informed decisions in industrial environments.

Detta examensarbete utfördes för att utveckla ett användargränssnitt för visualisering av fabriksdata med hjälp av HMS Networks Gateway Communicator. Syftet med projektet var att förbättra beslutsfattandet i industriella processer med hjälp av visualisering av data. Projektet innefattade design och implementering av ett användarvänligt och anpassningsbart gränssnitt som integrerar realtidsdata från industriella maskiner.

För att uppnå dessa mål användes Angular ramverket tillsammans med HTML, CSS och TypeScript för att skapa ett dynamiskt användargränssnitt. Metodiken inkluderade användarcentrerad design, vilket säkerställde att slutprodukten inte bara uppfyllde tekniska specifikationer utan också var intuitiv för slutanvändarna. Bland funktionerna som implementerades finns dynamiska komponenter som tillåter visualisering av kritiska data som temperatur och tryck genom anpassningsbara komponenter.

Resultaten från projektet inkluderade ett framgångsrikt prestandatest, enhetstester och användbarhetstest som säkerställde systemets effektivitet i att visualisera data på ett sätt som är begripligt för användarna. Slutsatsen av detta arbete är att ett effektivt användargränssnitt främjar datavisualisering och interaktivitet, vilket i sin tur bidrar till att fatta välinformerade beslut inom industriella miljöer.