- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Дизайн и Верстка Системы Организации Видео Архива (СОВА) презентация
Содержание
- 1. Дизайн и Верстка Системы Организации Видео Архива (СОВА)
- 2. Постановка задачи Создать дизайн для Системы Организации
- 3. Система Организации Видео Архива СОВА – рабочий
- 4. Symfony Symfony – фреймворк, написанный на PHP и использующий архитектуру MVC
- 5. Архитектура MVC MVC – Model-View-Controller Controller (Поведение) View (Представление) Model (Модель)
- 6. Дизайн Все страницы выполнены по одной структуре:
- 7. Дизайн Единый для всех страниц шаблон:
- 8. Система Организации Видео Архива Веб-интерфейс СОВА Видеокаталог События Главная страница Поиск
- 9. Главная страница Содержание: Новости Последние добавление видео Последние добавления событий (в разработке) http://sova.auditory.ru/video/
- 10. Видеокаталог Каталог видео Редактирование информации о видеофайле
- 11. События Список событий Редактирование, удаление и создание
- 12. Поиск Отображает найденные по запросу файлы
- 13. Верстка Для верстки была применена блочная верстка Верстка делалась с учетом особенностей фреймворка Symfony
- 14. Итоги Sova.auditory.ru
- 15. Руководство по верстке для Symfony Содержит 5
- 16. Глава 1. Layout и Templates Рассматривает работу
- 17. Глава 2. Помощники Рассматривает работу с помощниками
- 18. Глава 3. Фрагменты кода. Для облегчения написания
- 19. Глава 4. Конфигурация представления Под представлением понимается
- 20. Глава 5. Формы Symfony позволяет полностью изменять
- 21. Ваши вопросы? Спасибо за внимание
Постановка задачи Создать дизайн для Системы Организации Видео Архива На основе созданного дизайна сверстать веб-интерфейс СОВА Написать руководство по верстке под фреймворк Symfony
Слайд 2Постановка задачи
Создать дизайн для Системы Организации Видео Архива
На основе созданного дизайна
сверстать веб-интерфейс СОВА
Написать руководство по верстке под фреймворк Symfony
Написать руководство по верстке под фреймворк Symfony
Слайд 3Система Организации Видео Архива
СОВА – рабочий инструмент, предназначенный для редактирования информации
о видео и связанных событиях.
СОВА подразумевает ограниченный доступ для неавторизованных пользователей – им доступен лишь просмотр информации о видео и событиях.
Веб-интерфейс системы написан под фреймворк Symfony
СОВА подразумевает ограниченный доступ для неавторизованных пользователей – им доступен лишь просмотр информации о видео и событиях.
Веб-интерфейс системы написан под фреймворк Symfony
Слайд 5Архитектура MVC
MVC – Model-View-Controller
Controller (Поведение)
View (Представление)
Model
(Модель)
Слайд 6Дизайн
Все страницы выполнены по одной структуре:
Header-Sidebar-Content-Footer
Sidebar
Header
Footer
Content
Меню
Логотип
Поиск
Авторизация
Статистика архива
Дополнительные меню
Счетчики
Ссылки на трекер
Основной
контент
Слайд 9Главная страница
Содержание:
Новости
Последние добавление видео
Последние добавления событий (в разработке)
http://sova.auditory.ru/video/
Слайд 10Видеокаталог
Каталог видео
Редактирование информации о видеофайле
Групповое редактирование
Просмотр информации о видеофайле
Неавторизованные
пользователи
Авторизованные
пользователи
Авторизованные
пользователи
http://sova.auditory.ru/video/all
Слайд 11События
Список событий
Редактирование, удаление и создание событий
Просмотр информации о видеофайле
Неавторизованные
пользователи
Авторизованные
пользователи
http://sova.auditory.ru/event
Слайд 13Верстка
Для верстки была применена блочная верстка
Верстка делалась с учетом особенностей фреймворка
Symfony
Слайд 15Руководство по верстке для Symfony
Содержит 5 глав:
1.Layout и Templates
2.Помощники
3.Фрагменты кода
4.Конфигурация представления
5.Формы
Слайд 16Глава 1. Layout и Templates
Рассматривает работу с шаблонами.
Layout – главный
шаблон (подложка)
2. Templates – шаблоны, содержащие основной контент
2. Templates – шаблоны, содержащие основной контент
Слайд 17Глава 2. Помощники
Рассматривает работу с помощниками в Symfony
Помощники - это
PHP-функции, возвращающие HTML-код и использующиеся в шаблонах.
Слайд 18Глава 3. Фрагменты кода.
Для облегчения написания кода в Symfony существуют 3
вида фрагментов:
1. Partials – обособленные фрагменты
2. Slots - слоты
3. Components - компоненты
1. Partials – обособленные фрагменты
2. Slots - слоты
3. Components - компоненты
Слайд 19Глава 4. Конфигурация представления
Под представлением понимается слой view в Symfony.
Благодаря гибким
настройкам мы можем подключать css, javaScript и мета-теги силами Symfony.
Слайд 20Глава 5. Формы
Symfony позволяет полностью изменять формы, работая с ними на
уровне представления через шаблоны.
