Bugsp.ru

Ваша компьютерная помощь
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать генеалогическое дерево в Фотошопе

Как создать генеалогическое древо:
образцы и шаблоны

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

Содержание статьи:

  • Что такое генеалогическое дерево и как его создать
  • Как самостоятельно составить генеалогическое древо
  • ТОП-5 программ для создания дерева
  • Лучшие шаблоны семейного древа
  • Выводы

Что такое генеалогическое дерево и как его создать

Генеалогическое или семейное древо — это условное изображение родственных связей между поколениями. Имена и портреты родителей и прародителей соединяются линиями, напоминающими ветви дерева. Таким образом можно установить полное происхождение человека и бережно сохранить память
о корнях рода для будущих поколений.

пример древа

Так может выглядеть генеалогическое древо

По оформлению генеалогические древа бывают самыми разными. От простых, где в прямоугольники вписаны имена, до настоящих произведений искусства, когда изображается красивое дерево, в рамки помещаются портреты, добавляется оригинальный декор. Также помимо фотографий и имён можно вписывать даты рождения и прочую интересную и важную информацию.

Общие правила составления:

  • Каждое поколение занимает свой уровень. Таким образом удобно прослеживать, кем вам приходятся те или иные родственники.
  • У соединительных линий есть своё значение. Горизонтальные показывают брак между людьми, вертикальные ставятся между детьми и родителями.
  • Примерный образец, как составить древо семьи: в корнях размещают наиболее древних представителей рода, в районе ствола находятся давние предки (чаще мужчины), а ветви и листья занимает современное поколение. Однако встречаются и обратные расположения, когда в основании человек помещает себя, а вверх разрастаются связи более старших поколений.

Как самостоятельно составить генеалогическое древо

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

Далее стоит пообщаться с родственниками и друзьями семьи. Лучше всего опрашивать их по заранее подготовленному плану, чтобы ничего не забыть. Узнайте всю недостающую информацию об именах предков, датах их рождения и времени смерти, о детях, местах работы и других важных данных. Будет здорово, если опрашиваемые родственники поделятся с вами какими-то интересными историями и событиями. Обладая всей необходимой информацией, вы легко разберётесь, как создать генеалогическое древо.

пообщайтесь с родными

Поговорите с родными, они помогут восполнить пробелы

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

ТОП-5 программ для создания дерева

Мы подобрали 5 лучших программ, которые помогут быстро и красиво сделать генеалогическое древо своего рода.

ФотоШОУ PRO

ФотоШОУ PRO — русскоязычная программа, в которой можно создавать красочные слайд-шоу из фото и видео. Для неё можно скачать шаблоны генеалогического дерева семьи. Останется только добавить фотографии родных и заменить базовый текст на свою версию. Проект можно дополнить видеоматериалами и музыкой. В результате получится красивый зрелищный фильм.

как сделать генеалогическое древо по шаблону

Помимо семейных шаблонов, в редакторе есть множество инструментов для подготовки древа с нуля. Добавляйте любые фотографии и красивые надписи, устанавливайте выбранный фон, оформляйте изображения и текст эффектными рамками, создавайте анимацию и многое другое.

Family Tree Builder

Известное приложение, где легко сделать генеалогическое древо. Здесь есть специальный инструмент, позволяющий искать людей по таким данным, как Ф.И.О., дата рождения и смерти, место проживания.

При оформлении древа можно добавлять фотоснимки, текстовые заметки, аудио и видеозаписи, географическое местоположение. Готовые проекты экспортируют в JPG, PDF, HTML, RTF. Готовое древо можно сразу запостить в соцсети. А если пройти регистрацию, то вам будет позволено сохранять введённые данные в облаке.

Читайте так же:
Как написать в службу поддержки АлиЭкспресс

Family Tree Builder

Family Tree Builder

Древо Жизни

Это программа, наполненная удобными инструментами для построения генеалогического древа семьи. Здесь можно добавлять фотографии, вписывать имена, использовать видео, аудио, вводить подробные факты биографии. Вы можете включать в проект любое количество родственников.

Интерфейс «Древа Жизни» удобен и понятен благодаря русификации. Для начинающих есть подсказки, которые позволят быстрее освоиться. Пользоваться редактором можно бесплатно, но функционал будет ограничен (например, количество добавленных человек ограничено до 40). Полная версия стоит 900 р.

Древо жизни

GenoPro

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

Готовые проекты древа можно сохранить в файл, распечатать или послать по электронной почте. 15 дней программой GenoPro можно пользоваться бесплатно.

GenoPro

Родственники

Достаточно гибкий инструмент для подготовки своего семейного древа абсолютно любой сложности. В программе «Родственники» легко искать любые записи, сделанные в проекте. Управление достаточно удобное и понятное, вы можете скопировать любую часть дерева и вставить в другое место.

Из минусов — морально устаревший дизайн и готовое древо не отличается привлекательностью. К тому же софт является платным и стоит 1800 р., что достаточно дорого для подобной программы.

Родственники

Лучшие шаблоны семейного древа

Ниже мы собрали наиболее интересные варианты макетов. Вы можете бесплатно скачать шаблон генеалогического дерева для заполнения.

Шаблон древа

Шаблон дерева

Генеалогическое древо

Семейное древо

Древо семьи

Выводы

Благодаря современным программам, создавать древо семьи стало максимально просто. Если нужно сделать обычное изображение для будущего распечатывания, используйте такие программы, как Family Tree Builder. А если хочется подготовить красочный ролик, установите ФотоШОУ PRO. Он позволит создать потрясающий мини-фильм о корнях рода с помощью шаблона «Семейное дерево».

ВАМ ЭТО ПОНРАВИТСЯ:

Как сделать коллаж из фото
Слайд-шоу маме на юбилей
Яркое слайд-шоу на выпускной в детском саду
Создаем слайд-шоу в стиле Love Story

Начните создавать свои уникальные слайд-шоу сейчас!

Скачать сейчас Купить со скидкой Отлично работает на Windows 10, 8, 7, Vista, XP

Как сделать генеалогическое дерево в Фотошопе

Сегодня мы будем учиться делать Семейное древо в Фотошопе. У меня получилось вот такое Семейное древо:

Семейное древо в Фотошопе. Подробный урок

Часто меня спрашивают, как нарисовать Семейное древо в Фотошопе, но рисовать Семейное древо совсем не обязательно, потому что достаточно найти шаблон Семейное древо в интернете и скачать его.

Если вы наберёте в строке поиска вашего браузера «Шаблон Семейное древо», то сразу получите множество шаблонов, из которых вы можете выбрать понравившийся вам шаблон.

Я скачала вот этот многослойный шаблон Семейного древа и сейчас мы будем разбираться, как сделать Семейное древо с помощью шаблона:

Семейное древо в Фотошопе. Подробный урок

Если вы посмотрите на палитру Слои, то увидите что фон, дерево, рамки, надписи и диснеевские герои находятся на отдельных слоях:

Семейное древо в Фотошопе. Подробный урок

Нам нужно расположить наши фотографии в уже существующие рамки так, чтобы они точно соответствовали размерам рамок и для этого сначала узнаем размер рамки, для чего будем использовать инструмент Прямоугольное выделение Семейное древо в Фотошопе. Подробный урок. Данным инструментом выделим самую большую рамку, в которой будет находиться двойная фотография:

Семейное древо в Фотошопе. Подробный урок

Далее выполним следующую команду:

Изображение – Кадрировать и в результате мы получим только рамку:

Семейное древо в Фотошопе. Подробный урок

Семейное древо в Фотошопе. Подробный урок

Далее узнаем размер рамки и для этого выполняем выполняем следующую команду:

Изображение – Размер изображения и получим реальный размер рамки:

Семейное древо в Фотошопе. Подробный урок

У меня получился размер рамки: Ширина = 10,78 см и Высота = 7,32 см.

Нам нужно откадрировать фотографию используя данные размеры.

Возьмём размеры для фотографии немного меньше, чем размеры рамки, чтобы фотография была полностью закрыта рамкой. Я уменьшила размеры на 3-4 мм и у меня получились размеры для фотографии: Ширина = 10,3 см и Высота = 7 см — такие размеры будут у моей фотографии после кадрирования.

Семейное древо в Фотошопе. Подробный урок

После того, как мы узнали размеры рамки необходимо войти в историю и вернуться на один шаг назад, чтобы восстановить нашу картинку с Семейным древом:

Семейное древо в Фотошопе. Подробный урок

Семейное древо в Фотошопе. Подробный урок

Далее я открываю мою фотографию:

Семейное древо в Фотошопе. Подробный урок

Далее будем использовать инструмент Рамка Семейное древо в Фотошопе. Подробный уроки будем кадрировать фотографию по данным размерам. Для этого я активизирую инструмент Рамка и нажимаю на стрелочку в настройках инструмента, после чего выполняю команду: Размер и разрешение

Читайте так же:
Ошибка нарушения конфиденциальности в Гугл Хром

Семейное древо в Фотошопе. Подробный урок

В открывшемся окошке устанавливаем наши размеры и разрешение 300 Пикселы/дюйм:

Семейное древо в Фотошопе. Подробный урок

Семейное древо в Фотошопе. Подробный урок

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

Семейное древо в Фотошопе. Подробный урок

После того, как нужные размеры рамки установлены, нужно дважды щёлкнуть внутри рамки и кадрирование применится:

Семейное древо в Фотошопе. Подробный урок

Далее активизируем слой Дерево, так как этот слой находится под слоем «Рамки», а нам нужно завести фотографию под рамку и с помощью инструмента Перемещение Семейное древо в Фотошопе. Подробный урокперетаскиваем фотографию на поле нашего Семейного древа:

Семейное древо в Фотошопе. Подробный урок

Семейное древо в Фотошопе. Подробный урок

Теперь устанавливаем фотографию точно под рамкой:

Семейное древо в Фотошопе. Подробный урок

Далее определяем размеры рамки для одиночной фотографии, используя способ, описанный выше и в результате получаем полностью заполненный фотографиями шаблон Семейное древо:

Генеалогическое дерево в Фотошопе

Генеалогическое дерево в Фотошопе

Если вы когда-нибудь мечтали о том, чтобы составить свое собственное семейно дерево, или как его ещё называют Генеалогическим, то Photoshop очень даже вполне может подойти для этого. Вообще Генеалогическое дерево включает в себя всех членов семьи, расположенных в по родственной связи: от самых старых сверху до более молодых книзу или наоборот.

Есть несколько видов таких деревьев. В данной статье мы рассмотрим, некоторые из них и подробно погорим о том, как сделать собственно генеалогическое дерево в фотошоп.

Генеалогическое древо

Существует 2 вида деревьев:

Вы начинаете рисовать родственные связи, начиная от себя. То есть вы — центр родового дерева, а значит это можно представить следующим образом:

Генеалогическое дерево в Фотошопе

Теперь главенствующую позицию занимает родоначальная пара, от которой пошли все остальные родственные связи. Это могут быть ваши бабушки с дедушками или кто-нибудь ещё. Схематично это выглядеть примерно следующим образом:

Генеалогическое дерево в Фотошопе

Есть ещё один вариант. Заключается он в том, что общий предок располагает в стволе дерева, из которого выходят ветви предполагаемых родственников. Такое генеалогическое дерево может строиться произвольно.

Существует три этапа построения генеалогического дерева

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

На втором этапе вы выбираете, исходя из имеющейся информации, какой вид примет ваше дерево.

Теперь можете приступать к оформлению.

Сбор информации

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

Схема генеалогического древа

Это очень важный этап, насколько бы безответственно не относилось к нему большинство. Потому что для составления более глубокой родословной, потребуется проработать все вплоть до мельчайших деталей.

Для этого можете посмотреть на виды, которые мы представили немного выше.

Рекомендации:

1. Изначально делайте документ в фотошоп большого размера, потому что никто не знает, какие изменения могут поступить позднее.

2. Для более комфортной работы используйте инструмент «Сетка«. Включить его можно, перейдя в «Просмотр«->»Показать«, где активируете «Сетку«.

Генеалогическое дерево в Фотошопе

Ячейки можно изменять в разделе «Редактирование«->»Установка«->»Направляющие, сетка и фрагменты«.

Генеалогическое дерево в Фотошопе

Тут можно изменить интервал ячеек, количество сегментов или даже стиль.

Генеалогическое дерево в Фотошопе

Элементы типа стрелок и других различных фигур можете выбирать любые. Для этого не существуют каких-либо запретов.

Для начала нам нужно нарисовать первый элемент в дереве. Делать мы это будем с помощью «Прямоугольника с скругленными углами«

Генеалогическое дерево в Фотошопе

Теперь обращаемся к «Горизонтальному тексту» и кликаем ЛКМ по центру прямоугольника.

Генеалогическое дерево в Фотошопе

Вводим в поле нужные символы.

Генеалогическое дерево в Фотошопе

Через «CTLR» определяем оба слоя(текст и фигуру) и с помощью «CTRL+G» совмещаем их в одну группу, которую можно назвать коротко — «Я«.

Читайте так же:
Как конвертировать BMP в JPG

Генеалогическое дерево в Фотошопе

Теперь определите созданную группу и с помощью «Перемещения» и зажатой кнопки «ALT» создайте копию новой группы элементов.

Генеалогическое дерево в Фотошопе

После этого можете изменить в новой группе надпись, цвет и размер фигуры.

Генеалогическое дерево в Фотошопе

С помощью удобного функционала «Произвольной фигуры» можно в короткие сроки настроить связь между группами, просто добавив между ними фигуру стрелки.

Генеалогическое дерево в Фотошопе

Теперь нужно настроить направление стрелки. С помощью «Свободного трансформирования» или «CTRL+T» и клавиши «SHIFT» можно изменить угол вращения фигуры.

Генеалогическое дерево в Фотошопе

Этого небольшого мануала вам хватит для того, чтобы сделать свое собственно генеалогическое дерево в фотошоп. Давайте теперь приступим непосредственно к оформлению дерева.

Художественное оформление

Для этого могут подойти как уже готовые картинки и фоны из интернета, так и сделанные самостоятельно. В нашем примере мы воспользуемся первым способом.

Заходим в гугл или любой другой поисковик и вбиваем в поиск «генеалогическое древо шаблон PSD«.

У нас было много вариантов, но мы остановились на этом.

Генеалогическое дерево в Фотошопе

Загружаем его в наш Фотошоп и теперь смотрим на список слоев.

Генеалогическое дерево в Фотошопе

В данном примере создатель не сделал группировку слоев, поэтому вместо него это сделаем мы.

С помощью мышки определяем слой под названием «Я«.

Генеалогическое дерево в Фотошопе

Спускаемся ниже и находим там фигуру, соответствующую надписи «Я«.

Генеалогическое дерево в Фотошопе

После этого через «CTRL» выделяем слой с фигурой.

Генеалогическое дерево в Фотошопе

Мы нашли текст и фигуру к нему. Теперь нам необходимо найти их рамку.

Генеалогическое дерево в Фотошопе

Выделяем её, а после с помощью горячих клавиш «CTRL+G» создаем групп из этих слоев.

Генеалогическое дерево в Фотошопе

Аналогично делаем это и с другими элементами.

Генеалогическое дерево в Фотошопе

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

Генеалогическое дерево в Фотошопе

Теперь работа с данным геологическим деревом будет в разы удобнее.

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

Генеалогическое дерево в Фотошопе

Воспользуемся инструментом «Свободное трансформирование» через горячие клавиши «CTRL+T» и изменим размер картинки на подходящий к рамке в группе.

Генеалогическое дерево в Фотошопе

С помощью резинки удаляем ненужные края изображения.

Генеалогическое дерево в Фотошопе

Аналогично проделываем подобную операцию для других членов семьи.

Генеалогическое дерево в Фотошопе

На этом инструкция заканчивается. Мы лишь рекомендуем подойти со всей серьёзностью к созданию своего собственного геологического дерева для вашей семьи.

Поэтому изначально лучше подготовьтесь к работе, нежели потом бегать и постоянно изменять то форма, то информацию о том или ином родственнике. А мы лишь надеемся, что наша статья помогла вам.

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

В ноябре 2018 года меня вновь посетила идея создания древа моей семьи. Особенно на это подтолкнула оцифровка архивов Великой Отечественной Войны, в которой я нашел своих предков:

До этого я пытался как-то записать все на бумаге, но буквально через месяц это было утеряно. В связи с чем в этот раз я решил хранить данные в электронном формате.

Прежде чем делать что-то своё, я:

Определил ряд критериев к сервису:

Возможность импорта/экспорта всех данных в простом виде (возможность создания бекапа и независимость от одного сервиса)

Возможность создания сложных структур (не только вертикальные генеалогические линии, но и горизонтальные, также “множенство”, “многомужество” и другие ситуации)

“Приемлемое” отображение в виде графа

Изучил всевозможные аналоги на рынке

К сожалению я не нашел удовлетворяющего критериям сервиса. Пример сервиса:

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

В последствии я решил сделать универсальный инструмент для хранения, отображения реальной картины родословной.

Модель данных

Для начала я принял соглашение о том, что связью будет являться указание на родителя. Тк это обуславливается природой людей. И всегда у каждого человека будет мать и отец. Удивительно, но даже тут есть исключительные ситуации о которых я напишу ниже.

Свое решение я начал с создания примитивной структуры данных, и сбора данных в таблицу Numbers (Excel).

Читайте так же:
Как пользоваться программой VideoPad Video Editor

Last name or maiden name

Date of birthday

В этой модели данных единицой является некоторый человек с уникальным ID, у него могут быть ссылки на ID матери и отца. Также у каждого элемента есть поля которые его описывают: имя, дата рождения и смерти, пол, комментарий для дополнительной информации.

Отображение графа

До этого в университете, в 2013 году в рамках хакатона и курсовой работы, я делал сервис для поиска родственных связей по базе жителей Самарской области. Мой интерес представляло – по данным места жительства, дате рождения, фамилии, имени и отчеству определить с некоторой вероятностью и отобразить на графе какую-то семью. Тогда для отображения графа я использовал библиотеку sigmajs. Эта библиотека написана на JavaScript и она удовлетворяла моему видению того, что я собирался сделать.

День 1

Просто перебрав в голове всех ближайших родственников, у меня получилось 26 человек. Конечно информация была не полной, но это был 1 день, когда я начал.

День 2

После я напряг бабушку вспоминать и узнавать всех наших предков и родственников, и начал всё активно записывать в свою таблицу. Уже к ночи следующего дня мы записали информацию о ≈100 людях. А также я добавил заполнение черным цветом, узлов умерших людей.

День 3

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

Хочу заметить, что на графе отображены ближашие родственники по горизонтали и их ближайшие предки, которых они помнят. Что естественно является не полной картиной при построении вертикального древа. Но уже на этом этапе стало понятно, что используемая библиотека построения графа не подходит для отображения дерева.

Через 6 дней

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

Однако после этого и начали проступать основные проблемы отображения, которые раньше были не видны.

Дальнейший поиск информации о родственниках легко продолжать горизонтально (по своему поколению), однако чтобы искать вертикальные связи (искать своих предков) нужно заниматься изучением архивов, баз данных, кладбищь, изучением родословных и фамилий. Вот кстати два сервиса которые могут в этом помочь: vgd.ru и geno.ru.

GoJS

Нужно заметить, что GoJS подошла на стадии создания прототипа, однако ввиду неадекватной цены лицензии в 3495$ за 3 года, использовать её в конечном решении я не планирую. Однако в её примерах содержатся неплохие алгоритмы и принципы, которые можно позаимствовать.

Проблемы отображения графа на плоскости

Для начала, если не рассматривать сложных случаев, стандартные алгоритмы GoJS для расположения вершин не справлялись:

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

Некоторые связи улетали не в те поколения. Дети как бы перепрыгивали сильно вниз.

Граф переплетался и накладывался, даже в тех случаях, где можно было этого не делать.

Стало очевидно, что нужны правила отображения такого графа. И вообще задача создания алгоритма расположения вершин – основная работа.

Интерфейс пользователя

Также я добавил функции для импорта в формате .csv , также экспорта в .svg , .json , а хранение данных перенес в LocalStorage браузера, таким образом перезагружая страницу, данные не терялись и отпала необходимость использовать БД.

А также я понял, что:

Добавление людей осуществлять в Numbers не удобно, нужен интегрированный веб-интерфейс.

Нужен поиск по людям.

Нужна функция подсветки маршрута от одного человека к другому.

Нужно, чтобы при нажатии на элемент отображается все его “прямое” дерево вверх и вниз.

Читайте так же:
Как скачать и установить драйвера для TP-Link TL-WN822N

Нужна возможность добавлять другую информацию, например простой текст, ссылки, фотографии.

Эти задачи я пока отложил и начал думать про реализацию нормального отображения графа, а для этого сначала нужно побороть теорию.

Алгоритм отображения

Писать алгоритм я начал с задания ограничений и изучения теории.

Ограничения

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

Генеалогия содержит 3 закона:

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

Удваивание числа предков в каждом поколении (очевидно, что у каждого человека есть два родителя).

Количество предков убывает. Предположительно одна и та же персона в генеалогическом древе может встречаться несколько раз. Браки между дальними родственниками и «однофамильцами», произошедшими от одного общего предка, являются отнюдь не редкостью.

Также есть много материалов по построению генетических деревьев все это ищется по слову genogram . Основная часть этих материалов про построение этих деревьев с помощью софта EdrawMax :

ссылка 1: EdrawMax, общая информация о Genogram’ах

ссылка 2: EdrawMax, законы и обозначения принятые для Genogram

ссылка 3: лекция Deena Shelton “Genogram Instructions — Marriage and Family”

ссылка 4: видеоурок на тему “How to draw a genogram”

ссылка 5: видеоурок “Addams Family Genogram”

ссылка 6: лекция Wilma Schroeder “How to Draw Genograms”

Также я принял собственные правила отображения:

Строятся только кровные связи, от ребёнка до родителей (отсутствуют связи от родителей до ребенка, связи типа братья, сестры, дедушки, бабушки).

Если один родитель неизвестен используется нода-заглушка (чтобы отображение было симметричным). Связь исходящая от ребенка не может указывать только на одного родителя, тк она соединяется со связью между родителями.

Если оба родителя неизвестны, родители не отображаются.

Связь выходит из ребенка сверху, а входит снизу (от его ребенка). Можно также добавить стрелку в сторону ребенка, хотя не обязательно тк они должны быть разнесены по вертикале.

По возможности поколения должны находиться на отдельных уровнях.

По возможности ребра не должны пересекаться. В идеале граф должен быть планарный.

Исключительные ситуации

Для решения проблем планарного отображения рассмотрим несколько ситуаций:

Инцест (1 случай — межпоколений)

Касаемо графа справа, очень долго думал через сколько колен максимальна возможна эта афера. Но не стал визуализировать, остановился на одном.

Инцест (2 случай — внутрипоколения)

Такой пример достаточно распространен в жизни, и встречается в моем древе:

Однополые семьи, усыновление (удочерение), искусственное зачатие, смена пола, замороженный генетический материал – те случаи, которые могут сломать вообще всю логику.

Ограничение отображения

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

PHASE “A” Для узла-точки-входа отображаем всех прямых предков.

PHASE “B” Для всех элементов на графе отображаем всех прямых потомков, при этом для каждого потомка отображаем вторых родителей (на графе отмечены серым кружком).

Для всех вторых родителей повторяем PHASE “A”

Повторяем PHASE “B”

Это первая статья описывающая часть моей работы, за которую я:

Изучил существующие на рынке решения.

Протестировал некоторое количество библиотек рисования графа.

Собрал информацию о ≈300 своих родственниках и предках.

Сделал прототип приложения с минимальными удовлетворяющими функциями. И выявил основные направления по дальнейшей разработке.

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

Для тех, кто дочитал бонусом прилагаю полученный прототип.
PS работает не во всех браузерах, лучше просматривать с компьютера.
При нажатии на ссылку будет всплывающее окно, если согласиться, то загрузится JSON файл с моим деревом (отображение происходит не моментально, обычно это занимает ≈2 секунды).
Также можно загрузить своё древо, в формате csv или json , согласно модели данных выше.

голоса
Рейтинг статьи
Ссылка на основную публикацию