Пашинцев Иван, С-55 презентация

Содержание

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

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

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

На основе созданного дизайна

сверстать веб-интерфейс СОВА

Написать руководство по верстке под фреймворк Symfony


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

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


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

Слайд 5Архитектура MVC
MVC – Model-View-Controller


Controller (Поведение)
View (Представление)
Model
(Модель)

Слайд 6Дизайн
Все страницы выполнены по одной структуре:
Header-Sidebar-Content-Footer
Sidebar
Header
Footer
Content

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

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

Слайд 9Главная страница
Содержание:

Новости
Последние добавление видео
Последние добавления событий (в разработке)

http://sova.auditory.ru/video/

Слайд 10Видеокаталог
Каталог видео
Редактирование информации о видеофайле
Групповое редактирование
Просмотр информации о видеофайле

Неавторизованные
пользователи
Авторизованные
пользователи
Авторизованные


пользователи

http://sova.auditory.ru/video/all

Слайд 11События
Список событий
Редактирование, удаление и создание событий
Просмотр информации о видеофайле

Неавторизованные
пользователи
Авторизованные
пользователи
http://sova.auditory.ru/event

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

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

Symfony

Слайд 14Итоги
Sova.auditory.ru

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

Слайд 16Глава 1. Layout и Templates
Рассматривает работу с шаблонами.

Layout – главный

шаблон (подложка)




2. Templates – шаблоны, содержащие основной контент


Слайд 17Глава 2. Помощники
Рассматривает работу с помощниками в Symfony


Помощники - это

PHP-функции, возвращающие HTML-код и использующиеся в шаблонах.

Слайд 18Глава 3. Фрагменты кода.
Для облегчения написания кода в Symfony существуют 3

вида фрагментов:

1. Partials – обособленные фрагменты
2. Slots - слоты
3. Components - компоненты

Слайд 19Глава 4. Конфигурация представления
Под представлением понимается слой view в Symfony.

Благодаря гибким

настройкам мы можем подключать css, javaScript и мета-теги силами Symfony.

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

уровне представления через шаблоны.

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

Похожие презентации

Фото- 1324
Государственный Исторический музей 557
Муниципальное дошкольное образовательное учреждение Детский сад общеразвивающего вида с приоритетным осуществлением физкультурно - оздоровительного развития воспитанников №24 Искорки 231
дизайн 819
Фото- 744
СМЕШАРИКИ 415

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика