Кто первый раз слышит о моём (нашем с друзьями) интернет-проекте «Карта Событий» – вот паблик ВКонтакте с пояснениями и новостями о проекте.
Карта Событий пока развёрнута на тестово-отладочном сайте, готовится к полноценному запуску. Не пугайтесь, если браузер будет ругаться на приведённые ниже ссылки, которые начинаются пока с «http», а не «https».
Данная инструкция написана, прежде всего, для просмотра с ноутбука, десктопа (настольного компьютера). О просмотре со смартфона будет сказано отдельно.
* * *
Если зайти на главную страницу сайта http://kinovrostove.ru.masterhost.tech/ – вначале мы увидим пустую Карту Событий:
Чтобы показать чью-нибудь биографию, нужно либо поискать этого человека в меню «Субъекты», либо знать ссылку на него.
Допустим, в меню «Субъекты» мы ищем меня:
Выбираем меня, нажимаем «Добавить» – и видим список людей для отображения на Карте Событий (в данном случае этот список состоит из одного меня):
Можно добавить сразу ещё кого-нибудь, но прежде посмотрим, как выглядит биография одного человека.
Жмём «Показать события» – и видим мою биографию (линию жизни, событийную линию), показанную целиком, от рождения до текущего момента:
Да, у меня много событий. Как у любого человека, если его жизнь внимательно изучить. И будет показано ещё больше событий. Да, потом надо будет группировать события, когда их много, чтобы было удобнее визуально воспринимать, – это мы реализуем позже.
Сейчас, чтобы увидеть все отображённые на странице события, можно прокрутить её вниз, воспользовавшись ползунком справа.
Если посмотреть в адресную строку браузера, то мы увидим ссылку на меня:
Теперь мы знаем, что в базе данных Карты Событий я под номером «10» – и ссылка на меня: http://kinovrostove.ru.masterhost.tech/10/
На смартфоне удобно смотреть с горизонтальной ориентацией экрана – всё под неё заточено. При развороте экрана пока могут чуть-чуть съезжать линии – тогда надо просто обновить страницу в новом положении экрана. На смартфоне моя биография выглядит так:
Но возвращаемся на ноутбуки и десктопы.
Итак, слева мы видим список отображаемых людей (состоящий по-прежнему из одного меня, но скоро мы увидим нескольких человек). В списке для каждого человека показаны его аватарка, имя и фамилия (возможно, ещё отчество, псевдоним и т.д.), дата рождения (и, если умер, дата смерти).
Если кликнуть по человеку в списке, откроется его профиль – в нём могут быть показаны основные его фотографии, указаны ссылки на все его соцсети, официальные страницы, статьи о нём:
Справа от человека в списке – его линия жизни с отмеченными на ней событиями (они обозначены кружочками, если вдруг кто ещё не догадался).
Можно свернуть список, нажав кнопку «свернуть», чтобы отображались только аватарки, без имён, фамилий, дат – так больше экранного места освобождается для показа самих линий жизни с событиями:
Если регулировать масштаб кнопочками «+» и «–» справа (или ползунком между ними) и перетаскивать отображение мышкой (на телефоне просто пальцем), то можно удобно показать любой интересующий временной диапазон, любую группу событий:
Также можно написать в адресной строке, какой конкретно временной диапазон требуется отобразить. Например, если дописать к текущей ссылке в адресной строке вот такое выражение «?t=20220315-20250417» и получить ссылку http://kinovrostove.ru.masterhost.tech/10/?t=20220315-20250417 – она отобразит временной диапазон с 15 марта 2022 года по 17 апреля 2025 года:
От каждого события-кружочка, расположенного на горизонтальной линии жизни, вниз идёт вертикальная серая пунктирная линия – она ведёт на блок с превьюшкой события, названием события и датой события. При наведении курсора на блок события эта линия выделяется (становится чёрной сплошной), а также выделяется сам кружочек события (или несколько кружочков, когда событие относится к нескольким людям-субъектам, что мы уже совсем скоро увидим):
Если кликнуть по событию (хоть по блоку, хоть по кружочку), откроется его описание, где могут быть показаны любые тексты, фото, видео, относящиеся к этому событию:
Кроме того, в описании события указаны все участвовавшие в нём люди (субъекты). Галочкой в чекбоксе отмечен тот субъект, который в данный момент отображается на Карте Событий.
Если мы выберем ещё кого-нибудь (отметим галочкой в чекбоксе) – например, Ксению Виноградову – и нажмём кнопку «Обновить список» (имеется в виду список субъектов для отображения), то увидим обе наши линии жизни (ура! наконец-то! вот мы и отобразили нескольких человек! целых двух!). При этом внизу будут показаны блоки-превьюшки только для тех событий, которые являются общими для всех отображаемых субъектов (и вертикальная чёрная линия, соединяющая кружочки, показывает связь между участниками одного и того же события):
Порядок отображения субъектов (кто за кем идёт сверху вниз) можно менять как угодно – для этого достаточно переставить номера субъектов в адресной строке браузера. Ссылка на текущее отображение – http://kinovrostove.ru.masterhost.tech/10-14/ – при таком порядке я иду выше, а моя дочка Ксюша ниже. Но если переставить наши номера – http://kinovrostove.ru.masterhost.tech/14-10/ – то я буду, наоборот, ниже, а Ксюша выше:
Поменять порядок отображения можно и в меню «Субъекты» (которое мы открывали в самом начале), перетаскивая субъекта мышкой:
А если вы хотите перестать показывать субъекта на Карте Событий, нужно нажать на крестик справа от субъекта в меню «Субъекты» и подтвердить действие нажатием кнопки «Удалить?»:
Не пугайтесь этой кнопки – она просто удаляет субъекта из списка отображения, а не из базы данных Карты Событий или ещё чего похуже.
При желании, вы сможете снова этого субъекта показать – так же, как делали в самом начале, либо по ссылке на субъекта, которую вы, возможно, уже запомнили, записали, сохранили и даже кому-то переслали.
* * *
На сегодняшний день я продвинулся в отображении родословных на Карте Событий. Как смотреть родословные и находить родственные связи, покажу на примере императорского дома Романовых и связанных с ними династий: http://kinovrostove.ru.masterhost.tech/215-214-283-213-268-212-233-269-232-235-237-234-287-289-239-238-236-288/
Чтобы быстро сориентироваться, кто от кого родился, удобнее всего искать взглядом связанные кружочки (два или три), один из которых является началом чьей-то линии жизни. Смотрим на начальный кружочек линии жизни (момент рождения) – и по вертикальной чёрной линии находим, с какими родительскими линиями жизни этот кружочек связан.
Чем больше экран, тем удобнее охватывать взглядом всё в целом. Большие экраны, кстати, гораздо естественнее и здоровее для зрения и осанки, чем смартфоны и другие устройства с маленькими экранами. Большой экран – он, по сути, как окно. А маленький экран – как дырочка, щёлочка, через которую ничего толком не рассмотреть.
* * *
Кому интересно внимательно следить за историей версий: для нынешней версии Карты Событий, которую начал и продолжает делать Евгений Павленков, я недавно опубликовал первую версию инструкции.
Поскольку интерфейс Карты Событий время от времени обновляется и улучшается, то и инструкцию я время от времени актуализирую.