ООО «Надзор-Инфо»
УТВЕРЖДАЮ
Генеральный директор ООО «Надзор-Инфо»
(должность руководителя, наименование фирмы-заказчика)
______________________ Алексеев Д. С.
(подпись) (фамилия и инициалы)
м.п.
« » 2008
УТВЕРЖДАЮ
Менеджер интернет-проектов ООО «Надзор-Инфо»
(должность руководителя, наименование фирмы-заказчика)
______________________ Ахачева О. С.
(подпись) (фамилия и инициалы)
м.п.
« » 2008
Flash Player для www.nadzor-info.ru
ТЕХНИЧЕСКОЕ ЗАДАНИЕ
На ____ листах
СОГЛАСОВАНО
(должность руководителя, наименование фирмы-заказчика)
______________________
(подпись) (фамилия и инициалы)
м.п.
« » 2008
2
Оглавление
1. Общие сведения ................................................................................................................................... 3
2. Назначение и цели создания .............................................................................................................. 3
3. Характеристики объекта и требования к продукту ........................................................................ 4
3.1. Изменение размеров Flash Player-а ......................................................................................... 4
3.2. Первый кадр-заставка ............................................................................................................... 4
3.3. Добавление заголовка ............................................................................................................... 4
3.4. Число просмотров ...................................................................................................................... 4
4. Состав и содержание работ по созданию Flash Player ................................................................... 5
4.1. Исходное оформление плеера ................................................................................................. 5
4.2. Наведение курсора на видеоплеер .......................................................................................... 6
4.3. Просмотр видеозаписи.............................................................................................................. 7
4.4. Наведение курсора при просмотре видео .............................................................................. 8
4.5. Фильм на паузе........................................................................................................................... 9
4.6. Элементы управления звуком.................................................................................................. 9
4.7. Взаимосвязь с базой данных .................................................................................................. 10
5. Приложение ........................................................................................................................................ 11
3
1. ОБЩИЕ СВЕДЕНИЯ
полное наименование системы и ее условное обозначение: Flash Player для www.nadzor-
info.ru
наименование предприятия заказчика: ООО «Надзор-Инфо»
плановые сроки начала и окончания работы: 15-30.11.2008
сведения о порядке финансирования работ: договорная оплата
порядок оформления и предъявления заказчику результатов работ: результатом работы
является готовый продукт Flash Player формата .fla, библиотеки для связи с базой (с php и
др) и подробное ТЗ по установке плеера на сайт.
2. НАЗНАЧЕНИЕ И ЦЕЛИ СОЗДАНИЯ
Интернет-ресурс «Сообщество экспертов России» www.nadzor-info.ru является
информационным партнером многих крупных промышленных выставок. Один из способов
освещения выставки – интервьюирование компаний-участников. Видеофайлы с интервью
выкладываются на сайт в обзор выставки. Цель: разработать Flash Player для просмотра
видеороликов.
Рис. 2. Пример страницы с видеоплеером
4
3. ХАРАКТЕРИСТИКИ ОБЪЕКТА И ТРЕБОВАНИЯ К ПРОДУКТУ
3.1. Изменение размеров Flash Player-а
При загрузке видео на сайт автоматически должен подбираться Flash Player в
зависимости от соотношения ширина/высота:
соотношение 4/3 – размер плеера 512х384
соотношение 16/9 – размер плеера 624х352.
3.2. Первый кадр-заставка
Первый кадр видеофайла должен быть отдельной картинкой формата .jpg, которая в
будет использоваться как иконка видео («превьюшка»). Размер «превьюшки»: высота
100px, ширина – по пропорции.
3.3. Добавление заголовка
У каждой видеозаписи есть свой заголовок, который добавляется в поле ввода при
загрузке видео и хранится в базе данных.
3.4. Число просмотров
У каждой видеозаписи есть количество просмотров, которое выводится на самом
плеере.
5
4. СОСТАВ И СОДЕРЖАНИЕ РАБОТ ПО СОЗДАНИЮ FLASH PLAYER
У разрабатываемого Flash Player-а несколько интерфейсов:
4.1. Исходное оформление плеера
Исходное оформление плеера при загрузке интернет-страницы с видео включает в себя
элементы:
a. Первый кадр видеофайла
b. Кнопка Play
c. Логотип Надзор-инфо
d. Заголовок/описание видео
e. Количество просмотров (то число раз, которое было нажата кнопка Play)
Рис. 4.1. Внешний вид видеоплеера перед началом просмотра
6
4.2. Наведение курсора на видеоплеер
При наведение курсора мышки на видеоплеер показаны следующие элементы:
a. Первый кадр видеофайла
b. Логотип Надзор-инфо
c. Заголовок/описание видео
d. Количество просмотров (то число раз, которое было нажата кнопка Play)
e. Плавно, но быстро выезжающая верхняя полупрозрачная полоса с управляющей
информацией. На этой управляющей полосе — две ссылки: «Ссылка» и «Код
ролика». При нажатии на первую из них текст «Ссылка» пропадает. Вместо него
появляется неподчеркнутая фраза «Ссылка скопирована». При этом в буфер
обмена копируется прямая ссылка на страницу сайта с этим видео. Фраза
«Ссылка скопирована» показывается 3 секунды, потом она пропадает, и на ее
месте снова появляется подчеркнутое слово «Ссылка». То же самое и с текстом
«Код ролика»: при нажатии на текст «Код ролика» этот текст пропадает и на его
месте на 3 секунды появляется неподчеркнутая фраза «Код ролика скопирован».
Через 3 секунды все возвращается в исходное состояние.
Рис. 4.2. Внешний вид видеоплеера перед началом просмотра при наведении курсора
Когда курсор убран с видео, плеер возвращается в исходное оформление (см. 4.1.)
7
4.3. Просмотр видеозаписи
Если видео находится в режиме просмотра, никакие навигационные элементы кроме логотипа
не показываются. Здесь мы видим:
a. Логотип Надзор-инфо
b. Сам фильм
Рис. 4.3. Пример видеоплеера в режиме просмотра
8
4.4. Наведение курсора при просмотре видео
При наведении курсора на Flash Player в режиме просмотра видео плавно, но быстро
выезжают верхние и нижние полупрозрачные полосы с управляющей информацией . Таким
образом видны:
a. Логотип Надзор-инфо
b. На верхней управляющей полосе — две ссылки: «Ссылка» и «Код ролика».
c. На нижней управляющей полосе — стандартная навигация по управлению
просмотром: кнопки пауза/плей, полоса прокрутки видео и звука, время от
начала просмотра/общее время ролика.
Рис. 4.4. Пример видеоплеера на этапе просмотра видео при наведении курсора мышкой
9
4.5. Фильм на паузе
При нажатии на паузу в плеере отображаются:
a. Логотип Надзор-инфо
b. Кнопка «Pause» заменяется кнопкой «Play»
Рис. 4.5. Фильм на паузе
Когда курсор убран, нижняя полупрозрачная полоса плавно уезжает, и плеер возвращается в
оформление без управляющей информации (см. 4.3.)
4.6. Элементы управления звуком
Громкость просмотра регулируется полосой прокрутки звука. Внешний вид элементов
управления звуком представлен на рис. 4.6.
Рис. 4.6. Элементы управления звуком
10
4.7. Взаимосвязь с базой данных
Разрабатывая Flash Player, нужно учитывать необходимость взаимодействия с базой данных,
где должно храниться число просмотров каждого видео, а идентификационный номер
видеофайла из БД используется для передачи во flash прямой ссылки на видео (см. описание
верхней управляющей полосы п. 4.2).
Все подробности о составе таблиц и полей баз данных обсуждаются по мере необходимости
непосредственно с управляющим БД Надзор-Инфо.
11
5. ПРИЛОЖЕНИЕ
Приложение. Таблица согласования
ТЗ на Flash Player
СОСТАВИЛИ
Наименование Должность Фамилия имя,
Подпись Дата
организации исполнителя отчество
ООО «Надзор-Инфо» Генеральный Алексеев Дмитрий
директор Станиславович
ООО «Надзор-Инфо» Менеджер Ахачева Ольга
интернет-проектов Сергеевна
СОГЛАСОВАНО
Наименование Должность Фамилия имя,
Подпись Дата
организации исполнителя отчество