Исходный код вики Интерактивные курсы (туры) в XWiki
Редактировал(а) Coluns 22.05.2023
Последние авторы
author | version | line-number | content |
---|---|---|---|
1 | (% class="wikigeneratedid" id="H42144243044244C44F" %) | ||
2 | В платформу XWiki встроен механизм который позволяет непосредственно в интерфейсе программы показывать пользователю важные элементы интерфейса или содержания страницы и отображать подсказки к ним. | ||
3 | |||
4 | (% class="wikigeneratedid" %) | ||
5 | Это дает возможность создавать очень удобные и понятные для пользователя инструкции размещенные непосредственно в документах базы знаний. | ||
6 | |||
7 | (% class="wikigeneratedid" %) | ||
8 | Например пользователь который заходит впервые в какое-нибудь бизнес-приложение созданное на платформе XWiki может получить быстрые подсказки для чего необходим тот или иной элемент интерфейса. | ||
9 | |||
10 | (% class="wikigeneratedid" %) | ||
11 | Или в сложном шаблоне сделать акцент на отдельных его элементах. | ||
12 | |||
13 | (% class="wikigeneratedid" %) | ||
14 | Мы разместили такой курс на данной странице. | ||
15 | |||
16 | (% class="wikigeneratedid" %) | ||
17 | Если вы хотите посмотреть как это работает, то нажмите на эту ссылку: [[Страница с демонстрацией интерактивного курса>>Stati.Funktsii-XWiki.Interaktivnye-kursy-v-XWiki.Stati\.Funktsii-XWiki\.Interaktivnye-kursy-v-XWiki-Demo.WebHome]] | ||
18 | |||
19 | (% class="wikigeneratedid" %) | ||
20 | Запускается при загрузке страницы автоматически: | ||
21 | |||
22 | (% class="wikigeneratedid" %) | ||
23 | [[image:1684753095469-125.png||height="317" width="600"]] | ||
24 | |||
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 | |||
57 | [[image:XWikiDemoTour.gif]] | ||
58 | |||
59 | |||
60 | ---- | ||
61 | |||
62 | {{cl-plate-help/}} |