{"id":9868,"date":"2024-09-26T19:10:21","date_gmt":"2024-09-26T13:40:21","guid":{"rendered":"https:\/\/www.imensosoftware.com\/?post_type=work&p=9868"},"modified":"2024-11-28T13:36:05","modified_gmt":"2024-11-28T08:06:05","slug":"saas-based-multi-tenant-data-visualization-platform","status":"publish","type":"work","link":"https:\/\/www.imensosoftware.com\/work\/saas-based-multi-tenant-data-visualization-platform\/","title":{"rendered":"SaaS based multi-tenant data visualization platform"},"content":{"rendered":"
\n
\n
\n
\n
Case study<\/span><\/div>\n

SaaS based multi-tenant
data visualization platform.<\/h1>\n
    \n
  • Industry: EdTech<\/strong><\/li>\n
  • Country: USA<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
    \n
    \n
    \n
    \"image\" <\/div>\n<\/div>\n<\/div>\n<\/section>\n
    \n
    \n
    \n
    \n
    \n

    Trion SaaS is built on a multi-tenant architecture framework, allowing a single software application instance to serve multiple tenants efficiently. Each tenant\u2019s data is fully isolated and secure, ensuring that information remains private and inaccessible to other tenants.<\/span> In our implementation, this architecture assigns a dedicated Azure SQL database to each client, enhancing data security through segregation and enabling tailored optimizations to meet the specific needs of each tenant.<\/p>\n<\/div>\n<\/div>\n

    \n

    The core challenges<\/h4>\n
      \n
    • Tenant identification: <\/span> Implement a mechanism to identify the tenant based on the user’s login using KeyCloak.<\/li>\n
    • Database provisioning: <\/span> Automate the provisioning of Azure SQL databases for new clients as part of the onboarding process. This includes setting up the database schema, roles, and initial configurations specific to each tenant.<\/li>\n
    • Connection management: <\/span> Develop a dynamic database connection management system that manages connections to the appropriate tenant database based on the tenant identification process.<\/li>\n
    • Scalability: <\/span> Design the infrastructure to be scalable, enabling seamless resource expansion for individual tenant databases as their usage increases.<\/li>\n
    • Data isolation and integrity: <\/span> Ensure strict data isolation for each tenant, preventing any possibility of cross-tenant access.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
      \n
      \n
      \n
      \n

      Solution<\/span> We\u2019ve created a platform that allows multiple tenants\u2014whether they\u2019re customers or organizations\u2014to securely share the same system<\/span> while keeping their data completely separate and protected.<\/p>\n<\/div>\n<\/div>\n

      \n
      \n
        \n
      • \n
        \n
        \"icon\"<\/div>\n
        Multi-Tenant architecture: <\/span> Tenancy is implemented using a database-per-tenant strategy, ensuring enhanced security and data isolation. Each tenant’s data is stored in a dedicated Azure SQL database.<\/div>\n<\/div>\n<\/li>\n
      • \n
        \n
        \"icon\"<\/div>\n
        Single Page Application (SPA): <\/span> React was chosen to build a fast, responsive, component-based, and modular SPA. Each tenant is provided with a customized user interface tailored to their specific preferences and needs.<\/div>\n<\/div>\n<\/li>\n
      • \n
        \n
        \"icon\"<\/div>\n
        API integration: <\/span> React communicates with the .NET Core Web API to fetch tenant-specific data, utilizing HTTP requests (Axios, Fetch API).<\/div>\n<\/div>\n<\/li>\n
      • \n
        \n
        \"icon\"<\/div>\n
        Real-Time data processing: <\/span> Capable of processing and visualizing data in real time, enabling users to monitor key metrics and respond quickly to changes.<\/div>\n<\/div>\n<\/li>\n
      • \n
        \n
        \"icon\"<\/div>\n
        Entity framework core (EF Core): <\/span> Used as the ORM to manage tenant data. EF Core\u2019s database per tenant strategy helps in managing migrations and schema versions independently for each tenant.<\/div>\n<\/div>\n<\/li>\n
      • \n
        \n
        \"icon\"<\/div>\n
        Caching and Queuing: <\/span> Azure Redis Cache was used to speed up repetitive data queries. Azure Service Bus was used for background tasks and communication between services.<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
        \n
        \n
        \n
        \n

        Features.<\/span>
        Some essential functionality.<\/h2>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n

        We’ve developed a wide range of features to enhance the application, and below are some of the key functionalities:<\/p>\n

        \n
        \n
        \n
          \n
        • User authentication and role-based access control.<\/li>\n
        • Real-time communication between the frontend and backend.<\/li>\n
        • High availability and scalability.<\/li>\n
        • Cost-effective Azure services.<\/li>\n
        • Automated deployment via Azure DevOps.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
          \"found\"<\/div>\n<\/div>\n

          <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

          \n
          \n
          \n
          \n

          Enhancement.<\/span>
          By adding useful features.<\/h2>\n<\/div>\n<\/div>\n
          \n
          \n

          To elevate the application and enhance the user experience, we’ve incorporated a range of features<\/span> that empower users to interact securely with their data.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

          \n
          \n
          \n
          \n
          \n
          \"image\"<\/div>\n
          \n
          Advanced data grid<\/h5>\n

          Developed an advanced data grid component for displaying and managing large datasets,<\/span> offering features like editable cells, sorting, filtering, customizable columns, data export\/import, pagination, and virtual scrolling for dynamic user interaction and extensive customization.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

          \n
          \n
          \"image\"<\/div>\n
          \n
          Document management system<\/h5>\n

          A centralized, secure, and efficient solution for tenants to store, organize, and manage their documents,<\/span> ensuring each tenant has a tailored space without compromising data privacy or security.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n

          \n
          \n
          \n
          \"image\"<\/div>\n
          \n
          KeyCloak authentication<\/h5>\n

          We integrated Keycloak to handle authentication and authorization, creating distinct realms for each tenant. This provided isolated user management, tailored role-based access control,<\/span> and customizable authentication flows to meet each tenant\u2019s specific needs securely and seamlessly.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

          \n
          \n
          \"image\"<\/div>\n
          \n
          Azure subscription management<\/h5>\n

          Upon signing up, each tenant receives their own Azure subscription with detailed cost tracking and management. This allows for accurate billing and resource optimization, <\/span> ensuring tenants are only charged for the resources they use.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n<\/div>\n<\/section>\n

          \n
          \n
          \n
          \n

          Customization.<\/span>
          How we played with records?<\/h2>\n<\/div>\n<\/div>\n
          \n
          \n

          We go beyond simply displaying records; we have designed a wide range of options that allow users to interact with data,<\/span> enabling more informed decision-making.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

          \n
          \n
          \n
          \n
          \n
          \n
          SQL Server for relational data<\/h5>\n

          Each tenant is provided with a dedicated SQL database for storing structured data, such as customer details, orders, and product information, ensuring complete data segregation and enhanced security.<\/p>\n<\/div>\n

          \"image\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n

          \n
          \n
          \n
          \n
          Role-Based Access Control (RBAC)<\/h5>\n

          Each tenant is configured with distinct roles, such as Admin, Manager, and User, with access to different parts of the application controlled by role-based permissions.<\/p>\n<\/div>\n

          \"image\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n

          \n
          \n
          \n
          \n
          Editable cells<\/h5>\n

          Developed a feature that allows users to modify, update, and interact with data directly within the application at runtime, without needing to refresh or reload the page.<\/p>\n<\/div>\n

          \"found\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n

          \n
          \n
          \n
          \n
          Advanced filters<\/h5>\n

          The application is equipped with advanced filters that allow users to efficiently sort, search, and refine large datasets to quickly find specific information.<\/p>\n<\/div>\n

          \"image\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n

          \n
          \n
          \n
          \n
          Import & Export<\/h5>\n

          Using sample templates, users can efficiently import large datasets and export selected records in various formats such as CSV, PDF, or Excel.<\/p>\n<\/div>\n

          \"found\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n

          \n
          \n
          \n
          \n
          Customizable columns<\/h5>\n

          Users can effortlessly select which columns to display, creating a personalized view that highlights the most relevant data and ensures the information shown aligns with their specific needs.<\/p>\n<\/div>\n

          \"image\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/p>\n<\/div>\n<\/section>\n

          \n
          \n
          \n
          \n

          Explore more. <\/span>
          Additional features.<\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
          \n
          \n
          \n
          \n
          \n
          \n

          \"icon\"<\/p>\n

          Log management.<\/span> The system captures logs of user actions in real time, providing comprehensive tracking, monitoring, and analysis of activities within the application.<\/p>\n<\/div>\n

          \n

          \"icon\"<\/p>\n

          D3 Calendar chart.<\/span> Integrated a D3 calendar chart to visualize time-based data on a calendar grid, with each cell representing a day of the year. The chart maps performance metrics to color intensities, allowing for clear representation of daily activity.<\/p>\n<\/div>\n<\/div>\n

          \n
          \n

          \"icon\"<\/p>\n

          Frontend tenant customization.<\/span> For a customized UI, tenant-specific configurations (such as themes and feature toggles) are fetched from Azure SQL Database or stored in a central repository.<\/p>\n<\/div>\n

          \n

          \"icon\"<\/p>\n

          User management.<\/span> Each tenant can create their own team within the application, manage roles and permissions, and track team activities.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

          \n
          \n
          \n
          \n

          The outcome.<\/span>
          What we have achieved.<\/h2>\n<\/div>\n<\/div>\n
          \n
          \n
            \n
          • High availability & scalability:<\/span> The application is able to scale efficiently with minimal downtime due to Azure’s robust cloud infrastructure and auto-scaling capabilities.<\/li>\n
          • Improved user experience:<\/span> Tenants enjoyed a tailored user experience without performance issues, as data was fetched and managed efficiently using Azure SQL Server.<\/li>\n
          • Cost efficiency:<\/span> Using shared resources like Azure SQL Elastic Pools and Azure SQL Server, the application kept costs under control while maintaining a high degree of data isolation and customization.<\/li>\n
          • Rapid development and deployment:<\/span> With Azure DevOps, new features and bug fixes were deployed seamlessly through automated pipelines, ensuring rapid iterations and high-quality code.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

            Case study SaaS based multi-tenantdata visualization platform. Industry: EdTech Country: USA Trion SaaS is built on a multi-tenant architecture framework, allowing a single software application instance to serve multiple tenants efficiently. Each tenant\u2019s data is fully isolated and secure, ensuring that information remains private and inaccessible to other tenants. In our implementation, this architecture assigns […]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":9,"template":"","meta":[],"class_list":["post-9868","work","type-work","status-publish","hentry","work-category-data-visualization","work-service-product-engineering","work-service-web-development","work-service-saas-applications"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.imensosoftware.com\/wp-json\/wp\/v2\/work\/9868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.imensosoftware.com\/wp-json\/wp\/v2\/work"}],"about":[{"href":"https:\/\/www.imensosoftware.com\/wp-json\/wp\/v2\/types\/work"}],"wp:attachment":[{"href":"https:\/\/www.imensosoftware.com\/wp-json\/wp\/v2\/media?parent=9868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}