Разработка интерактивного руководства

Интерактивное электронное техническое руководство — это эксплуатационная, справочная или ремонтная документация, выполненная в интерактивной электронной форме.

В виде ИЭТР могут быть представлены:

• Руководства по эксплуатации, ремонту узлов и агрегатов железнодорожной, авиационной, судостроительной и пр. техники.
• Каталоги деталей и сборочных единиц горнодобывающего, металлургического, бурового, сельскохозяйственного и другого оборудования.
• Справочные, учебно-технические материалы по устройству и принципам работы изделия.
• Руководства по диагностике отказов и их устранению.

Классический пример ИЭТР — «Электронное интерактивное руководство по эксплуатации на универсальный пульт машиниста УПУ-22», которое в «Иторум» разрабатывали совместно со специалистами ОАО «Демиховский машиностроительный завод». Для руководства были переработаны существующие и разработаны новые иллюстрации, поясняющие места установки составных частей конструкции. Для упрощения операций по управлению электропоездом наша команда анимировала порядок и правила выполнения нужных действий, а для самых сложных элементов пульта разработали интерактивный тренажер с ознакомительным режимом и курсом отработки типовых действий.

Эксплуатационные и ремонтные документы в формате ИЭТР могут включать:

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

Стандарты и ГОСТы ИЭТР

Разработка интерактивных электронных технических руководств (ИЭТР) выполняется в соответствии с требованиями зарубежных и отечественных нормативных документов.

Средства разработки

Для разработки ИЭТР используются Lattice 3D Studio, CorelDRAW Technical Suite X7, Technical Guide Builder (TG Builder) и другие системы: средства и инструменты подбираются в соответствии с требованиями Заказчика к функционалу.

Способы поставки

Готовые ИЭТР передаются Заказчику любым из трех способов:

• На информационном носителе вместе со средством просмотра;
• Через удаленный доступ к данным вместе со средством просмотра;.
• С доступом через глобальную компьютерную сеть и функцией просмотра в стандартном интернет-браузере.

Компания «Иторум» разрабатывает интерактивные электронные технические руководства в рамках услуг «Разработка каталога изделий», «Разработка руководства по эксплуатации» и «Разработка руководства по ремонту». Профессионализм, инициативность и опыт специалистов компании сделают процесс сотрудничества удобным и быстрым, а результат — качественным.

Похожие статьи

---

Традиционно в России для поддержки эксплуатации сложных промышленных изделий применяют бумажную документацию. Но, в связи со стремительным ростом сегмента IT-технологий все чаще находит применение интерактивная техническая документации в электронном виде. Такие электронные документы, содержащие в себе сведения об изделии, его составе, устройстве, принципе работы, составе ЗИП, процедурах технического обслуживания, анимацию или видео по сборке/разборке/обслуживанию принято сокращенно называть ИЭТР.

 
ИЭТР – это интерактивное электронное техническое руководство.  

Несмотря на то, что ИЭТР – это относительно новый вид электронных документов, понятие ИЭТР существует сразу в нескольких государственных стандартах. Какие ГОСТы регламентируют разработку ИЭТР и содержат требования по составу и содержанию в них информации?  Прежде всего, это:

• ГОСТ 2.051-2013  ЕСКД Электронные документы. Общие положения.
• ГОСТ 2.601-2013  ЕСКД Эксплуатационные документы – дается понятие об эксплуатационном документе в электронной форме.
• ГОСТ Р 50.1.029-2001 Информационные технологии поддержки жизненного цикла продукции. Интерактивные электронные технические руководства. Общие требования к содержанию, стилю и оформлению.
• ГОСТ Р 50.1.030-2001 Информационные технологии поддержки жизненного цикла продукции. Интерактивные электронные технические руководства. Требования к логической структуре базы данных. 

Кроме того, существует ряд международных стандартов по разработке ИЭТР, наиболее известный из них: S1000D – спецификация на выпуск технических публикаций с использованием базы данных общего доступа. Спецификация разработана и сопровождается экспертами производителей гражданской и военной техники таких организаций, как: Aerospace and Defence Industries Association of Europe (ASD); Aerospace Industries Association (AIA); ATA e-Business Program

Классы ИЭТР

В ГОСТ Р 50.1.030-2001 по функциональным возможностям выделено четыре основных класса ИЭТР.

ИЭТР 1-го класса — индексированные цифровые изображения страниц
ИЭТР данного класса представляет собой набор изображений, полученных сканированием страниц документации. Страницы индексированы в соответствии с содержанием, списком иллюстраций, списком таблиц и т.п. Индексация позволяет отобразить растровое представление необходимого раздела документации сразу после его выбора в содержании. Данный тип ИЭТР сохраняет ориентированность страниц и может быть выведен на печать без предварительной обработки.

ИЭТР 2-го класса — линейно-структурированные электронные документы
ИЭТР данного класса представляет собой совокупность текстов в формате SGML. Оглавление ИЭТР содержит ссылки на соответствующие разделы технического руководства. ИЭТР может содержать перекрестные ссылки, таблицы, иллюстрации, ссылки на аудио- и видеоданные. Предусматривается функция поиска данных. ИЭТР может быть просмотрен на экране и распечатан без предварительной обработки.
Примечание — Основным недостатком ИЭТР классов 1 и 2 является дублирование многократно используемой информации.

ИЭТР 3-го класса — иерархически-структурированные электронные документы
В ИЭТР этого класса данные хранятся как объекты внутри хранилища информации, имеющего иерархическую структуру. Дублирование многократно используемых данных предотвращается системой ссылок на однократно описанные данные.
Так как данные в ИЭТР этого класса организованы иерархически, документация не может быть распечатана без предварительной обработки.

ИЭТР 4-го класса — интегрированные ИЭТР
В добавление к функциям ИЭТР класса 3, ИЭТР данного класса обеспечивает возможность прямого интерфейсного взаимодействия с электронными модулями диагностики изделий. ИЭТР класса 4 позволяет наиболее эффективно проводить операции по поиску неисправностей в изделии, локализации сбоев, подбору запасных частей.

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

Разработка ИЭТР в SolidWorks Composer

Разработка интерактивных руководств в нашей компании ведется при помощи программного обеспечения SolidWorks Composer – мощного продукта для создания интерактивных и маркетинговых материалов на базе конструкторских разработок. 

Работа начинается с 3D моделей и чертежей, созданных в продуктах SolidWorks, Autodesk Inventor, Creo (Pro Engineer), CATIA, Компас  и др. совместимых с форматом .STEP, а также с бумажными чертежами. Информация по эксплуатации для включения в ИЭТР может быть распознана из бумажных документов или разработана нашими специалистами.

Что мы делаем при помощи SolidWorks Composer: разрабатываем ИЭТР и составляющие для него — делаем рендеринг моделей, создаем анимации, видео-ролики по сборке/разборке/обслуживанию изделий, интерактивные чертежи и схемы, электронные справки по работе и устройству изделий. 

Основные преимущества использования SolidWorks Composer для разработки ИЭТР:

Для просмотра результатов нашей работы не нужно приобретать специальное программное обеспечение – для работы с 3D моделями, анимацией и видео в составе ИЭТР уже есть электронная система отображения (ЭСО) – Composer Player, встроенная в файл ИЭТР. 

Сквозной подход к проектированию не потребует разработки ИЭТР заново при изменении модели или чертежа, достаточно обновить модель и модули данных и содержание ИЭТР перестраивается автоматически – меньше затрат на сопровождение и корректировку документации.  

SolidWorks Composer – это современный программный продукт от лидера рынка САПР — Dassault Systèmes SOLIDWORKS Corp., полностью поддерживающий технологии сквозного проектирования CADCAMCAE, он не исчезнет с рынка, а будет развиваться, и приносить новые возможности по разработке интерактивной технической документации. 

Электронная документация: история и стандарты

Модули SolidWorks для создания растровой графики и анимаций

Создание фотореалистичных изображений с помощью PhotoWorks

Создание анимаций с помощью SolidWorks Animator

Модули SolidWorks для создания интерактивных чертежей и 3D-моделей

Создание интерактивных чертежей и 3D-моделей с помощью eDrawings

Публикация 3D-моделей в формате HTML с помощью 3D Instant
Website

Базовые средства SolidWorks для создания растровой графики
и интерактивных 3D-моделей

Знание — сила

Сегодня все большую актуальность начинают приобретать создание и выпуск интерактивных
электронных технических руководств (ИЭТР), электронной технической и эксплуатационной
документации, обучающих систем. Это связано в первую очередь с выходом многих
отечественных предприятий на мировой рынок, где электронное представление информации
о продукции уже давно является стандартом. Особенно актуален этот вопрос для
организаций, полностью перешедших на безбумажную технологию разработки, выпуска,
сопровождения изделий и обучения производственного персонала, а также для предприятий
оборонно-промышленного комплекса, поставляющих зарубежным заказчикам различные
системы вооружений.

В этой статье мы намеренно не будем приводить описания имеющихся на рынке программных
средств для автоматизированного создания ИЭТР, поскольку наша задача — рассказать
читателям о базовых возможностях и о специализированных модулях САПР SolidWorks,
предназначенных для получения встраиваемой в ИЭТР графической и текстовой информации
(фотореалистичных изображений, анимаций, 3D-моделей и т.д.). Помимо описания
функциональности модулей SolidWorks мы рассмотрим процесс создания HTML-страницы
(как пример типовой страницы ИЭТР) со встроенной 3D-моделью базовыми средствами
SolidWorks.

Электронная документация: история и стандарты

Бурное развитие систем компьютерного проектирования и рост производительности
персональных компьютеров привели к кардинальному изменению процентного соотношения
электронных и бумажных документов. Использование средств вычислительной техники
позволило автоматизировать большинство рутинных операций по оформлению различных
видов документов, что дало возможность разрабатывать более сложные изделия за
меньший срок. Сокращение периода освоения и увеличение номенклатуры новых изделий,
в свою очередь, требует повышения квалификации обслуживающего и ремонтного персонала
и его быстрого переучивания, что реализуемо лишь путем внедрения ИЭТР. Кроме
того, возможность быстрого внесения изменений в конструкцию изделия с помощью
современных САПР ведет к тому, что бумажная документация быстро становится неактуальной
и не может отражать действительного состояния изделия. Это также обусловливает
необходимость перехода на электронную документацию, автоматически обновляемую
при модификации изделия.

Помимо чисто технических преимуществ использования электронной документации
необходимость широкого практического внедрения ИЭТР как средства поддержки жизненного
цикла изделия регламентируется целым рядом международных (MIL 87268, 87269 и
др.) и отечественных стандартов. В частности, в России ИЭТР выполняются в соответствии
с нормативно-техническими документами Р50.1.029-2001 и Р50.1.030-2001 (Госстандарт,
2001 г.), определяющими общие требования к логической структуре, содержанию,
стилю и оформлению иерархически структурированных ИЭТР. Таким образом, в настоящий
момент имеются все предпосылки и технические средства для разработки и использования
ИЭТР в процессах конструирования, изготовления и эксплуатации изделий.

Далеко не всем известно, что система SolidWorks имеет необходимые базовые возможности
и целый ряд специализированных модулей, предназначенных для получения всего
спектра графической информации для ИЭТР. Поэтому далее речь пойдет именно об
этом.

Модули SolidWorks для создания растровой графики и анимаций

К специализированным модулям, предназначенным для создания растровой графики
и анимаций, относятся PhotoWorks и SolidWorks Animator. Фотореалистичные изображения
и трехмерная мультипликация, полученные с помощью перечисленных программ, встраиваются
в ИЭТР как внедренные объекты со ссылкой на первоисточник. Обновление версий
объектов-источников приводит к автоматическому обновлению ИЭТР.

Создание фотореалистичных изображений с помощью PhotoWorks

PhotoWorks дает возможность оценить внешний вид изделия
еще на этапе проектирования, а также выпустить комплект рекламных буклетов и
интерактивных руководств, демонстрирующих потребительские качества будущего
продукта. Все это позволяет сократить время выхода новой продукции на рынок,
что особенно актуально в современных условиях.

С помощью PhotoWorks можно создавать реалистичные изображения моделей SolidWorks
с исключительным фотографическим качеством. Программа позволяет назначать текстуры
материалов различным элементам 3D-модели, указывать положение источников света,
моделировать окружающую обстановку, учитывать оптические характеристики материалов
и среды. Имеются встроенные пополняемые библиотеки материалов и сцен. PhotoWorks
сохраняет изображения в форматах TIFF, JPEG, PostScript, BMP и других форматах.

В новейшей версии PhotoWorks (анонсированной в апреле 2003 года) используются
технологии компании Mental Images GmbH & Co (Германия), признанного лидера
в области программных технологий 3D-рендеринга. Новейшие программные алгоритмы
PhotoWorks Release 2 позволяют аккуратно рассчитывать распространение отраженных
лучей света с учетом геометрических особенностей 3D-объектов и свойств материала,
из которого они изготовлены. Контурный рендеринг предназначен для тех случаев,
когда необходимо получить фотореалистичное изображение крупной сборки в разрезе
или со скрытием компонентов, мешающих отобразить интересующие детали и узлы.

Новейшие технологии, реализованные в PhotoWorks, ставят SolidWorks в один ряд
с лидирующими программами 3D-рендеринга и анимации, такими как Maya, Alias Wavefront,
Discreet и Softimage, а новое графическое ядро SolidWorks обеспечивает впятеро
большую производительность при отрисовке 3D-объектов с текстурами по сравнению
с другими CAD-системами.

Создание анимаций с помощью SolidWorks Animator

Модуль SolidWorks Animator предназначен для создания видеороликов
на основе 3D-моделей SolidWorks. Программа позволяет записывать в виде AVI-файлов
движение деталей и сборок по предварительно заданным маршрутам, скрывать и отображать
отдельные компоненты сборки, визуализировать процесс построения дерева модели
и многое другое. Последовательность анимации представляется в виде древовидной
структуры, позволяющей оперативно вмешиваться в процесс создания видео, редактируя
свойства отдельных шагов и меняя их последовательность. В результате работы
SolidWorks Animator могут быть получены AVI-файлы с компрессией или без. Поддерживается
большинство стандартных типов компрессии.

SolidWorks Animator отлично работает в сочетании с PhotoWorks, в результате
чего движущиеся объекты будут раскрашены и освещены в соответствии с присвоенными
им материалами и сценами. Анимации, полученные с помощью SolidWorks Animator,
могут быть встроены в ИЭТР как гиперссылки на AVI-файлы либо как внедренные
анимированные файлы GIF (полученные преобразованием из AVI в специальных программах).

Модули SolidWorks для создания интерактивных чертежей и 3D-моделей

К специализированным модулям, предназначенным для создания интерактивных чертежей
и 3D-моделей, относятся eDrawings и 3D Instant Website. Трехмерные модели и
чертежи, созданные с помощью перечисленных программ, встраиваются в ИЭТР как
внедренные объекты со ссылкой на первоисточник и просматриваются посредством
специальных ActiveX-компонентов, обеспечивающих вращение, перемещение, масштабирование
и целый ряд других более сложных операций над графическими объектами. Обновление
версий объектов-источников приводит к автоматическому обновлению ИЭТР.

Создание интерактивных чертежей и 3D-моделей с помощью eDrawings

eDrawings — запатентованная разработка SolidWorks
Corp, предназначенная для представления чертежей и моделей в специальном формате,
позволяющем просматривать и выводить на печать 2D- и 3D-геометрию, сохранять
чертежи в виде компактных исполняемых файлов (*.exe). В eDrawings используется
новейшая платформа трехмерных приложений HOOPS, поддерживающая потоковую графику
и обеспечивающая высокое качество при выводе на печать.

eDrawings поставляется в двух вариантах, имеющих разную функциональность: eDrawings
и eDrawings Professional. С помощью eDrawings, бесплатной клиентской версии
программы, пользователи могут создавать, просматривать и выводить на печать
электронные чертежи SolidWorks и AutoCAD. Бесплатную версию eDrawings можно
загрузить с Web-сайта SolidWorks Corp — www.solidworks.com. Благодаря встроенной
программе просмотра чертежи eDrawings можно сразу же открыть для просмотра без
использования каких-либо заранее установленных на компьютере CAD-систем или
других средств просмотра. Очень удобным и наглядным средством, позволяющим понять
конструкцию изделия, изображенного на чертеже, является возможность анимировать
чертеж и посмотреть, как соотносятся между собой чертежные виды. Кроме того,
eDrawings обеспечивает: отображение массово-инерционных характеристик, управление
визуальным представлением сборки (можно скрыть компонент, отобразить полупрозрачным,
добавить тени), просмотр результатов прочностных расчетов COSMOSXpress. eDrawings
Professional имеет дополнительные возможности визуализации и аннотирования чертежей,
включая подчеркивание (функция красного карандаша), измерение, образмеривание
и проверку на наличие ошибок в деталях и сборках, управление конфигурациями
изделия, построение разрезов, отображение сборок в разнесенном виде и т.д.

Вот уже более четырех лет eDrawings не имеет альтернативы на рынке. Начиная
с 1999 года эту программу применяют уже свыше 245 тыс. пользователей систем
автоматизированного проектирования по всему миру. Уже в ближайшем будущем новейшие
технологии eDrawings вытеснят такие средства общения, как FTP-сайты, факсимильные
сообщения и экспресс-почту, а возможность встраивания объектов eDrawings в ИЭТР,
вкупе с бесплатной версией, делает это приложение действительно незаменимым.

Публикация 3D-моделей в формате HTML с помощью 3D Instant
Website

Модуль 3D Instant Website позволяет создавать пользовательские
HTML-страницы с внедренными 3D-моделями с целью включения их в состав ИЭТР либо
публикации в Интернете. 3D Instant Website генерирует Web-страницы, используя
непосредственно объемные модели SolidWorks. Каждая Web-страница основана на
шаблоне и стиле, которые легко настраиваются пользователем до начала работы
или дополняются всей необходимой текстовой и графической информацией в процессе
создания страницы.

Шаблоны по умолчанию, поставляющиеся в комплекте с 3D Instant Website, позволяют
применять следующие разновидности потоковой графики: CATweb, HOOPS, RealityWave
(ZGL), Viewpoint (для деталей и сборок) и eDrawings (для чертежей). Следует
рассказать подробнее о технологии Viewpoint Experience Technology (VET). Эта
разработка Viewpoint Corp является сегодня ведущей технологией отображения трехмерных
объектов фотографического качества в Интернете. VET получила международное признание
благодаря своим мощным визуальным и интерактивным возможностям. Многие мировые
бренды, в частности SolidWorks (www.viewpoint.com),
используют преимущества VET на своих сайтах, в презентациях, CD-программах и
ИЭТР. Области применения технологии VET широки: обучение и Интернет-коммерция,
проектирование и дизайн, библиотеки трехмерных моделей и т.д. Viewpoint является
неотъемлемой частью SolidWorks: шаблоны Viewpoint для сборок SolidWorks позволяют
отображать заголовок, описание проекта, дерево сборки и графическое изображение
3D-модели, управляемое посредством дерева. Сборка может быть отображена в разнесенном
или собранном состоянии. Для просмотра моделей в формате Viewpoint требуется
автоматически или вручную установить Viewpoint Media Player (http://viewpoint.com/create/software/VMPFull_Install.exe).

Для того чтобы создать Web-страницу с помощью 3D Instant Website, необходимо
запустить специальную программу-помощник, которая шаг за шагом приведет вас
к правильному результату. Web-страница может быть создана на локальном компьютере
или на сервере либо размещена на специальном защищенном паролем хост-сайте SolidWorks
Corp.

Базовые средства SolidWorks для создания растровой графики
и интерактивных 3D-моделей

Наконец, мы подошли к наиболее интересной теме — созданию растровых изображений
и встраиваемых в HTML интерактивных трехмерных моделей базовыми средствами SolidWorks.
Если о том, что модель или чертеж SolidWorks можно сохранить как картинку, знают
многие, то о возможностях получения 3D-модели для просмотра в Web-браузере известно
далеко не всем, а используют эту возможность лишь единицы. Чтобы устранить это
досадное упущение, мы в качестве примера рассмотрим процесс создания HTML-страницы
со встроенной 3D-моделью базовыми средствами SolidWorks. Но сначала — несколько
слов о создании растровых изображений.

Итак, для того чтобы получить красивую картинку модели SolidWorks, совсем необязательно
использовать какой-либо специализированный модуль, например PhotoWorks. Базовый
пакет SolidWorks позволяет получать растровые изображения в форматах
TIFF и JPEG. Для этого необходимо использовать команду «Сохранить как…»
и в окне сохранения выбрать тип файла *.tiff или *.jpeg. Формат TIFF имеет целый
ряд настроек, регулирующих качество получаемого изображения: к примеру, можно
получить полноцветное или черно-белое изображение с компрессией или без, указать
габариты рисунка в миллиметрах, качество в dpi и многое другое.

Растровые изображения, полученные на основе объемных CAD-моделей, достаточно
наглядно демонстрируют конструкцию изделия. Однако они несравнимы по информативности
с интерактивными 3D-моделями, которые можно двигать, вращать и масштабировать
в стандартном Web-браузере или на странице ИЭТР. Возможность создания подобных
встроенных в HTML моделей с помощью специализированных модулей SolidWorks —
eDrawings и 3D Instant Website — мы уже рассмотрели. Теперь пришло время рассказать
о том, как создавать такие модели базовыми средствами SolidWorks без использования
каких-либо дополнительных приложений и соответственно без лишних капиталовложений
в программное обеспечение. Для этого рассмотрим процесс создания HTML-страницы
со встроенной 3D-моделью детали «Корпус».

В базовую конфигурацию SolidWorks входит целый ряд трансляторов,
предназначенных для сохранения объемных моделей в виде потоковой графики (MTS,
HOOPS, ZGL и т.д.). Каждый из них поддерживается соответствующим ActiveX-компонентом,
обеспечивающим вращение, перемещение, масштабирование и целый ряд других, более
сложных операций над графическим объектом. Важная особенность этих ActiveX-компонентов
заключается в том, что они специально ориентированы на интеграцию с любыми Web-браузерами
и в большинстве своем распространяются бесплатно, автоматически устанавливаясь
через Интернет.

Мы не будем подробно рассматривать работу с каждым из перечисленных форматов,
а остановимся на файлах Viewpoint (MTS, версия 3), как на наиболее типичном
примере, тем более что аналогичный формат используется и в модуле 3D Instant
Website (см. описание выше), без которого мы сейчас прекрасно обойдемся. Для
того чтобы активизировать транслятор Viewpoint, необходимо в Добавлениях выбрать
пункт SolidWorks MTS. Для экспортирования модели Корпус.SLDPRT в файл Viewpoint
необходимо использовать команду Сохранить как… и в окне сохранения выбрать тип
файла Viewpoint MTX/MTS Files (*.mts). В результате трансляции будут созданы
файл Корпус.mts, в котором хранится описание геометрической формы 3D-модели,
и файл Корпус.mtx, описывающий положение модели в пространстве и ее визуальные
атрибуты на языке XML. Экспортированные файлы содержат только графическую информацию,
поэтому редактировать геометрию нельзя. Зато размер модели уменьшается более
чем на несколько порядков (в нашем случае с 2,93 Мбайт до 31,2 Кбайт), что очень
существенно, если необходимо разместить модель в Интернете или включить в ИЭТР.

Однако выполненных действий еще не достаточно для того, чтобы можно было пользоваться
полученной моделью Корпус.mts/Корпус.mtx. Для просмотра необходимо встроить
модель, например, в стандартный Web-браузер, для чего нужно в любом текстовом
редакторе (Notepad) написать несколько строчек HTML-кода, создающего новую HTML-страницу
и добавляющего на нее ActiveX-компонент Viewpoint Media Player и нашу 3D-модель.
<HTML>
<BODY>
<OBJECT CLASSID=”CLSID:03F998B2-0E00-11D3-A498-00104B6EB52E” WIDTH=”980″
HEIGHT=”600″>
<PARAM Name=”Source” Value=”Корпус.mtx” />
<PARAM Name=”Component” Value=”ISceneComponent” />
<PARAM Name=”ComponentFileName” Value=”SceneComponent.mtc” />
</OBJECT>
</BODY>
</HTML>

Сохраните HTML-страницу под именем Корпус.htm и откройте ее для просмотра.
Если на вашем компьютере установлен Viewpoint Media Player, вы увидите 3D-модель
Корпус.mts/Корпус.mtx в своем Web-браузере и сможете двигать, вращать и
масштабировать ее с помощью мыши. Таким образом, процедура создания Web-страницы
со встроенной интерактивной 3D-моделью базовыми средствами SolidWorks занимает
пару минут, а результат превосходит все ожидания. Естественно, использование
полученной HTML-страницы в ИЭТР не составляет проблемы.

Знание — сила

В этой статье мы рассмотрели ряд специализированных модулей САПР SolidWorks,
предназначенных для получения графической и текстовой информации для ИЭТР. Кроме
того, был приведен небольшой пример, наглядно демонстрирующий возможность создания
HTML-страницы со встроенной 3D-моделью базовыми средствами SolidWorks.

Естественно, в одной статье невозможно рассказать о всех достоинствах SolidWorks.
Важно другое. Для достижения качественного результата можно воспользоваться
профессиональным инструментом или же решать задачу подручными средствами. Однако
никакой суперсовременный и сверхмощный инструмент не поможет вам, если вы не
умеете им пользоваться. Поэтому, прежде чем тратить время на поиск неизвестных
вам, но, казалось бы, необходимых суперпрограмм, которые «могут всё»,
вспомните о SolidWorks, которым вы уже давно пользуетесь, но даже и не подозревали
о силе и функциональности заложенных в него возможностей. Желаем вам успешной
работы. За подробностями обращайтесь на сайт www.solidworks.ru.

«САПР
и графика» 7’2003

Когда вы имеете дело с веб-приложением или сайтом, который нуждается в онбординге пользователей, хорошей практикой считается использовать пошаговые руководства, интерактивные подсказки или туры по продукту, которые обеспечат достойный первый опыт и снизят отток. 

В этой статье мы рассмотрим 28 полезных плагинов, позволяющих создавать такие руководства.

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

Содержание статьи

1. Intro.js
2. Website Tour with jQuery
3. JQuery joyride feature tour plugin
4. Bootstro.js
5. JQuery myTour plugin
6. Crumble
7. Trip.js
8. FAQtoid
9. JQuery Tour Bus
10. Feature Walkthrough
11. Chaperone.js
12. Hopscotch
13. Pageguide.js
14. aSimple Tour Plugin
15. Bootstrap Tour
16. TourTip – jQuery Overlay Tour
17. JQuery Tour
18. Website tours with jQuery UI
19. Bon Vojage
20. ddTour
21. Quicktour.js
22. LightsOff.js
23. Usertour.js
24. VTour.js
25. jQuery-guide
26. Concierge
27. Anno.js
28. EnjoyHint
Подсказки без кодинга

1. Intro.js

Этот простой и быстрый javascript-плагин позволяет создавать пошаговые инструкции для сайтов, приложений и новых функций.

2. Website Tour with jQuery

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

3. JQuery joyride feature tour plugin

Joyride — это чрезвычайно гибкий плагин, который позволяет вам контролировать то, как пользователь взаимодействует с вашим туром.

Какой UI-шаблон лучше всего подойдет вашему туру по продукту?

4. Bootstro.js

Bootstro.js — это крохотная JS-библиотека, которая помогает направлять пользователей в рамках тура по продукту за счет всплывающих окон bootstrap.

5. JQuery myTour plugin

Mytour — это простой плагин, который используется для создания интерактивного визуального тура по сайту, позволяющего посетителям изучать возможности и функции вашего продукта.

6. Crumble

Crumble позволяет легко и быстро создавать функциональные туры для сайтов или приложений с помощью небольших «пузырьков». Такие сообщения привлекают внимание, но чтобы они оставались читабельными, их нужно заполнять как можно более кратким текстом.

Искусство онбординга, или Зачем нужен процесс адаптации к продукту?

7. Trip.js

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

8. FAQtoid

FAQtoid — это простая универсальная help-система для вашего сайта или приложения. Она помогает уменьшить затраты на клиентскую поддержку, предоставляя посетителям инструменты для решения их проблем.

• FAQ с live-поиском — пользователи видят ответы по мере ввода запроса;
• Туры — проводят пользователей по элементам каждой страницы;
• Видеогалерея — пользователи могут смотреть видео, оставаясь на странице, которая в нем поясняется;
• Умная email-форма — обрабатывает нежелательные сообщения. Автоматически включает подробную информацию о вашем пользователе, о том, что они пытались сделать, и любых ошибках на странице.

9. JQuery Tour Bus

Это плагин для разработчиков, позволяющий создавать онлайн-туры. Он весьма ограничен в плане автоматизации и больше походит на набор инструментов.

Как адаптировать приглашенных пользователей к SaaS-продукту?

10. Feature Walkthrough

Это JS-плагин для добавления пошагового руководства на веб-странице. В настройках вы можете выбрать позиционирование сообщений: слева, справа, вверху или внизу от элемента, который описывается. Для размещения элемента справа/слева вам нужно указать ширину, вверху/внизу — высоту.

11. Chaperone.js

Chaperone — это простой плагин, позволяющий создавать экскурсии по сайту. Подобно Joyride он использует список элементов и проводит пользователей по ним с помощью сообщений.

12. Hopscotch

Hopscotch — это фреймворк, который позволяет разработчикам без особых усилий добавлять туры на страницы своего сайта. Hopscotch использует JSON объекты в качестве входных данных и предоставляет вам API для управления отображением тура и его прогрессом.

6 примеров чек-листов для продвинутого онбординга

13. Pageguide.js

Pageguide.js — интерактивное визуальное руководство для элементов веб-страниц. Вместо того чтобы загромождать ваш интерфейс статическими вспомогательными сообщениями или пояснительным текстом, добавьте на сайт Pageguide и позвольте вашим пользователям изучать новые возможности и функции.

14. aSimple Tour Plugin

В то время как всплывающая панель aSimple Tour Plugin позволяют управлять туром, подсказки, которые могут размещаться где угодно, помогают пользователям сфокусироваться на конкретных элементах сайта.

15. Bootstrap Tour

Этот плагин проводит пользователей по сервису с помощью всплывающих окон Bootstrap и отличается гибкими настройками.

Для чего нужен навигатор интерфейсов?

16. TourTip – jQuery Overlay Tour

TourTip — это простая библиотека для создания туров по сложным одностраничным веб-приложениям. Она дает вам возможность настраивать шаги процесса таким образом, чтобы переходы между ними выполнялись не только спустя несколько секунд, но и после того, как пользователь завершит поставленную задачу.

17. JQuery Tour

С помощью этого плагина вы можете создавать отличные туры по продукту. Если вы попросите пользователя выполнить конкретное действие, прежде чем он перейдет к следующему шагу, JQuery Tour автоматически скроет все второстепенные элементы страницы.

18. Website tours with jQuery UI

Этот плагин позволяет вам разрабатывать туры по сайтам за счет инструментов для экспонирования и аннотации элементов на веб-страницах. При необходимости процесс можно автоматизировать.

3 принципа разработки эффективных in-app уведомлений

19. Bon Vojage

Bon Vojage — это крохотный JQuery плагин, с помощью которого вы сможете создать простейший тур по сайту.

20. ddTour

Это несложное решение для онлайн-туров, которое было создано Дэвидом Дэвисом (David Davis).

• В отличие от других плагинов, здесь ваш код находится в одном месте. Всплывающая подсказка появляется именно там, где у вас есть ее описание.
• Перемещайтесь к любому элементу с помощью обозначенного селектора класса.

21. Quicktour.js

Quicktour.js использует итеративный цикл, чтобы выделять элементы тура в том порядке, в котором вы их добавляете. На затененной странице появляется рамка с заголовком (если он указан), и пользователь продолжает выполнять процесс с каждым кликом.

Отток как следствие плохого онбординга?

22. LightsOff.js

«Легкий» плагин (всего 6 кб), который позволяет создавать отличные настраиваемые пояснения к различным элементам веб-страницы.

23. Usertour.js

Этот jQuery виджет подходит для веб-приложений, которые хотят предоставить своим пользователям пошаговое руководство.

24. VTour.js

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

25. jQuery-guide

jQuery-guide позволяет объяснять пользователям новые макеты и функции, подсвечивая важные элементы страницы на затененном фоне.

26. Concierge

Еще один плагин, которые создает пошаговые инструкции для различных элементов страницы. 

27. Anno.js

Этот плагин также используется для создания эффективных руководств к мощным веб-приложениям.

28. EnjoyHint

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

20 топовых open source плагинов для всплывающих подсказок

Подсказки без кодинга

Существует множество причин, по которым вы можете захотеть интегрировать руководства в свой продукт, будь то запуск какой-то новой сложной функции, онбординг после регистрации или общее повышение качества UX. 

Однако проблема с использованием бесплатных плагинов заключается в том, что у ваших разработчиков, скорее всего, есть куда более важные задачи, и они просто не могут заниматься еще и кодингом подсказок.

Платформа Experrto позволяет с легкостью создавать руководства без помощи программистов и дизайнеров. Для того, чтобы добавить подсказки на свой сайт, вам достаточно скачать расширение Experrto для Google Chrome и начать управлять подсказками через браузер с помощью простого редактора (виджета).

Подписывайтесь на нашу группу в фейсбуке и канал в телеграм, чтобы следить за обновлениями.

Прокачайте свой онбординг!

По материалам: ninodezign.com Изображение: freepik.com

Наши преимущества

Наши клиенты

Возможности ИЭТР:

Разработка интерактивных электронных технических руководств (ИЭТР)

Разработка ИЭТР осуществляется в соответствии с международными требованиям (ASD S1000D, MIL-D-87269), а также с отечественными стандартами (ГОСТ 2.051-2013, ГОСТ 2.052-2006, ГОСТ 2.601 – 2013, ГОСТ 2.602-2013, ГОСТ 2.610 — 2006 , ГОСТ 2.612-2011, Р50.1.029-2001, Р50.1.030-2001 и др.)

ВНИМАНИЕ!!! Мы разрабатываем эксплуатационную и ремонтную документацию (ИЭТР) под ОС Windows, ОС Астра Линукс,  ОС Linux, ОС Эльбрус и ОС Андройд для архитектур х86, ARM и микропроцессоры Эльбрус.