Первая идея такая.
https://infostart.ru/1c/articles/954142 ... 9r57834985
Здесь обсуждается подключение коротких видео инструкций для пользователей в конфигурациях. Если приложение большое, имеет различные настройки и развивается, то обычная документация со скриншотами дело очень затратное и мало эффективное. Вместо этого удобно использовать короткие видео инструкции. У меня тоже была такая мысль, но после прочтения некоторые моменты встали на свои места. Конечно, описанное надо применять не в лоб, а с учетом наших реалий.
1. Важный момент, что видео инструкции должны быть максимально короткие и строго фокусироваться на отдельных вопросах работы приложения.
2. Для каждого крупного клиента или функциональных групп небольших клиентов должен быть отдельный список инструкций.
3. Встраивать вызов инструкций в оконный диалоги выглядит негуманно. Работа пользователя не связана с постоянным просмотром инструкций, поэтому незачем постоянно мозолить ему глаза. Вместо этого я поместил дерево инструкций в меню помощи, добавив возможность сохранять важные для конкретного пользователя инструкции в списке Избранное. Типа такого.
4. Просто добавлять ссылки на инструкции в базу данных клиента тоже выглядит явно не гуманно. Вместо этого я планирую после накопления сделать небольшой функционал во внутреннем софте. Определить там список пользователей и список инструкций с группировкой. Для инструкции пометка, является ли она общедоступной. Если не общедоступная, то жмем на ней и ставим крыжики напротив клиентов, которым она предоставляется. Затем генерим список инструкций и тем или иным способом передаем клиенту. Помимо крыжиков можно еще задавать перечень уровней доступа к инструкции, чтобы разные пользователи у клиента имели доступ только к нужным им инструкциям, но такое пока не понятно, потребуется ли.
5. Кроме mp4 можно еще включать в список ссылки на инструкции в формате pdf, содержащие скриншоты и текст. Те инструкции, которые носят строго коденфициальный характер, клиенту этим путем не передаем, хотя можно вести во внутреннем софте в общем дереве. Такие инструкции выглядит лучше передавать конкретно в запароленном pdf файле.
6. Некоторые крупные клиенты не имеют выхода в интернет из приложения. Для них можно делать локальный каталог инструкций, используя для просмотра что-то типа Light Alloy. Во внутреннем софте для таких клиентов вместе со списком можно формировать к отправке сами mp4/pdf файлы, которые ранее не отправлялись. По типу, как обновляем фотографии товаров на веб хостинге, журнализируя отправку по имени файла, дате, времени и размеру файлов.
7. Я думаю, что лучше потратить немного дополнительно времени на вставку текстовых пояснений в ролики, так как набубнить голосом требует наличие колонок у пользователей, которых может не быть.
Вот что-то типа такого получается.
http://finsoftrz.ru/mp4_instr/i_0001.mp4
Для записи роликов я использую UVScreenCamera 7. Это очень хорошая и удобная утилита. Скриншоты с пояснениями можно делать в бесплатной версии, ролики в платной. Платная стоит 1 тыр на компьютер, прайс вполне хороший для предоставляемого функционала.
Вторая идея, на которую наткнулся, выглядит так.
https://1c-report.ru/trainer/?ysclid=m0 ... k167853287
Это так называемый "тренажер". Он состоит из набора скриншотов со сносками и кликабельных областей. Чтобы пользователь не просто смотрел инструкцию на экране, а мог взаимодействовать с ней, кликая мышкой в обозначенные области скриншота. То есть, таким образом лучше закрепляется в голове. Делать такие "тренажеры" дольше по времени, чем короткие видеоинструкции, поэтому их есть смысл применять для каких-то критичных ситуаций, где нужно помочь быстрее натаскать. Я сегодня попробовал воспроизвести эту технологию, получилось так.
http://finsoftrz.ru/trainer/change1.html
В ходе подготовки этого "тренажера" самым нудным было определение координат кликабельных областей. Я делал просто изменяя значения left, top, width, height в инструменте разработчика в веб браузере, а затем переносил себе в html. Вместо этого проще использовать небольшой скрипт из jquery ui с функцией перетаскивания и ресайза блоков, с последующим копированием установленных координат. Скрипт выглядит так.
Код: Выделить всё
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Drag and resize</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.14.0/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<link href="trener.css" rel="stylesheet">
<style>
.fs-draggable { width: 150px; height: 150px; padding: 0.5em; }
.fs-resizable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://code.jquery.com/ui/1.14.0/jquery-ui.js"></script>
<script>
$( function() {
$( ".fs-draggable" ).draggable();
$( ".fs-resizable" ).resizable();
} );
</script>
</head>
<body>
<div class="w_ImageMain">
<img src="../screen1.png" class="ImageMain">
</div>
<div id="fs-draggable" class="ui-widget-content fs-draggable fs-resizable">
</div>
</body>
</html>
