Уникальный дизайн в 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С".

 

Приглашаем на конференции Инфостарта 2025 года

INFOSTART TEAMLEAD EVENT

Не только для разработчиков, но и для руководителей отделов разработки, тимлидов и ИТ-директоров.
Место: Москва
Даты: 24-25 февраля 2025 г.

Подробнее

INFOSTART A&PM EVENT (Анализ & Управление проектами)

Практическая конференция для аналитиков и руководителей проектов 1С.
Место: Санкт-Петербург
Даты: 29-31 мая 2025 г.

Подробнее


См. также

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

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

50000 руб.

27.05.2023    22440    670    0    

309

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

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

2400 руб.

29.06.2020    18491    26    6    

41

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

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

2 стартмани

10.04.2023    11460    161    acces969    31    

123

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

Андрей Овсянкин на конференции Infostart Event 2021 Post-Apocalypse поделился инструментами, которые помогают ему обрабатывать большой поток задач и экономить недели на обсуждении проекта. Он рассказал, как искать ошибки в процессах, какие диаграммы полезны при общении с заказчиком и с помощью каких инструментов можно быстро рисовать наглядные картинки вместо долгих разговоров.

05.08.2022    14463    0    Evil Beaver    18    

123

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

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

1 стартмани

05.07.2022    5206    kalyaka    6    

33

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

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

12.05.2022    2199    0    raiml    2    

5

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

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

12.05.2022    8076    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 1740 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 1740 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 1050 19.10.21 23:19 Сейчас в теме
С интерфейсом в 1С действительно сложно, но это на мой взгляд перебор.

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

П.С. У бита в умц до сих пор такие иконки подсистем?)
rpgshnik; Darklight; cleaner_it; EliasShy; +4 Ответить
4. support 4453 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. Бэнни 209 20.10.21 08:41 Сейчас в теме
(4) Общался недавно с представителями из 1С. Они не видят смысла в White Label. Так что ждать скорее всего бессмысленно, но надежда умирает последней)
8. support 4453 20.10.21 08:52 Сейчас в теме
(7) вода камень точит)
vitalbasl; +1 Ответить
22. MarCIO 21.10.21 12:38 Сейчас в теме
(2)Ну подход 1С тоже можно понять. Люди экспериментируют, соответственно рождают новые продукты. Это очень удобно использовать франчей или внедренцев для продвижения и развития своего продукта.
(4)
5. vano-ekt 124 20.10.21 07:45 Сейчас в теме
так и не понял, зачем svg вкорячили, навигация подсистем на стандартных декорациях(слева) выглядит не особо хуже/лучше, чем динамическое меню на svg (справа)
чередование иконок точно можно было и без svg напилить...
9. anosin 29 20.10.21 09:08 Сейчас в теме
(5) видимо когда дизайнеры решили попрограммировать в 1с, руки чешутся эту желтизну убрать ;)
15. vano-ekt 124 20.10.21 11:14 Сейчас в теме
6. van_za 269 20.10.21 08:12 Сейчас в теме
Круто за смелость и законченность результата!!!

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

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


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

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

Это менеджер по продажам. Наши тоже обещают внедрить ЕРП без доработок за полгода.
silver_jr; +1 Ответить
23. Поручик 4691 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 69 15.11.21 17:05 Сейчас в теме
Красиво, конечно. Но, полагаю, что "натягивание совы на глобус" лишь только потому что 1сников - легион, закончится плохо. С другой стороны, если увеличение продаж от вашего кастом-шопа перекрывает затраты на разработку, то почему бы и нет? Давайте жить сегодняшним днем! ))
36. ix5s 131 17.11.21 15:35 Сейчас в теме
(34)
ить сегодняшн

профит есть, как минимум не кто сразу не бежит и не говорит - ах, это 1С, на 1С не может быть хорошо)
к сожалению реалии заставляют идти по такому пути, не сказать что это замедляет сильно разработку, медленнее конечно чем накидал элементов и погнали по подсистемам интерфейс выводить, с ролями потяжелее чем в типовом интерфейсе
35. MAlexey81 15.11.21 18:27 Сейчас в теме
Интересная заморочка в попытке догнать няшный веб-сервис.
Огромное количество мед учреждений и стоматологий отказываются от информационных систем на платформе 1С именно из-за её "бухгалтерского интерфейса".
Скажем интерфейс администратора регистратуры вам удалось сделать намного симпатичнее форм 1С, а как обстоит дело на стороне врача с заполнением шаблона медицинского документа?
Ваши коллеги из 1С Поликлиника и Бит УМЦ в этом направлении пошли разными путями, одни запилили адский механизм ШМД с визуализаторами, другие выбрали обработку на основе html, но ни один из вариантов далеко не приблизился по удобству заполнения осмотра в Медеске.
37. ix5s 131 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 Сейчас в теме
Сделала кнопки, но при нажатии на поле формы(там где картинка) выскакивает предупреждение со строкой из реквизита связанного с этим полем.
Все работает, мешает только это предупреждение. Свойство поля "гиперссылка" убираешь и предупреждение не появляется при нажатии.
Может кто знает с чем это связано?
41. tomskiy_proger1c 13 14.08.24 08:40 Сейчас в теме
(40) ну вот так. А вообще там может стандартную обработку надо в = Ложь
Оставьте свое сообщение