Опыт

Сайт с каталогом для компании «Многотиражка»

О проекте

  • Ярославское областное отделение ВООПИиК выиграло президентский грант размером 8.67 миллионов рублей на оцифровку миллиона страниц советской периодической печати, выходившей на территории Ярославского края.
  • Реализация проекта «Многотиражка» позволит сделать периодические издания, связанные с историей Ярославского края, легко доступными для широкого круга лиц. Поиск, не требующий выматывающего постраничного просмотра тысяч газетных листов, перевернет представление современного человека о методах работы с историческими источниками XX века и с подвигнет к более глубокому изучению истории малой Родины.
  • В достижении цели участвуют волонтеры.
  • Сканер стоимостью порядка 4 миллионов рублей помогает в работе.
  • Для обработки PDF-изображений на сайте используются poppler-utils.

Цель проекта

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

Договор

  • В декабре 2018 года был заключен Договор на разработку проекта сайта.
  • В феврале 2019 года был заключен Договор на оказание услуг по разработке программного обеспечения.
  • В июне 2019 года был заключен Договор на оказание услуг по технической поддержке сайта.

Консультирование и планирование

Анализ конкурентов

На основе поисковой выдачи по наиболее популярным запросам и из предоставленных Заказчиком пожеланий были отобраны основные конкуренты:

 

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

Техническое задание

На основе пожеланий Заказчика и прототипа разработано техническое задание проекта — документ в формате DOCX, описывающий все последующие этапы проекта и их содержание:

  • Этап 1. Разработка интерфейса веб-ресурса
    • Этап 1.1. Разработка карты сайта
    • Этап 1.2. Разработка прототипа
    • Этап 1.3. Составление эскиза
    • Этап 1.4. Разработка стилевого макета главной страницы сайта

Результаты

Итог этапа: Разработана карта сайта, составлен эскиз будущего дизайна, и разработан стилевой макет главной страницы сайта.

  • Этап 2. Подготовка площадки для размещения веб-ресурса
    • Этап 2.1. Единый логин и пароль
    • Этап 2.2. Сервер для размещения веб-ресурса
    • Этап 2.3. Используемые технологии
    • Этап 2.4. Система управления информацией
    • Этап 2.5. Доменные имена
    • Этап 2.6. Безопасность
    • Этап 2.7. Производительность

Результаты

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

  • Этап 3. Наполнение веб-ресурса
    • Этап 3.1. Предоставление материалов
    • Этап 3.2. Публикация текстовых материалов
    • Этап 3.3. Оптимизация с учетом требований поисковых систем
    • Этап 3.4. Объёмы информации
    • Этап 3.5. Многоязычность

Результаты

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

  • Этап 4. Кодирование статических шаблонов веб-ресурса

Результаты

Итог этапа: Созданы стилевые макеты всех типовых страниц сайта.

Результаты

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

Результаты

Итог этапа: Выполнена интеграция веб-ресурса с внешними системами.

  • Этап 7. Тестирование

Результаты

Итог этапа: Выполнена тестирование веб-ресурса и исправление найденных ошибок.

Проектирование

Карта сайта

На основе пожеланий Заказчика и анализа конкурентов составлена структура сайта.

 

Прототип

В составе прототипа — более 40 страниц.

Главная страница

Главная страница

Страница изданий

Страница изданий

Страница размещения издания волонтером

Страница размещения издания волонтером

Личный кабинет

Личный кабинет

Страница поиска

Страница поиска

Дизайн

Эскизы

На основе фирменного стиля и результатов анкетирования клиента разработаны эскизы проекта. При дизайне учитывались современные тренды веб-дизайна.

1 итерация

Эскиз 1

2 итерация

Эскиз 2

3 итерация

Эскиз 2

4 итерация (согласована)

Эскиз 2

Макеты

На основе эскизов и прототипа разработаны макеты проекта. Разработана и согласована главная страница в графическом формате. Затем были разработаны все типовые страницы в верстке чистового качества.

1 итерация

Макет 1 итерация

2 итерация

Макет 2 итерация

3 итерация

Макет 3 итерация

4 итерация (согласована)

Макет 4 итерация

Страница изданий в вёрстке

Страница изданий в вёрстке

Страница размещения издания волонтером в вёрстке

Страница размещения издания волонтером в вёрстке

Личный кабинет в вёрстке

Личный кабинет в вёрстке

Страница поиска в вёрстке

Страница поиска в вёрстке

Платформа

  • Сервер — выделенный физический сервер, арендованный Заказчиком в дата-центре, настроен Cetera в рамках проекта.
  • Операционная система — Linux Debian
  • Веб-серверы: Apache, nginx
  • База данных — MySQL
  • Языки программирования: PHP, JavaScript
  • Система управления: Fastsite CMS

Разработка

Верстка выполнена на framework Foundation 6.0. Обеспечена адаптивная вёрстка. Код прошёл тестирование на соответствие стандартам W3C.

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

Контроль качества проводился автоматическими системами. Обеспечено соответствие стандартам PSR для PHP. Пройдены все встроенные тесты (безопасность, производительность, неизменность ядра и т.д.) системы управления контентом.

Реализованы следующие этапы:

  • Этап 1. Разработка интерфейса веб-ресурса
    • Этап 1.1. Разработка карты сайта
    • Этап 1.2. Разработка прототипа
    • Этап 1.3. Составление эскиза
    • Этап 1.4. Разработка стилевого макета главной страницы сайта
  • Этап 2. Подготовка площадки для размещения веб-ресурса
    • Этап 2.1. Единый логин и пароль
    • Этап 2.2. Сервер для размещения веб-ресурса
    • Этап 2.3. Используемые технологии
    • Этап 2.4. Система управления информацией
    • Этап 2.5. Доменные имена
    • Этап 2.6. Безопасность
    • Этап 2.7. Производительность
  • Этап 3. Наполнение веб-ресурса
    • Этап 3.1. Предоставление материалов
    • Этап 3.2. Публикация текстовых материалов
    • Этап 3.3. Оптимизация с учетом требований поисковых систем
    • Этап 3.4. Объёмы информации
  • Этап 4. Кодирование статических шаблонов веб-ресурса
  • Этап 5. Программирование функциональностей в составе веб-ресурса
    • Этап 5.1 Структура и навигация
    • Этап 5.2 Материалы
    • Этап 5.3 Поиск
    • Этап 5.4 Каталог материалов
    • Этап 5.5 Карточка материала
    • Этап 5.6 Фильтры
    • Этап 5.7 Вход на сайт, регистрация, управление профилем пользователя, восстановление забытого пароля
    • Этап 5.8 Создание архива газеты на основе сканированных PDF

 

Данные этапы приняты Заказчиком.

  • Этап 3. Наполнение веб-ресурса
    • Этап 3.5. Многоязычность
  • Этап 5. Программирование функциональностей в составе веб-ресурса
    • Этап 5.9 Карта сайта
    • Этап 5.10 Формы
    • Этап 5.11 Оплата
    • Этап 5.12 Близкие или связанные материалы
    • Этап 5.13 Разработка премиум-подписки
    • Этап 5.14 Рейтинг
  • Этап 6. Интеграция сайта с внешними системами
    • Этап 6.1. Счётчики
    • Этап 6.2. Поисковые системы
    • Этап 6.3. Социальные сети
    • Этап 6.4. Оплата
  • Этап 7. Тестирование

Данные этапы переданы на приемку Заказчику.

В июне 2020 г. проект был остановлен.

Похожие кейсы

Сайт СМИ для «СолнцеТелеком»

Опыт

Сайт СМИ для «СолнцеТелеком»

Разработка и поддержка сайта СМИ для компании «СолнцеТелеком», г. Южно-Сахалинск.
Сайт и мобильное приложение для Imenno.ru

Опыт

Сайт и мобильное приложение для Imenno.ru

Стартап в области межрегиональной новостной интернет-журналистики, сайт на Wordpress и мобильное приложение.