Создание интерактивных обучающих курсов с помощью Vanessa Interactive

02.02.22

Разработка - Инструментарий разработчика

Приветствую Вас, коллеги. Сегодня Вам предлагается рассмотреть технологию создания интерактивных обучающих курсов, системы Onboarding, интерактивной справки для любых конфигураций разработанных на базе платформы 1С при работе в web клиенте. Прошу посмотреть ролик, кому неинтересно, как это работает, можно дальше не читать. Тестировалось на 1С:Предприятие 8.3 (8.3.20.1646).

Скачать файлы

Наименование Файл Версия Размер
Создание интерактивных обучающих курсов с помощью Vanessa Interactive:
.cfe 2,66Mb
3
.cfe 2,66Mb 3 Скачать

Что такое 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С Предприятие ввести адрес опубликованной базы без указания протокола, и нажать на кнопку “Открыть веб клиент”

 

См. также

SALE! 20%

Infostart Toolkit: Инструменты разработчика 1С 8.3 на управляемых формах

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

Набор инструментов программиста и специалиста 1С для всех конфигураций на управляемых формах. В состав входят инструменты: Консоль запросов, Консоль СКД, Консоль кода, Редактор объекта, Анализ прав доступа, Метаданные, Поиск ссылок, Сравнение объектов, Все функции, Подписки на события и др. Редактор запросов и кода с раскраской и контекстной подсказкой. Доработанный конструктор запросов тонкого клиента. Продукт хорошо оптимизирован и обладает самым широким функционалом среди всех инструментов, представленных на рынке.

13000 10400 руб.

02.09.2020    121581    670    389    

710

SALE! 25%

Infostart PrintWizard

Пакетная печать Печатные формы Инструментарий разработчика Платформа 1С v8.3 Запросы 1С:Зарплата и кадры бюджетного учреждения 1С:Конвертация данных 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Платные (руб)

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

18000 15300 руб.

06.10.2023    7259    21    6    

39

Интеграция Альфа Авто 5 / Альфа Авто 6 и AUTOCRM / Инфотек

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

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме. Без существенных изменений типовой конфигурации. Проверено с брендами: Интеграция 1С и GEELY Интеграция 1С и HAVAL Интеграция 1С и KIA Интеграция 1С и FORD Интеграция 1С и LADA ГАРАНТИЯ 100% ВНЕДРЕНИЯ!

36000 руб.

03.08.2020    15729    10    17    

11

SALE! 20%

Infostart УДиФ: Управление данными и формами

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

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

10000 8000 руб.

10.11.2023    3492    11    1    

33

SALE! 30%

PowerTools

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

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

3600 2520 руб.

14.01.2013    177723    1073    0    

849
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. rusmil 262 02.02.22 15:18 Сейчас в теме
Можете подробнее рассказать с какими трудностями или ограничениями пришлось вам столкнуться при попытке реализовать интерактивные курсы с помощью расширения для браузера (Chrome)? Почему не получилось через расширение браузера реализовать?
2. Viktor_Ermakov 363 02.02.22 16:12 Сейчас в теме
Добрый день! Сейчас попробую вспомнить все))
В общем первая попытка пошла через расширение для Chrome и использование вэб сервера в расширении браузера, и вот тут то и была загвоздка, что та библиотека веб сервера что мы нашли, требовала реализации только в приложении для браузера. Ссылка на библиотеку.
Что бы на фрэше все работало нужно на стороне расширения хрома иметь что то тибо HTTP сервиса что бы из 1С обращаться.
Если будут идеи, скажу огромное спасибо.
3. пользователь 09.01.24 15:24
Сообщение было скрыто модератором.
...
Оставьте свое сообщение