'

Пашинцев Иван, С-55

Понравилась презентация – покажи это...





Слайд 0

Дизайн и Верстка Системы Организации Видео Архива (СОВА) МИЭМ, 16.12.08 Пашинцев Иван, С-55


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

14 Итоги Sova.auditory.ru


Слайд 14

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


Слайд 15

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


Слайд 16

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


Слайд 17

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


Слайд 18

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


Слайд 19

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


Слайд 20

21 Ваши вопросы? Спасибо за внимание


×

HTML:





Ссылка: