Что такое Onboarding
Предисловие:
Как-то недавно я начал изучать веб разработку, в целях расширения кругозора, и применения этой технологии совместно с 1С для изобретения каких-либо полезных фич. Немного погрузившись в изучение курсов, я понял, что будет намного интереснее и полезнее если сразу на практике можно будет применить знания. И я задался вопросом, а что еще можно сделать, ведь столько уже всего придумано на эту тему.
Обратился с просьбой подкинуть идею к Паутову Леониду //infostart.ru/profile/150176/ . Поступило предложение научить общаться веб клиент и js, что бы можно было организовать интерактивное обучение и onboarding пользователей любых конфигураций написанных на 1С. После чего была предпринята попытка реализовать это с помощью расширения для браузера (Chrome), но попытка оказалась неудачной из-за ряда сложностей. Затем пришло понимание то, что я хочу сделать, скорее можно сделать не на расширении для Chrome, а на приложении для браузера, но это уже другая история, еще более сложная.
Как то вечером просматривал ролики на YouTube одного замечательного преподавателя «учебного центра №1» Арутюнова Сергея Рафаэльевича //infostart.ru/profile/47700/ , и узнал о новой для меня возможности платформы по встраиванию веб клиента во внешние сайты(https://www.youtube.com/watch?v=c-NnxV6-qbc&list=PLY7ViBfWFBOkG-fv-kXzsmyeqxxe9EHYW&index=15). Советую смотреть все его ролики и курсы!
И тут же в голову пришла идея — это то, что нам нужно. Так и родилось это демонстрационное расширение.
Компоненты:
В решении для общения 1С веб клиента и внешнего сайта используется метод глобального контекста платформы “ОкноВнешнегоСайта”. Посмотреть описание с примерами на ИТС(https://its.1c.ru/db/intgr83#content:181:hdoc ) (https://its.1c.ru/db/v8320doc#bookmark:dev:ti000002191 ). Также в решении есть http сервис, но он используется исключительно для того, чтобы показать возможность получить готовый работающий сайт на машине со встроенным веб клиентом лишь опубликовав базу 1С. На стороне веб сайта используется самописный js файл, который обрабатывает и выполняет получаемые команды из 1С.
Для показа подсказок по традиции использовалась js библиотека https://github.com/xbsoftware/enjoyhint.
Для демонстрации я использовал на мой взгляд наиболее очевидные сценарии при использовании интерактивного обучение это:
1. Клик по кнопке
2. Ожидание ввода в поле.
3. Так же добавил функциональность проигрывания звуковых файлов. Можно озвучивать текст обучения, как это делает Vanessa Automation в видео инструкциях.
Заключение:
Функционал, который продемонстрирован очень похож на возможности Vanessa Automation «Интерактивная справка» в тонком клиенте, сделанной Паутовым Леонидом с помощью внешней компоненты VanessaExt, написанной одним из сильнейших программистов Кандрашином Денисом Егоровичем //infostart.ru/profile/1173890/ . Посмотреть пример как это работает в тонком клиенте можно вот здесь
А для того, чтобы файлы с js кодом писались не под каждое обучение индивидуально, мы хотим научить VA проигрывать сценарий обучения. При этом шаги обучения должны выглядеть ровно так же, как шаги тестирования и написания инструкций. Чтобы человек знающий только 1С и Vanessa Automation мог написать сценарий обучения.
Инструкция:
Для просмотра демонстрации возможностей необходимо:
1. Создать пустую базу 1С на платформе не ниже 20.
2. Загрузить в нее расширение. Расширение приложено ниже, а так же можно скачать по ссылке
3. Опубликовать базу
На случай если нужна будет отладка, то надо указать эти настройки
4. Если папка потребует разрешения для пользователя IUSR или иного, то это можно сделать вот так: ПКМ на нужной папке, Безопасность, Изменить, добавить
5. Запустить 1С Предприятие ввести адрес опубликованной базы без указания протокола, и нажать на кнопку “Открыть веб клиент”