[Intum — Довідковий центр](https://intum.com.ua/dopomoha.md) / [Noe AI](https://intum.com.ua/dopomoha/noe-ai.md)

# [Застосунки Noe: ваші власні інструменти та вдосконалення в системі](https://intum.com.ua/dopomoha/noe-ai/zastosunky-noe-vashi-vlasni-instrumenty-ta-vdoskonalennia-v-systemi.md)

## Що таке застосунки Noe?
Застосунки Noe - це інтерактивні інструменти та вебсторінки, які ви можете створювати безпосередньо в браузері, без потреби будувати складну програмну частину (бекенд).
Весь процес надзвичайно простий: ви редагуєте код в Intum, а система миттєво його обробляє та запускає готовий застосунок за його власною URL-адресою або автоматично додає його у вибраному місці в системі.
## Три види застосунків Noe
Залежно від потреб, ваш застосунок Noe може працювати як цілком незалежна програма або як невелике, кмітливе вдосконалення системи Intum. На вибір ви маєте три варіанти:

### 1. Самостійні застосунки
Це класичні програми, доступні за власною, зрозумілою адресою (за зразком `/a/url_code`). Це можуть бути різноманітні калькулятори, панелі показників (дашборди), міні-інструменти, ігри чи форми.
- **Для кого?** Вони можуть бути публічними (доступними для кожного в інтернеті, без входу) або приватними (видимими лише для авторизованих користувачів вашого облікового запису).
- **Приклади:** калькулятор маржі, генератор надійних паролів, проста CRM-система, створена під потреби конкретної команди, або гра, що урізноманітнює корпоративну подію.

### 2. Інтеграційні застосунки Intum
Це готові рішення, які поєднують Intum із зовнішніми програмами та сервісами - наприклад, з Fakturownia, KSeF, Allegro, інтернет-магазинами чи банківськими системами. Частину з них ви отримуєте прямо від Intum, а частину можете побудувати самостійно, користуючись готовими конекторами (модулі Connect / InConnector).
- **Як це працює?** Такий застосунок отримує дані із зовнішнього сервісу, показує їх у зрозумілий спосіб в Intum і дозволяє вам швидко діяти - наприклад, натиснути кнопку «імпортувати рахунок» або «надіслати до JPK». Дуже часто ці застосунки користуються допоміжною базою даних Noe (`db_code`), у якій зберігають свої налаштування та кеш.

### 3. Внутрішні застосунки (вбудовані безпосередньо в Intum)
Це невеликі скрипти, які «вплітаються» у конкретні сторінки системи Intum, щоб змінити їхню роботу або додати цілком нові опції.
- **Приклади:** застосунок може автоматично підсвічувати повідомлення від ключового клієнта у вашій вхідній скриньці, додати нову корисну кнопку на картці клієнта або змінити вигляд списку завдань.
- Про те, у якому місці система покаже це вдосконалення, вирішує просте поле `show_in_module`. Повний опис цього рішення та перелік місць, у які ви можете вбудуватися, ви знайдете у статті: [*Внутрішні застосунки Noe*](https://intum.pl/pomoc/noe-ai/aplikacje-noe-wewnetrzne).

## Сучасні рушії рендерингу (технології)
Створюючи застосунок, ви можете вибрати технологію, у якій він відображатиметься. Підлаштуйте її під свої вміння чи потреби проєкту:
- **Svelte 5** - дуже сучасний, швидкий та плавний інструмент (реактивний фреймворк), який система обробляє безпосередньо на сервері.
- **Vue 3** - надзвичайно популярний та улюблений фреймворк з інтуїтивним підходом Composition API.
- **React 19** - класичний, перевірений ринковий стандарт, що використовує запис JSX.
- **JavaScript** - чистий, традиційний код JS. Не потребує жодної обробки, завдяки чому запускається найшвидше.
- **HTML** - проста, статична сторінка, яку ви можете прикрасити власним стилем CSS.
- **Kaboom / Phaser** - спеціальні рушії, створені для проєктування дво- та тривимірних (2D/3D) ігор.
Крім того, ви можете вирішити, як хочете стилізувати свій застосунок за допомогою мови CSS. На вибір ви маєте: **tailwind_all** (швидке завантаження із зовнішньої мережі через CDN), **tailwind** (версія, що компілюється системою, займає менше місця та працює ефективніше) або опцію **none** (без готових стилів).

## Найважливіші функції та можливості
Застосунки Noe пропонують набір інструментів, які максимально полегшують роботу:
- **Вбудований редактор коду** - зручне вікно для написання програми, яке автоматично підсвічує синтаксис, полегшуючи читання коду.
- **Автоматичне розгортання** - ваш код компілюється (оновлюється) самостійно у момент, коли ви натискаєте «зберегти».
- **Контроль приватності** - ви самі вирішуєте, чи застосунок має бути публічним для цілого світу, чи безпечним і закритим (приватним).
- **Зручні посилання** - забудьте про складні набори символів (UUID). Ви можете надати застосунку просту назву у полі `url_code` (наприклад, `/a/kalkulator`).
- **Швидке клонування** - одним натисканням ви створите резервну копію або нову версію наявного застосунку, щоб на ній експериментувати.
- **Виділена база даних Noe** - вписуючи код бази (`db_code`), ви підключаєте застосунок до сучасної документної бази. Що важливо, кілька різних застосунків можуть користуватися однією й тією ж базою та ділитися інформацією.
- **Підтримка Штучного Інтелекту (Prompt AI)** - до свого застосунку ви можете долучити спеціальні системні інструкції для AI, які допоможуть йому працювати розумніше.
- **Автоматизація процесів (Flow)** - ви можете запускати складні бізнес-процеси (Flow) безпосередньо з вигляду (фронтенду) свого застосунку.
- **Історія змін** - система пам'ятає старіші версії вашого коду. Якщо ви припуститеся помилки, у будь-який момент можете безпечно відновити робочу версію з минулого.

## Хочете побачити, як це працює на практиці?
Ми підготували для вас покрокову інструкцію разом з готовим, безкоштовним кодом JavaScript. Перегляньте наш посібник: [*Як додати власний застосунок Noe, що підсвічує листи від конкретного відправника*](https://intum.pl/pomoc/poradnik/jak-dodac-wlasna-apke-noe-podswietlajaca-maile-od-konkretnego-nadawcy), і переконайтеся, як легко ви можете підлаштувати систему Intum під власні звички!