Мобильный HTML-интерфейс, взгляд изнутри

Публикация № 1353200 28.12.20

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

Для реализации красивого интерфейса в мобильном приложении 1С удобно использовать возможности стека HTML / CSS / JavaScript. О том, как построить отзывчивый HTML-интерфейс с перехватом событий и выполнением JavaScript-кода в поле HTML-документа на форме 1С, рассказал сотрудник отдела мобильной разработки в компании «1С-Рарус» Роман Сухоруков.

Меня зовут Сухоруков Роман, я сотрудник отдела мобильной разработки в компании «1С-Рарус».

 

 

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

  • На сегодняшний момент наши приложения имеют более 5 000 активных платных подписок в App Store и Google Play.

  • Наши приложения установили более 3 000 000 пользователей.

  • 25 000 из них поставили нам оценку ~ средний бал 4.5 (достаточно неплохой показатель)

  • В разное время наши приложения входили в Топ 10 в 88 странах мира в своих категориях.

 

 

Это наши продукты:

  • Приложение Boss – для автоматизации малого и среднего бизнеса;

  • Fitness – приложение для занятий спортом в зале и дома;

  • Приложение Budget – помощник учета личных финансов;

  • Приложение Diets – поможет составить/ подобрать оптимальную диету по запросам пользователя.

 

Мобильные интерфейсы с использованием HTML/CSS/JavaScript

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

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

 

 

Пример формы из приложения Fitness – это форма выполнения тренировки.

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

  • А справа можно увидеть, как нам удалось её улучшить с помощью HTML.

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

 

Календарь в мобильном приложении 1С

 

 

Сегодня я хотел бы поделиться некоторыми нашими наработками в этой области на примере вот такой формы календаря для мобильного приложения на 1С.

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

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

Рассмотрим ее логику работы:

  • у нас есть динамический список месяцев, который в один момент времени хранит данные за 6 месяцев (три месяца, которые мы видим на экране и 3 месяца, выходящие за пределы экрана);

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

 

 

Так структурно выглядит форма календаря в JavaScript:

  • у нас есть базовый класс View, который отвечает за отрисовку всех элементов на экране;

  • от него наследуются три класса – Calendar, Month, Task.

 

 

Класс Calendar, собственно говоря, реализует механизм динамического списка – при прокрутке по достижении предельного положения генерируется событие «MonthRequest», которое передает на форму 1С дату месяца, данные которого нам необходимо получить.

 

 

Класс Month может быть в двух режимах работы:

  • закрытый режим, когда пользователь видит перед собой месяц полностью;

  • и режим списка задач за день.

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

Класс Task – это представление задачи, которое содержит ссылку 1С на элемент справочника «Задачи» и дату для отображения в списке.

 

Механизм взаимодействия

 

 

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

Основное назначение подсистемы конвертации – это:

  • запуск кода JavaScript и получение переданных параметров из кода 1С;

  • и генерация событий на форме 1С.

 

 

Подсистема конвертации использует для этого два полезных события поля HTML-документа – это:

  • «ДокументСформирован» – событие, которое возникает, когда у нас в память полностью загружены структура HTML-документа и все скрипты, и мы можем обращаться к JavaScript-коду из кода 1С. Мы используем это событие для инициализации формы и её заполнения данными.

  • «ПриНажатии» – событие, которое возникает перед началом перехода по ссылке в поле HTML-документа, в него мы будем получать все события, которые генерируют HTML-интерфейс.

 

Выполнение JavaScript-кода из 1С

 

 

Чтобы передать какие-то значения, запустить JavaScript-код из кода 1С, нам необходимо воспользоваться свойством поля HTML-документа defaultView.

Свойство defaultView становится доступным на клиенте, когда документ полностью сформирован и загружен в память (после события «ДокументСформирован»).

Свойство defaultView соответствует объекту window в JavaScript и, по сути, является глобальным контекстом нашего скрипта.

 

 

Строго говоря, с помощью свойства defaultView мы можем напрямую из кода 1С вызвать любую функцию JavaScript. Но передавать в качестве параметров и получать в результате можем только примитивы – такие, как Число, Булево или Строка.

Но поскольку нам этого мало, мы путем сериализации в JSON передаем все, что угодно – для этого используется подсистема конвертации.

 

Организация обмена данными с полем HTML-документа

 

 

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

Казалось бы, мы получаем строку, которую уже можно передать и выполнить на стороне JavaScript. Но на самом деле, это не так – мобильная платформа может передавать не все строки. Если в строке присутствуют фигурные скобки, переносы строк, какие-то непечатаемые символы, то она будет проигнорирована и функции JavaScript будет передано пустое значение, как будто мы вообще ничего не передавали. Поэтому дополнительно мы строку JSON кодируем еще в URL.

И на стороне JavaScript это преобразуется обратно – средствами подсистемы конвертации выполняются обратные преобразования и создаются необходимые нам сущности для работы на форме.

 

 

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

Например, в форме календаря ссылка на справочник «Задачи» передается в объект TaskRef, который содержит в себе идентификатор и представление ссылки. Получается, что мы с таким объектом можем практически работать так, как если бы мы работали из кода 1С на клиенте со ссылкой.

 

Генерация события из кода JavaScript

 

 

Теперь о получении событий. Как я уже говорил, все события мы получаем в обработчике «ПриНажатии», который срабатывает перед началом перехода по гиперссылке.

 

 

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

В этом нам поможет объект location, а точнее, его метод assign, куда мы передаем URL перехода – только в нашем случае это будет не просто URL, а сериализованное в JSON и кодированное в URL описание случившегося события.

На формуле календаря это выглядит примерно так:

  • мы вызываем метод assign, которому передаем сериализованную структуру с полями name и parameter – поле name содержит имя события, которое необходимо запустить на форме 1С, а поле parameter содержит передаваемый параметр;

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

На слайде показана строка, которая генерируется при получении от динамического списка календаря запроса события «MonthRequest» для вывода следующего месяца.

 

Получение данных события и их обработка

 

 

Строку с событием мы получаем в процедуре «ПриНажатии» в свойстве Href переданного параметра «ДанныеСобытия».

 

 

Вот так выглядит значение свойства href при получении данных от JavaScript-события – в данном случае, мы от динамического списка календаря в подсистему конвертации получили запрос события «MonthRequest», которое должно вывести данные за следующий месяц, и в качестве параметра передана дата 01.06.2020.

Как вы видите, здесь это значение уже автоматически декодировано из URL-формата, то есть нам достаточно только десериализовать и восстановить объектные значения.

 

 

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

На основании структуры, которая передается в событии «ПриНажатии», мы запускаем процедуру «Оповестить» и оповещаем все обработчики оповещений 1С о случившемся событии – передаем имя события и параметр.

Например, если обрабатывается событие «MonthReguest», мы запускаем процедуру «addMonth», которая добавляет новый месяц в список календаря, а противоположный месяц удаляется с формы. Таким образом у нас динамический список всегда хранит только шесть месяцев.

При клике на определенный месяц календаря возникает событие «GetTasks», чтобы его обработать, мы передаем список задач методу «showTasks».

 

Преимущества использования web-стека

 

 

Формы web-стека дают нам дополнительные возможности, такие как:

  • возможность детально проработать любой пиксель на экране, любой отступ, генерировать анимацию каждого элемента;

  • мы можем обрабатывать touch-события – любой жест пользователя, свайп, движение одним-двумя-тремя пальцами тоже можно перехватить на форме и создать функциональный отзывчивый интерфейс;

  • это работает быстрее, чем форма 1С – например, в системе Android нажатия по ссылкам проходят без задержки. В iOS же при каждом клике генерируется задержка порядка полсекунды, в этот момент отрабатывает встроенная анимация нажатия Safari;

  • есть огромное количество готового кода, уже адаптированного под мобильные экраны – можно использовать любой фреймворк, который существует на JavaScript, мы в форме календаря для создания анимаций используем jQuery.

Как я и обещал, ссылка на исходный код календаря – кому интересно, можете посмотреть.

 

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

Данная статья написана по итогам доклада (видео), прочитанного на INFOSTART MEETUP Krasnodar. Больше статей можно прочитать здесь.

Приглашаем всех принять участие в тематических митапах Инфостарта: infostart.ru/events/

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

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Tahallus 430 28.12.20 20:24 Сейчас в теме
Если весь интерфейс на HTML то зачем тогда брать мобильную платформу 1С(кроме политических)?
Есть react native и flutter которые куда гибче чем 1С.
Может быть есть у Вас какое-то сравнение данных платформ чтобы понимать в чем экономический смысл взять мобильную платформы 1С для таких типов приложений.
Оставим за скобками реализацию внутренних приложений для компаний, где UI в основном на последнем месте.
privin731; FesenkoA; ltfriend; bashinsky; +4 Ответить
2. TitanLuchs 328 30.12.20 10:37 Сейчас в теме
(1) Бывают случаи, когда реализация на мобильной платформе 1С - это одно из условий. Обычно это заказы через тендеры, где все регламентировано вышестоящими организациями. Вот там важно, чтобы основа была на МП, а то, что внутри все на html и js - это уже не проблема.
3. Tahallus 430 30.12.20 12:19 Сейчас в теме
(2) это я понимаю, из-за этого и написал что оставим за скобками реализацию для внутреннего использования.
Но такие приложения как fitness или Diets который изначально ЦА их была массовый клиент и при этом весь интерфейс сделан не на 1С, а на html, вот в данной реализации выбор не понятен ну кроме как политических что мы пиарим 1С в угоду удобству и практичности.
FesenkoA; Daruma; +2 Ответить
5. V1V 112 10.01.21 12:40 Сейчас в теме
(3) во-первых, да мы все тут так или иначе пиармим 1с.
Во-вторых, 1с это ещё и база данных. Где то надо хранить и уроки для фитнеса и картинки и т.д. и т.п. в этом случае 1с ничем не хуже и не лучше любой другой СУБД.
Ну и в-третьих, упомянутые приложения раруса это же частный случай. Все таки пока что основная масса приложений это фронт для 1с. Как следствие возможность использовать встроенные механизмы обмена, архитектуру и уже имеющихся штатных специалистов для поддержки.

Так что html это красивый интерфейс, как дополнение к 1с)
7. memb3r 31.01.21 12:01 Сейчас в теме
(5) 2) что в Android, что в iOs есть SQLLite внутри операционной системы, которая применяется в большинстве приложений.
3) вот это скорее всего и есть, т.к.есть свои разработчики, изначально написали мобильное приложение, оно выстрелило, и чтобы переписать его нужно огромные вложения, а так только сопровождай и все. Минус костыли ток :)
4. user642382_gv1c 09.01.21 09:49 Сейчас в теме
Использовал данную технологию в своих проектах. Работает быстро. Интерфейс можно любой создать. Пишу в VS интерфейс делаю отладку там же. Для ТСД это удобнее потому как драйвер сканера работает через 1С. Пробуйте сами а потом пишите.
6. neikist 14.01.21 19:16 Сейчас в теме
Какая жесть и извращения когда можно было сразу взять флаттер или реакт нейтив. К которым сразу и куча готовых библиотек на все случаи жизни прилагаются.
8. memb3r 31.01.21 12:03 Сейчас в теме
(6) если уже есть готовый проект, который, скорее всего, взлетел после мвп, то представь сколько нужно денег, чтобы переписать такое приложение, а потом держать в штате флаттер разработчика? Его и найти ещё нужно постараться.
9. neikist 02.02.21 13:01 Сейчас в теме
(8) Угу, то то 1сников хорошо умеющих в js/html/css у нас пруд пруди. Как и веб разрабов готовых в мобильной платформе 1с ковыряться. Т.е. надо сначала найти такого, а потом все равно переписывать на что то нормальное. Натив, или адекватную кроссплатформу, неважно.
10. memb3r 20.02.21 22:07 Сейчас в теме
(9) а как связаны умения js и html с 1с? Один веб разработчик стоит недорого, и их много. Штат 1с разрабов тоже есть, т.к специализация компании это разработка под 1С. И зачем переписывать, как вы говорите, на что-то нормальное, если уже есть решение и оно вполне рабочее, что подтверждает количество скачиваний.
12. skyadmin 105 19.01.22 21:36 Сейчас в теме
(10)
Один веб разработчик стоит недорого, и их много. Штат 1с разрабов тоже есть, т.к специализация компании это разработка под 1С. И зачем переписывать, как вы говорите, на что-то нормальное, если уже есть решение и оно вполне рабочее, что подтверждает количество скачиваний.

я хоть и 1сник, но для меня оказалось куда быстрей сделать мобильное приложение на C# нежели на 1с с даже обычным интерфейсом.
15. crismar24 14.07.22 00:12 Сейчас в теме
(12) А как именно делали, не поделитесь ? Я тоже 1Сник )
16. skyadmin 105 14.07.22 07:04 Сейчас в теме
(15) на фреймворке XAMARIN инструкция к применению на METANIT.COM
11. serverstar 37 13.10.21 21:08 Сейчас в теме
Здравствуйте. Вопрос от джуна. На управляемой форме создаю элемент полеHTML. в нем ПриОткрытии() формы динамически создаю простенькую HTML-форму с 3 текстовыми полями и кнопкой отправить. НО засада в том, что не удается ДАЖЕ сфокусироваться курсором на текстовом поле для ввода текста. и тем более ввести текст. КАК быть?
13. Sedaiko 446 28.04.22 13:17 Сейчас в теме
Кто-нибудь пытался запустить React на мобильной платформе?
crismar24; serverstar; +2 Ответить
14. serverstar 37 28.04.22 19:12 Сейчас в теме
Оставьте свое сообщение

См. также

[Общий модуль] Динамическое формирование интерфейса Промо

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

Библиотека готовых функций для разработки интерфейса формы и размещения на нём элементов формы с помощью программного кода.

28.08.2020    26396    rpgshnik    83    

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

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

Юрий Лазаренко, ведущий разработчик компании «Цифровой кот», на конференции Infostart Event 2021 Post-Apocalypse рассказал, как устроен самодельный веб-клиент, и какие практические приемы помогут эффективно интегрировать сайт с базой 1С.

30.01.2023    724    TitanLuchs    11    

Мобильный клиент в ритейле. Внедрение и первые результаты использования

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

Олег Репников, руководитель департамента развития систем дистрибуции в ПАО «Вымпелком», рассказал о том, с какими сложностями можно столкнуться при внедрении в компании мобильного клиента: о реорганизации архитектуры решения, необходимости перестроения мышления всей команды разработки, и о том, что плохой код – враг мобильного клиента.

16.01.2023    1152    Repich    0    

Использование языковой модели GPT3 для создания интерфейса 1С на естественном языке

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

Я взял типовую конфигурацию УТ редакции 11.5 Немного доработал запрос к языковой модели GPT-3 и получил возможность обращаться к учетной системе на естественном языке

15.01.2023    6429    mkalimulin    101    

[Шпаргалка] Свой заголовок отчету на СКД с параметрами, картинками (без программирования) Промо

Работа с интерфейсом Система компоновки данных Система компоновки данных Конфигурации 1cv8 Конфигурации 1cv8 Бесплатно (free) Бесплатно (free)

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

23.07.2018    95275    rpgshnik    73    

Новый SimpleWEB – тот же Simple, теперь еще web

WEB-интеграция Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

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

19.12.2022    2146    informa1555    9    

Думы о мобильной платформе и мобильном клиенте 1С:Предприятия

Мобильная разработка Мобильная платформа Мобильная платформа Конфигурации 1cv8 Конфигурации 1cv8 Бесплатно (free) Бесплатно (free)

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

16.12.2022    819    alexkozin    4    

Как я начал администрировать сервер 1С: Предприятие 8.3 с телефона Промо

Инструменты администратора БД Мобильная разработка Платформа 1С v8.3 Платформа 1С v8.3 Бесплатно (free) Бесплатно (free)

Развитие инструментов управления кластером серверов 1С:Предприятие 8.3.

14.04.2017    71010    user700211_a.straltsou    30    

Как на мобильной платформе 1С сделать игру. Расширяем возможности через Поле HTML Документа

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

Как вы считаете, можно ли создавать игры на мобильной платформе 1С? Независимый разработчик Никита Вельмаскин убежден – да, можно. На Infostart Event Post-Apocalypse он продемонстрировал, как работают гибридные приложения на мобильной платформе 1С и дал исходники игры, чтобы изучить все возможности веб-технологий применительно к мобильной разработке в 1С.

14.12.2022    3804    maskin    5    

Пакет дополнений к Simple UI. Ноябрь 2022

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

На этот раз сборная солянка, всего понемногу, но полезное: еще одна итерация улучшений по спискам, возможности кастомизации элементов интерфейса, специальные возможности для Urovo, общие возможности управления видимостью и даже новый вид события. Данная статья является дополнением к публикации https://infostart.ru/public/1153616/

21.11.2022    1262    informa1555    0    

{UI/UX} Свой всплывающий информер у элемента формы

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

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

12.08.2022    4209    rpgshnik    34    

Подбор в управляемой форме - что может быть проще? Промо

Работа с интерфейсом Управляемые формы Управляемые формы Конфигурации 1cv8 Конфигурации 1cv8 Бесплатно (free) Бесплатно (free)

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

19.09.2017    66647    starik-2005    71    

Динамическая кнопка VS Комбинация клавиш

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

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

08.08.2022    5195    sapervodichka    33    

Пакет новых элементов к Simple UI. Май 2022

Мобильная разработка Мобильная платформа Мобильная платформа Россия Россия Бесплатно (free) Бесплатно (free)

Новые поля ввода, кнопки и т.д. Основная статья тут: http://infostart.ru/public/1153616/

04.05.2022    1023    informa1555    2    

Настройка рабочего места для мобильной и веб-разработки в 1С для самых маленьких

Мобильная разработка Мобильная платформа Мобильная платформа Россия Россия Бесплатно (free) Бесплатно (free)

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

18.04.2022    6347    AntonChausov    15    

Фитнес – твой личный тренер в зале и дома Промо

Инструкции пользователю Мобильная разработка Платформа 1С v8.3 Платформа 1С v8.3 Развлечения, искусство, спорт Развлечения, искусство, спорт Бесплатно (free) Бесплатно (free)

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

15.04.2016    39249    Baksheev-Nikita    54    

Мобильная бригада — приложение ТОиР на мобильной платформе 1С для ускорения выполнения ремонтов

Мобильная разработка Производство готовой продукции (работ, услуг) Мобильная платформа Мобильная платформа Россия Россия Управленческий учет Управленческий учет Бесплатно (free) Бесплатно (free)

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

15.02.2022    1501    Desnol_Soft    10    

Мобильное приложение "Дорожный ассистент" для 1С

Мобильная разработка Мобильная платформа Мобильная платформа Россия Россия Бесплатно (free) Бесплатно (free)

Пример реализации мобильного приложения для водителей грузового транспорта. Frontend: React-Native. Backend: 1С.

14.02.2022    1206    80lvlAPP    8    

Строим графы средствами 1С (без GraphViz) Промо

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

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

23.05.2018    27468    slozhenikin_com    20    

Пак дополнений к Simple UI, декабрь 2021

Мобильная разработка Мобильная платформа Мобильная платформа Конфигурации 1cv8 Конфигурации 1cv8 Бесплатно (free) Бесплатно (free)

Большой пакет полезностей и красоты. Примеры к этой статье в демо-базе в конфигурации «Примеры 6». Эта статья является дополнением к основной статье https://infostart.ru/public/1153616/

27.12.2021    1195    informa1555    0    

Использование ORM вместо работы с чистым SQL

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

Маленькая заметка про небольшой, но полезный релиз Simple UI. Дополнение к основной статье https://infostart.ru/public/1153616/

25.11.2021    3054    informa1555    10    

Программный интерфейс для доработки форм

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

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

25.11.2021    6060    AtamanovYS    19    

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

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

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

09.02.2015    52212    boogie    21    

Мобильное приложение на 1С без никого... За полчаса...

Мобильная разработка Платформа 1С v8.3 Платформа 1С v8.3 Бесплатно (free) Бесплатно (free)

Мобильное приложение на коленке за полчаса без никого...

27.10.2021    14439    starik-2005    61    

Как читать чужой код? Часть 4. Программный интерфейс. Исправление чужих доработок

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

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

20.09.2021    4106    biimmap    9    

Старые обработки в новом (Управляемом) интерфейсе Промо

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

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

12.08.2016    61800    valerasv    7    

Распознавание лиц

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

В новом релизе в режим дополненной реальности ActiveCV в платформе Simple UI добавлен новый тип детектора - распознавание лиц. Платформа детектирует лица в кадре, оправляет их на ваш сервер распознавания (написанный на открытом скрипте на python) получает ответ в виде идентификатора, а дальше отображает в видеопотоке и вписывает их в логику вашего приложения. Таким образом хранение семплов, выбор и настройки алгоритмов распознавания и сам сервер находится за пределами платформы, открыт и построен на бесплатных технологиях. Данный пост является дополнением к основной статье https://infostart.ru/public/1153616/

26.07.2021    3444    informa1555    9    

Мобильное приложение для учета личных финансов

Работа с интерфейсом Мобильная разработка Мобильная платформа Мобильная платформа Домашние учет и финансы Домашние учет и финансы Россия Россия Управленческий учет Управленческий учет Бесплатно (free) Бесплатно (free)

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

08.07.2021    3682    coollerinc    23    

Изменение размера картинок "на лету" с помощью NGINX

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

Пример использования nginx и image_filter для сжатия картинок.

26.05.2021    2791    malikov_pro    21    

Отладка конфигураций на мобильной платформе Промо

Мобильная разработка Платформа 1С v8.3 Платформа 1С v8.3 Бесплатно (free) Бесплатно (free)

Настройка и подключение отладчика для отладки конфигураций на мобильной платформе.

25.09.2016    60485    spezc    52    

Релиз Simple UI май 2021: плиточные экраны, плиточное главное меню, картинки из кеша, новое взаимодействие с ТСД и т.д.

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

В релизе Simple UI 5.75.00 добавлен новый вид интерфейса – «плитки» и возможность переопределения стартового экрана, а также другие нововведения. Также важное нововведение - новый режим взаимодействия с некоторыми моделями ТСД - через подписку на сообщения. Дополнение к основной статье: https://infostart.ru/public/1153616/

17.05.2021    3387    informa1555    0    

1С в мобильном и лицензионная политика

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

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

31.03.2021    2780    1C_lava    4    

Идея или как сохранить ЦВЕТ, ШРИФТ, ОФОРМЛЕНИЕ пользователя Промо

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

Простой и оригинальный способ сохранять ЦВЕТОВУЮ СХЕМУ и ОФОРМЛЕНИЕ пользователей. Как сохранить ЦВЕТ

22.06.2015    25534    Tatitutu    12    

Как избавиться от горизонтальных серых разделителей (полосок) между элементами в форме мобильного приложения

Мобильная разработка Работа с интерфейсом Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

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

17.03.2021    2448    kholodarev    9    

Динамический список и поиск... неприятностей

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

Страх и ненависть в поиске по динамическому списку, или "Кое-что о неоптимальном отборе".

17.03.2021    9741    Yashazz    37    

Большой пак дополнений март 2021: регламентные задания, распознавание дат и чисел, оповещения, поля с автозаполнением и многое, многое другое

Терминал сбора данных Мобильная разработка Платформа 1С v8.3 Платформа 1С v8.3 Бесплатно (free) Бесплатно (free)

Релиз с огромным количеством дополнений. Дополнение к основной статье Simple UI: https://infostart.ru/public/1153616/ Перечень изменений: 1. Оптическое распознавание дат в разных форматах 2. Оптическое распознавание чисел в разных форматах 3. Запуск кода из кода синхронно/асинхронно в фоне (Python) 4. Регламентные задания с расписанием от 1 мс 5. Всплывающие сообщения 6. Уведомления из любого контекста простые 7. Уведомления с ответом (для Anroid начиная с Oreo) 8. Поле ввода с событием на каждый символ 9. Поле ввода с автозаполнением (предварительно передается список) 10. Новый настраиваемый диалог ввода и работа с ответами диалога 11. Работа с речью и голосом из любого контекста А также изменения в документации. В данную статью не вошло описание системы группового администрирования и мониторинга.

11.03.2021    2909    informa1555    20    

Хранение и редактирование дополнительных параметров в регламентированном отчете. Для начинающих. Промо

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

Для начинающих. Как редактировать дополнительные параметры регламентированного отчета, изменив только модуль формы и модуль объекта. Как сохранить дополнительные параметры в данных отчета.

22.01.2014    21530    KapasMordorov    4    

Пример работы с диаграммой Ганта в 1С

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

Пример работы с очень нужным и важным, по моему мнению, объектом в 1С «Диаграммой Ганта».

24.02.2021    12222    JIEX@    4    

Большой пакет дополнений для Simple UI - январь 2021

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

В этот раз множество полезных нововведений в мобильной платформе, исправлено все, о чем просили, а также прибрался в документации, актуализировал конструктор на 1С (с учетом текущих изменений, а также скорого выхода стационарного клиента) и переснял видео по-новому. Конструктор на платформе 1С:Предприятие 8.3.13.1865. Данный пост является дополнением к статье  https://infostart.ru/public/1153616/

22.01.2021    1695    informa1555    9    

Программное условное оформление динамического списка, раскраска строк списка по цветам справочника или любым другим условиям (условное оформление)

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

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

30.11.2020    13977    SizovE    5    

Программное генерирование кнопочек для удобного управления уровнями группировки в отчетах (версия 2a). Промо

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

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

09.04.2011    48426    mtv:)    75    

Ноябрьский релиз Simple UI: списки карточек для всех режимов работы и много полезного

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

В новом релизе Simple UI добавлены режимы представления информации в виде настраиваемого списка карточек (в альтернативу таблице или списку) для любых источников – формируемого из 1С, оффлайн и из REST-интерфейса напрямую. Расширен набор методов для обработки JSON в самостоятельном режиме и настройки для работы с HTTP запросами напрямую (не через настройки) а также множество других полезных нововведений. Основная статья по Simple UI : https://infostart.ru/public/1153616/ Платформа 1С: Предприятие для демо-базы : 8.3.14.1865.

09.11.2020    2132    informa1555    2    

[mobile] Переносим HTML интерфейс на 1С

Работа с интерфейсом Мобильная разработка Платформа 1С v8.3 Платформа 1С v8.3 Мобильная платформа Мобильная платформа Конфигурации 1cv8 Конфигурации 1cv8 Бесплатно (free) Бесплатно (free)

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

02.11.2020    12481    leobrn    82    

Обзор мобильного приложения 1С и лицензионная политика

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

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

12.10.2020    9643    1C_lava    51    

Хитрости компоновки данных: программное формирование заголовков отчета и колонок без использования макетов. Промо

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

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

27.07.2012    34391    milkers    9    

Рендеринг элементов управляемого интерфейса

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

Реализация отображения всего состояния формы проще, чем работа по изменениям. Однако использование идеи разделения алгоритмов на программные слои MVC и построения реактивных систем позволяет получить не только простые и масштабируемые решения, но и производительные интерфейсы. Рассмотрим примеры таких реализаций на основе использования фреймворка «Управление состоянием»: Информационная надпись, Заголовок формы, Свертываемая группа, Отключаемые панели.

22.09.2020    4793    kalyaka    5    

Воспроизведение аудиофайлов в мобильной платформе

Мобильная разработка Мобильная платформа Мобильная платформа Бесплатно (free) Бесплатно (free)

Корректное добавление аудиоинформации при сборке мобильного приложения.

17.09.2020    2493    QuirkyKot    7    

Team: Торговля + Склад + Производство (Мобильное приложение на платформе 1С)

Мобильная разработка Производство готовой продукции (работ, услуг) Логистика, склад и ТМЦ Мобильная платформа Мобильная платформа Управленческий учет Управленческий учет Бесплатно (free) Бесплатно (free)

TEAM - учет для бизнеса на мобильном и ПК: склад; деньги, мультивалютность; продажи - покупки товаров, услуг; заказы и долги клиентов, поставщиков и других партнеров; учет производства, сборки комплектов; доходы и расходы, прибыль и финансовый результат.

14.09.2020    3918    naypak    10