ВВЕДЕНИЕ

Для форума Kunena, на программном обеспечении которого основан форум сайта ru.geschichte-chronologie.de, разработана древообразная оболочка TreeK, которая позволяет посетителям форума видеть связи между постами в терминах родитель - ребенок. Говоря другими словами,  юзер может видеть не только линейный список постов темы, как это было до сих пор, а получить картину, из которой понятно, на какой пост отвечает тот или иной пост.  Такая структура информации облегчает ведение дискуссии на форуме. 

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

Рекомендуется посмотреть всю слайд-презентацию и ознакомиться с пояснительными примечаниями.

Однако можно начать работать с деревьями в любой момент, поскольку:

- все кнопки и символы TreeK в окне дерева интуитивно понятны, в большинстве случаев не требуют пояснений и снабжены подсказками (тултипами - всплываающими сообщениями);

- все действия в окне независимы друг от друга;

- любое действие можно легко отменить, выбрав предыдущее значение настройки;

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

Поэтому можно без опасений приступать к работе с деревом сообщений темы. Тем не менее, ещё раз рекомендуется ознакомиться с слайд-шоу - это поможет не упустить полезные детали и функции TreeK.

Все возможности TreeK можно опробовать в специально созданной небольшой теме «Example of tree» на форуме специально созданного сайта treek.support.

Кроме того, для тестирования TreeK на сайте treek.support предусмотрена специальная категория форума «Песочница» (Sandbox for testing TreeK). Зарегистрированные пользователи сайта treek.support могут создавать там свои собственные темы и практиковаться с ними. Конечно, другие зарегистрированные пользователи могут участвовать в этих темах, как и на настоящих форумах Kunena, и таким образом также познакомиться с TreeK.

Введение в TreeK - работа с деревом постов темы

Переход к дереву постов темы - 2 способа:
1.Клик на число ответов в теме на вкладке Recent Topics.
2. Клик на знак 🌳в любом посте темы.
Простое дерево
Каждый пост представлен строкой, в которой показан по крайней мере заголовок поста. Если какой-то пост является ответом на другой пост, то между ними имеется связь, обычно называемая "ребенок - родитель".
Строка каждого ребенка сдвинута по отношению к строке родительского поста вправо, что и создает эффект дерева.
В дереве всегда имеется строка, выделенная жирным шрифтом. Она соответствует последнему добавленному в тему посту. Это не обязательно самая нижняя строка в дереве (как получилось в нашем примере).
Также одна из строк может быть выделена измененным фоном (на этом слайде она первая). Такая строка является "активной" - смысл этого названия станет понятен ниже, но для простоты можно считать, что активная строка та, на которой сосредоточено внимание юзера
Параметры и решетки
Видом дерева можно управлять с помощью окошка параметров, которое показывается вверху справа окна дерева при клике на кнопку ⚙.
На слайде применен параметр Grid, чтобы показать структуру дерева более убедительно
Перетаскивание окошка настроек
Если окошко настроек загораживает часть дерева, кликните на его шапку и не отпуская кнопку мыши тащите окошко на нужное место.
Тултипы и текст поста
Структуру постов мы видим, но надо ли сразу вернуться в тему, чтобы увидеть содержание постов? Нет, с переходом в тему можно не торопиться. Возле заголовка поста есть символ 💬. Если в любой строке подвести курсор к этому символу, будет показано начало текста поста.
Вообще, большинство кнопок и символов в Трик снабжены тултипами. Чтобы узнать или вспомнить, какую опцию обеспечивает соответствующий знак, надо просто подвести курсор к этому знаку
Начало строки поста
В параметре Start of post line можно указать, с чего начинается строка поста в дереве:
Заголовок + Автор — сначала показывается заголовок поста, затем автор.
Автор + Заголовок — сначала показывается автор, затем заголовок поста.
Заголовок — показывается только заголовок поста. author-title-line
Дата и время
Если отметить чекбокс "Show the post creation date and time", откроются варианты отображения даты и времени. Можно выбрать короткий или полный формат года, включить или отключить показ времени.
Индекс поста
Параметр Post index добавляет в строки дерева глобальные ID постов в Кунена или убирает их
Начало поста. Тизер "Текст"
Параметр Show post excerpt очень полезен, так как дает возможность полноценно изучать тему через дерево и переходить в Кунена только при необходимости выполнить имманентные действия форума: добавить или изменить пост и т.п.
У этого параметра две опции. Post excerpt - text выводит под первой строкой поста текстовый фрагмент начала поста длиной в заданное число символов. Если это число достаточно большое, будет показываться весь текст поста
Начало поста. Тизер "Скриншот"
Опция Post excerpt - screenshot параметра Show post excerpt показывает под первой строкой поста фрагмент начала поста в виде скриншота высотой в заданное число пикселей. Если это число достаточно большое, будет показываться весь пост.
Вид строки поста внизу (с картинкой) демонстрирует принципиальную разницу между двумя вариантами тизеров.
Заметьте, что вместе с параметром Post excerpt сайт получает полноценный форум с Indented structure! Дополнительно к древовидной структуре, о которой все время шла речь
Время реакции на изменение параметров
А как быстро меняется вид дерева при изменении параметров? Быстро. Что значит быстро? Мгновенно. На слайде видеосвидетельство
View mode
Основной режим просмотра темы - "Дерево". Посты отображаются с учетом связей между ними. Ответы показываются как дочерние элементы родительского поста. Этот режим помогает увидеть структуру обсуждения.
Помимо основного режима есть еще один - "Список (флэт)". Строки постов отображаются последовательно, по времени создания, соответствуя порядку постов в Кунена. Этот режим полезен для изучения некоторых аспектов темы.
Символы комфорта. Навигация
В строках дерева можно показывать дополнительные символы (они называются "символами комфорта"), которые помогают быстрее ориентироваться в дереве
Символы комфорта действуют с помощью подсветки — выделения фоном интересующих постов.
При активации чекбокса "Show comfort symbols" показываются два дополнительных чекбокса, которые действуют независимо.
Чекбокс "Стрелки навигации" добавляет / убирает в строках постов символы для условных "переходов" по связям дерева.
Символ ⇑ делает активным родительский пост.
Если пост является родителем, в строке показываются символы активации детей. Символ ⇓ делает активной строку единственного ребенка. Если детей у интересующего поста несколько, соответствующие дочерние посты активируются символами ⇓1, ⇓2 и так далее. Это особенно удобно, когда некоторые дети находятся далеко от родительской строки
Символы комфорта. Подсветка
Символы подсветки служат для выделения связанных постов.
Символ 🧑 подсвечивает (выделяет серым фоном) все посты автора заинтересовавашего поста.
Если пост является родителем, в строке показывается символ Λ. Клик на него подсвечивает серым фоном пост данного родителя и посты всех его детей
Сохранение и восстановление настроек
Настройки дерева действуют в течение пользовательской сессии.
Но для зарегистрированных пользователей TreeK позволяет сохранить индивидуальные параметры отображения деревьев и при желании восстановить их в другой сессии и даже для других тем. Для этого используются кнопки сохранения ↪ и восстановления ↩ параметров в шапке окошка параметров.
Кнопка восстановления ↩ видна только в случае, если пользователь хотя бы раз сохранял параметры дерева
Экспорт дерева
TreeK умеет копировать дерево темы в буфер обмена. Это полезно, если нужно перенести структуру обсуждения в сообщение, документ, заметку или во внешний редактор.
Доступны три формата экспорта, выбор из которых предлагается при клике на символ ➡️ в шапке окна дерева:
BBCode — подходит для вставки в объекты, понимающие BBCode, в частности, в посты Kunena (в окне Source).
HTML — подходит для вставки в HTML-редактор или документ, в частности, в статьи Joomla (в окне JCE - Code).
Заголовки в BBCode и HTML кодах содержат ссылки на посты экспортированного дерева.
Текст — простой текстовый вариант, может вставляться в любое текстовое поле, в том числе в пост Кунена, статью Джумла или текстовый файл.
Экспортируется текущий вид дерева, но только присутствующие в соответствии с настройкам элементы - заголовок, автор, время, индекс. Например, заголовок и автор или только заголовок. Символы комфорта, другие служебные символы, тизеры и пр. не экспортируются.
Строки дерева во вставленном тексте расположены со сдвигами для имитации дерева.
(Примечание на случай тестирования Трик на локальном сервере типа WAMP: экспорт на WAMP работает не для всех опций)
Переход из ТриК в Кунена
акрыть модальное окно ТриК и в результате этого вернуться в тему Кунена можно как обычно - кликом на крестик справа вверху окна.
Рекомендуется однако более функциональный способ - клик на заголовок любого поста в дереве, например, требующего ответа или редактирования. При этом не только закрывается модальное окно, но и осуществляется переход в Кунена на соответствующий пост
Контроль за темой. Сообщение о добавлении поста в тему
С одной и той же темой могут одновременно работать много юзеров, особенно сразу после создания темы. Работать с темой означает и просто читать посты в ней, и отвечать на существующие посты или изменять их, и изучать дерево и др.
Читатель темы в Кунена узнаёт о добавлении поста в теме другим юзером в результате обновления последней страницы темы или ведущих к этому действий, контролируя число ответов в теме и т.п.
Вот как этот вопрос решается в Трик. Если юзер работает с деревом и в тему добавлен пост, поверх окна дерева в течение минуты появляется заметное ("красное") информационное сообщение. Оно содержит информацию в формате "Автор - Заголовок - Время - Индекс". Сообщение показывается 15 секунд, после чего закрывается автоматически, если посетитель не закрывает это окошко крестиком раньше.
Одновременно с появлением красного сообщения обновляется дерево темы. В окне дерева показывается тот же фрагмент дерева и с теми же параметрами, как и до появления сообщения, но в обновленном дереве присутствует строка нового поста, выделенная как всякий последний добавленный пост жирным шрифтом. Таким образом юзер сразу видит, в какой части дерева произошло событие. Если дерево очень большое и новый пост не попал в текущий фрагмент, можно воспользоваться полосой прокрутки окна или опцией "Режим просмотра - Список", которая покажет новый пост внизу списка постов
Контроль за темой. Взаимодействие Трик с Кунена
Используем данный случай для демонстрации взаимодействия Трик с Кунена. Представим себе, что администратор открывает дерево НАЧАТОЙ ИМ темы в момент добавления поста другим юзером или сразу после этого и посмотрим видео про дальнейшие события.
С помощью тултипа 💬 admin видит, что юзер trickster вмешался в тему не по существу и (хотя Австралия прекрасная страна) решает немедленно удалить не имеющий отношения к теме пост. Кликом на заголовок нового поста он переходит в Кунена, но, в отличие от ситуации с переходом на любой пост, существовавший в момент построения первоначального дерева, не попадает непосредственно на новый пост по объясненной выше причине: вид Кунена надо обновить и перейти на последнюю страницу. Теперь администратор удаляет ненужный пост. После чего возвращается в дерево
Cтрелка "⇒" в заголовке поста. UI TreekView
Treek не только интегрирован с Кунена ( is integrated with ), но и имеет собственный - несколько измененный, - пользовательский интерфейс, позволяющий немного ускорить работу в Кунена. Эта часть Treek имеет для удобства собственное название TreekView.
На слайде показаны два примера таких изменений в форме ответа (форма разделена здесь на два фрагмента, чтобы поместиться в слайд).
В верхнем фрагменте автоматически предлагается заголовок поста ответа - подробности внутри картинки.
В нижнем фрагменте область Attachments свернута, чтобы уменьшить время пролистывания.
Подробно TreekView описан здесь

1038527