gifts2017

ОптимаСофт:Редактор картинок

Опубликовал Игорь Steelvan (Steelvan) в раздел Программирование - Внешние компоненты

Графический движок "ОптимаСофт: Редактор картинок" - это инструмент для работы с интерактивной графикой в 1С. Он позволяет создавать интерактивные изображения, динамические схемы, модели бизнес-процессов, панели мониторинга и другие прикладные решения в любой конфигурации 1С. Все это возможно без использования дополнительного ПО. Поддержка формата XML позволяет динамически создавать и изменять геометрию и свойства изображений в зависимости от данных в 1С и наоборот. В поставку "ОптимаСофт: Редактор картинок" входит также ознакомительная конфигурация 1С, содержащая примеры настройки интерактивных изображений.

Графический движок является EXE-приложением, которое поддерживает следующие функции:

  • Генерация произвольных изображений по XML-описанию;
  • Предоставление пользовательского интерфейса для интерактивной разработки диаграмм в режиме "1С: Предприятия";
  • Предоставление пользовательского интерфейса для интерактивного изменения ранее созданных диаграмм в режиме "1С: Предприятия";
  • Создание скриншотов, загрузку готовых изображений и наложение на эти изображения интерактивных графических объектов;
  • Сохранение в формате XML файла, который может быть передан в 1С для его разбора и анализа.

Использование EXE-приложения имеет следующие преимущества:

  • Нет необходимости регистрировать его под полными правами;
  • Картинки можно генерировать на сервере и передавать на клиента;
  • Сам движок можно использовать вне 1С для работы с диаграммами, как настольное приложение.

Кеширование движка происходит при старте программы и он самоудаляется при завершении сеанса как временный файл 1С. Данная демоконфигурация разработана в тонком клиенте в интерфейсе Такси без использования модальности.

Варианты использования движка

Формирование картинки произвольной диаграммы
Из любой 1С конфигурации можно вызвать редактор для интерактивного создания пользователем диаграммы из графических примитивов или с использованием уже созданных наборов. Элементы диаграммы являются векторными объектами, которые можно соединять коннекторами, перемещать относительно друг друга, изменять цвета или геометрию. После создания диаграммы достаточно нажать в редакторе кнопку "Отправить" и в 1С кнопку "Завершить редактирование". Результат работы пользователя сохранится в 1С и может быть отображен в любом реквизите с типом "Картинка".
Формирование интерактивной картинки
Для возможности привязки элементов справочника 1С к графическим элементам, в редакторе картинок можно использовать поле "Гиперссылка", в котором можно указывать любую строковую константу (код элемента или его идентификатор). При этом результат создания диаграммы будет выведен в реквизите формы "Поле HTML документа" в виде кликабельной картинки. Кликабельной будет только та область картинки, на которой отображен графический элемент, привязанный к элементу базы 1С. Клики по такой картинке передаются в 1С для произвольной обработки (например, открытия формы).
Обращаем ваше внимание, что интерактивными могут быть как фигуры, так и коннекторы.
Анализ созданной диаграммы
После того, как пользователь создал диаграмму и нажал кнопку "Отправить", в 1С передается как картинка, так и xml файл созданной диаграммы. Программист 1С может написать код, который разберет xml и по полученным данным может выполнить определенные действия (например, настроить исполняемый бизнес-процесс).
Программное создание картинки
Используя xml текст, который может быть сгенерирован в 1С, можно кодом 1С создавать новые наглядные диаграммы, которые будут отображать ту или информацию в удобном графическом виде на форме 1С в поле с типом "Картинка". Созданную диаграмму можно сохранить в картинку, вывести на печать. Также созданный xml файл можно отправить пользователю вне программы. Отправленный файл можно открыть в этой же exe программе вне 1С.

Описание демопримеров

Создание картинки
В этом примере показывается основной принцип обмена данными между 1С и графическим движком. При нажатии на кнопку "Создать картинку" вызывается служебное окно 1С для завершения редактирования и окно редактора картинок для пользователя.

После создания диаграммы, пользователь должен нажать в окне редактора "Интеграция / Отправить" и в окне 1С должен нажать "Закончить редактирование". В этот момент картинка из редактора читается в 1С и отображается в поле картинки.

Благодаря тому, что одновременно с картинкой в 1С передается и xml текст диаграммы, становится возможным повторное редактирование отображаемой картинки по кнопке "Изменить картинку".

Раскрасим нашу картинку и обратно вернем в 1С. Это очень удобно, когда пользователь может быстро и многократно дорабатывать картинку с минимальными усилиями. Это особо актуально, когда, например, делается сложная документация и иллюстрации к ней надо многократно изменять.

Оргструктура

Данный пример показывает интерактивные возможности программы на примере оргструктуры, где графический элемент привязывается к элементу справочника 1С.
При открытии мы видим таблицу, заполненную строками из базы 1С и пустое поле, которое заполняется при нажатии кнопки "Обновить интерактивную картинку". Мы специально вынесли обновление на кнопку для того, что бы можно было изменить код XML на закладке "Строка XML картинки" и перестроить картинку.

После нажатия кнопки "Обновить интерактивную картинку" происходит построение фоновой картинки, создание кликабельной html маски с привязкой элементов 1С и отображение результата в поле формы с типом "Поле HTML документа". Кликабельными являются графические элементы, которые по гиперссылкам могут активировать строки в таблице элементов базы 1С. Связь элементов базы 1С и графических элементов происходит через узел G.Hyperlink в XML и строки в колонке "Гиперссылка". Например, <G.Hyperlink>Коммерческий</G.Hyperlink> для коммерческого директора.

При нажатии на кнопку "Открыть диаграмму для редактирования" открывается уже знакомый нам редактор, в котором можно изменить диаграмму и отправить ее обратно в 1С. При этом кликабельные области соответствующим образом пересчитаются на новые положения.

Скриншоты остальных примеров

Остальные демопримеры можно посмотреть скачав конфигурацию, здесь мы только покажем их скриншоты без детального описания. Очень надеемся, что что Вы сможете в них разобраться и взять себе что-то полезное

Возможно, мы расширим список демопримеров следующими примерами:
*) Использование контекстного меню для интерактивных диаграмм;
*) Использование изменяемого масштаба для интерактивных диаграмм.
По заказу возможна разработка конкретных примеров по требованиям покупателя.

Включенные наборы элементов

В поставку включены следующие наборы элементов, которые можно использовать для составления диаграмм.
*) BPMN
*) EPC
*) Диаграмма Дракон (подвид блок-схем)
*) Блок-схема
*) Простые элементы (стрелки, звезды, прямоугольники)
*) Курсоры (для решения проблемы, когда на скриншоте скрывается курсор мыши)

Если предложенных элементов недостаточно, то пользователь может взять простой прямоугольник и сделать из него фигуру необходимой геометрии.

Такой элемент также будет подключаться к коннекторам, изменять свой размер за маркеры, его можно использовать в интерактивных HTML картах.

Конфигурация лицензируется в двух вариантах

4 900 рублей
Поставляется без ограничений по функционалу и количеству пользователей.
Убирается синий водяной знак "Программное обеспечение ОптимаСофт".
Выполняется подпись водяными знаками с фиксированным текстом "Лицензировано для [ОрганизацияПокупатель]. Без права продажи и распространения".
Запрещено использовать для разработки коммерческих конфигураций.
Запрещено распространять для использования вне организации-покупателя.

19 000 рублей
Поставляется без ограничений по функционалу и количеству пользователей.
Убирается синий водяной знак "Программное обеспечение ОптимаСофт".
Выполняется подпись водяными знаками с произвольным текстом или изображением от покупателя, в котором должно быть указание организации и конфигурации, в которой будет использоваться.
Разрешено использовать для разработки коммерческих конфигураций.
Запрещено распространение вне конфигурации, для которой лицензировано.

Контактные данные

По вопросам демонстрации и приобретения просим обращаться по следующим контактным данным
8-804-333-01-51 (Бесплатно по России)
8 (495) 741-16-41 (Москва)
8 (812) 951-89-10 (Санкт-Петербург)
Cкайп support_optimasoft
Электронная почта ob@optimasoft.info

Покупка товара производится только напрямую у производителя ООО "ОптимаСофт"
Оплата возможна следующими способами:
*) Яндекс.Деньги
*) Прямой перевод на карточку Сбербанка
*) Для юр. лиц возможно выставление счета

Скачать файлы

Наименование Файл Версия Размер Кол. Скачив.
Описание XML формата
.pdf 336,66Kb
04.11.16
1
.pdf 336,66Kb 1 Скачать

См. также

Подписаться Добавить вознаграждение
В этой теме еще нет сообщений.
Для написания сообщения необходимо авторизоваться
Прикрепить файл
Дополнительные параметры ответа