Uafpug 8 Presentation Puremvc Papervision Gallery Kuriksha Dmitry

1. Введение2. Немного теории

a. Концептуальная диаграммаb. Суть фреймворкаc. Как это работает

3. Пример: IT Developers v14. Actionscript 3 [Multicore version]

a. Pipes Utilb. Пример : IT Developers v2c. Ньюансы

5. Немного о недостатках6. Выводы

Меню:

open-source фреймворк для создания приложенийбазирующихся на мета-паттерне MVC – Model, View,Controller

PureMVC

open-source фреймворк для создания приложенийбазирующихся на мета-паттерне MVC – Model, View,Controller

- содержит множество других паттернов внутрисебя: Façade, Mediator, Proxy, Command, etc.

- имеет слабо связанную архитектуру- легко расширяем- хорошо задокументирован

PureMVC

планировался как фреймворк, независимый отплатформы и языка, хотя весь код в документацииИ примеры написаны на Actionscript 3, существуютверсии для AS2, Java, C#, PHP, etc.

PureMVC

планировался как фреймворк, независимый отплатформы и языка, хотя весь код в документацииИ примеры написаны на Actionscript 3, существуютверсии для AS2, Java, C#, PHP, etc.

- не использует Actionscript Event Model- не использует Flex Libraries ( т.е. может

использоваться для Flash проектов )

PureMVC

Façade, Model, View, Controller – 4 Singletons(Singleton – только один экземпляр объекта может быть создан)

Façade – инициализирует и предоставляет прозрачный доступ для Model, View и Сontroller.

Модель представляют прокси классы, Вид – медиаторы, Контроллер – команды. Медиаторы, прокси и комманды используют Façade для доступа к

друг другу и взаимодествия.

Элементы системы взаимодейтсвуют между собой с помощью -

Notifications (используется Observer паттерн)Прокси могут посылать события, но не могут их слушать, медиаторы могут и

посылать и слушать события, а комманды могут не только посылать события, но и вызываться событием.

1. Проектирование, нужно четко разобраться вприложении и сразу разграничивать роли илогику между моделью, видом и контроллером

2. Создание визуальных элементов – view components пранировать как отдельный компонент, продумать его API, создать ряд событий для отлавливания его изменений

3. Создание сервисов для общения с сервером –отсылки и получения данных, а также VO объектов

Как легко написать приложение на PureMVC

4. Продумать какие основные действия будетвыполнять приложение – функциональность.



... т.е все как обычно – спроектировать, создатьвизуальный мокап, сервисы (если есть общение ссервером) и продумать, что будет делать приложение...



... т.е все как обычно – спроектировать, создатьвизуальный мокап, сервисы (если есть общение ссервером) и продумать, что будет делать приложение...

А вот теперь взять в руки инструмент...


• Создаем Façade для нашего приложения

a. extends PureMVC Façade and implements Ifacade interface

b. определяем метод getInstance() который возвращает единственный экземпляр фасада

c. описываем имена для всех основных сообщений (notifications) приложения

d. инициализируем контроллер (перегружаем initializeController метод) и мапим события к коммандам

e. определяем метод startup который запускает приложение и обычно связан с коммандой StartupCommand

f. Инициализируем и вызываем startup в приложении (если во Flex, то обычно в creationComplete)

Все!

Все! ... Работает?

Все! ... Работает?... А по идее должно)


2. Создать Proxy классы для разного типа данных в которых мы будем вызывать уже созданные сервисы



3. Создать Mediators – которые слушают и обрабатывают события визуальных компонентов, а также изменяют их




4. Создать Сommands для запуска приложения, инициализации и остальной логики приложения- simple commands- macro commands




4. Создать Сommands для запуска приложения, инициализации и остальной логики приложения- simple commands- macro commands

5. Добавить обмен событиями (notifications)

Важное в PureMVCРеализация первостепенной мечты каждого программиста,

начинающего работать с чем-либо новым или на новом рабочем месте )

Модульные приложения

А что если ядер несколько?

Трубопровод, как выход из ситуации

public static function getInstance( key:String ):ApplicationFacade { if (instanceMap[key] == null) instanceMap[key] = new ApplicationFacade(key); return instanceMap[key] as ApplicationFacade; }

PureMVC Actionscript 3 MulticoreИспользование мультитона вместо синглтона

PureMVC Actionscript 3 Multicore PipesНу и собственно трубопровод

PureMVC Actionscript 3 Multicore PipesВариант посложнее: система водоканалов

PureMVC Actionscript 3 Multicore Pipes

Существующее приложениене нужно переделывать!



- для приложения, а также для каждого из модулей создается специальный соединяющий медиатор – Junction




- для главного приложения создаются и регистрируются так называемые TeeSplit (для труб по которым идут сообщения от главного

приложения) и TeeMerge ( для труб по которым идут сообщения от модулей к главному приложению)




- для главного приложения создаются и регистрируются так называемые TeeSplit (для труб по которым идут сообщения от главного

приложения) и TeeMerge ( для труб по которым идут сообщения от модулей к главному приложению)

- на соединители ставятся слушатели для входящих сообщений


3. Создаем Junction медиаторы для приложения и модулей, которые будут соединяться трубами, одна труба для сообщений от модуля к приложению, одна – наоборот.



5. Получатель должен иметь слушатель – pipe listener, для обработки входящих сообщений




7. Для отправки сообщения используется метод sendMessage(), метод Junction медиатора, который посылает объекты типа Message




7. Для отправки сообщения используется метод sendMessage(), метод Junction медиатора, который посылает объекты типа Message

9. После получение сообщения оно легко превращается в notification внутри принимающего приложения

Список литературы для прочтения

www.puremvc.org+ представленная документация, примеры с

исходным кодом, форум

http://www.joshuaostrom.comhttp://www.websector.de/blog

http://www.nutrixinteractive.com/blog/http://flash-ripper.com/

http://www.puremvc.org/

http://www.joshuaostrom.com/

http://www.websector.de/blog

http://www.nutrixinteractive.com/blog/

http://flash-ripper.com/

Спасибо за внимание!

Uafpug 8 Presentation Puremvc Papervision Gallery Kuriksha Dmitry

Documents