Реализация нестандартных (для 1С) интерфейсных решений в Web-клиенте

Публикация № 1745961 21.10.22

Интеграция - WEB-интеграция

Онлайн-сервисы, построенные на 1С, могут использовать все многообразие веб-технологий. О том, как спроектировать, реализовать и красиво оформить интерфейс продукта 1С, в докладе на конференции Infostart Event 2021 Post-Apocalypse рассказал CTO компании WiseAdvice Олег Филиппов.

 

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

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

 

Скетч / мокап / прототип / user-flow – инструменты и методы проектирования и дизайна интерфейса

 

 

Начнем с прототипирования.

Интерфейс нужно продумать.

 

 

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

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

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

После рисунка обычно строится мокап.

 

 

В кейсе с 1С мокап, в принципе, можно пропустить. Можно использовать уже либо набросок интерфейса внутри 1С, либо тот же самый 1C:Maker, либо нарисовать интерфейс 1С в Figma (и даже ничего страшного, что он будет не похож).

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

 

 

Кроме скетча, который представляет собой UI, нужно сделать ещё кое-что: продумать UX.

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

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

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

И финал всей этой истории – прототип.

 

 

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

Для дизайнера важна насмотренность. Он видит зумеров, которые смотрят одни и те же интерфейсы везде. У этих зумеров возникает диссонанс, когда они видят 1С и Тик-Ток. Не получается, мозг не воспринимает, не работает.

Дизайнер вам поможет, он немного подстроит интерфейс под то, как мыслит ваша целевая аудитория.

Если ваша целевая аудитория не зумеры, а бухгалтеры, то ваш интерфейс должен быть конечно максимально похож на 1С:Бухгалтерию. Но если вдруг в вашу целевую аудиторию внезапно входят не только бухгалтеры, начинаются проблемы, и здесь без дизайнера никак.

В качестве альтернативы 1C Maker для прототипа можно использовать ту же самую Figma.

 

 

Единственное – если у вас десять экранов, построить все переходы и грамотно продумать прототип в Figma – это, конечно, дорого. И в кейсе с 1С я бы уже либо ограничился какими-нибудь элементарными вариантами, либо вообще этого делать бы не стал.

 

Возможности платформы 1С «из коробки»

 

 

Следующая история – это возможности, которые есть в платформе «из коробки».

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

 

 

Во-первых, темы оформления.

 

 

Темы оформления появились недавно, но сколько вы видели розовых 1С? Это не моя картинка, она из какой-то публикации с Инфостарта. Выглядит – вырви глаз.

 

 

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

Главное – правильно подобрать цветовую гамму, чтобы она не была «вырви глаз». Если не знаете, как это делать – заходите на сайт material.io, там есть все цветовые гаммы, разложенные по тому, как их рекомендует Google.

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

 

 

Еще мало кто знает про режим основного окна клиентского приложения. Он позволяет управлять окном 1С, и все 1С-ное из него исключить.

  • В режиме «Обычный» видно все.

  • В режиме «Рабочее место» отключены все панельки.

  • Режим «Встроенное рабочее место» нужен, когда у вас 1С встроен в сайт, он особо ничем от режима «Рабочее место» не отличается.

  • В режиме «Полноэкранное рабочее место» нет ничего, кроме кнопки «Закрыть».

  • В режиме «Киоск» кнопки «Закрыть» тоже нет.

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

 

Как собрать аналитику действий пользователя

 

 

Собирайте аналитики по тому, какие данные у вас пользователи реально читают, какие формы они открывают, что они реально смотрят.

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

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

 

 

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

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

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

 

Графическая схема 1С – используйте по максимуму

 

 

Графическая схема недооценена.

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

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

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

 

Адаптация под разные типы устройств. PWA и мобильная платформа

 

 

Обязательно нужно сказать про мобильность. Казалось бы, мобильный клиент – что про него говорить?

 

 

Мобильный клиент недооценен.

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

Возможности мобильной платформы реально шире.

Мобильная платформа 1С может один и тот же код использовать в вебе, в десктопе, в мобильной версии. И мобильная платформа может работать в офлайне.

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

 

 

Дальше – PWA, веб-клиент, который может работать в офлайне. Вы на рабочий стол мобильника добавляете ссылку на веб-клиент и он у вас запускается буквально за считанные секунды. Практически то же самое, что мобильная версия.

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

 

Некоторые подходы и особенности работы с WebKit

 

 

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

 

 

Если вам кто-нибудь скажет, что 1С не подходит для SCADA-систем или еще чего-нибудь – неправда. Для всего подходит.

1С-никам осваивать SPA-решения бессмысленно. Вы и так SPA пишете, потому что веб-клиент 1С – это SPA. Вам Vue, React и Angular нужны в каких-то кейсах, но не так сильно. Вы уже это делаете, вы уже это умеете, у вас уже LowCode-фреймворк! Поэтому нужно учиться делать то, что базовый SPA из коробки не умеет.

Пишите на ванильном JS, а если хочется сделать что-то экстраординарное, используйте SVG и HTML/Canvas.

 

 

Чтобы использовать в 1С SVG, потребуется несколько библиотечек:

 

 

Первая из них – Raphael.js. Это основная библиотека, которая позволяет вам рисовать на экране что угодно и как угодно. Она прикольная и самая популярная. Рисуйте все, что хочется – закрашенные кружочки рисуются в три строки кода, и в принципе, если такая цель есть, то сделать круглые кнопки несложно :).

 

 

Примерно так люди могут без дизайнера накидать интерфейс на SVG для 1С. Если подключится дизайнер, можно сделать очень круто.

А вот пример SCADA-системы, когда у вас какой-то котел нагревается, а вы эти метрики где-то храните:

 

 

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

Animejs – это SVG-шная библиотека, которая позволяет делать красивую анимацию, если нужно что-то представить в крутом варианте:

 

 

Если SVG не хватает, есть HTML Canvas:

 

 

Вот его пример использования:

 

 

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

 

 

На HTML Canvas можно делать даже игры. На картинке – пример с Инфостарта. Вы в 1С можете сделать даже онлайн-стратегию.

 

D3, Fabric, Conva, Pixi и прочие JS библиотеки, которые могут быть полезны

 

 

Есть еще ряд полезных библиотечек, которые позволят вам сделать что-то особенное на базе WebKit.

Самая известная библиотека, которую нужно знать каждому 1С-нику – это D3:

 

 

Через D3 вы можете сделать практически любое представление данных, которое только можно придумать. Хотите сделать пузырьковую диаграмму – пожалуйста. Хотите выделить связи графа – без проблем. Причем это все делается элементарно. Вы формируете некий JSON, отдаете его библиотеке, она его отрисовывает.

 

 

Для этого не нужно быть великим JS-разработчиком, нужно просто овладеть несколькими методами. Это осваивается за час, два, три.

И потом не нужно ныть, что у 1С некрасивые графики, которыми невозможно пользоваться. Сделайте красивые – это займет два-три часа.

 

 

Результат работы библиотеки Fabric я уже показывал на экране. Это абсолютно замечательная штука. Если у вас есть какая-то картинка, на которой нужно выделить какой-то элемент и куда-то его перетащить с помощью drag and drop – обратите внимание. Не нравится графическая схема 1С – пожалуйста, на Fabric.js сделайте сами за пару дней.

 

 

Практически ничего из JS для этого знать не нужно – вы просто используете конкретную библиотеку с конкретными методами со всеми решенными вещами.

Если сравнивать, сколько времени уйдет на освоение полностью DOM-модели графической схемы и сколько уйдет на освоение Fabric, на DOM-модель графической схемы вы потратите больше.

 

 

Если хочется сделать из 1С CAD-систему, чтобы пользователи вам что-то рисовали в форме заказа – пожалуйста, используйте библиотеку Konva.

 

 

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

Если хочется сделать совсем крутую анимацию – есть Pixi:

 

 

В нем можно сделать анимацию с картинками, с раскраской, с видеоэффектами.

 

 

Набор, который я сейчас показал – это примерно все, что нужно знать из веба для 1С.

 

 

Дальше я перейду к главной теме – это Interface hack.

 

User Onboarding в 1С приложениях. Методы реализации

 

 

Какие примеры модификации интерфейса 1С можно привести?

Начнем с того, что есть такая штука как онбординг.

 

 

Я считаю, что онбординг должен быть практически в каждом сервисе – это прямо маст хэв.

 

 

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

 

 

Онбординг вы можете оформить в виде пошагового мастера, в котором советы листаются вперед/назад. Каждый совет можно ставить на паузу, добавлять к нему звуковое сопровождение, проигрывать в окне совета видео. Это позволит вам привлечь пользователей.

Все это делается при помощи библиотеки Driver.js. Есть другие варианты, но Driver.js – наиболее гибкий, он позволяет легко встраиваться в 1С.

 

Метрика и онлайн-чат

 

 

Сбор метрик. Если не хочется ковыряться в журнале регистрации, вы можете добавить в 1С Яндекс.Метрику. Это тоже не большая проблема – просто вставляете стандартный код, и все.

 

 

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

 

 

Здесь видно, что Яндекс.Метрика может посчитать посетителей и их просмотры в 1С.

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

 

Темы оформления и базовые настройки

 

Перейду к главной истории – это кастомное оформление:

 

 

Вы можете сделать 1С в стиле киберпанк.

 

 

Это – полчаса работы верстальщика.

 

 

Дальше – 1С в стиле material.

 

 

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

Это дружелюбный интерфейс, который делается быстро, версткой. Это не те мифические js-разработчики, которые иногда получают даже больше чем 1С-ники. Это верстальщики, которых на зарплату 1С-ника можно нанять несколько…

Это тоже 1С в стиле material:

 

 

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

Material – это официальная рекомендация от Google о том, как нужно делать интерфейсы. У Google есть material.io, где есть варианты гармоничных цветовых сочетаний.

Работы – полчаса креатива верстальщика без дизайнера, без разработчика. Просто люди посидели и поправили CSS, заинжектили ее потом в 1С. Конечно это можно сделать намного лучше…

Здесь я даже хотел сделать мем на тему: «Отличи 1С от не-1С», потому что не отличить. А это реально можно сделать просто правкой CSS. Конечно, есть нюансы, но я о них потом расскажу.

Еще один 1С интерфейс в стиле material:

 

 

Тут дизайнеры опять немного не доработали :) , но dark-тема выглядит уже намного лучше.

 

 

Хотите градиент в интерфейсе – пожалуйста. Достаточно уровня начинающего верстальщика – это первая ленивая проба модификации CSS.

Перечисленные примеры CSS к интерфейсу 1С выложены на GitHub в репозитории https://github.com/comol/1c_styles. Вы можете внедрить их у себя – дальше я покажу, как.

У этих примеров CSS есть нюанс. Поскольку это было полчаса работы, а не пару дней или неделя, некоторые стили привязаны непосредственно к ID элементов, а для CSS это плохо.

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

 

Interface hack – как поменять в интерфейсе то, что нельзя менять. Работаем с внутренностями Web клиента

 

 

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

Для изменения интерфейса 1С есть три варианта. Наверное, их больше, но основных – три.

 

 

Первый вариант – это расширение Chrome Live CSS Editor. Если хочется добавить оформление для всех пользователей вашей организации, скачиваете исходники этого расширения с GitHub, убираете из него интерфейсную часть и вместо нее вставляете вашу CSS. И потом всем пользователям через групповые политики устанавливаете расширение на Chrome. У вас будет 1С без извращений с инжектом в новом варианте. Причем, этот вариант еще можно отключать, отключая расширение.

 

 

В исходном варианте расширение Live CSS Editor удобно использовать для отладки и разработки CSS. Ставите расширение, добавляете туда CSS – можете взять мою с GitHub. Поскольку у меня привязка к ID-шникам, на ваших формочках ничего не заработает «из коробки», но на формах от OneRPA – получится.

Модифицируйте здесь все, что хотите. Я рекомендую material-темы, но можно придумать свои.

 

 

Для Live CSS Editor есть альтернатива – расширение Styler к Chrome. Его тоже можно использовать.

 

 

Второй вариант модификации интерфейса – фильтр Apache, его тоже можно взять на GitHub.

 

 

Его подключение нужно прописать в httpd.conf – тогда во все страницы, которые отдает Apache, будут подключены соответствующие CSS-стили.

Это подключение можно было бы делать командой sed налету, но 1С сжимает трафик, поэтому 90% исходного кода этого фильтра занимает расшифровка deflateStream.

 

 

У этого фильтра есть нюанс – он сейчас работает только под 32-битный Apache на Windows. Если вам нужно этот фильтр использовать для Apache на Linux, вы можете этот код скопировать и перекомпилить на .NET Core.

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

 

 

И третий, последний вариант модификации интерфейса – это отдельный прокси, пример которого можно скачать с GitHub.

Я как Жюль Верн в последний момент нашел, наверное, самый правильный вариант реализации – не использовать фильтр и не нагружать Apache, а просто поставить отдельный прокси на nginx, куда встроены варианты подмены любых HTML на Lua.

Единственный совет – подменяйте именно базовый 1С-ный HTML-документ. Когда F12 нажмете, все увидите – там сразу после setTimeout() можете вставить любую функцию, которая вам что-нибудь заинжектит, подменит CSS и т.д.

 

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

 

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

Данная статья написана по итогам доклада (видео), прочитанного на конференции Infostart Event 2021 Post-Apocalypse.

Больше статей можно прочитать здесь.

Специальные предложения

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. EvgeTrofi 74 22.10.22 04:51 Сейчас в теме
Сколько раз натыкался на подобные статьи, но нигде не рассказано про самое главное.
Если создаётся приложение для одной конторы (20-100-500 человек), то им и желтый интерфейс зайдёт.
Если целевая аудитория весь интернет - то как решается проблема с лицензиями?

Владелец маленького магазинчика с пятью сотрудниками, захотевшего выставить свою 1С в web-клиент на всеобщий доступ - вот кому нужен уникальный дизайн. Ему что, купить лицензии 1С на 500 рабочих мест?
Кто-нибудь знает ответ?
4. support 4561 22.10.22 17:30 Сейчас в теме
(1) https://mobile.1c.ru/lic/

Правила лицензирования для тиражных решений

При бесплатном распространении мобильного приложения, созданного на платформе "1С:Предприятие", среди третьих лиц через магазины приложений AppStore, Google Play и Windows Store и любыми другими способами, заключение лицензионного договора с фирмой "1С" не требуется, никаких финансовых обязательств перед "1С" у разработчика не возникает.

При любом способе монетизации требуется заключение лицензионного соглашения с фирмой "1С", согласно которому, начиная с 60 001-го заработанного в результате распространения приложения рубля (или суммы в долларах, эквивалентной 60 001 руб для случаев монетизации не в рублях), выплачивать в "1С" роялти в размере 10% от оборота приложения.
9. AllexSoft 24.10.22 11:50 Сейчас в теме
(1)
Если создаётся приложение для одной конторы (20-100-500 человек), то им и желтый интерфейс зайдёт.

Здесь содержится ошибка, далеко не везде заходит. Если вы морду 1с показываете большому руководству, то оно хочет видеть все в корпоративных цветах, а не в желтых (некоторых от желтого тошнит вообще). Если вы показываете приложение каким нибудь сторонним подрядчикам компании, клиентам (разные информационные терминалы, дисплеи покупателя) - то уж тем более требуется стилизация. В общем тема стилизации очень даже актуальная.
2. spy-83 195 22.10.22 10:31 Сейчас в теме
именно схема лицензирования 1с является главным ограничивающим фактором для использования 1с в вебе.
1с и веб становиться просто бессмысленным
3. ivanov660 3757 22.10.22 10:50 Сейчас в теме
(2) 1С не позволит создать высоконагруженный сайт, даже если воткнуть туда 100 тыс. лицензий. Не потянет. А поэтому внутрикорпоративное использование.
it_depDi; +1 Ответить
5. EvgeTrofi 74 22.10.22 21:14 Сейчас в теме
(4) Бесплатное мобильное приложение должно обмениваться данными с чем? Напрашивается веб-сервис с базой 1С. Каждое подключение по веб-сервису к базе это ещё одно рабочее место и платная лицензия.
А теперь представьте, что у Вас 100 000 клиентов. И 1% пользователей одновременно запустило мобильное приложение. Упс!
kser87; D_astana; +2 Ответить
6. support 4561 22.10.22 22:46 Сейчас в теме
(5) там же черным по белому написано - никаких финансовых обязательств перед "1С" у разработчика не возникает.
7. EvgeTrofi 74 23.10.22 04:26 Сейчас в теме
(6) Вы правы только в том случае, если собираетесь распространять мобильное приложение 1С, не обменивающееся информацией с сервером 1С. Например: калькулятор калорий, фитнес тренер, игра "Тетрис".
Если же речь идёт о таком мобильном приложении как интернет-витрина, интернет-магазин, социальная сеть и т.д., то неизбежно придётся хранить базу данных на сервере. Вот я и говорю, что если выберем сервер 1С, то за каждое активное подключение придётся заплатить.

Читайте: Ответы на типовые вопросы по Лицензированию 1С:Предприятие

Вопрос:
59. Организация предоставляет доступ к веб-сервисам, реализованным в «1С:Предприятии 8». Какое количество и каких лицензий необходимо приобрести организации?

Ответ:
В данном случае на рабочих местах организации осуществляется доступ к информационной базе «1С:Предприятия 8» с использованием веб-сервисов, причем сами веб-сервисы реализуют всего лишь способ доступа к данным «1С:Предприятия 8» и предметом для отдельного лицензирования не являются. В соответствии с Лицензионным соглашением на «1С:Предприятие 8», каждое рабочее место, с которого тем или иным способом осуществляется доступ к данным информационной базы «1С:Предприятия 8», должно быть обеспечено отдельной клиентской лицензией. То есть организации для работы с программами, в которых используются веб-сервисы, необходимо приобрести клиентские лицензии на такое количество рабочих мест, с которых одновременно осуществляется доступ к информационной базе.

См. также ответы на вопросы 34, 35, 60, 61.
cybjavax; idjumatov; Восьмой; Bassgood; D_astana; +5 Ответить
10. shard 271 24.10.22 22:12 Сейчас в теме
агааа, так вот значит как создаются эти безумные мейловские интерфейсы, с отсутствующими нумерациями страниц.
11. coollerinc 170 26.10.22 13:32 Сейчас в теме
1с для внутреннего использования в компании. Если делать на 1с что то для массового пользователя, то это костыли и прочие извращения с полями HTML. Лучше уже использовать технологии те, что для этого предназначено лучше.

1с это как универсальный строительный инструмент: красоты от него не требуется
12. ValeriVP 1237 27.10.22 12:56 Сейчас в теме
(0)(11) можно и на 1С делать красиво (прототип)
Прикрепленные файлы:
zoytsa; ivan_luzinov; +2 Ответить
13. coollerinc 170 27.10.22 13:40 Сейчас в теме
(12) Сделать красивее и удобнее, чем обычная конфигурация на 1с вы конечно сделаете. Но вы не сделаете юзабилити на уровне сайтов или мобильных приложений.

Я уже не говорю про кратно увеличивающиеся трудозатраты при доработке такого интерфейса.
kser87; serverstar; +2 Ответить
15. kser87 2288 28.10.22 17:24 Сейчас в теме
14. kser87 2288 28.10.22 16:15 Сейчас в теме
1) За это отдельное спасибо:

Еще мало кто знает про режим основного окна клиентского приложения. Он позволяет управлять окном 1С, и все 1С-ное из него исключить.

Реально не знал. Не дошел как-то.

2) Касаемо игры "1с не 1с". ну вот там кнопка "Записать и закрыть". Все, вы проиграли

3) Вскользь писали, что верстальщики там иногда как 1сники получают. Ну суть статьи в том, что используя все это дело вы будете иметь верстальщиков по цене 1сников. Т.к. верстальщики все же нюансы 1с вряд-ли осилят.
16. Steelvan 272 07.03.23 12:46 Сейчас в теме
А мы делаем веб-приложения делового назначения на 1Сных http-сервисах.
Скорость разработки куда больше, чем на php и прочих языках.

Веб-формы получаются вполне на 1Сные похожи и людям привычные.
Например, https://infostart.ru/1c/articles/1818521/
Оставьте свое сообщение

См. также

Публикация сборки сайта через 1С

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

Демонстрация возможного сценария развертывания сайта через 1С HTTP сервис на примере сборки react-app.

03.03.2023    1860    van_za    7    

25

Пагинация в 1С

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Те, кому приходилось делать REST API на базе HTTP-сервисов 1С, могли в какой-то момент столкнуться с необходимостью разработки методов, которые позволяли бы возвращать данные с пагинацией, т.е. последовательными порциями. В языках общего назначения пагинация реализуется простым использованием операторов OFFSET и LIMIT в SQL-запросе к базе данных. В языке запросов 1С оператора OFFSET нет, поэтому всем приходится решать эту задачу обходными способами. Один из таких обходных способов представлен в этой статье.

09.01.2023    1828    aleksei_adamov    36    

21

1С бакэнд (каталог товаров)

WEB-интеграция Платформа 1С v8.3 1С:Розница Россия Бесплатно (free)

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

01.01.2023    1343    aldar    5    

20

Возможности доработки выгрузки из 1С в Битрикс

WEB-интеграция Платформа 1С v8.3 Управленческий учет Бесплатно (free)

В статье собраны некоторые полезные и интересные примеры доработок выгрузки из 1С на сайты на платформе Битрикс (Возможно, что-то подойдёт и для WordPress и других платформ, принимающих типовую выгрузку на сайт из 1С). Доработки рассмотрены без привязки к конкретным конфигурациям, примеры кода взяты в основном из доработок УТ 10 и 11. Некоторые доработки требуют изменений на стороне Битрикса, некоторые укладываются в типовой функционал. Примеры взяты из личного опыта, возможно, описание где-то не полное, т.к. доработки делались в разное время. Если материал будет интересен или будут аналогичные актуальные задачи, буду стараться дополнять статью более подробным описанием и примерами.

01.11.2022    1128    de0nis    2    

12

Продуктовая разработка на 1С

Идеи и тренды в разработке Облачные сервисы, хостинг Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

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

28.10.2022    3111    comol    6    

34

Видеокурс-практикум: как подготовить и написать ТЗ, ЗНР, ЧТЗ. Промо

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

3 500 рублей

Rest API от чайника для чайников

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

На написание статьи побудило чтение книги "Технологии интеграции "1С:Предприятия 8.3"" Хрусталевой Е.Ю. В первой главе там постоянно чередуются слова REST, REST-интерфейс, архитектура REST и т.д. Мне стало интересно, я начал копать, что это такое, и тема оказалась достаточно интересной.

06.06.2022    11934    zeltyr    2    

11

Загрузка выпусков подкаста Радио 1С Энтерпрайз

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Код для загрузки всех выпусков подкаста Радио 1С Энтерпрайз для оффлайн-прослушивания.

29.04.2022    1128    q_i    9    

16

Методика интеграции HTML редакторов в поле HTML документа базы 1С

WEB-интеграция Платформа 1С v8.3 Платформа 1C v8.2 Бесплатно (free)

В статье описаны критерии WYSIWYG HTML редакторов и общая картина интеграции с платформенными механизмами. На момент платформы 1С 8.3 и возможно для будущих релизов описание будет скорее всего актуально. Апробировано на 1С 8.3.20 и 8.2.12, а также на мобильной платформе 8.3.19.59.

12.04.2022    1772    user1206119    2    

13

Распознавание и загрузка документов в 1С Промо

Универсальная программа-обработка для распознавания любых сканов или фото первичных документов в 1С (счета-фактуры, УПД, ТТН, акты и тд). Точность распознания до 98%.

от 11 рублей

Создание кодогенератора для Postman

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Опишу порядок разработки кодогенератора для Postman c использованием OneScript и HTTPКоннектор.

13.03.2022    1369    malikov_pro    2    

9

Как из 1С отдать миллионы строк в BI и успеть это сделать быстро

Консолидация данных Анализ и проектирование ИТ-систем WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

На онлайн-митапе «Бизнес-анализ по данным базы 1С. Интеграция c платформами BI» выступил ведущий разработчик WiseAdvice.tech Дмитрий Фурцев. Дмитрий рассказал о том, как отдать миллионы строк из 1С в платформу бизнес-аналитики и не потратить на это сутки.

14.02.2022    5004    Fudj1k    11    

22

Передача сообщений из 1С в MS Teams

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

Пример организации уведомлений в канал MS Teams.

09.02.2022    2143    Alex_YAM    4    

23

Работа с 1С через протокол OData

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Россия Бесплатно (free)

В данной статье мы будем рассматривать работу с данными информационной базы через протокол OData (далее OData).

17.12.2021    29134    ProgrammingStore    26    

86

Программы для исполнения 54-ФЗ Промо

С 01.02.2017 контрольно-кассовая техника должна отправлять электронные версии чеков оператору фискальных данных - правила установлены в 54-ФЗ ст.2 п.2. Инфостарт предлагает подборку программ, связанных с применением 54-ФЗ, ККТ и электронных чеков.

Подключение к HTTP-сервису с авторизацией посредством передачи клиентского SSL-сертификата

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

В статье хочу поделиться опытом настройки подключения 1С к стороннему HTTP-сервису, использующему авторизацию посредством передачи клиентского SSL-сертификата.

07.12.2021    10260    kholkin    12    

104

Тонкости и подводные камни работы типового модуля интеграции Битрикс24 и 1С (Часть 2)

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Россия Бесплатно (free)

Это вторая часть цикла статей, посвящённых типовому модулю интеграции 1С Предприятия и Битрикс24. Цель данной части: рассмотреть тонкости, связанные с обменом товарами и сопутствующими сущностями (спойлер - единицы измерения и свойства товаров). Также затронем некоторые нюансы связи сущностей 1С и Б24 (относящиеся не только к товарам) и их побочное влияние при переносе данных из модуля в модуль (при смене конфигурации, переустановки или обновлении модуля).

27.11.2021    7771    freegman74    16    

18

Web консоль управления сеансами 1С

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

Мы дали ему название adm1c, он позволяет посредством веб доступа удалять или смотреть на сеансы в 1С базах и при необходимости удалять их. Да и что тут такого, сказали бы, есть же консоль на win, с нее же это можно делать, и все верно, но есть пара но.

26.11.2021    3067    4ernuy    16    

28

Тонкости и подводные камни работы типового модуля интеграции Битрикс24 и 1С

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Россия Бесплатно (free)

Цель статьи - указать на подводные камни и нюансы, о которых “не пишут на заборах” и которые встретились мне за время внедрения типового модуля интеграции 1С и Битрикс24. Будет интересна для людей, кто подумывает о том, чтобы настроить интеграцию, и хотят понять, с чем столкнутся. А также для тех, кто уже работает с подобным обменом, столкнулся с какими-то из описанных ситуаций и хочет понять, что пошло не так и “как жить дальше”. Постараюсь все описать “человеческим” языком с минимальной долей терминов, так как статья, надеюсь, будет полезна не только программистам.

07.11.2021    11118    freegman74    13    

34

1СПАРК РИСКИ. Сервис оценки благонадежности контрагентов. Промо

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

Окей, Google

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

Пример интеграции Google Ассистента с 1С. В основе которого лежит платформа Dialogflow CX для понимания естественного языка.

28.10.2021    2082    Soloist    6    

29

Повышение производительности веб-сервисов. Переиспользование сеансов

WEB-интеграция HighLoad оптимизация Платформа 1С v8.3 Бесплатно (free)

Повышение производительности веб-сервисов. Переиспользование сеансов. Практическая реализация.

20.10.2021    4551    sorter1    3    

47

WEB/HTTP сервисы. Базовые отличия и применение на практике

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Рассказываем о WEB и HTTP сервисах, их практическом применении, о шишках, которые мы набили, и о выводах, которые сделали. Спойлер: тех, кто дочитает статью до конца, ждет бонус от автора.

04.10.2021    26509    Neti    23    

110

Интеграция 1С с ГИИС ДМДК

WEB-интеграция Файловый обмен (TXT, XML, DBF), FTP Платформа 1С v8.3 1С:ERP Управление предприятием 2 Ювелирная промышленность и торговля Россия Бесплатно (free)

ГИИС ДМДК - единая информационная платформа для взаимодействия участников рынка драгоценных металлов и драгоценных камней. с 01.09.21 стартовал обязательный обмен данными с Федеральной пробирной палатой (ФПП) исключительно через ГИИС. А постепенно - с 01.01.2022 и с 01.03.2022 - все данные о продаже драгоценных металлов и камней должны быть интегрированы с ГИИС. У многих пользователей возникает вопрос как автоматизировать обмен между программой 1С и ГИИС ДМДК. В настоящей статье ВЦ Раздолье поделится своим опытом о реализации такого обмена. Автор статьи - Мордовин Антон - архитектор систем на базе 1С Внедренческого центра "Раздолье".

30.09.2021    35933    1СERP    159    

30

Быстрое чтение составных http сообщений multipart/form-data

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Алгоритм быстрого разбора составного http сообщения multipart/form-data.

26.09.2021    2964    cherkasovvitalik    4    

56

Готовые переносы данных из различных конфигураций 1C Промо

Рекомендуем готовые решения для переноса данных из различных конфигураций 1C. C техподдержкой от разработчиков и гарантией от Инфостарт.

Интеграция 1С с Битрикс24 через вебхуки

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Россия Бесплатно (free)

Пример получения токена и http запрос к API битрикса.

15.09.2021    8787    TyurinArt    11    

30

Обмен с HTTP сервисом файлами по формату multipart/form-data

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Россия Бесплатно (free)

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

07.09.2021    10222    ix5s    25    

66

Разработка гибридного web-приложения на 1С, возможности и ограничения

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Все чаще разработчики склоняются к использованию 1C в качестве бэкенда при разработке веб-приложений. Но благодаря встраиванию веб-клиента 1С в сайт можно получить еще больше готовой функциональности. О том, как реализовать гибридное приложение за счет связки 1С с другими веб-технологиями, рассказал разработчик компании Neti Эльдар Мингалиев.

06.09.2021    5014    Бэнни    12    

51

Работа с WEB-сервисами под HTTPS на примере прямого обмена между базами (1С – 1С) 

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

Использование веб-сервисов 1С при обмене 1С – 1С позволяет быстро передавать достаточно большие объемы данных из базы-источника в базу-приемник в объектах языка 1С. Данный метод обмена может применяться при бесшовной интеграции между двумя базами 1С, но требует определенной серверной инфраструктуры (установленного и настроенного WEB-сервера).

03.09.2021    11404    UltraUnion2005    9    

35

Глава 2. Как я написал (собрал с инфостарта) свой парсер сайта 1С Releases

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 1С:Франчайзи, автоматизация бизнеса Россия Бесплатно (free)

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

31.08.2021    2786    ldmonster    9    

12

Программы для исполнения 488-ФЗ: Маркировка товаров Промо

1 января 2019 года вступил в силу ФЗ от 25.12.2018 № 488-ФЗ о единой информационной системе маркировки товаров с использованием контрольных (идентификационных) знаков, который позволяет проследить движение товара от производителя до конечного потребителя. Инфостарт предлагает подборку программ, связанных с применением 488-ФЗ и маркировкой товаров.

Взаимодействие с api Честный знак (Молочная продукция)

WEB-интеграция Универсальные функции Обмен с ГосИС Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

Обзор основных примеров взаимодействия с Честным знаком по api для нетиповых конфигураций.

30.08.2021    13451    user5300    68    

54

Умная маршрутизация: о сложностях интеграции с 1С (часть 2)

WEB-интеграция Платформа 1С v8.3 1С:Управление торговлей 11 Бесплатно (free)

В статье будет много примеров кода с комментариями работы расширения для обмена данными УТ11.4 с Яндекс.Маршрутизацией через выгрузку/загрузку EXCEL файла.

27.08.2021    2720    greencactus    7    

18

Встраивание форм 1С на страницы сайта

WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

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

27.08.2021    7819    mikepin    10    

61

Гарри Поттер и подкапотное пространство веб-клиента

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

При разработке сайтов, интегрированных с 1С через HTTP-сервисы, приходится бороться с кодировками, искать производительные интерфейсные решения и задумываться над безопасностью. В ходе онлайн-митапа «Web-клиенты для 1С» Юрий Лазаренко показал на практике, как работает магия самодельного веб-клиента и как решать проблемы, возникающие при интеграции.

20.08.2021    5485    TitanLuchs    19    

41

Умная маршрутизация: кейс интеграции с 1С (часть 1)

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Как мы решали проблемы с доставкой в нашем интернет-магазине, внедрили новый бизнес-процесс за 3 месяца и научились меньшим количеством машин привозить больше заказов клиентам.

18.08.2021    6399    greencactus    42    

61

Подборка решений для взаимодействия со ФГИС «Меркурий» Промо

С 1 июля 2019 года все компании, участвующие в обороте товаров животного происхождения, должны перейти на электронную ветеринарную сертификацию (ЭВС) через ФГИС «Меркурий». Инфостарт предлагает подборку программ, связанных с этим изменением.

Сравнительный анализ вариантов интеграции между системами

Файловый обмен (TXT, XML, DBF), FTP WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

На Infostart Meetup «Интеграционные решения для 1С» выступил Сергей Наумов – руководитель центра аналитики и консалтинга WiseAdvice. Сергей поделился с коллегами кейсами из собственной практики: какие интеграционные решения остаются актуальными до сих пор, а каких приемов стоит избегать – даже в безвыходных ситуациях.

30.07.2021    4229    SergeyN    1    

10

Примеры вызова в 1С методов API до реестров открытой части Электронного кабинета налогоплательщика (Украина)

WEB-интеграция Платформа 1С v8.3 Украина Бесплатно (free)

Примеры вызова в 1С методов API до реестров открытой части Электронного кабинета налогоплательщика, Украина. Тестирование проводил на 1С:Предприятие 8.3 (8.3.10.2561).

28.07.2021    3185    Pervuy    5    

5

Распознавание лиц в связке с 1С "на коленке"

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

Возможно ли просто реализовать функционал программы лояльности без использования пластиковых карт, а используя при этом распознавание лиц покупателей? Попробуем проверить.

02.07.2021    1642    KirillGermann    7    

8

Пример организации HTTP сервиса на 1С: Документооборот. Источник 1С: ЕРП => Приемник 1С: Документооборот

WEB-интеграция Платформа 1С v8.3 1С:Документооборот Бесплатно (free)

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

13.05.2021    4337    Flover    1    

23

Настраиваем авторизацию пользователей 1С через Okta

WEB-интеграция Платформа 1С v8.3 Бесплатно (free)

Чем больше в компании различных конфигураций и сервисов, тем актуальнее становится проблема единой системы авторизации single Sign-On. Его лидером практически безоговорочно считается Okta. Но на просторах интернета очень мало информации про интеграцию 1С с Okta через протокол OpenID Connect. Что ж, настало время восполнить недостающие пробелы и перевернуть эту печальную страницу в вашей истории

30.04.2021    6264    ripreal1    16    

40