Advanced Search
Search Results
66 total results found
Documentation
Getting Started
UBOS Docs will help you to cover the basics of the UBOS tools available to help you create an application fast and easy
UI Editor
Jira Telegram Notification
Даний кейс складається з двох частин: 1) Отримання кожного дня у визначений час повідомлення про статус кожного завдання з активного спринту; 2) Отримання сповіщення при закріпленні працівника за завданням. Даний кейс несе інформативний характер, який сприя...
AI-Generated Gallery (UA)
Open AI Integration On this book we will show to generate images with open AI
HRM(NEW)
AI-Generated Gallery
This book explores the integration of OpenAI technology to generate high-quality images. It provides a comprehensive understanding of OpenAI's image generation models, covering the technical foundations and training techniques. Through practical tutorials, rea...
Створення home сторінки
Сторінка Collection
Creating a "SingleCollection" page
Сторінка Gallery
Filtered Gallery Page
Модуль створення компаній (Company)
Модуль створення вакансій (Recruit)
Модуль деталі про компанію
Creating a "Home" page
In this chapter, you will learn how to create the frontend and backend components of the "Home" page for your project. From designing an aesthetically pleasing and user-friendly layout to implementing the necessary code and functionality, you'll gain the skill...
Creating a "Collections" page
Learn how to build a dynamic "Collections" page by setting up endpoints in Node-RED and connecting it to your UI through APIs. Explore the process of designing and implementing APIs to facilitate data retrieval and manipulation. Discover how to seamlessly inte...
Cторінка SingleCollection
Creating a "Gallery" page
In this chapter, you'll delve into the creation of a captivating "Gallery" page, where you'll leverage the power of Node-RED, UI development, and API integration to build a fully functional image gallery. We'll guide you through the process of setting up Node-...
Filtering "Gallery" page
Learn how to enhance your image gallery by implementing dynamic filtering APIs. Through the creation of multiple APIs tailored for filtering images based on different criteria, you'll gain the ability to provide users with a personalized browsing experience. S...
What is UBOS?
UBOS - platform for businesses and developers UBOS is a powerful low-code platform for building and deploying web applications quickly and easily. Application development for businesses and developers. With UBOS, users can build powerful CRUD (Create, Rea...
Create a new service
Workspace After you sign in to UBOS platform first screen that you will see is the home page with a list of Workspaces. By default there will be a basic workspace with the name of your account. What is Workspace? Workspace - is a virtual space that allow...
UI Editor - Basic
UI Editor Layout Let's start from exploring the first tool in the UBOS ecosystem which will help us to build Dashboards, Admin panels, CRUD applications and other type of web apps faster and with almost no coding. After all the settings have been configured,...
Binding to another widget
Flow Builder - Basic
Flow Builder gives you the ability to design powerful workflows that can integrate a wide range of external systems and create complex logic for your application. In a single workspace, you can have multiple Flow Editor instances which you can combine or make ...
Databases
Most of the applications need to store data, in UBOS platform you can use an external database or set up your own database. To create a new database you need to open Service Manager and click on the + button on the Database row, after the modal window will be ...
Відправлення повідомленя про статус завдань активного спринту
Для відправлення повідомлення про статус завдань з активного спринта ми створюємо потік в середовищі Node Red, в якому здійнюється два Http Request: 1) для отримання всіх спринтів з певної дошки; 2) Для отримання всіх завданнь з активного спринта. Далі ми збир...
Отримання сповіщення при закріпленні працівника за завданням
Для отримання сповіщення при закріпленні працівника за завданням нам потрібно створити потік в середовищі Node Red, та створити веб хук в Jira, в якому вказати посилання на вузол http in нашого потоку. Потік в середовищі Node Red: Даний потік складає...
UI частина. Створення сторінки home
ВІДЕО РЕЗУЛЬТАТ після виконання всіх дій з сторінкою home. Перейдемо до виконання На цій сторінці використовуємо наступні віджети: function віджет (розтягнутий на всю ширину та орієнтовно 7-10px висоти, використовується як навігаційне меню): text в...
Запит до OpenAI
Крок 1. Створення запиту у середовищі Node Red. У середовищі Node Red створюємо endpoint, який зробить запит до OpenAI API та поверне нам посилання на зображення. Знадобляться вузли: http in( метод POST); function. У тілі функції вказуємо всі необхіні ...
Робота з колекціями на сторінці home
На сторінці home у користувача має бути можливість зберегти зображення до колекції та створити нову колекцію. Крок 1. Створення бази даних та налаштування. За цим посиланням дізнаєтеся про налаштування бази даних. Палета для встановлення - node-red-node-mo...
UI частина
ВІДЕО РЕЗУЛЬТАТ після виконання всіх кроків на сторінці Collection. Перейдемо до виконання На цій сторінці використовуємо наступні віджети: function віджет. Автоматично має з'явитися на новій сторінці grid layout віджет: row container віджет: ...
UI part. Creating the page
On this page, we will be using the following widgets: function widget. (It should automatically appear on a new page.) grid layout widget: row container widget: button widget; input widget; row container widget: list collaps...
Gallery
На цій сторінці використовуємо наступні віджети: function віджет. Автоматично має з'явитися на новій сторінці grid layout віджет: row container віджет: list collaps віджет( у налаштуваннях вимикаємо show pagination, налаштовуємо collaps heig...
Створення endpoints
У NodeRed додайте два нові endpoint: 1. Видалення інформації з imageCollection колекції в mongoDB по id. Ось такий вигляд має ednpoint. У вузлі http in обираємо метод PUT. У тілі function пишемо: msg.query = { _id: objectid(msg.payload._id) ...
Зв'язуємо NodeRed та UІ
Створюємо 4 API. 1.Отримати колекції API викликає той самий endpoint (getCollection) у NodeRed, що і на попередній сторінці. Вона викликається при завантаженні сторінки. 2. Створення нової колекції API викликає той самий endpoint (createNewCollection) у ...
Endpoints for working with collections
VIDEO RESULT after completing all actions on the "SingleCollection" page. To start creating this page, let's begin by creating the 4 endpoints. 1. /getCollectionById To retrieve information from the "imageCollection" collection in MongoDB based on the col...
Створення endpoints Node Red
ВІДЕО РЕЗУЛЬТАТ після виконання всіх дій з сторінкою Gallery. Створення цієї сторінки почнемо з створення endpoint. Перейдемо до виконання Потрібно додати endpoint, який буде повертати всі об'єкти з таблиці, у яких властивість deleted=false та сортуємо та...
Додаємо можливість завантажити зображення
При натискані на button Download викликаємо не API, а робимо редірект на URL, який складається з посилання на Node Red та шляху до потрібного endpoint (у вузлі http in значення URL). У query params передаємо посилання на картинку. Натисніть JS , щоб вставити...
Створення endpoint у Node Red
ВІДЕО РЕЗУЛЬТАТ після виконання всіх дій з сторінкою Gallery. Створення цієї сторінки почнемо з створення endpoint. Перейдемо до виконання Додаємо три нових endpoints: 1.Отримати унікальний текст, на основі якого формувалося зображення. Використувуємо н...