Дизайн и Верстка Системы Организации Видео Архива (СОВА)

Постановка задачи
Создать дизайн для Системы Организации Видео Архива
На основе созданного дизайна сверстать веб-интерфейс СОВА
Написать руководство по верстке под фреймворк Symfony

Система Организации Видео Архива
СОВА – рабочий инструмент, предназначенный для редактирования информации о видео и связанных событиях.
СОВА подразумевает ограниченный доступ для неавторизованных пользователей – им доступен лишь просмотр информации о видео и событиях.
Веб-интерфейс системы написан под фреймворк Symfony

Symfony
Symfony – фреймворк, написанный на PHP и использующий архитектуру MVC

Архитектура MVC
MVC – Model-View-Controller
Controller (Поведение)
View (Представление)
Model
(Модель)

Дизайн
Все страницы выполнены по одной структуре:
Header-Sidebar-Content-Footer
Sidebar
Header
Footer
Content
Меню
Логотип
Поиск
Авторизация
Статистика архива
Дополнительные меню
Счетчики
Ссылки на трекер
Основной контент

Дизайн
Единый для всех страниц шаблон:

Система Организации Видео Архива
Веб-интерфейс
СОВА
Видеокаталог
События
Главная страница
Поиск

Главная страница
Содержание:
Новости
Последние добавление видео
Последние добавления событий (в разработке)
http://sova.auditory.ru/video/

Видеокаталог
Каталог видео
Редактирование информации о видеофайле
Групповое редактирование
Просмотр информации о видеофайле
Неавторизованные
пользователи
Авторизованные
пользователи
Авторизованные
пользователи
http://sova.auditory.ru/video/all

События
Список событий
Редактирование, удаление и создание событий
Просмотр информации о видеофайле
Неавторизованные
пользователи
Авторизованные
пользователи
http://sova.auditory.ru/event

Поиск
Отображает найденные по запросу файлы

Верстка
Для верстки была применена блочная верстка
Верстка делалась с учетом особенностей фреймворка Symfony

Итоги
Sova.auditory.ru

Руководство по верстке для Symfony
Содержит 5 глав:
1.Layout и Templates
2.Помощники
3.Фрагменты кода
4.Конфигурация представления
5.Формы

Глава 1. Layout и Templates
Рассматривает работу с шаблонами.
Layout – главный шаблон (подложка)
2. Templates – шаблоны, содержащие основной контент

Глава 2. Помощники
Рассматривает работу с помощниками в Symfony
Помощники - это PHP-функции, возвращающие HTML-код и использующиеся в шаблонах.

Глава 3. Фрагменты кода.
Для облегчения написания кода в Symfony существуют 3 вида фрагментов:
1. Partials – обособленные фрагменты
2. Slots - слоты
3. Components - компоненты

Глава 4. Конфигурация представления
Под представлением понимается слой view в Symfony.
Благодаря гибким настройкам мы можем подключать css, javaScript и мета-теги силами Symfony.

Глава 5. Формы
Symfony позволяет полностью изменять формы, работая с ними на уровне представления через шаблоны.