Development and Optimization of Ericsson’s Web GUI for Interaction with Power Controllers

This thesis focuses on enhancing the user experience and system stability of Ericsson’s integration site’s web-based graphical user interface. The web GUI, which enables communication with various power controllers, such as MC2600, M530B and M830B, currently faces usability and stability issues that impact developers and non-developers on the Ericsson integration site. A user-centered design approach was adopted to address these issues, with Ericsson’s workers playing a crucial role in providing continuous feedback. This iterative process led to the redesign of the web GUI, incorporating a model-view-controller architecture that enhanced code organization, modularity, and readability. These changes have made the codebase more maintainable and scalable, a significant step towards improving the system’s stability. Additionally, the codebase has been refactored to make it easier to read and manage. The user interface underwent significant enhancements, including improved navigation, more precise function categorization, and structured data presentation. These changes were aimed at reducing cognitive load and enhancing usability. In addition, comprehensive documentation and user manuals were developed to assist users in efficiently navigating and utilizing the web GUI, further improving the user experience. The outcomes of the implemented changes were both positive and promising. A significant improvement in both user satisfaction and system performance was observed. Workers reported more straightforward navigation, faster access to information, and a more intuitive user interface. Their feedback confirmed that the changes significantly improved the overall user experience and system stability.
Detta examensarbete fokuserar på att förbättra användarupplevelsen och systemstabiliteten för Ericssons integration sites webbaserade grafiska användargränssnitt. Webb-gränssnittet, som möjliggör kommunikation med olika kraftkontroller, såsom MC2600, M530B och M830B, står för närvarande inför användbarhets- och stabilitetsproblem som påverkar utvecklare och icke-utvecklare på Ericssons integrations site. En användarcentrerad designstrategi antogs för att ta itu med dessa problem, där Ericssons medarbetare spelade en avgörande roll för att ge kontinuerlig feedback. Denna iterativa process ledde till att webbgränssnittet designades om med en modell-vy-kontroller-arkitektur, vilket förbättrade kodorganisation, modularitet och läsbarhet. Dessa förändringar har gjort kodbasen mer underhållbar och skalbar, ett viktigt steg mot att förbättra systemets stabilitet. Dessutom har kodbasen omstrukturerats för att göra det lättare att läsa och hantera. Användargränssnittet genomgick betydande förbättringar, inklusive förbättrad navigering, mer exakt funktionskategorisering och strukturerad data presentation. Dessa förändringar syftade till att minska kognitiv belastning och förbättra användbarheten. Dessutom utvecklades omfattande dokumentation och användarmanualer för att hjälpa användare att effektivt navigera och använda webbgränssnittet, vilket ytterligare förbättrar användarupplevelsen. Resultaten av de genomförda förändringarna var både positiva lovande. En signifikant förbättring av både användarnöjdhet och systemprestanda observerades. Arbetarna rapporterade enklare navigering, snabbare tillgång till information och ett mer intuitivt användargränssnitt. Deras feedback bekräftade att ändringarna avsevärt förbättrade den övergripande användarupplevelsen och systemstabiliteten.