Flash портал top4top.ru: структура, проблемы, решения

Содержание

Слайд 2

top4top.ru клиент-серверное решение структура (mvc) http request, xml response структура flash-клиента

top4top.ru
клиент-серверное решение
структура (mvc)
http request, xml response
структура flash-клиента
объекты данных и представления
медиа-ресурсы
модули
рейтинги
аккаунт пользователя
чат

содержание

монолога
Слайд 3

top4top.ru PR-концепция: «Портал для умных» контент состоит из статей на любые

top4top.ru

PR-концепция: «Портал для умных»
контент состоит из статей на любые темы (новости,

Мудрость Мира, и т.п.)
статьи пишет редакция и зарегистрированные пользователи
к статье можно добавлять медиа-ресурсы: картинки, видео, ссылки
можно оставлять комментарии
можно голосовать за статью (только положительно)
для зарегистрированных пользователей реализована социальная сеть
блог
фото, видео, обмен файлами
«дружба» с другими пользователями (лента, страница друзей)
«вселенная» - набор персональных статей пользователя
для быстрой коммуникации реализован чат
2 клиента: flash и html
Слайд 4

server client (flash, html) model controller view клиент-серверное решение http POST

server

client
(flash, html)

model

controller

view

клиент-серверное решение

http POST
request

XML
response

для flash и html клиентов

используем одни и те же данные
проблемы синхронизации модели и представления
Слайд 5

клиент-серверное решение http POST request каждой странице соответствует уникальный адрес (типа

клиент-серверное решение http POST request

каждой странице соответствует уникальный адрес (типа http://www.top4top.ru/xml/rating/Obshestvo/info/1276)
дополнительные

параметры: sessionId, порядок сортировок, номер текущей страницы и т.п.
навигационная история реализована через SWFAddress
Слайд 6

…… ….. ……. … … клиент-серверное решение XML response




……




…..


…….
< componet id=“day_man” changed=“false”>…

< componet id=“rates_chooser”>…



клиент-серверное решение XML response

Слайд 7

+ id:String + xml:XML + update (XML) + UPDATE структура flash-клиента

+ id:String
+ xml:XML
+ update (XML)
+ UPDATE

структура flash-клиента объекты данных и представления

controller

view1

Adapter1

xml

event

Adapter

– представление серверного ОД (объекта модели данных) на клиенте
параметризуется XML
инкапсулируют логику разбора XML для данного объекта
соответствуют ОД модели (проверяется по “id”)
каждому объекту представления (ОП) соотв. свой Адаптер
ОП обновляется только в случае несоответствия старого и нового XML в Адаптере ОП-я
древовидная структура Адаптеров
Слайд 8

структура flash-клиента объекты данных и представления controller xmllist + update (XMLList,

структура flash-клиента объекты данных и представления

controller

xmllist

+ update (XMLList, AdapterClass)
+ ADD
+ REMOVE
+

UPDATE

view list 1

AdapterSet1

event

AdapterSet – коллекция адаптеров одного типа, транслирующая события изменения списка адаптеров (при апдейте)
как правило, является полем Адаптера
индексирует адаптеры по “id” и по индексу
позволяет дисплейЛисту не пересоздавать все ОП при апдейте данных

Слайд 9

структура flash-клиента медиа-ресурсы Типы: картинка или swf, видео, аудио, файл на

структура flash-клиента медиа-ресурсы

Типы: картинка или swf, видео, аудио, файл
на клиенте:
копируются перетаскиванием

на область применения (на юзераккаунт, на поле ввода…)
общая функциональность (в контекстном меню) : открыть/проиграть, сохранить на диск, скопировать путь
возможность расширения (рейтинг, комментарии, …)
на сервере:
индексируются по “id”
при копировании сохраняется ссылка