Исходный код вики Интерактивные курсы (туры) в XWiki
Редактировал(а) Coluns 22.05.2023
Скрыть последних авторов
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | (% class="wikigeneratedid" id="H42144243044244C44F" %) |
| |
1.3 | 2 | В платформу XWiki встроен механизм который позволяет непосредственно в интерфейсе программы показывать пользователю важные элементы интерфейса или содержания страницы и отображать подсказки к ним. |
| |
1.1 | 3 | |
| |
1.3 | 4 | (% class="wikigeneratedid" %) |
| 5 | Это дает возможность создавать очень удобные и понятные для пользователя инструкции размещенные непосредственно в документах базы знаний. | ||
| |
1.1 | 6 | |
| |
1.3 | 7 | (% class="wikigeneratedid" %) |
| 8 | Например пользователь который заходит впервые в какое-нибудь бизнес-приложение созданное на платформе XWiki может получить быстрые подсказки для чего необходим тот или иной элемент интерфейса. | ||
| 9 | |||
| 10 | (% class="wikigeneratedid" %) | ||
| |
4.1 | 11 | Или в сложном шаблоне сделать акцент на отдельных его элементах. |
| 12 | |||
| 13 | (% class="wikigeneratedid" %) | ||
| |
1.3 | 14 | Мы разместили такой курс на данной странице. |
| 15 | |||
| 16 | (% class="wikigeneratedid" %) | ||
| |
3.1 | 17 | Если вы хотите посмотреть как это работает, то нажмите на эту ссылку: [[Страница с демонстрацией интерактивного курса>>Stati.Funktsii-XWiki.Interaktivnye-kursy-v-XWiki.Stati\.Funktsii-XWiki\.Interaktivnye-kursy-v-XWiki-Demo.WebHome]] |
| |
1.3 | 18 | |
| |
4.1 | 19 | (% class="wikigeneratedid" %) |
| 20 | Запускается при загрузке страницы автоматически: | ||
| |
1.3 | 21 | |
| |
4.1 | 22 | (% class="wikigeneratedid" %) |
| 23 | [[image:1684753095469-125.png||height="317" width="600"]] | ||
| |
1.3 | 24 | |
| |
4.1 | 25 | (% class="wikigeneratedid" %) |
| 26 | Вы можете нажимать в окошках курса кнопки "Следующий" и "Предыдущий" если был шаг до этого: | ||
| 27 | |||
| 28 | (% class="wikigeneratedid" %) | ||
| 29 | [[image:1684753171600-305.png||height="314" width="600"]] | ||
| 30 | |||
| 31 | (% class="wikigeneratedid" %) | ||
| 32 | Система будет подсвечивать заранее определенный вами элементы интерфейса системы. | ||
| 33 | |||
| 34 | (% class="wikigeneratedid" %) | ||
| 35 | При этом, вы можете отмечать как любые общие элементы, например верхнее меню сайта: | ||
| 36 | |||
| 37 | (% class="wikigeneratedid" %) | ||
| 38 | [[image:1684753454751-335.png||height="252" width="600"]] | ||
| 39 | |||
| 40 | (% class="wikigeneratedid" %) | ||
| 41 | Так и содержание страниц, например на демонстрационной странице мы добавили две таблицы и подсказки в тур к ним. | ||
| 42 | |||
| 43 | (% class="wikigeneratedid" %) | ||
| 44 | Одну без затемнения фона слева: | ||
| 45 | |||
| 46 | (% class="wikigeneratedid" %) | ||
| 47 | [[image:1684753696933-895.png||height="320" width="600"]] | ||
| 48 | |||
| 49 | (% class="wikigeneratedid" %) | ||
| 50 | А вторую с затемнением фона справа: | ||
| 51 | |||
| 52 | (% class="wikigeneratedid" %) | ||
| 53 | [[image:1684753868541-101.png||height="312" width="600"]] | ||
| 54 | |||
| 55 | Посмотрите видео как это выглядит: | ||
| 56 | |||
| |
5.1 | 57 | [[image:XWikiDemoTour.gif]] |
| |
4.1 | 58 | |
| 59 | |||
| |
1.1 | 60 | ---- |
| 61 | |||
| 62 | {{cl-plate-help/}} |