Сегодня у нас есть еще один гостевой пост в нашем блоге jQuery. Йосип Калебич из Хорватии, веб-разработчик, специализирующийся на jQuery и PHP. Он помог разработать этот удивительный встроенный плагин помощи! Анимированная справка — это действительно нечто особенное, вы должны это проверить! К нему.
Встроенный справочный сайт
Страница загрузки
Посмотреть демо
Встроенная справка представляет собой законченную систему веб-справки, которая состоит из двух основных частей:
Одним из них является контекстно-зависимое поле, содержащее вопросы (справочные ссылки) в зависимости от текущего пользовательского интерфейса.
Вторая часть — это встроенная процедурная помощь, будь то пошаговая анимация или статическое представление пронумерованных точек. Процедурная помощь отвечает на вопрос «Как…?». (Как что то сделать?)
Проблема с классической «контекстно-зависимой справкой» заключается в том, что если во время своей рабочей операции пользователь сталкивается с проблемой, которая не может быть решена, он вынужден искать проблему и отвечать на нее. И когда он находит это, он должен изучить это и затем применить это к своей ситуации. Таким образом, справочная система emebedded предоставляет меньше времени для поиска проблемы и визуального поиска ответа в реальной ситуации.
Цель встроенной справки состояла в том, чтобы создать такую систему, которая не требовала бы дополнительных изменений в пользовательском интерфейсе, чтобы использовать существующие элементы структуры, используя только HTML-теги, классы и идентификаторы в качестве селекторов, где jquery представляет собой идеальный инструмент. Плагин работает по принципу определения путей (точек) как массивов в формате JSON [http://www.json.org/], который описывает движение указателя и действие «что делать» для каждого элемента (точки) и путей Файл отделен от остальной части веб-приложения. Таким образом, вся встроенная справка может быть создана в самом конце (когда веб-приложение полностью разработано) или впоследствии может быть интегрирована в существующие веб-приложения.
Хотя плагин можно использовать в любом веб-интерфейсе, первоначальная цель — для веб-приложений, CMS и систем электронной коммерции.
Технические характеристики встроенного справочного плагина:
- Двухсторонний метод: анимированный и статический
- Подсказка выравнивает и параметры продолжительности
- Система вызова внешних функций
- Клавиша «Esc»
- Система просмотра
- Определение JSON-путей
В заключение я хотел бы поблагодарить людей, которые участвовали в разработке плагина: Петра Рознички и Секели Сабольча, и пригласить других разработчиков jquery принять участие в улучшении встроенной справки или разработке новых систем встроенной справки. Присоединяйтесь к проекту sourceforge .
Подробнее о встроенной справочной системе можно узнать по адресу:
http://sourceforge.net/projects/embeddedhelp/
http://plugins.jquery.com/project/embedded-help
Автор: Йосип Калебич из Хорватии — веб-разработчик.
Связаться с автором