Мастерим формы с искусственным интеллектом

10.03.25

Разработка - Работа с интерфейсом

Внешняя обработка для создания прототипов форм на основе текста в стиле Markdown. Теперь с чатом ИИ и генерацией кода программного создания реквизитов.

 

 

Накидка - это инструмент для быстрого создания прототипов форм. В её основе лежит язык разметки, который позволяет описать структуру формы обычным текстом. Достаточно написать текст, нажать «Сформировать» и на экране появится готовая форма. В первой статье был представлен краткий обзор языка. С тех пор система обзавелась новыми функциями: появились редактор групп, автоматическая генерация кода и интеграция с искусственным интеллектом. ИИ облегчает задачу, предлагая готовые варианты и внося правки в существующие.

В этой статье я разберу элементы языка разметки и покажу, как шаг за шагом создать прототип формы. В качестве примера будет разработана форма документа «Поступление товаров», для которой продемонстрирую ключевые возможности обработки.

 

Запрос к ИИ

Начинаем с того, что открываем чат (кнопка со звездами) и отправляем запрос: «Как бы выглядела форма поступления с таблицей товаров?». Получаем ответ и двойным щелчком по нему переносим в редактор, затем нажимаем «Сформировать». На примере видно, что получилось в итоге.

 

 

 
 Ответ от ИИ

 

Использованные элементы языка разметки перечислены в таблице ниже.

 

Символ Значение
 ---Заголовок---   Заголовок формы
<|>  Командная панель с кнопками
:  Поле ввода. Слева заголовок, а справа значение
&  Объединение полей в группу
__С  Кнопка выбора поля ввода
 То, что похоже на таблицу  Таблица и есть

 

С кнопками ИИ немного нафантазировал, поэтому попросим его исправить это. Напишем в чат: «Измени названия кнопок на Провести и закрыть, Записать, Провести».

Мы можем попросить ИИ улучшить полученный результат. Например, добавить больше данных о поставщике. Отправляем запрос: «Добавь поля ИНН, КПП и Адрес». Результат можно увидеть под катом.

 
Ответ от ИИ

В итоге ИИ разделил форму на несколько страниц (символ "/") и перенес информацию о поставщике на отдельную страницу.

Однако, если мы посмотрим на поля ИНН и КПП, то они определились как числа. Нехорошо!

 

 

Исправим это вручную, назначив им нужные типы. Вы можете выбирать любые допустимые типы, включая ссылочные и составные.

ИНН: 1234567890 {Тип = Строка}
КПП: 9876543210 {Тип = Строка}
 
Результат с правильными типами

 

Редактирование таблицы

Далее мы хотим изменить таблицу, добавив в неё колонку «Характеристика». Для этого открываем Редактор таблиц (кнопка с таблицей), нажимаем «Добавить подколонку» и вводим заголовок.

 

 

После этого в панели просмотра заполняем таблицу данными и обновляем текст по форме.

 

 

 
Результат с многоуровневой строкой

 

Редактор групп

Наконец, хочу познакомить вас с Редактором групп (кнопка с папкой и стрелкой вниз). Он позволяет редактировать содержимое каждой группы отдельно, независимо от остального текста.

 

 

Итог

В итоге у нас получилась форма, состоящая из нескольких страниц и таблицы. В этом нам отчасти помог ИИ.

 

 

 
 Итоговый текст

 

--- Поступление товаров ---

< Провести и закрыть | Записать | Провести >
#                                  #
Контрагент: ООО "Рога и Копыта"__С + Номер: 123 & Дата: 01.01.2025
                                   + Склад: Основной__С

/Товары

	| Товар          | Количество | Цена | Сумма |
	| Характеристика |            |      |       |
	| -------------- | ---------- | ---- | ----- |
	| Товар 1        | 10         | 100  | 1000  |
	| Белый          |            |      |       |
	| Товар 2        | 5          | 200  | 1000  |
	| Синий          |            |      |       |

/Поставщик

	ИНН: 1234567890 {Тип = Строка}
	КПП: 9876543210 {Тип = Строка}
	Адрес: г. Москва, ул. Пушкина, д. 1

Что дальше? Этим результатом можно поделиться с заказчиком или разработчиком. Также можно автоматически сгенерировать код, который станет основой для дальнейшей доработки формы. Для этого достаточно нажать кнопку «Подготовить код». Ниже приложен листинг кода.

 
 Код программного создания

 

Ссылки для скачивания

Репозиторий - github.com/crimsongoldteam/md_design

Свежий релиз - github.com/crimsongoldteam/md_design/releases/latest

Документация - crimsongoldteam.github.io/md_design

 
 Как скачать?

 

обработка прототип язык markdown форма конструктор форм программная модификация искусственный интеллект

См. также

Нейросети Мастера заполнения Платформа 1С v8.3 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 Платные (руб)

Расширение для заполнения описания номенклатуры с помощью модели ИИ GigaChat от Сбера. Расширение формирует продающее описание товара по его наименованию с помощью модели искусственного интеллекта. Будет полезно для владельцев интернет магазинов, каталогов товаров и продающих через маркетплейсы. Адаптировано для основных конфигураций: УТ, ЕРП, КА, УНФ.

5000 руб.

08.11.2023    3239    13    0    

23

Работа с интерфейсом Системный администратор Программист Платформа 1С v8.3 Управляемые формы 1C:Бухгалтерия Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    55767    17    23    

43

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы 1C:Бухгалтерия Платные (руб)

Универсальный редактор картинок 1С предназначен для обработки изображений в режиме «Предприятие», с возможностью рисовать на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    64151    45    60    

83

Работа с интерфейсом Программист Платформа 1С v8.3 1C:Бухгалтерия 1С:ERP Управление предприятием 2 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    20101    28    6    

44

Работа с интерфейсом Программист Стажер Платформа 1С v8.3 Бесплатно (free)

Это инструкция по дизайну форм в среде 1С. Гайд охватывает рекомендации и стандарты для оптимизации пользовательского интерфейса. В гайде содержатся указания по использованию элементов интерфейса, включая как основные, так и продвинутые аспекты. Предоставляются также примеры и антипримеры для наглядного понимания принципов дизайна

20.08.2024    24750    mrXoxot    44    

130

Работа с интерфейсом Программист Платформа 1С v8.3 Бесплатно (free)

Пример простого и симпатичного прогресс-бара в динамическом списке, без картинок, используя редактирование запроса.

27.05.2024    12784    smielka    37    

105

Нейросети Пользователь Платформа 1С v8.3 1С:Управление нашей фирмой 1.6 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 Оптовая торговля, дистрибуция, логистика Россия Управленческий учет Платные (руб)

Расширение "Искусственный интеллект и нейросети в 1С: Работа с отзывами маркетплейсов" предназначено для применения искусственного интеллекта в повседневной деятельности селлеров на маркетплейсах. Среди функций - работа с отзывами, вопросами и чатами покупателей, диалог с нейросетями, генерация картинок, заполнение описаний номенклатуры и другое.

6000 руб.

03.04.2024    7824    3    0    

9

Инструментарий разработчика Нейросети Программист Платформа 1С v8.3 Управляемые формы 1C:Бухгалтерия 1С:Управление торговлей 11 Бесплатно (free)

Уже год с лишним, как большие языковые модели (LLM GPT) находятся в центре внимания. За это время появилось понимание, как можно использовать данную технологию в связке с 1С. Кроме того, теперь у нас есть множество провайдеров. Среди них не только зарубежные, но и местные. Данная библиотека обобщает опыт использования искусственного интеллекта в 1С и дает вам возможность создавать собственные решения, не отвлекаясь на второстепенные технические детали.

11.03.2024    20334    713    mkalimulin    36    

112
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. XilDen 605 10.03.25 14:50 Сейчас в теме
Очень достойная работа! Предлагаю идею для развития: помимо кода программного создания полученной формы создавать полученную форму ещё и в XML с возможностью импорта в 1С.
2. nikitazherebtsov 58 10.03.25 15:19 Сейчас в теме
(1) Спасибо. Это, конечно, пугающая сложностью и манящая возможностями задача
3. Viktor_Ermakov 373 11.03.25 14:45 Сейчас в теме
Идея очень классная, особенно в парадигме "все как код".
Никита, скажите, а возможность доработать существующую форму есть таким способом?
Выбираешь форму, накидываешь текст, и просматриваешь?
Так же формируется код 1С.
4. nikitazherebtsov 58 11.03.25 15:11 Сейчас в теме
(3) Благодарю. Сейчас такого нет. Реализовать технически возможно. С языком вопросы. Видимо, какие-то директивы Вместо, Перед, Переместить, Удалить. Сделаю issue, идея мне нравится.
5. Torin57 37 11.03.25 17:03 Сейчас в теме
Доброго дня. А какой провайдер ИИ используете? Он бесплатен?
И какая модель?
6. nikitazherebtsov 58 11.03.25 17:48 Сейчас в теме
(5) Добрый день. Использую Google: Gemini Flash 2.0 через openrouter. Эта модель платная.
Оставьте свое сообщение