클라이언트 측 "기능 둘러보기"(튜토리얼 / 지침) 오버레이 시스템?

클라이언트 측 "기능 둘러보기"(튜토리얼 / 지침) 오버레이 시스템?

---

브라우저에서 오버레이와 같은 튜토리얼 / 도움말을 제공하는 데 초점을 맞춘 시스템 / 프레임 워크가 있습니까?

예 : 사용자에게 특정 수준의 지침이 필요한 웹앱이 있습니다. 이 지침 과정에서 페이지의 특정 요소를 메시지와 함께 "강조 표시"(예 : 화살표, 색상 음영, 깜박이는 테두리 등)하려고합니다.

이것은 진정한 오버레이이므로 절대 위치에서만 작동하고 기존 레이아웃을 방해하지 않습니다.

나만의 솔루션을 고려하기 전에 기존 솔루션을 찾고 있습니다.

---

(말도 안되는 오 탐지) Google에 좋은 용어를 제공 한 Johnson에게 감사드립니다.

내가 찾은 "기능 둘러보기"솔루션 목록은 다음과 같습니다.

• Joyride | http://zurb.com/playground/jquery-joyride-feature-tour-plugin
• Intro.js | http://usablica.github.io/intro.js/
• 돌 차기 놀이 | http://linkedin.github.io/hopscotch/
• 무너질 | http://blog.tommoor.com/crumble/
• 페이지 가이드 | http://tracelytics.github.io/pageguide/
• Bootstro.js | http://clu3.github.io/bootstro.js/

나는 거기에 더 많은 것이 있다고 확신합니다. 이러한 솔루션을 사용하면 개발자가 사용자에게 더 나은 기능 소개를 훨씬 쉽게 구현할 수 있습니다.

---

목록에 추가로 경량 라이브러리 https://github.com/heelhook/chardin.js를 사용할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/23363529/client-side-feature-tour-tutorial-instructional-overlay-system