Веб 2.0 сайт для поддержки виртуального мира Студент: Наумов Василий, ПС-52 Научный руководитель: Танаков Андрей Игоревич

Взаимодействие сайта с виртуальным миром

Анализ сайтов-аналогов Требования к аналогичному проекту: Регистрация и авторизация Загрузка/просмотр контента Основная ед. контента (ОЕК) - занятие Возможность комментирования ОЕК Возможность рейтингования ОЕК Постоянный код для вставки плеера при наличие видео на сайте Поиск по словам и тегам Информация по обучению пользователя

Анализ сайтов-аналогов Особенности анализа: Оценка использования веб-технологий Оценка клиентской части приложения Оценка составляющих Веб 2.0.

Сравнение php-фреймворков Критерии: Быстродействие Понятность архитектуры Гибкость Гибкость ACL Защищенность Подробность документации

Сравнение php-фреймворков Сравнение производительности

Сравнение php-фреймворков Yii Framework Самый производительный из рассматривавшихся Понятная архитектура Очень гибкий Хорошая документация Дает все необходимые средства для защиты сайта Написан под чистый php 5 версии, что не накладывает больших ограничений в его использовании

Техническое задание Общие требования: Широкие возможности навигации и поиска по записям Возможность просмотра превью записей Возможность оценки записей Возможность комментирования записей Возможность загрузки клиента vAcademia Возможность назначения сеансов Построение облака тегов Расширенные требования: Использование Ajax Использование распределенной загрузки страниц Гибкая система тегирования Интерактивные элементы интерфейса, анимации

Модель MVC на сайте

Структура базы данных

Проверка данных форм Где проходит: Полная валидация на стороне сервера Полное дублирование валидации на стороне клиента Особенности валидации на клиенте: Lazy validation –До возникновения первой ошибки Eager validation –После первой ошибки Задействован Ajax

Проверка данных форм

Ajax-взаимодействия Проверка данных форм Редактирование тегов Распределенная загрузка страниц Выставление рейтинга Постраничный вывод с использованием Ajax

Ajax-взаимодействия Редактирование тегов Отправка на сервер только если были внесены изменения Отправка только измененных значений Возможность отменить изменения (резервное дублирование данных) Обновление сразу после внесения изменений

Ajax-взаимодействия 12 34

Распределенная загрузка страницы Существенное понижение времени ожидания пользователя Получение данных только при необходимости

Ajax-взаимодействия

Flash-превью записи Постоянный код для вставки плеера «Длинный хвост»

Реализация облака тегов

Алгоритмы кэширования данных На длительный срок При любом изменении кэш необходимо очищать Данные всегда актуальны На короткий срок Актуальность данных поддерживается в пределах интервала кэширования

Выводы Выполнены общие требования: Широкие возможности навигации и поиска по записям –Поиск по подстроке: название, автор, предмет –Точный поиск по тегу –Списки записей: Скоро, Сейчас, Последние Возможность просмотра превью записей –Реализовано флеш-превью –Картинка превью для записей в списке (малое превью) Возможность оценки записей Возможность комментирования записей Возможность загрузки клиента vAcademia Возможность назначения сеансов –Возможность приглашения пользователей сайта и незарегистрированных пользователей через Построение облака тегов –15 самых популярных тегов, выделяемых размером шрифта

Выводы Выполнены расширенные требования: Использование Ajax Использование распределенной загрузки страниц Гибкая система тегирования –Полностью унифицированные сущности «тип_тега» и «тип_объекта» Интерактивные элементы интерфейса, анимации –jQuery