Mastering Data Source Management in Embedded Applications

Enos Otieno Juma
Bold BI
Published in
5 min readAug 8, 2023
Mastering Data Source Management in Embedded Applications

Data serves as the backbone of contemporary applications, including embedded systems. Effectively handling data sources is crucial for the success of any embedded application. In this blog post, we will discuss the significance of data source management in the embedded domain. We will explore fundamental principles, dive into sophisticated methods, and offer practical guidance to enable you to create, modify, and visualize data sources with Bold BI within your embedded applications.

Importance of data source management in embedded systems

Managing data sources is critical for the efficient operation of embedded applications. Here are some primary reasons why managing data sources is essential in the context of embedded systems:

Simplified deployment

Embedding data sources allows for easier deployment of applications by including all necessary data within the application itself, eliminating separate configurations.

Improved performance

Embedded data sources enable applications to access data more efficiently, reducing network delays and enhancing responsiveness.

Enhanced security

By embedding data sources, security measures are heightened as the exposure of sensitive data is minimized, and tighter control over data access is established.

Customization and adaptation

Embedded data sources offer the flexibility to customize and tailor data structures, formats, and content to suit the application’s specific requirements.

Simplified maintenance

Embedding data sources simplifies maintenance by integrating updates directly within the application, streamlining data management.

Improved user experience

Embedded data sources provide a smoother user experience with faster data retrieval, real-time updates, and a responsive application interface.

How to embed a data source for Bold BI in your application

Follow these steps to embed data sources for Bold BI in your JavaScript application:

  1. Download the Bold BI embedding sample here.
  2. On your .html page, include the Embedded SDK URL within the head tag.
Embed SDK URL
Embed SDK URL

3. Within the body tag, generate a div element with a custom ID name for data source embedding purposes.

div Element with a Custom ID
div Element with a Custom ID

4. Within the body tag, include a Bold BI instance creation function with the custom ID name. Use the onload attribute to call this function, as well as the loadDatasource() function.

5. Get the data source ID from the URL to embed it. The data source can be embedded by using either the identification number that is associated with the data source, or by using the name that has been assigned to the data source, which can be retrieved as shown in this documentation.

1. Embedding data source with ID:

Data Source Embedded with ID
Data Source Embedded with ID

2. Embedding data source with name:

Data Source Embedded with Name
Data Source Embedded with Name

6. Implement an authorization endpoint in your application by using the authorization server as a bridge between the application and the Bold BI server. You will need to provide user details.

7. Now run the sample to embed the data source. The embedded data source will be rendered as shown in the following figure:

Embedded Data Source
Embedded Data Source

Creating a data source for Bold BI in embed mode

  1. If you need to create a new data source in embed mode, use the Connection mode as shown in the following code sample and call the loadDatasource() function. You must have permission to create data sources to be able to do this.
Create Data Source in Embed Mode
Create Data Source in Embed Mode

2. Run the sample. The data source connection list will be rendered as shown in the following figure:

Data Source Connection List
Data Source Connection List

3. Choose a connection type based on your needs. In this example, we are selecting the SQL connection type.

Data Source Connection
Data Source Connection

4. Provide the data source name and server name. Connect your database and then drag and drop your table. Save the data source with a valid name to ensure proper identification for future reference.

Save Data Source
Save Data Source

Editing a data source for Bold BI in embed mode

  1. If you want to edit a created data source, provide the name of the data source you want to edit, use the Datasource mode, and call the loadDatasource() function as shown in the following code sample:
Editing Data Source
Editing Data Source

2. Run the sample. The selected data source will be opened in the embedded data source designer page where we can edit it. After editing the data source, click Save.

Editing and Saving the Data Source
Editing and Saving the Data Source

3. Check out this documentation for more details about embedding a data source and creating data sources in embed mode.

Viewing connected data sources in embed mode

You can view the connected data source for a specific dashboard by embedding the dashboard designer in your application. Open the connected data source from the data source list in the dashboard designer as shown in the following figure:

View Data Source
View Data Source

You can also embed a data source for Bold BI to other web applications through single sign-on authentication as explained in this documentation.

Conclusion

I hope you now understand how creating, viewing, and editing data sources in embedded applications allows businesses to tailor their data, ensure data integrity and security, and optimize application performance. These benefits come together to enhance user experiences and drive better decision-making.

--

--

Enos Otieno Juma
Bold BI
Writer for

Technical writer and content reviewer at Syncfusion.