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

02.02.22

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

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

Скачать файл

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование По подписке [?] Купить один файл
Создание интерактивных обучающих курсов с помощью Vanessa Interactive:
.cfe 2,66Mb
4
4 Скачать (1 SM) Купить за 1 850 руб.

Что такое 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! 15%

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

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

10000 руб.

02.09.2020    159371    872    399    

861

SALE! 15%

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

Инструмент представляет собой обработку для проведения свёртки или обрезки баз данных. Работает на ЛЮБЫХ конфигурациях (УТ, БП, ERP и т.д.). Поддерживаются управляемые и обычные формы. Может выполнять свертку сразу нескольких баз данных и выполнять их автоматически без непосредственного участия пользователя.

8400 7140 руб.

20.08.2024    7763    55    22    

66

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

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

9360 руб.

17.05.2024    23426    68    45    

117

SALE! 15%

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

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

10000 8500 руб.

10.11.2023    10412    36    20    

61

SALE! 15%

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

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

22200 19980 руб.

06.10.2023    15393    35    7    

70

SALE! 35%

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

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

4800 3120 руб.

14.01.2013    187969    1138    0    

912

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

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме.

36000 руб.

03.08.2020    17780    19    22    

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