Примеры дерева в Html

Пример 1: Беседа с Е.А. Федоровым 25.12.2013

Пример 2: ГМО как тест на зрелость Ермакова И.В.

3: Буклет Е. Федоров. Почему мы так живем. Исходный текст Файл ttr (нужно скачать)

4: Мнение по разным вопросам. Шамсутдинов К.Т. 26.03.2014

Инструментарий

Скачать необходимые компоненты для редактирования и генерации веб страниц саспакуйте файл TtHtml.zip и из получившейся папки вызывайте приложения TT.exe (редактор Дерева Мыслей) и HtmlTree.exe (конвертор Дерева Мыслей в Html). Описание этих двух прогаммв файле "Описание программы ДМ.ttr", который откроется при первом запуске, или в виде веб страницы (там не работают внутренние ссылки и не показывается большой текст узла, который там почти не используется).

Страница программы Дерево Мыслей. Там более старая версия программы, но есть рисунки.

Объяснения

Я (Шамсутдинов Константин) сделал новый вид представления информации на веб страницах в виде дерева. Предлагаю два примера - содержание видеоролика с привязкой к временным моментам в нем и статью. Оба примера не являются выверенными и до конца сделанными, но демонстрируют возможности этой технологии. Рисунки во втором примере не очень аккуратно вписались. Ссылки на видео содержат рекламу в начале и могут смещаться по времени, так как она то вставляется, то - нет. Если располагать ролики на YouTub'е без рекламы, то этого эффекта не будет. Технология требует доработки. Эта технология заключается в удобном редактировании таких страниц, используя мою программу Дерева Мыслей и еще одну программу, которая конвертирует отредактированное в Html.

Как пользоваться деревом

Клик по узлу открывает/закрывает узел. Двойной клик - окткрывает/закрывает на полную глубину.

Развитие технологии

Можно будет делать ссылки на узел в этой странице и на другой странице (пока не преодолел техническую сложность в реализации этого, требуется помощь знающего java script). Можно разделить окно на две части по горизонтали, дерево будет слева. Для каждого узла можно показывать справа какую-то статью, рисунок или видео. Содержимое ячейки дерева и сейчас может быть любым html контентом - возможно форматирование, рисунки, видео и т.п. Пока при редактировании сделана удобная вставка ссылок из буфера обмена. Но нет удобного инструмена для отекстовки видео и взятия точных меток времени. Для ссылок на видео можно вставлять кнопки с указанием длительности этого места.

Характер технологии

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