Домашняя страничка Hopter-а

Специализированный сайт для питомника кошек

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

Как сделаны сайты питомников кошек

Практически все сайты питомников кошек сделаны на базе CMS (Системы Управления Контентом), такой как WordPress, Drupal, Joomla. Некоторая часть из них прикрыта сверху "конструктором сайтов", типа Ucoz, Wix, Jimdo и им подобным.

В первом случае, Вам потребуется помощь web-программиста или студии web-дизайна, во втором всё можно сделать самому просто потыкав мышкой и вписав несколько строк текста, воспользовавшись инструкцией к конструктору сайта, подсказками и роликами в YouTube.

Второй вариант пользуется большей популярностью, поскольку позволяет сделать себе сайт совершенно бесплатно. Впрочем, бесплатный бывает только сыр в мышеловке: система радостно напихает между вашими кошками тонны навязчивой рекламы, обязательно укажет свой копирайт, адрес в интернете у вашего сайта будет с префиксом системы (типа, moi-super-koty.jimdo.com), а Вас будут задалбывать предложением перейти на платный вариант при каждом логине в админку своего сайта.

Хотя, купив себе собственный домен и единоразово заплатив системе, можно сделать адрес своего сайта без префиксов (скажем, moi-super-koty.com), а перейдя на платный тарифный план — избавиться от рекламы. Но платить придется регулярно и процентов на 30 дороже, чем за собственный коммерческий хостинг.

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

Минусы. Основной минус такого решения — чем является этот самый "Контент" в этой самой "Системе Управления Контентом". А контентом является "Страница"! То есть, Вам придется ваять КАЖДУЮ страницу своего сайта вручную, как статью в текстовом редакторе! Например, чтобы показать на сайте новый помет, Вам надо: создать по странице для каждого котенка, написать в них текст о котенке, добавить фотки; создать страницу для помета, нарисовать там таблицу, добавить в нее портретики котят, их пол, имена, вручную добавить ссылки на только что созданные страницы котят, написать про папу и маму, добавить ссылки на их страницы; пойти на страницу пометов и там дописать текст о новом помете со ссылкой на страницу нового помета. Причем, фотки надо будет предварительно обработать в графическом редакторе, чтобы уменьшить их размер до приемлемого для сайта, наложить подпись и логотип, чтобы их не воровали, сделать портретики для таблицы котят. В общем, всё это может занять пол дня. А котята растут — надо делать новые портретики, удалять старые из галереи, добавлять новые, править вручную страницы помета... Короче, тяжело, долго, лениво, да еще и накосячить легко так, что "поедет" дизайн страницы.

Что предлагают в качестве специализированного сайта

Ясное дело, "свято место пусто не бывает", и некоторые студии веб-дизайна уже предлагают специализированные сайты для питомников. Они уже поняли, что стандартная CMS отбирает слишком много времени для обновления информации на сайте питомника, поскольку имеет слишком крупную "единицу информации" для нужд заводчика — Страницу.

И они нашли решение, простое как 3 копейки. Они взяли стандартную CMS и написали для нее специализированные модули, которые могут хранить и отображать информацию о животных, планах, пометах, котятах, выпускниках и так далее. Студия заранее создаст на вашем сайте страницы "Кошки", "Коты", "Пометы" и т.д., и подключит к ним соответствующий модуль. А Вам останется только заполнять данные в этих модулях с помощью обычных стандартных форм в браузере.

Казалось бы, вот она — серебряная пуля! Чего вам еще надо?! ;-)

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

Минусы. Все минусы такого решения неочевидны, но они есть.

Во-первых, в основе сайта по-прежнему одна из стандартных CMS, в которой неутомимые хакеры постоянно ищут и находят лазейки для своих гнусных делишек. В лучшем случае, Вы однажды обнаружите вместо своих кошек страницу террористической организации, призывающую всех убить. Конечно, Вы обратитесь в студию, она восстановит Ваш сайт из резервной копии, если повезет — залатает лазейку (если производитель CMS уже выпустил "заплатку"), или история повторится еще несколько раз, пока лазейку удастся закрыть. Гораздо хуже, когда Ваш сайт с виду работает как ни в чем не бывало, а параллельно рассылает спам с вашего адреса, или превратился в "ссылочную базу" для раскрутки каких-то левых сайтов, или раздает торренты, или майнит кому-то крипто-валюту. В результате Ваш сайт однажды угодит в "черный список" и будет забанен в поисковиках, а то и вовсе удален с хостинга за нарушения "политики в отношении контента". И только тогда Вы узнаете, что Вас, оказывается, взломали. Кстати, эти примеры из моего личного опыта, а не "слухи из интернетов".

Во-вторых, предлагаемые модули никак между собой не связаны. Настолько, что Вы можете заказывать их для своего сайта раздельно! То есть, например, только модуль "производители", или только "котята". Тогда остальную информацию придется вести по-старинке — страницами. Но даже если Вы раскошелитесь на все модули, Вам всё равно придется вручную переносить данные между ними. Например, у Вас родился помет и Вы внесли всех котят в модуль "котята", а сам помет — в модуль "пометы". И в этом помете есть котенок, которого Вы решили оставить в питомнике. Вам придется добавить его в систему еще раз, но теперь уже в модуль "производители". Обычно, фотографии из галереи можно прикрепить только к одной записи в модуле, а это значит, что фотки для одного и того же животного придется дублировать: для него в качестве котенка, и для него же в качестве производителя. Впрочем, это я уже придираюсь — можно на это "забить", и котенку добавить только детские фотки, а взрослому только взрослые. :-)

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

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

Описание Системы управления питомником кошек

Итак, обозрев имеющиеся предложения, я пришел к мысли, что надо писать свой специализированный сайт для питомника кошек. По правде говоря, назвать это сайтом не совсем верно, это скорее "Система управления питомником", которая в публичном доступе выглядит как специализированный сайт для питомника кошек. Самое главное, это — не стандартная CMS, и не CMS вообще! Это — специализированное веб-приложение, написанное с нуля и не использующее сторонний код в серверной части вообще. За счет этого система получилась очень быстрой, компактной и безопасной.

Заказчиком этого проекта, и самое главное — гарантом того, что я всё делаю правильно, стала владелец питомника мейн-кунов "Faydark" Ивановская Светлана. Именно с ней мы обсуждали и доводили до блеска каждую деталь проекта. Она же является дизайнером каждого сайта, работающего на этой системе.

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

Итак, что можно заказать у нас. В базовый комплект входит:

  1. Красивый авторский адаптивный дизайн сайта. Это значит, что сайт не просто красиво оформлен, но и красиво выглядит на различных устройствах, в том числе на мобильных, и на различных по размеру экранах. Он растягивается, сжимается в зависимости от устройства, на котором его открыли. Не требуется мобильная версия сайта.
  2. Система управления питомником © Hopter corp.
  3. Полноценная русская и английская версия сайта. Русский и английский интерфейс. Автоматический перевод не используется, потому что он часто неадекватный.
  4. Размещение сайта на надежном виртуальном хостинге, обеспеченным антивирусом, резервным копированием сайта (бекап).
  5. Инструкция по работе с сайтом.

Дизайн включает в себя:

  1. Дизайн шапки, страниц и всех графических элементов сайта (рамочек, таблиц).
  2. Favicon – специальная иконка для браузеров.
  3. Иконки для соцсетей.

Дополнительно можно заказать:

  1. Логотип.
  2. Макет питомниковой родословной.
  3. Анонс или презентацию помета.
  4. Ретушь фотографий.
  5. Приобретение и регистрацию доменного имени, если его еще нет.
  6. Перевод интерфейса сайта на другой язык, кроме русского и английского.
  7. Наполнение сайта статьями.
  8. Баннеры в стиле сайта.
  9. Обложку для фейсбука в стиле сайта.
  10. Визитку в стиле сайта.
  11. Счетчик посетителей.
  12. Наполнение базы данных животными (3-5 поколения) по возможности с фотографиями.
  13. Одноразовое или ежемесячное обслуживание сайта (по договоренности), если не хотите самостоятельно менять информацию на сайте.

Срок разработки сайта от 2 недель в зависимости от требований Заказчика. Уже готовые сайты можно посмотреть в нашей галарее.

Как выглядит Специализированный сайт питомника кошек

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

1. Адаптивный дизайн.
Сайт питомника "Faydark" на широком экране
Сайт питомника "Faydark" на узком экране
Сайт питомника "Faydark" на мобильном устройстве
Видно, как сайт подстраивается под размер экрана. Не требуется приближать и удалять на мобильных устройствах, можно удобно скролить пальцем вниз. И наоборот, на больших экранах в шапке сайта появляются еще кошки, и сайт смотрится красиво даже на очень широких экранах.

2. Страница пометов.
Сайт питомника "Faydark" - страница пометов
На название помета, надпись "Свободные котята" или "Котята", а также на фото родителей можно нажать и попасть на страницу помета. Надпись "Свободные котята" автоматически сменится на просто "Котята" когда в помете не останется свободных котят. Надпись "У нас есть свободные котята" появляется автоматически, если хоть в одном помете есть свободные котята.

3. Страница помета.
Сайт питомника "Faydark" - страница помета
На животных и на их имена можно нажать и попасть на их персональные страницы.

4. Страница животного.
Сайт питомника "Faydark" - страница животного
Информация о животном, описание, фото и видео-галерея. Кнопка "Родословная" (если указаны папа и мама животного) ведет на страницу родословной этого животного, а кнопка "Потомки" (если есть) — на страницу с карточками котят этого животного. Кстати, родители животного также представлены ссылками на их персональные страницы.

5. Страница родословной.
Сайт питомника "Faydark" - родословная животного
Фото старших поколений можно увидеть крупнее, наведя на них курсор или тапнув на экране мобильного устройства. На имя предка животного можно нажать, чтобы увидеть его родословную. Если нажать на имя или фото животного, для которого эта родословная, то откроется персональная страница этого животного.
Сайт питомника "Faydark" - родословная животного
Родословная у нас строится автоматически на основании родственных связей животных. Благодаря этому, если у Вас уже внесены все животные для родословной родителей котят, то родословные всех котят этих животных построятся совершенно без усилий с Вашей стороны. Кстати, эту родословную можно распечатать прямо с этой страницы сайта даже с мобильного устройства — на печать будет отправлена только родословная!

6. Страница потомков.
Сайт питомника "Faydark" - потомки животного
Можно посмотреть потомков каждого племенного животного питомника. На каждую фотографию можно нажать и попасть на персональную страницу этого потомка.

Как выглядит Система управления питомником кошек

1. Главная страница админки.
Система управления питомником кошек - главная страница
В первой табличке показана информация о сайте. Другие таблички показывают, чего на сайте еще не хватает. Можно нажать на любое имя и устранить недостаток, тогда это имя исчезнет из таблички. Например, добавить описание кота или добавить фотографию. Табличка "Не опубликованные животные" показывает, какие животные либо котята есть в системе, но они не опубликованы на сайте.

2. Страница "Животные".
Система управления питомником кошек - страница животных
Собственно говоря, это и есть база данных, из которой строится сайт. Над таблицей расположена система фильтров, чтобы облегчить поиск животного в базе. Значки справа — это возможные операции с животными: посмотреть на сайте (нажатие направляет на персональную страницу животного на сайте), посмотреть родословную (перенаправление идет не на трехколенную родословную на сайте, а на родословную в админке, в которой несколько шаблонов родословных), снять с публикации на сайте (животное исчезнет с сайта), редактировать запись и удалить.

3. Окно редактирования животного.
Система управления питомником кошек - редактирование животного
Звездочками отмечены обязательные поля. Остальное можно не заполнять, но если не заполнить поле "заводчик" или "владелец", то и на сайте этой информация не будет. Чем больше необязательных полей Вы заполните, тем больше информации будет отображено в карточке животного на сайте. Только номер родословной и комментарий никогда не выводится на сайт.

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

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

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

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

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

Поля "Категория", "В составе питомника" и "Пол" распределяют животных по сайту. Животные, которые "в составе питомника Faydark" появляются на сайте в зависимости от поля "пол" и поля "категория". Юниоры отображаются в юниорах, взрослые распределяются в зависимости от пола на страницы "коты" или "кошки". Ветераны отображаются на странице "Ветераны". То есть, если убрать галочку "Взрослые" и поставить галочку "Ветеран" или "Помним их", то животное на сайте автоматически переместится на соответствующую страницу.

У животных собственного разведения, должны стоять 2 или даже 3 галочки. Галочка "Котенок", так как не смотря ни на что он будет котенком, который родился в этом питомнике, и вторая галочка для категории, которой он соответствует.

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

4. Система фильтров.
Система управления питомником кошек - фильтр записей
На примере отфильтрованы животные у которых приставка "Faydark". Фильтр раскрывается и сворачивается нажатием на слово "Фильтр". У некоторых фильтров есть кнопки "быстрых фильтров", которые не прячутся при сворачивании фильтра. Здесь, например, есть быстрые фильтры "В составе питомника" и "Наши котята".

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

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

6. Окно "Планы".
Система управления питомником кошек - страница планов
Здесь два подраздела: "Репродуктивный статус" и "Планируемые вязки". Первый отображает сводную диаграмму по кошкам питомника: у кого течка, кому и когда надо проверить, наступила ли беременность, кто и когда рожает. Данные берутся из календарей течек, который есть у всех кошек питомника.
Система управления питомником кошек - редактирование планируемой вязки
Второй раздел позволяет управлять записями для привычной всем страницы сайта "Планы". Естественно, папу и маму для планируемой вязки не придется вписывать руками — они тоже берутся из базы животных питомника. Каждой планируемой вязке можно добавить описание, и его будет видно на сайте. Можно написать про ожидаемые окрасы и остальное...

7. Окно "Питомники".
Система управления питомником кошек - страница питомников
Можно указывать сайт, страну и писать комментарий. Можно отфильтровать питомники по стране и комментариям. Обратите внимание, что здесь можно хранить не только питомники, привязанные к животным, а любые, какие Вы только пожелаете. Например, благодаря комментариям, можно вести здесь свой личный "черный" и "белый" список питомников. ;-)

8. Профайлы – это заполненные формы на владельцев или заводчиков кошек в системе.
Система управления питомником кошек - страница профайлов
Своего рода записная книжка заводчика с контактами. На владельцев котят можно заполнять все поля, на владельцев кошек из родословной можно добавлять просто имя и прикреплять питомник, если есть на это желание. Благодаря комментариям, можно вести здесь свой личный "черный" и "белый" список людей. ;-)

9. Страница контента сайта.
Система управления питомником кошек - страница контента
Тут можно редактировать новости, статьи на сайте и дополнительную информацию, которую Вы хотите выводить перед или после блока данных на любой странице.

10. Добавление нового помета.
Система управления питомником кошек - добавление помета
Автоматически присваивается следующая буква за последним внесенным. В поле заводчик есть выбор между заводчиком и совладельцами (если они есть). Отец и мать выбираются из внесенных в систему. Можно начать набирать имя и тогда система подскажет его и можно будет выбрать родителя из выпадающего списка. Для внесения котенка в систему, достаточно написать имя, пол и окрас. После добавления всех котят надо нажать "Сохранить" и на странице "Пометы" появится новый помет. Теперь можно зайти на страницу этого помета и, переходя на персональные страницы котят, добавить им фотографии и описания. Когда всё готово, можно опубликовать этот помет, и он появится на сайте.
Система управления питомником кошек - страница помета
С пометом можно совершать такие операции, как: посмотреть помет на сайте, найти котят (перенаправление на окно "Животные" с включенным фильтром для этого помета), создать новость о новом помете, снять с публикации, редактировать и удалить.
С каждым котенком тоже можно совершать операции. Поменять статус (на сайте сразу же поменяется статус), снять с публикации отдельного котенка, редактировать и удалить.

11. Работа с фотографиями организована следующим образом.
Система управления питомником кошек - добавление фото
Через "Обзор" выбираются фотографии (максимум 20 штук). Можно указать возраст животного или дату съемки, чтобы система посчитала возраст автоматически. Можно добавить описание фотографии на всех языках сайта.
Система управления питомником кошек - размер фото нужно исправить
Теперь из любой фотографии можно сделать "главное фото" или "аватар" для животного. Для этого в системе есть специальный редактор. Получившееся фото будет отображаться на сайте везде, где есть информация о данном животном.
Если загруженная фотография больше установленного размера, то появляется желтый треугольник предупреждения. Такую фотографию до публикации на сайте надо сначала уменьшить по размеру.
Система управления питомником кошек - редактирование фото
В системе есть редактор фотографий, в котором можно установить необходимый размер фотографии, вырезать какую то часть фотографии, вставить логотип в любую точку фотографии, инвертировать логотип (из черного в белый), сделать полупрозрачным, добавить надпись любого цвета и размера в любую точку фотографии (по умолчанию предлагается имя котенка).

12. Просмотр родословной.
Система управления питомником кошек - родословная животного
В административной части сайта можно посмотреть 3, 4, 5-ти коленные родословные животных, с фотографиями и без. А также одним нажатием заполнить питомниковую родословную (если есть ее макет) и сохранить ее в PDF, чтобы выслать электронной почтой, распечатать для владельцев или напечатать на домашнем принтере. Родословные в административной части формируются с номерами, если Вы вносили их, конечно.

 

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

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

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

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

Галарея специализированных сайтов для питомников кошек