Уникальный дизайн в 1С на примере разработки реального продукта

18.10.21

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

Изменить стандартный дизайн интерфейса в 1С можно не только с помощью классических веб-технологий. О том, как для этой цели использовать SVG-картинки, и какие особенности есть у такого подхода, рассказал разработчик 1С в компании «Ангелы ИТ» Сергей Харламов.

Расскажу про то, как мы в своей команде разработчиков «Ангелы ИТ» реализовали нестандартный интерфейс, не используя веб-технологии (HTML и JavaScript).

Я работаю в компании «Ангелы ИТ» больше 5 лет. Программирую преимущественно на 1С. Запускал несколько продуктов. Сегодня расскажу о том, как мы меняли интерфейс для продукта «Мед Ангел» – это информационная система для медицинских учреждений.

 

Зачем делать свой дизайн в решении на 1С

 

Ни для кого не секрет, что типовой интерфейс 1С уступает современным решениям на остальных платформах. Конкретно у нас такая задача возникла в связи с тем, что «Мед Ангел» – это не единственный продукт на рынке систем для медицинских учреждений, конкурирующие организации выпускают другие продукты, некоторые из них вы даже знаете. А поскольку у нас была задача вывести продукт на более высокий уровень, то мы задумались и об интерфейсе.

О том, что нужно изменить интерфейс, речь шла давно. Но, так как дизайнеров в штат нашей компании набрали не так давно, хороший интерфейс смогли нарисовать совсем недавно.

 

Наш выбор – SVG

 

 

Мы решили не использовать HTML-документ, а использовать SVG-картинки.

Почему было принято именно такое решение? У нас в штате компании есть веб-разработчики, но тягать их по каждому вопросу не было возможности, поэтому мы постарались удешевить разработку продукта, решить все силами 1С-ников.

Поскольку не у всех наших 1С-ников есть компетенции в JavaScript и HTML, то еще одна задача, которая ставилась – это то, что интерфейс продукта, который мы сделаем, должен поддерживаться специалистами любого уровня. То есть специалист начального уровня без особых знаний 1С и без особых знаний HTML и JavaScript должен поддерживать продукт, изменять кнопки и все это дорабатывать.

Было принято решение обратиться к векторному формату SVG – это Scalable Vector Graphics (векторная графика). Почему именно этот формат?

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

  • Во-вторых, формат этого изображения – текстовый. Это, по факту, xml, содержащая внутри описание векторной графики. И так как это xml, мы можем с ней работать, как с текстом – изменять интересующие нас параметры, используя средства 1С, используя стандартные средства работы с текстом.

На слайде показан пример текста SVG, выводящего картинку для нашей кнопки. Вы можете увидеть, что помимо английских слов здесь есть и русские – это тот текст, который будет отображаться на кнопке, его можно будет заменить в зависимости от наших условий.

 

Выбор оформления и принципы дизайна

 

Если у вас нет в команде талантливого дизайнера или просто человека, не лишенного чувства прекрасного, то стоит, конечно, найти для дизайна красивые иконки в интернете.

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

 

 

Нам повезло, потому что у нас в компании есть UI-дизайнер, и справа вы видите картинку с частью интерфейса, который мы реализовали в своем продукте «Мед Ангел»

Дизайнеры у нас используют Figma, и мы теперь тоже ее используем. О том, как 1С-нику работать в Figma, я чуть позже покажу на практике.

В Figma наши дизайнеры разрабатывают UI-kit, который мы уже потом переносим к себе в 1С. По факту получается, что верстка в 1С – существует.

Дизайнеры из нашей команды дали нам краткие рекомендации – каких принципов стоит придерживаться при разработке дизайна. Они приведены слева на слайде.

Главная суть этих принципов в том, что пользователей не стоит заставлять думать. Максимально упрощаем интерфейс, не нужно думать, что пользователей это как-то принизит. Мы сами пользуемся различными приложениями и любим простоту. Любим, когда нажал одну кнопку и все произошло.

Понятно, что всегда ограничиться одной кнопкой не удается, но нужно стараться на форме размещать как можно меньше кнопок. Если требуется много действий, то их группировать по какой-либо логике в зависимости от ситуации. Чтобы пользователь не пугался интерфейса, когда у вас 20-30-40 параметров для настройки, а видел всего лишь пять настроек, а на следующем шаге – следующие пять. Восемь раз отметить по пять настроек намного приятнее, чем один раз разбираться со всеми 40.

 

Практика

 

 

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

 

 

Вот наша страничка. Вы можете видеть, что справа у нас находятся поля картинки. Не обошлось без костылей. В заголовке мы пишем текст кнопки с параметром для иконки, которая будет здесь отображаться: «Записать;на прием%%ЖурналДоговоров».

Список иконок мы заранее выгрузили из Figma и текстом загрузили в соответствие 1С.

 

 

Покажу, как мы выгружаем эти иконки из Figma.

В Figma у нас есть UI-kit, который нам предложили дизайнеры, и мы с ним согласились. Здесь спрототипированы разные формы. И вот как раз пример стартовой страницы, про который я рассказываю. Здесь сгруппированы различные элементы. Мы выбираем здесь иконку, экспортируем ее в формате SVG и вставляем как текст в код 1С.

Мы не используем обычные картинки, потому что хотим, чтобы этот элемент у нас на форме отрисовывался корректно – с нашим текстом, с нашим цветом, с нашей картинкой.

Делается это просто – выделяем группу, выбираем формат SVG, нажимаем Export.

 

 

Вот так выглядит то, что мы экспортировали. Нас интересуют именно начертания картинки – теги <path>.

 

 

А вот так выглядит шаблон кнопки – вместо параметров #Иконка#, #ЦветФонаИконки# и #ПерваяСтрока#, #ВтораяСтрока#, #ТретьяСтрока# сюда будут программно вставляться теги картинки, цвет и текст кнопки.

 

 

В обработчике «ПриСозданииФормыНаСервере» мы отрисовываем кнопки.

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

Обходим элементы группы, проверяем видимость. Если видимость есть, присваиваем элементу цвет.

Дальше мы парсим заголовок, в котором у нас находится текст и параметр для значка иконки и получаем значение этого параметра.

 

 

Вот так выглядит наш список иконок, где в качестве представления – текст начертания SVG-иконки. Из распарсенного заголовка мы получаем значок иконки и находим для него текст начертания, который будет подставлен в шаблон кнопки.

 

 

Дальше из общего макета «МакетИконки» получаем шаблон кнопки, где простыми методами работы с текстом заменяем наши параметры на параметры, которые мы получили из заголовка.

 

 

Нами было принято решение хранить сгенерированные картинки кнопок во временных файлах на клиентском компьютере и отображать их через ссылки на картинку во временном хранилище.

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

 

 

Из особенностей, которые могут вам встретиться при реализации такого интерфейса – расскажу, что платформа 1С начала поддерживать SVG-картинки, начиная с 8.3.9. А уже в 8.3.15 стала вводить ограничения на некоторые возможности картинок SVG. Скорее всего, это связано с безопасностью. Но для того, чтобы у нас на поле HTML документа правильно отображались картинки, в первой строке макета картинки нужно указать строчку

<?xml version="1.0"?>

В таком случае у нас все векторы, все картинки, все цвета будут отображаться правильно, корректно и в движке webkit, и в платформах ниже 8.3.14.

Принцип очень простой, поддерживать его очень просто. Любой человек даже с минимальными знаниями программирования и конфигуратора сможет зайти и добавить элемент. А дальше уже – насколько хватит воображения это развивать и насколько дизайнер вам позволит.

 

Вопросы

 

Покажите пример любого отчета из вашего продукта

Отчеты – стандартные, нет смысла делать все отчеты с каким-то дизайном. Вполне возможно, что отчет руководителя можно построить красивый, с использованием чего угодно. Но менять все 200-300 отчетов, которые есть в конфигурации, не нужно, особенно если это статистические и аналитические отчеты. У нас изменены основные формы – мы стараемся делать их удобнее, постепенно переходя от одной к другой, переносим тот UI-kit, который нам сделали дизайнеры.

 

 

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

Что в этой форме осталось от 1С? А что вы поменяли?

Это абсолютно стандартная форма. Просто поигрались цветами, оформлением, убрали меню, все максимально постарались упростить. Здесь SVG нет совсем. Здесь не требуется менять картинки динамически – можно обойтись стандартными методами. SVG мы используем только для иконок.

А на стартовой странице что используется стандартного от 1С?

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

Упрощаем написание кода, упрощаем чтение, упрощаем сопровождение – чем меньше кода разбирать. Если для каждой кнопки, для каждой ситуации будет отдельный код, то тот, кто сопровождает – будет страдать. Если мы используем какую-то одну функцию, то все уже намного проще. Это очень простой механизм. Он работает. Никаких сверхъестественных знаний вам для этого не нужно. Все решено очень элементарно.

Как именно подключаются SVG-картинки на форме?

Мы просто из шаблона сохраняем картинку во временный файл с расширением svg, записали в него отформатированный текст. Дальше – ссылка на картинку – просто строка

Все картинки нужно записывать на диск?

Есть разные варианты, но мы выбрали так – у клиентов производительность дисков позволяет открывать картинки. Даже обычные старые HDD-диски отображали картинки очень быстро и хорошо. Пользователь при открытии формы тратит на секунду больше времени, но, как правило, при открытии, ты ждешь это – программа загружается, ты не ожидаешь, что это молниеносно произойдет. Дальше, когда у тебя уже интерактив, когда ты нажимаешь на кнопки, уже требуется скорость. Но как раз в этот момент все элементы уже отрисованы, они уже есть. Естественно, дальше ты уже быстро переходишь между элементами. Хранение на диске – это не эталон, но вполне приемлемое решение.

У вас все картинки хранятся в процедуре прямо где-то на форме. Почему не используете макеты или справочники?

Конечно, эти картинки будут использоваться во всей конфигурации, поэтому эта процедура должна находиться где-то в общих модулях, но специально для демонстрации я перенес ее в процедуру этой же формы, чтобы не открывать лишних окон и не показывать лишнего. Но вообще – это текстовая информация, где хотим, там и храним.

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

Вообще можно, почему нет. Но концепция такая, что даже программисты не должны изменять это без особой надобности. Есть дизайн, его нужно придерживаться. Почему программист его решил самостоятельно изменить – надо обсуждать.

Ты показывал, как вы сделали дизайн в Figma. Перенос этого дизайна в 1С – ручной? Каждую картинку нужно вставлять на форму отдельно?

Необязательно использовать Figma, мы пробовали использовать еще Adobe Illustrator. Но любые редакторы иногда добавляют лишнее в структуру файла SVG. Я могу скинуть ссылку на ресурс на GitHub, который позволяет убрать ненужные элементы из структуры SVG – ее становится легче редактировать, легче читать. И весит она меньше, если для кого-то имеет значение вес векторной графики.

Получается, что со стороны 1С – это такое накидывание картинок, групп и т.д.

Да, один раз все переносишь руками – скрупулезно, автоматизации тут нет никакой. 1С нам с этим, к сожалению, не помогает.

Мне как-то задавали вопрос – почему мы не используем другие среды разработки для нашего продукта. Потому что, во-первых, у нас есть 1С-ники, мы все понимаем, что на 1С можно реализовать почти все, что угодно. 1С развивается, и именно в 1С, не прибегая к внешним компонентам и к сторонним языкам, можно реализовать все больше и больше возможностей. Во-вторых, 1С на рынке все-таки дешевле, конкурентоспособнее. Разработчики 1С дешевле. Разработка сложных систем – быстрее, так как у нас уже есть стандартные методы построения отчетов. Аналитика, формочки. Для создания MVP вам достаточно взять 1С и начать работать с типовыми формами. И уже в процессе работы (особенно, если это у вас новый продукт, для которого, возможно, на рынке даже не было еще аналогов) вы уже понимаете, что нужно что-то менять. И параллельно можно заниматься и заменой интерфейса. Поэтому 1С пока в этом плане немного выигрывает по некоторым параметрам. Но, как показывает практика нашей компании, чисто 1С все задачи нельзя решить. Приходится все-таки прибегать к тем же JavaScript, HTML, Python и внешним компонентам.

 

*************

Данная статья написана по итогам доклада (видео), прочитанного на онлайн-митапе "Интерфейс в 1С".

 

30 мая - 1 июня 2024 года состоится конференция Анализ & Управление в ИТ-проектах, на которой прозвучит 130+ докладов.

Темы конференции:

  • Программная инженерия.
  • Инструментарий аналитика.
  • Решения 1С: архитектура, учет и кейсы автоматизации на 1С.
  • Управление проектом.
  • Управление продуктом.
  • Soft skills, управление командой проекта.

Конференция для аналитиков и руководителей проектов, а также других специалистов из мира 1С, которые занимаются системным и бизнес-анализом, работают с требованиями, управляют проектами и продуктами!

Подробнее о конференции.

 


См. также

Анализ & Управление в ИТ-проектах, 30 мая - 1 июня 2024 г., Санкт-Петербург

Программная инженерия Управление проектом Архитектура Мероприятия Россия Платные (руб)

Практическая конференция для аналитиков и руководителей проектов 1С. 30 мая - 1 июня 2024 г. Санкт-Петербург, отель Cosmos Saint-Petersburg Pribaltiyskaya Hotel, ул. Кораблестроителей 14

39000 руб.

27.05.2023    22440    403    0    

88

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

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

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

6000 руб.

16.01.2015    61608    44    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

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

5000 руб.

14.01.2016    54199    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

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

2400 руб.

29.06.2020    16511    21    4    

35

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3471    kalyaka    2    

26

Путь покупателя интернет-магазина (Customer Journey) с использованием УФМТП

Архитектура Управленческий учет Бесплатно (free)

Недавно у меня вышла статья под названием «Универсальная функциональная модель торгового предприятия (УФМТП) в нотации IDEF0». И одно из пожеланий читателей было пояснить подробнее, как я лично пользуюсь этой моделью и как вообще ее можно применять на практике. В этой статье я выполню просьбу читателей. И на примере взаимодействия покупателей с интернет-магазином продемонстрирую практическое применение этой модели.

12.05.2022    1966    0    raiml    2    

5

Универсальная функциональная модель торгового предприятия в нотации IDEF0

Архитектура Управленческий учет Бесплатно (free)

Из чего состоит предприятие? Какие функции основные, а какие нет? В данной статье вы найдете ответ на этот и другие вопросы. Модель, построенная на основе опыта бизнес-консультанта с использованием нотации IDEF0.

12.05.2022    6495    0    raiml    4    

7
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Darklight 32 19.10.21 18:08 Сейчас в теме
Ух, сложно воспринимаемый материал. Так и не смог понять зачем всё так сложно и запутано и как в этом всём разобраться
rpgshnik; GutaGroup; DrAku1a; criptid; AleksandrLeshkov; AnryMc; Serega-artem; RomanBardikov; maksa2005; +9 Ответить
25. DrAku1a 1678 24.10.21 14:03 Сейчас в теме
(1) Кратко: нам не нравится интерфейс 1С и мы хотели извернуться выйти за кго рамки. Но у нас не все могут в HTML+JS, потому выбрали SVG, круто-же?

ЗЫ: Добавьте на форму кнопку и укажите для "Отображение фигуры" - "Нет".
CyberMax; EvilMilko; +2 Ответить
26. Darklight 32 26.10.21 11:23 Сейчас в теме
(25)Понятно, что интерфейс 1С Предприятие 8 Такси мало кому нравится (своей ущербностью в кастомизации в первую очередь, во вторую жуткой расцветкой - но вот расцветку как раз уже менять можно).
Но уж больно всё мудрёно у вас получилось. По крайней мере написано всё очень сложно. Я, за один проход чтения, не смог понять как это всё работает, и почему нельзя было сделать это проще. На мой взгляд, уж лучше просто на HTML5 (в html-поле) сделать дизайн - чем с этим всем возиться! На западе - я видел - как раз так и делают в компаниях, что пишут приложения на 1C Enterprise 8 с нуля для своего рынка! По крайней мере по найти и доки и спецов куда проще. Даже 1С-ника не сложно обучить азам. И всё будет как в 98% других современных решений - всем понятно, и очень красиво, и любым дизайном на Ваш вкус.
И разрабатывать это всё моно в более продвинутых средах и фреймворках, нежели в 1С-конфигураторе - после чего просто вставить внутрь конфигурации готовые HTML-макеты. Ну а обработчики событий - можно уже и на языке 1С описать Хотя JavaScrip куда поинтереснее будет - пока не нужно с платформой 1С взаимодействовать
Прикрепленные файлы:
CyberMax; +1 Ответить
28. DrAku1a 1678 27.10.21 23:30 Сейчас в теме
(26) Не соглашусь с Вами. Насчет расцветки - мне тема "такси" зашла хорошо, но действительно - всё можно поменять (средствами самой 1С). По поводу кастомизации - есть настройка начальной страницы, есть настройка панелей, есть настройка меню. Причем, эта возможность есть как на этапе разработки конфы, так и потом у каждого пользователя (донастроить под себя). Без излишеств, но основные моменты настроить можно, и далее - сосредоточиться на функционале, а не внешнем виде.
"Даже 1С-ника" - это как понимать? Думаете, нам HTML, CSS и JS - это "что-то там заумное"? Фигня. Даже с "USE STRICT". А вот проблемы с кросс-браузерной совместимостью - это дааа... Писать несколько версий кода под разные системы - доставляет.
29. Darklight 32 28.10.21 00:02 Сейчас в теме
(28)
Насчет расцветки - мне тема "такси" зашла хорошо

Я же не сказал, что цвета Такси всем не нравится - некоторым нравится.
всё можно поменять (средствами самой 1С)

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

И на том спасибо. Но всё-равно - очень ограничено, по сравнению с тем, что практически используется на веб мордах на основе даже HTML4 или в мобильных приложениях. А уж как многие пользователи, которым не всё равно, скучают по тулбарам...
Ручная же пользовательская кастомизация сделана так, что онт неё больше вреда чем пользы - пользователи редко что-то катализируют под себя, а индивидуальные настройки не дают сделать стабильную общую настройку для всех, или задать некоторые виды профилей энвайронмента и назначать их пользователям( как в обычном приложении можно было делать с Интерфейсом - хотя тоже весьма ограничено).
Помню попросили меня набросать макет не сложного 1С внутреннего web-портала на основе примера портала конкурирующей фирмы - где портал был на HTML4. Естественно ничего не получилось - не выровнять элементы толком, ни картинки разместить в нужных местах... ни цвета грамотно настроить... а уж анимационные эффекты - это вообще нереально! А уж сколько места в пустую пропадает...

"Даже 1С-ника" - это как понимать? Думаете, нам HTML, CSS и JS - это "что-то там заумное"?

Увы. 1С-ники нынче совершенно разного склада ума. Хорошо, когда они приходят из других ЯП - плохо, когда они приходят в 1С просто от безысходности - больше нигде толком у них ничего не получилось - хотя тут бывают исключения -выходят неплохие программисты - хотя чаще всего такие люди в программировании на 1С на долго не задерживаются.
Лично я мало лично знаю 1С-программистов, которые ещё врубаются и в JS и CSS. Но уверен, что большинство из них освоили бы эти технологии - будь на то нужда

Такси вообще задумывался как Интерфейс одностраничного приложения - под него и затачивался - но в таком виде полностью провалился и почти нигде не используется! Ну разве что в мобильны приложения ещё как-то
3. suepifanov 923 19.10.21 23:19 Сейчас в теме
С интерфейсом в 1С действительно сложно, но это на мой взгляд перебор.

Во-первых, сомневаюсь, что поддерживать это сможет любой программист. Скорость разработки явно снижается.
Во-вторых, пользователь все равно взаимодействует со стандартными формами в документах и отчётах и такой зоопарк интерфейсов не лучший опыт взаимодействия. Да и скриншоты вы показываете без полного окна 1С, с ним выглядит это не так эффектно)

П.С. У бита в умц до сих пор такие иконки подсистем?)
rpgshnik; Darklight; cleaner_it; EliasShy; +4 Ответить
4. support 4484 20.10.21 07:15 Сейчас в теме
Это очень круто! Понятно, что это все "костыли". Изящные, но все же костыли.
Все это наталкивает на размышления о будущем платформы. Если бы "фирма 1С" сделала штатные механизмы для изменения дизайна интерфейса, и убрала бы бренд платформы под капот, так скажем под white label. Это был бы маркетинговый прорыв!
Migleon; CyberMax; DrAku1a; dabu-dabu; Darklight; MarCIO; sevushka; criptid; AnryMc; Serega-artem; arakelyan; vitalbasl; starik-2005; suepifanov; TipsyKID; papa_harlo; +16 Ответить
7. Бэнни 202 20.10.21 08:41 Сейчас в теме
(4) Общался недавно с представителями из 1С. Они не видят смысла в White Label. Так что ждать скорее всего бессмысленно, но надежда умирает последней)
8. support 4484 20.10.21 08:52 Сейчас в теме
(7) вода камень точит)
vitalbasl; +1 Ответить
22. MarCIO 21.10.21 12:38 Сейчас в теме
(2)Ну подход 1С тоже можно понять. Люди экспериментируют, соответственно рождают новые продукты. Это очень удобно использовать франчей или внедренцев для продвижения и развития своего продукта.
(4)
5. vano-ekt 123 20.10.21 07:45 Сейчас в теме
так и не понял, зачем svg вкорячили, навигация подсистем на стандартных декорациях(слева) выглядит не особо хуже/лучше, чем динамическое меню на svg (справа)
чередование иконок точно можно было и без svg напилить...
9. anosin 29 20.10.21 09:08 Сейчас в теме
(5) видимо когда дизайнеры решили попрограммировать в 1с, руки чешутся эту желтизну убрать ;)
15. vano-ekt 123 20.10.21 11:14 Сейчас в теме
6. van_za 241 20.10.21 08:12 Сейчас в теме
Круто за смелость и законченность результата!!!

но по моему мнению будущее за SPA клиентами, я бы даже сказал конкретнее гораздо, проще написать это на react и это будет дешевле в поддержке и в разработке... и стек будет понятный и по каждому вопросу 1000 ответов в отличии от собственного велосипеда.
DrAku1a; Sh00rick; +2 Ответить
12. Sh00rick 988 20.10.21 09:52 Сейчас в теме
14. muskul 20.10.21 10:13 Сейчас в теме
(6)
роще написать это на react и это будет дешевле в поддержке и в разработке.

дешевле и проще это про тех самых тру программистов с зп в 200 тыщ?
silver_jr; +1 Ответить
24. van_za 241 24.10.21 12:35 Сейчас в теме
(14)
посмотрите на код... вот прям все понятно ... если бы мне такое в поддержку отдали... я бы "озаботился"


я бы написал ws на 1с, описал логику на react и использовал бы готовые визуальные компоненты из библиотек
https://mui.com/ - готовые компоненты ui
https://getbootstrap.com
https://ant.design/docs/react/introduce
10. roman3d 103 20.10.21 09:19 Сейчас в теме
интересно, есть курсы где этому учат?
яб сходил
11. s0000k 20.10.21 09:22 Сейчас в теме
Продукт не массовый? Тиражируемый функционал должен уметь дорабатывать не только разработчик программы, но и постоянно сменяющиеся текучкой кадров программисты на местах, у которых основной опыт в типовых конфигурациях 1С.
По первым картинкам ожидал, что будет полная кастомизация интерфейса настройками базы, но всё прописано в коде - не думали перенести? Иначе разница с какой-нибудь 1С:Бухгалтерией эстетическая, но не практическая.
TerveRus; +1 Ответить
13. Sh00rick 988 20.10.21 09:55 Сейчас в теме
Прочитал статью и единственное что для себя вынес - лучше буду продолжать пилить интерфейсы на Vue или React, а так же что нужно не забыть приостановить Премиум аккаунт на flaticon =)))
van_za; dreamadv; +2 Ответить
16. dreamadv 155 20.10.21 11:31 Сейчас в теме
Помоему проще подобный продукт (когда нужен свой дизайн) делать как обычный веб сайт, а через HTTP сервисы интегрироваться с 1С. Чтобы под капотом учет был в 1С. А всю красивость делать Vue, React и т.д.
dabu-dabu; A7758735; starik-2005; +3 Ответить
17. starik-2005 3018 20.10.21 11:45 Сейчас в теме
Выглядит действительно отлично ("рабочий стол"). Но смысл? Веб-приложение + 1С в бэкэнде - это все, что нужно. Веб-программист фронтэндщик-верстальщик начального уровня сделает это все быстрее, чем старпер 1С-нег, контора потратит на это стремительно меньше денег. А веб-сервисы на 1С даже даун (можете читать это, как "джун") уже способен писать с закрытыми глазами.
18. TerveRus 20.10.21 12:53 Сейчас в теме
(17) что-то мне подсказывает, что Вы врете, не краснея.
Программист фронтэндщик-верстальщик начального уровня сваяет за неделю оболочку, как в 1С?
Там же не только кнопочки нарисовать, но и реакцию обработать, открыть другие формы, списки, отчеты...
Hogyoku; rovenko.n; +2 Ответить
19. dreamadv 155 20.10.21 14:28 Сейчас в теме
(18) Сейчас фреймворков под веб на любой вкус и цвет
Darklight; +1 Ответить
20. starik-2005 3018 20.10.21 16:19 Сейчас в теме
(18)
но и реакцию обработать, открыть другие формы, списки, отчеты...
1C встраивается уже в iframe, если нужны списки. С другой стороны, списки - это просто разные элементы. По факту, список - это просто стиль, а чем его наполнять - вообще не важно.

Суть в том, что 1С-нег на все эти списки и формы потратит кучу времени, адаптируя их под поля HTML, привинчивая к ним дизайн, обрабатывая реакцию на нажатия, прокрутку и т.д. - большинство из этого фронтендщику и делать не надо.
21. rovenko.n 20.10.21 16:37 Сейчас в теме
(18)
что-то мне подсказывает, что Вы врете, не краснея.

Это менеджер по продажам. Наши тоже обещают внедрить ЕРП без доработок за полгода.
silver_jr; +1 Ответить
23. Поручик 4667 21.10.21 14:28 Сейчас в теме
Я бы не взялся даже за очень хорошие деньги. И на работе изо всех сил отпинываюсь от каких-то упоротых хотелок, потому что геморрой того не стоит.
rpgshnik; +1 Ответить
27. Darklight 32 26.10.21 11:41 Сейчас в теме
(23)Если это коммерческий продукт - который надо продавать обывателям на высоконкурентном рынке - обывателям, то дизайн решает всё. Вот только компания 1С пока это никак понять не может. Вернее понимает - но у неё своё какое-то уж очень ограниченное понимание. Поэтому многие делают встроенный в приложение 1С дизайн на HTML5 и HTML-поле. Или просто делают WEB-морду клиента без 1С, оставляя за 1С только серверную часть
30. s0000k 29.10.21 12:50 Сейчас в теме
(27) Имеет смысл привести пару таких примеров коммерчески успешных решений - ознакомление читателей с ними ведь тоже часть топика.

Можно еще привести в качестве спорного примера режим 1С "Обычное приложение", который всё еще поддерживается и даёт больше интерфейсных возможностей, чем управляемое приложение (вспомнить ту же "Панель функций" бухгалтерии, где рисовалась альтернативная навигация по объектам и разделам с потенциалом работы с цветом, добавления анимированных изображений и вообще замены главного меню на каскад таких форм. И, аналогичного потенциала для форм объектов, форм быстрого ввода и мастеров ввода).
31. Darklight 32 01.11.21 11:11 Сейчас в теме
(30)
"Обычное приложение", который всё ещё поддерживается и даёт больше интерфейсных возможностей

К сожалению, не поддерживает ни WEB ни Мобильный клиент - поэтому в современном мире уже не особо актуально для рядового сектора потребления. Только узкоспециализированные задачи, в основном в виде приложений не для рядовых пользователей. И только если на Такси ну уж совсем всё не получается, ну или нужна внутренняя интеграция с приложением, эксплуатирующемся на неуправляемых формах - скажем, с УПП, и Торговлей 10
32. s0000k 03.11.21 11:30 Сейчас в теме
(31) Речь ведь в топике идёт об учётных системах для внутренних сотрудников. Честная статистика показывает, что для организаций-покупателей учётной программы "1С:Бухгалтерия предприятия 3.0" потенциал web-клиента или мобильного в подавляющем большинстве не интересен.
А автор и вовсе пишет об учёте в медицинской организации, где боятся случайно "засветить" наружу персональную информацию, поэтому стремятся работать в локальной сети, максимум VPN с сертификатом + RDP. Да и работа большинства пользователей по смыслу - на месте с живыми людьми.
Да, если кто-то задумает сейчас тиражное решение на обычных формах, он однозначно потеряет слишком много потенциальных клиентов, хотя и не всех. И наибольшим фактором отказа клиентов чаще будет не отсутствие тонкого/веб/мобильного клиента, а моральное устаревание обычного приложения, догматически опираясь на которое солидарные с тобой руководители IT-служб будут против.

И именно этот конкурентный изъян в больше степени заставит разработчика ориентироваться на управляемое приложение (или даже SVG-безумия, как у автора), а не невозможность дать пользователю что-нибудь важное (в точки зрения отраслевого стандарта для таких программ).
33. Darklight 32 03.11.21 12:57 Сейчас в теме
(32)
Речь ведь в топике идёт об учётных системах для внутренних сотрудников

Вы в этом уверены? Или что Вы считаете под "внутренним сотрудником"? Да и вообще - думаете внутри компании мобильный клиент и WEB клиент в XXI веке не востребованы?

"1С:Бухгалтерия предприятия 3.0" потенциал web-клиента или мобильного в подавляющем большинстве не интересен.

С этим спорить не буду. Привычка есть привычка. Особенно на высокомонополизированном рынке, где конкурирующие решения просто не имеют шанса показать как это всё может быть иначе! Да и рынок в России ещё не готов к облачным решениям (а что есть - строятся на RDP технологии - что облаком можно назвать лишь отчасти) - это пока сдерживает популяризацию WEB-клиента. Но в будущем это всё может измениться.
Но если возьмёте статистику, скажем. 1С Документооборота - то уверен - перевес будет в другую сторону.
Как и если брать конфигурации для управленческого учёта - коих типовых кот наплакал и их можно не брать в расчёт. А тут как раз конфигурация "условно" для управленческого учёта

Но всё-таки многие приложения для внутреннего (не на 1С) сейчас строятся как раз на WEB технологиях. Ну а про популярность мобильной платформы напоминать нет смысла!
34. lmnlmn 68 15.11.21 17:05 Сейчас в теме
Красиво, конечно. Но, полагаю, что "натягивание совы на глобус" лишь только потому что 1сников - легион, закончится плохо. С другой стороны, если увеличение продаж от вашего кастом-шопа перекрывает затраты на разработку, то почему бы и нет? Давайте жить сегодняшним днем! ))
36. ix5s 111 17.11.21 15:35 Сейчас в теме
(34)
ить сегодняшн

профит есть, как минимум не кто сразу не бежит и не говорит - ах, это 1С, на 1С не может быть хорошо)
к сожалению реалии заставляют идти по такому пути, не сказать что это замедляет сильно разработку, медленнее конечно чем накидал элементов и погнали по подсистемам интерфейс выводить, с ролями потяжелее чем в типовом интерфейсе
35. MAlexey81 15.11.21 18:27 Сейчас в теме
Интересная заморочка в попытке догнать няшный веб-сервис.
Огромное количество мед учреждений и стоматологий отказываются от информационных систем на платформе 1С именно из-за её "бухгалтерского интерфейса".
Скажем интерфейс администратора регистратуры вам удалось сделать намного симпатичнее форм 1С, а как обстоит дело на стороне врача с заполнением шаблона медицинского документа?
Ваши коллеги из 1С Поликлиника и Бит УМЦ в этом направлении пошли разными путями, одни запилили адский механизм ШМД с визуализаторами, другие выбрали обработку на основе html, но ни один из вариантов далеко не приблизился по удобству заполнения осмотра в Медеске.
37. ix5s 111 17.11.21 15:40 Сейчас в теме
(35)
одни запилили адский механизм ШМД

у нас что то рядом с шмд, сейчас переделывается дизайн конструктора и будет движение в направлении именно работать больше с визуалом, чем со строками и табличками.
Свободы поменьше конечно, чем в конструкторе Медеска, но стремимся в сторону именно конструктора формы.
в идеале что бы любой пользователь без инструкций сел и сделал себе свой протокол)
38. MAlexey81 18.11.21 10:00 Сейчас в теме
Не сталкивался с вашей конфигурацией, интересно было бы взглянуть по случаю.

(37)
сел и сделал себе свой протокол
если в клинике нет ИТ специалиста или аналитика БП, тогда создание протоколов превратится в захламление программы "рукоделием". Врачи в массе к этому не приспособлены.

И лишать себя хотя бы небольшого, но заработка вероятно не стоит.
39. phstranger 01.12.22 07:12 Сейчас в теме
Подскажите, пожалуйста, как в форме "Информация о записи" убрали меню. Очень надо.
40. user1801129 08.09.23 13:34 Сейчас в теме
Сделала кнопки, но при нажатии на поле формы(там где картинка) выскакивает предупреждение со строкой из реквизита связанного с этим полем.
Все работает, мешает только это предупреждение. Свойство поля "гиперссылка" убираешь и предупреждение не появляется при нажатии.
Может кто знает с чем это связано?
Оставьте свое сообщение