Nokia's Network Automation Transformation

About this
Project

About this project

Nuage Networks Virtualized Network Services is a software-defined WAN (SD-WAN) solution that helps large enterprises to transform their IT and build a truly programmable automated software-defined datacenter. This network is from Nokia, aiming to solve various traditional networking hurdles, like multi-cloud, scaling security branch visualization, and remote worker by aligning the IT and wide area networking capabilities.

Scope

Product Engineering

Region

United States

About
Client

About the client

Nokia, a leading global telecommunications company, sought to enhance its Nuage Networks Virtualized Network Services, an SD-WAN solution. With operations spanning the United States, Nokia needed to address challenges related to UI complexity, data governance, and overall system performance.

Nokia needed to address challenges related to UI complexity

Business Challenges

Nuage Networks is the industry-leading telecom and network automation company that simplifies and centralized network control in the cloud. Nokia collaborated with us to centralize or simplify its vast data and 200 networked entities in an accurate manner. The client was facing several technical challenges within their web applications, becoming business challenges for them, such as:

Complex UI — Their existing web application was based on a complex cappuccino framework that was not user-friendly and did not even allow for flexibility to enhance it. Consequently, it led to poor performance, application slowed down, and bugging.

Poor Data Governance— Nuage Network is a huge platform with a massive amount of data and more than 200 network entities, including domains, gateways, ports, VLANs, and subnets interconnected in a highly complex hierarchical structure. Extracting value from big data and managing it in a proper format was challenging for the client, who couldn’t access the data when he wanted it.

Our
Offering

Our Solution

We worked closely with the client’s team to define their business requirements, concerns, and scope. After several brainstorming sessions, Successive Digital team outlined the web application’s optimal architecture and refined its functional requirements and technologies.

Successfully Transformed the Cappuccino Framework

Our developers successfully transformed the Cappuccino framework into a simple and user-friendly framework by leveraging agile methodology & technologies, including- Python, ReactJS, and Node. Js-based JavaScript framework. However, the process turned out to be a little hard – but our skilled developers fixed those problems by working in three different directions. Our first developer’s team worked on react.js, our second team worked on automation & testing, and our third team worked on QA and wrote the automation script for his Nuage network. Earlier, the website loading time was in between 30 seconds – 1.2 minutes, but now it opens in 600 milliseconds to a few seconds (depending on network latency).

Streamline Data Architecture

The Nuage Networks website has a massive amount of data represented in a table format, which was not user-friendly. For appealing data visualization & presentation, we designed agile data architecture to streamline all the data efficiently and effectively. Leveraging D3 js., Recharts, and React virtualized (Table), we designed different graphs to present the data in a clear and readable manner. Our developers leverage the power of tooltip and data integration to streamline data architecture so that the client can easily extract the value from massive data. We also used filters to narrow down the data in a worksheet, as it allows the client to view only the information he needs.

Key Project Modules

Set up Dashboards: Each dashboard contains multiple graphs of a given network entity.

User Authenticate: Authenticate user from VSD API (provided by Nokia)

Draggable and Resizable: Users can resize the graph and drag it anywhere within the dashboard.

Range Filter: Filter the data from ES and VSD using timestamp range.

Tree View: Using tree view to add/remove the nodes dynamically at the hierarchy level.

Event handling: Add multiple events to configure the relationship between the graphs.

Result

Providing results that exceeded the client’s expectations

The client was pleased and satisfied with how we solved their business challenges, and he decided to continue working with Successive Digital on the same project. With the integration of graphs and quick data visualization, the data fetching process increased. The client can now perform analysis better, take quick action, easily find errors, and so on. Additionally, website loading speed has also increased.