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

 

См. также

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

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

12000 руб.

02.09.2020    169274    937    403    

905

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

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

8400 руб.

20.08.2024    12599    99    42    

101

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

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

9360 руб.

17.05.2024    26529    90    48    

134

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

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

22200 руб.

06.10.2023    16825    41    15    

75

Оптовая торговля Розничная торговля WEB-интеграция 1С:Управление торговлей 10 1С:Управление производственным предприятием 1С:Управление нашей фирмой 1.6 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 Платные (руб)

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

57600 руб.

26.11.2024    1231    1    1    

4

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

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

36000 руб.

03.08.2020    18352    20    22    

18

SALE! %

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

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

4800 3840 руб.

14.01.2013    190549    1150    0    

918

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

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

15000 руб.

10.11.2023    11392    40    27    

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