ТЗ на создание сайт-форума бердвотчинг

Содержание

Оглавление
1. Описание проекта: .............................................................................................................................................. 2
2. Общие требования: ............................................................................................................................................. 2
3. Технологические требования:............................................................................................................................ 2
4. Функциональные требования: ........................................................................................................................... 2
1. Страница «Главная» ........................................................................................................................................ 3
2. Страница «Карта» ............................................................................................................................................ 3
3. Описание птицы .............................................................................................................................................. 4
4. Внутренняя страница (модалка) фото и видео ............................................................................................. 5
5. Внутренняя страница (модалка) аудио ......................................................................................................... 5
6. Страница «контакты» ...................................................................................................................................... 5
7. Страница «редкости» (по 10 блоков на странице) ....................................................................................... 5
8. Страница «описание редкости» ..................................................................................................................... 5
9. Страница «участники» .................................................................................................................................... 5
10. Страница «внутренняя страница участника» ............................................................................................ 6
11. Страница «неопределенности» ................................................................................................................. 6
12. Страница «внутренняя страница неопределенности» ............................................................................ 6
13. Страница «галерея» .................................................................................................................................... 7
14. Страница «фотогалерея» (по 24 блоков на странице) ............................................................................. 7
15. Страница «видеогалерея» (по 10 блоков на странице) ........................................................................... 7
16. Страница «аудиогалерея» (по 10 блоков на странице) ........................................................................... 7
17. Страница «новости» (по 20 блоков на странице) ..................................................................................... 7
18. Страница «дневники пользователей» (по 10 блоков на странице) ........................................................ 8
19. Страница «дневник» ................................................................................................................................... 8
20. Страница «добавления записи в дневник» .............................................................................................. 8
21. Страница «вход».......................................................................................................................................... 8
22. Страница «регистрация»............................................................................................................................. 9
23. Страница «аккаунт»..................................................................................................................................... 9
24. Страница «добавления наблюдения» ....................................................................................................... 9
25. Страница «добавления фото» .................................................................................................................. 10
26. Страница «добавления видео» ................................................................................................................ 10
27. Страница «добавления аудио» ................................................................................................................ 10
28. Страница «настройки» .............................................................................................................................. 10
29. Страница «о нас» ....................................................................................................................................... 11
1. Описание проекта:
Создание сайт-форума для сообщества бердвотчинга. Пользователи могут добавлять и
смотреть наблюдения, материалы (видео, аудио, фото, данные видов птиц), дневники, и
обмениваться информацией.

2. Общие требования:
 Разработка концепции сайта, информационное проектирование, оформление
Технического задания.
 Разработка структуры проекта, дизайн и разработка сайта.
 Программирование администраторской части для дальнейшего управления проектом
Заказчиком (дополнения/изменения/удаления контента, управление пользователями)
без привлечения других разработчиков.
 Тестирование.
 Подготовка, публикация проекта на сервере.

3. Технологические требования:
 Адаптивность на разные экраны.
 Корректное отображение браузерами Internet Explorer, Opera, Mozilla Firefox, Chrome.
(последние 3 версии).
 На любые некорректные действия посетителя, связанные с вводом неверных данных,
не заполнением обязательных полей ввода в формах и прочие, которые могут быть
обработаны системой, генерируются соответствующие сообщения об ошибках.

4. Функциональные требования:
 Регистрация через электронную почту. Возможность восстановления указав почту, если
забыл пароль.
 Статистика сайта (количество наблюдений, дневников, фотографий, видео, аудио,
процент сфотографированных видов птиц, и количество новых
добавленных/найденный видов (фотографии ранее не добавленных на сайт)) и
пользователей (количество загруженных наблюдений, фото, видео, аудио файлов, и
записи в дневниках).
 Проект должен быть на 3х языках (немецкий, русский, английский)
 Карта Киргизии. В карте отмечены точками количество наблюдений по каждой
геолокацией.
 Поделится в соц. сети (facebook) (страницы наблюдения, дневник)
 Добавления фото, видео, аудио материалов пользователями. После добавления
корректное отображения.
 Возможность пользователей комментировать и отвечать на комментарии.
 Автоматическое добавления в галерею (аудио, видео, фотоматериалов) в указанную
категорию вид птиц.
 Поиск по видам птиц, подвидам птиц, авторам (пользователям).
 Сортировка на странице изучить
 Администратор.
o Возможность внести изменения на контент проекта.
 o Возможность определения вида неопределенных птиц.
o Управление пользователями и пользовательскими данными сайта.
o Возможность изменения блоками топ-10, большой год, редкие.

1. Страница «Главная»
 Шапка сайта (хедер, повторяется на каждой странице):
o Логотип (при клике должен вывести на главную страницу)
o Поиск (поиск по названию, по контенту. Результаты поиска будут отображены
на специальной странице со списком).
o Ссылки на страницы:
 Список видов
 Туры
 Участники
 Новости
 О нас
 Галерея
 Контакты
o Личный кабинет
o Переключения языков (по клику открывается список языков)
 Тело (боди) страницы:
o Слайдер фотографии (картинка + текст, автопрокрутка 5 секунд).
o Блок о нас.
o Блок топ 10 (имена участников + фото профиля + краткая статистика) переход по
клику на внутреннюю страницу.
o Кнопка изучить (открывается страница «карта»).
o Партнеры (по 4 блока логотипов партнеров с ссылкой на их сайт).
o Блок новости (последние изменения на сайте).
 По 3 блока.
 фото + описание (с переходом на внутреннюю страницу).
 кнопка «читать все новости» (открывается страница новости).
 Нижняя часть страницы (футер, повторяется на каждой странице):
o Статистика сайта
 Общее количество фотографии, видео, аудио материалов, записей в
дневниках
 Количество сфотографированных видов птиц и процент, общее
количество видов птиц.
 Количество новых найденных видов.
o Контакты
 Адрес
 Номера
 Дополнительный текст (по желанию)

2. Страница «Карта»
 Хедер
 Боди
 o Список видов
o Сортировка (по выбору сортирует)
 Количество (больше, меньше)
 Регион (выбор определенных регионов)
 Видео (есть, нет)
 Аудио (есть, нет)
 Фото (есть, нет)
 По добавлению (новые, старые)
o Поиск видов
o Карта Киргизии (обозначены точками те места, где было сфотографировано
виды птиц, с количеством)
o Лучшие фото (слайдер, автопрокрутка 5 секунд)
 Названия
 Фотография
 Автор
o Неопределенные птицы (слайдер, автопрокрутка 5 секунд)
 Фотография
 Автор
 Кнопка посмотреть все (переходит на страницу «неопределенные
птицы»)
o Редкие птицы (слайдер, автопрокрутка 5 секунд)
 Названия
 Фотография
 Автор
 Кнопка посмотреть все (переходит на страницу «Редкие птицы»)
 Футер

3. Описание птицы
 Хедер
 Боди
o Слайдер (автопрокрутка 5 секунд)
 Названия птиц
 Фото
 Автор
o Описание
o Кнопки медиа файлы
 Фото (по клику открывается модалка/стр фото)
 Видео (по клику открывается модалка/стр видео)
 Аудио (по клику открывается модалка/стр аудио)
o Распространение
o Карта
o Биология
 Футер
4. Внутренняя страница (модалка) фото и видео
 Фотографии + автор + дата (также при видео, видео + автор + дата. При клике
воспроизводится)
 Снизу маленькие фотографии (по клику становятся большими)
 Стрелки (для переключения к следующему фотографию)

5. Внутренняя страница (модалка) аудио

 Список аудио файлов + автор + дата. (При клике воспроизводится)

6. Страница «контакты»
 Хедер
 Боди
o Адрес
o Телефоны и почта
o Обратная связь (форма обратной связи)
o Карта (на карте отображается адрес)
 Футер

7. Страница «редкости» (по 10 блоков на странице)

 Блоки (фото + название + краткое описание + автор + дата)
 По клику переход на внутреннюю страницу

8. Страница «описание редкости»

 Хедер
 Боди
o Слайдер (автопрокрутка 5 секунд)
 Названия птиц
 Фото
 Автор
o Описание
o Кнопки медиа файлы
 Фото (по клику открывается модалка/стр фото)
 Видео (по клику открывается модалка/стр видео)
 Аудио (по клику открывается модалка/стр аудио)
o Распространение
o Карта
o Биология
o Кнопка поделится
o Поле для комментария
o Последние комментарии
 Футер

9. Страница «участники»
 Хедер
 Боди
o Список участников (по 10 блоков на странице)
 Фото профиля
  Статус (в данный момент в наблюдении и.т.д.)
 Откуда (город, страна)
 Футер

10. Страница «внутренняя страница участника»

 Хедер
 Боди
o Фото профиля
o ФИО
o Статистика
 Количество добавленных видов
 Количество добавленных фото, видео, аудио материалов
 Количество записей в дневнике
o Статус (в данный момент в наблюдении и.т.д.)
o Откуда (город, страна)
o Карта (отмечены точками место наблюдений)
o Наблюдения список (по клику переходит на внутреннюю страницу наблюдений)
 Название
 Дата
 Карта маршрута (текстом)
o Последние загрузки, список (по клику переходит на внутреннюю страницу)
 Название
 Описание
 дата
 Футер

11. Страница «неопределенности»

 Блоки (фото + название + краткое описание + автор + дата)
 По клику переход на внутреннюю страницу

12. Страница «внутренняя страница неопределенности»

 Хедер
 Боди
o Слайдер (автопрокрутка 5 секунд)
 Фото
 Автор
o Описание
o Кнопки медиа файлы
 Фото (по клику открывается модалка/стр фото)
 Видео (по клику открывается модалка/стр видео)
 Аудио (по клику открывается модалка/стр аудио)
o Распространение
o Карта
o Кнопка поделится
o Поле для комментария
o Последние комментарии
  Футер

13. Страница «галерея»

 Хедер
 Боди
o Кнопки (по клику переходит на внутреннюю страницу)
 Фотогалерея
 Видеогалерея
 Аудиогалерея
 Футер

14. Страница «фотогалерея» (по 24 блоков на странице)

 Хедер
 Боди
o Блоки фотографии + название вида (по 4 блока, по клику переход на внутреннюю
страницу) открываются страницы Внутренняя страница (модалка) фото и видео
 Футер

15. Страница «видеогалерея» (по 10 блоков на странице)

 Хедер
 Боди
o Блоки видео + название + описание + дата + автор + место (по клику переход на
внутреннюю страницу) открываются страницы Внутренняя страница (модалка)
фото и видео
 Футер

16. Страница «аудиогалерея» (по 10 блоков на странице)

 Хедер
 Боди
o Блоки видов птиц
 аудио + название + дата + автор (по клику воспроизводится по одному)
 Футер

17. Страница «новости» (по 20 блоков на странице)

 Хедер
 Боди
o Заголовка
o Блоки новостей (по 3 блоков)
 Если новое наблюдение
 Фотография наблюдения
 Краткое описание наблюдения
 Если комментарии
 Главная фотография комментируемого вида птиц
 Краткое описание + последний комментарий
 Если новые добавленные медиафайлы
 Главная фотография птицы
 Краткое описание птицы
  Футер

18. Страница «дневники пользователей» (по 10 блоков на странице)

 Хедер
 Боди
o Сортировка
 По авторам
 По записям
o Блоки
 Названия дневника + автор
 Фото
 текст
 Футер

19. Страница «дневник»

 Хедер
 Боди
o ФИО
o Кнопка добавить запись в дневник (при нажатии открывается страница
«добавления записи в дневник»)
o Списки записей в дневнике (по клику раскрывается)
 Слайдер фотографии
 Описание (текст)
 Футер

20. Страница «добавления записи в дневник»

 Хедер
 Боди
o Поле ввода заголовки
o Поле для добавления описание
o Кнопка загрузки медиафайлов
 По клику открывается окно выбора медиафайлов. Можно выбрать сразу
несколько, но они должны быть однотипными.
o Кнопка добавить в дневник. (при успешном заполнении и нажатия на эту кнопку,
система добавляет данные в дневник пользователя.)
 Футер

21. Страница «вход»

 Хедер
 Боди
o Текст «Войти»
o Поле для ввода почты (с валидацией)
o Поле для ввода пароля
o Кнопка вход (при правильном заполнении пользователь входит в систему и
открывается страница «аккаунт»)
o Кнопка «забыли пароль?» (при клике открывается модалка для ввода почты. Если
пользователь укажет регистрированную почту, то на почту придет ссылка для
 изменения пароля. Если пользователь укажет неправильную почту, система
уведомит об этом)
o Текст «нет аккаунта?»
o Кнопка «зарегистрироваться» (при клике переходит на страницу регистрации)
 Футер

22. Страница «регистрация»

 Текст «регистрация»
 Поле для ввода ФИО
 Поле для ввода почты (с валидацией)
 Поле для ввода пароля (пароль должен состоят из букв и цифр, другие символы
запрещены, минимальная длина 8, максимальная 16)
 Поле для ввода подтверждение пароля (проверяет на сходства пароля)
 Чек бокс (пользовательское соглашения, если не пользователь не примет соглашение, то
он не может зарегистрироваться)
 Кнопка «регистрация» (если все поля правильно заполнены и другого пользователя с этой
почтой нет в базе, система регистрирует пользователя)

23. Страница «аккаунт»

 Хедер
 Боди
o ФИО
o Статистика пользователя
 Количество добавленных видов
 Количество добавленных фото, видео, аудио материалов
 Количество записей в дневнике
o Кнопка добавить (при клике выходит список: наблюдения, фото, видео, аудио,
запись в дневник. После выбора переходит на внутреннюю страницу добавления.
o Кнопка настройки (при клике переходит на страницу «настройки»)
o Карта (точками отмечены те места, где пользователь указал при добавлении
наблюдений и медиа файлов)
o Блок фотографий (слайдер, фотографии которые пользователь добавил)
o Блок видео (по 2 блока, видео которые пользователь добавил)
o Блок аудио (раскрывающие блоки)
o Блоки наблюдений (дата + описание, по клику переходит страницу наблюдений)
 Футер

24. Страница «добавления наблюдения»

 Хедер
 Боди
o Поле для ввода названия
o Поле для ввода даты
o Поле для текста (описание)
o Поле для ввода оборудования
o Карта маршрута (пользователь отмечает на карте те места где они будут или были)
o Список видов птиц (пользователь выбирает из списка птиц)
 o Кнопка добавить (при правильном заполнении всех полей система добавляет в
наблюдения)
 Футер

25. Страница «добавления фото»

 Хедер
 Боди
o Кнопка загрузка файлов (по клику открывается окно для выбора фотографий)
o Список видов (пользователь выбирает из списка)
o Дата (дата снимка)
o Карта (пользователь указывает, где зафиксировал)
o Поле для ввода оборудования
o Кнопка добавить (при правильном заполнении всех полей система добавляет в
наблюдения)
 Футер

26. Страница «добавления видео»

 Хедер
 Боди
o Поле для ввода ссылки на ютуб
o Список видов (пользователь выбирает из списка)
o Дата (дата снимка)
o Карта (пользователь указывает, где зафиксировал)
o Поле для ввода оборудования
o Кнопка добавить (при правильном заполнении всех полей система добавляет в
наблюдения)
 Футер

27. Страница «добавления аудио»

 Хедер
 Боди
o Кнопка загрузка файлов (по клику открывается окно для выбора аудиофайлов)
o Список видов (пользователь выбирает из списка)
o Дата (дата снимка)
o Карта (пользователь указывает, где зафиксировал)
o Поле для ввода оборудования
o Кнопка добавить (при правильном заполнении всех полей система добавляет в
наблюдения)
 Футер

28. Страница «настройки»

 Хедер
 Боди
o Кнопка для добавления/изменения фотографий профиля
o Имя
o Фамилия
o Почта
 o Номер телефона
o Изменить пароль (если пользователь хочет поменять пароль, то пользователь
должен сперва написать старый пароль, потом новый пароль. Если старый пароль
правильный и новый пароль тоже соответствует по параметрам пароля, пароль
успешно меняется)
o Подтвердить пароль
o Кнопка сохранить (сохраняет измененные данные пользователя)
 Футер

29. Страница «о нас»

 Хедер
 Боди
o Баннер + заголовок
o Инструкция (текст)
o Цель (текст)
o Команда (блоки по 5)
 Фотографии + ФИО + должность
 Футер