---
title: "Components"
canonical: "https://onesaitplatform.refined.site/page/demos/"
format: markdown
---
`   ## Architecture  The Platform follows a modular architecture that offers its capabilities through components that can be used according to the needs of the project.  For these components, the Platform uses the open-source technologies of reference in its field, integrating them so that they can work together to provide greater value to the development of solutions.  In addition, the Platform offers a centralized web console (Control Panel) that allows to manage all these components and develop on them in a unified way.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

`   ### Learn more about  [More on Architecture](https://onesaitplatform.com/space/DOCT/2220813314/A+look+at+the+Platform+Architecture) [More on Components](https://onesaitplatform.com/space/DOCT/2220425217/Components)       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title1 { font-size: 20px; margin-bottom: 0.5rem; } .section\_container\_group\_divider { width: 56px; border-bottom: solid 3px #0F68A6; } .section\_container\_group\_as { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_p { font-family: 'Titillium Web'; font-size: 16px; margin-bottom: 0px; color: #051724; } @media only screen and (max-width: 500px) { .section\_container-left { width: 100%; padding: 16px 24px; float: none; } }

.container\_image1 { width: 90%; float: left; background: url(https://blog.onesaitplatform.com/wp-content/uploads/2023/10/OPArchitectureOct2023-1.png) no-repeat center; background-size: cover; height: 440px; }

`   Components     `.divider\_container { width: 90% !important; margin: 0 auto; border-top: solid 3px #3A82D0; @media (max-width: 480px) { width: 100% !important; height: 50px !important; } @media (min-width: 769px) and (max-width: 1072px) { width: 95% !important; } } .divider\_p { color: #051724 !important; font-size: 32px !important; font-family: 'Playfair Display', serif !important; font-weight: 400 !important; background-color: #ffffff !important; margin-top: -40px !important; margin-bottom: 0; margin-right: 80px; float: right !important; padding: 16px 16px 16px; @media (max-width: 480px) { font-size: 28px; padding: 16px 16px; margin-right: 0; float: left !important; } }

`   [  ## Entities  ](#entidades)[  ## API Manager  ](#api)[  ## DataFlow  ](#dataflow)[  ## Dashboard Engine  ](#dashboard)[  ## Flow Engine  ](#flow)[  ## Notebooks  ](#notebooks)[  ## OP Forms  ](#opforms)[  ## Microservices Manager  ](#microservices)[  ## BPM Engine  ](#bpm)[  ## AI Code Generation  ](#ia)[  ## Serverless Manager  ](#serverless)[  ## File Repository  ](#filerepo)[  ## Data Labeling Tool  ](#herramienta)   `.container-links { width: 90%; margin: 0 auto; display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; @media (max-width: 468px) { width: 100% grid-template-columns: 1fr; } @media (max-width: 768px) { grid-template-columns: 1fr 1fr 1fr; } } .container-links\_item { height: 156px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 12px; box-shadow: .0625rem .0625rem 1.25rem rgba(0, 0, 0, .1); text-decoration: none !important; } .container-links\_item:hover { background-color: rgba(61, 61, 61, .15); } .container-links\_item-label { font-size: 20px; text-align: center } .rw\_external\_icon\_server { font-size: 52px; } .rw\_external\_icon\_sitemap { font-size: 52px; }

`   ## Entities (aka Ontologies)  We are a Data Centric Platform where data is the main asset. The Entity concept allows mapping with all types of repositories (SQL, NoSQL, Graphs, Big Data, Text-search, etc.) abstracting the user of the Platform from its complexity.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }

.section\_video\_left { width: 90%; float: right; } @media only screen and (max-width: 500px) { .section\_video\_left { width: 100%; padding: 16px 24px; float: none; } }

`   ## API Manager  This component makes it possible to make REST interfaces available visually and without programming, on all the elements managed by the Platform. Thus, it is possible to publish models, algorithms, reports, rules, processes, etc. (with the established security criteria) so that other agents or external users can access them.       `.section\_container-right { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: left; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; } @media only screen and (max-width: 500px) { .section\_container-right { width: 100%; padding: 16px 24px; float: none; } }

`   ## DataFlow  This module allows you to visually create and configure data flows between sources and destinations for both ETL/ELT and Streaming type processes, including transformations and data quality processes in these flows.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }

.section\_video\_left { width: 90%; float: right; } @media only screen and (max-width: 500px) { .section\_video\_left { width: 100%; padding: 16px 24px; float: none; } }

`   ## Dashboard Engine  The Dashboard Engine allows the visual creation and rendering in HTML5 of powerful dashboards, these are built on the information managed by the Platform, offer analytical and geographic capabilities and are multi-device.       `.section\_container-right { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: left; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; } @media only screen and (max-width: 500px) { .section\_container-right { width: 100%; padding: 16px 24px; float: none; } }

`   ## Flow Engine  The Platform integrates this component, which allows you to create process flows, visually orchestrating pre-created components and customized logic in a simple way.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }

.section\_video\_left { width: 90%; float: right; } @media only screen and (max-width: 500px) { .section\_video\_left { width: 100%; padding: 16px 24px; float: none; } }

`   ## Notebooks  This module provides data scientists with a multi-user web environment in which to develop analysis models of the information stored in the Platform with their favorite languages (Python, Spark, R, Tensorflow, Keras, SQL, etc.) in an interactive manner.       `.section\_container-right { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: left; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; } @media only screen and (max-width: 500px) { .section\_container-right { width: 100%; padding: 16px 24px; float: none; } }

`   ## OP Forms  Through Forms, Plataform allows the development of Web applications with a no-code approach.  These forms are visually mapped with Entities, support navigation and can be integrated into any Web application (Vue, React, Angular, etc.).       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }

.section\_video\_left { width: 90%; float: right; } @media only screen and (max-width: 500px) { .section\_video\_left { width: 100%; padding: 16px 24px; float: none; } }

`   ## Microservices Manager  The Platform manages the entire lifecycle, from automatic creation, compilation, versioning, image generation, upload to the registry and deployment on the Kubernetes cluster.       `.section\_container-right { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: left; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; } @media only screen and (max-width: 500px) { .section\_container-right { width: 100%; padding: 16px 24px; float: none; } }

`   ## BPM Engine  The Platform integrates a complete BPM engine that allows us to carry out processes such as Claims management.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }

.section\_video\_left { width: 90%; float: right; } @media only screen and (max-width: 500px) { .section\_video\_left { width: 100%; padding: 16px 24px; float: none; } }

`   ## AI Code Generation  The Platform is integrated with several AI engines, which help us to generate code on the different components, such as the generation of SQL code from natural language, the generation of pipelines in the DataFlow, of flows in the FlowEngine, etc.       `.section\_container-right { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: left; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; } @media only screen and (max-width: 500px) { .section\_container-right { width: 100%; padding: 16px 24px; float: none; } }

`   ## Serverless Manager  This module allows developers to develop business logic (functions) in different languages (Java, Python, Node, Spring, etc.) without having to worry about load balancing, multi-threading and other infrastructure issues and focus only on their code since the Platform itself manages the resources.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }

.section\_video\_left { width: 90%; float: right; } @media only screen and (max-width: 500px) { .section\_video\_left { width: 100%; padding: 16px 24px; float: none; } }

`   ## File Repository  This component allows uploading and sharing files both from the Control Panel and via REST APIs.  One of its objectives is to isolate the underlying technology in which the files are stored, so that it is transparent to the user, for that currently supports these technologies: MinIO/AWS, Google Cloud Storage and GridFS.       `.section\_container-right { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: left; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; } @media only screen and (max-width: 500px) { .section\_container-right { width: 100%; padding: 16px 24px; float: none; } }

`   ## Data Labeling Tool  This engine allows you to tag the information stored on the Platform by tagging data types such as audio, text, images, videos and time series with a simple user interface and then exporting to various model formats.       `.section\_container-left { width: 90%; display: flex; flex-direction: column; gap: 2rem; float: right; } .section\_container\_tag { text-align: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 20px; } .section\_container\_group { display: flex; flex-direction: column; gap: 0.5rem; } .section\_container\_group\_title { font-size: 24px; }

.section\_video\_right { width: 90%; float: left; } @media only screen and (max-width: 500px) { .section\_video\_right { width: 100%; padding: 16px 24px; float: none; } }