Skip to content

Aryan Gupta: (MSS) msui: Improve MSUI : GSOC2024

ReimarBauer edited this page Oct 12, 2024 · 18 revisions

GSoC 2021

Google Summer of Code' 24 Final Report


Project Goals

The primary goal of this project was to enhance the user interface of Mission Support System - MSUI. The focus was on implementing usability and functionality improvements to optimize user interactions and overall user experience.


Features Implemented

Feature 1: Custom Profile Images

The feature enhances MSColab by allowing users to upload custom profile images, replacing generic initials used during login and chat interactions. This update not only personalizes user accounts but also improves the visual interaction within the platform. By substituting text initial default profile image with personal images, the feature fosters a sense of individuality and enhances user engagement. It contributes significantly to the platform’s aesthetics and usability, making MSColab more engaging and visually appealing.

Screenshot 2024-08-18 at 12 58 44 PM

Code Highlights:

  • Integrated binary data handling within the User model to store images initially.
  • Transitioned to storing the relative paths of images in the database to improve efficiency.
  • Implemented image upload functionality within the UI, allowing users to select and upload images from their system.
  • Developed a centralized file management system to handle uploads, reducing redundancy and enhancing maintainability.

Video Demonstration:

https://fz-juelich.sciebo.de/s/m8c6paLApNpK83W/download#.mp4

Pull Requests:


Feature 2: Real-Time tracking of active users in an operation

Developed a real-time system to show how many users are actively working on the selected operation, promoting a more collaborative environment.

Screenshot 2024-08-18 at 1 37 32 PM

Code Highlights:

  • Implemented user tracking using Socket.IO, allowing real-time updates when users join or leave an operation.
  • Developed UI component to display the active user count dynamically.

Video Demonstration

Pull Requests:


Feature 3: Improve MSColab Chat

The goal was to enhance the existing chat system within MSColab by introducing the following enhancements -

  • Create a separate channel for service messages to improve readability by preventing them from interfering with regular chat messages.
  • Show user profile images alongside their names in the collaborator list.
  • Overlay a green dot on active users' profile image in the collaborator list to visually indicate their current activity status.
  • More detailed service messages: Service messages to specify what changes was made by a collaborator in the flight-track - "waypoint {num} moved", "deleted waypoint {num}", "inserted a new waypoint", "created hexagon", "deleted waypoints x-y".
Screenshot 2024-08-18 at 1 32 38 PM

Video Demonstration

Pull Requests:


Acknowledgements

I would like to sincerely thank my mentors, Reimar Bauer and Matthias Riße, for their constant support and guidance throughout the program. Their patience in addressing even my smallest doubts, along with their help in teaching me some industry level coding practices to write good and efficient code, have been invaluable to my growth.

I would also like to express my gratitude to Google and the Python Software Foundation for giving me the opportunity to participate in this incredible program.