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

2. Меню: • Введение • Немного теории • Концептуальная диаграмма • Суть фреймворка • Как это работает • Пример: IT Developers v1 • Actionscript 3 [Multicore version] • Pipes Util • Пример : IT Developers v2 • Ньюансы • Немного о недостатках • Выводы

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

4. PureMVC • open-source фреймворк для создания приложений • базирующихся на мета-паттерне MVC – Model, View, • Controller • содержит множество других паттернов внутри • себя: Façade, Mediator, Proxy, Command, etc. • имеет слабо связанную архитектуру • легко расширяем • хорошо задокументирован

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

6. PureMVC • планировался как фреймворк, независимый от • платформы и языка, хотя весь код в документации • И примеры написаны на Actionscript 3, существуют • версии для AS2, Java, C#, PHP, etc. • не использует Actionscript Event Model • не использует Flex Libraries ( т.е. может • использоваться для Flash проектов )

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

9. Façade – инициализирует и предоставляет прозрачный доступ для Model, View и Сontroller. Модель представляют прокси классы, Вид – медиаторы, Контроллер – команды. Медиаторы, прокси и комманды используют Façade для доступа к друг другу и взаимодествия.

10. Элементы системы взаимодейтсвуют между собой с помощью - Notifications (используется Observer паттерн) Прокси могут посылать события, но не могут их слушать, медиаторы могут и посылать и слушать события, а комманды могут не только посылать события, но и вызываться событием.

11. Как легко написать приложение на PureMVC 1. Проектирование, нужно четко разобраться в приложении и сразу разграничивать роли и логикумежду моделью, видом и контроллером 2. Создание визуальных элементов – view components пранировать как отдельный компонент, продумать его API, создать ряд событий для отлавливания его изменений 3. Создание сервисов для общения с сервером – отсылки и получения данных, а также VO объектов

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

13. Как легко написать приложение на PureMVC 4. Продумать какие основные действия будет выполнять приложение – функциональность. ... т.е все как обычно – спроектировать, создать визуальный мокап, сервисы (если есть общение с сервером) и продумать, что будет делать приложение...

14. Как легко написать приложение на PureMVC 4. Продумать какие основные действия будет выполнять приложение – функциональность. ... т.е все как обычно – спроектировать, создать визуальный мокап, сервисы (если есть общение с сервером) и продумать, что будет делать приложение... А вот теперь взять в руки инструмент...

15. СоздаемFaçadeдля нашего приложения • extends PureMVC Façade and implements Ifacade interface • определяем метод getInstance() который возвращает единственный экземпляр фасада • описываем имена для всех основных сообщений (notifications) приложения • инициализируем контроллер (перегружаем initializeController метод) и мапим события к коммандам • определяем метод startup который запускает приложение и обычно связан с коммандой StartupCommand • Инициализируем и вызываем startup в приложении (если во Flex, то обычно в creationComplete)

16. Все!

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

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

19. Все! ... Работает?... А по идее должно) 2. Создать Proxyклассы для разного типа данных в которых мы будем вызывать уже созданные сервисы

20. Все! ... Работает?... А по идее должно) 2. Создать Proxyклассы для разного типа данных в которых мы будем вызывать уже созданные сервисы 3. Создать Mediators – которые слушают и обрабатывают события визуальных компонентов, а также изменяют их

21. Все! ... Работает?... А по идее должно) 2. Создать Proxy классы для разного типа данных в которых мы будем вызывать уже созданные сервисы 3. Создать Mediators – которые слушают и обрабатывают события визуальных компонентов, а также изменяют их 4. Создать Сommands для запуска приложения, инициализации и остальной логики приложения - simple commands - macro commands

22. Все! ... Работает?... А по идее должно) 2. Создать Proxyклассы для разного типа данных в которых мы будем вызывать уже созданные сервисы 3. Создать Mediators – которые слушают и обрабатывают события визуальных компонентов, а также изменяют их 4. Создать Сommands для запуска приложения, инициализации и остальной логики приложения - simple commands - macro commands 5. Добавить обмен событиями (notifications)

23. Важное в PureMVC Реализация первостепенной мечты каждого программиста, начинающего работать с чем-либо новым или на новом рабочем месте )

24. Модульные приложения А что если ядер несколько? Трубопровод, как выход из ситуации

25. PureMVC Actionscript 3 Multicore Использование мультитона вместо синглтона public static function getInstance( key:String ):ApplicationFacade { if (instanceMap[key] == null) instanceMap[key] = new ApplicationFacade(key); return instanceMap[key] as ApplicationFacade; }

26. PureMVC Actionscript 3 MulticorePipes Ну и собственно трубопровод

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

28. PureMVC Actionscript 3 MulticorePipes Существующее приложение не нужно переделывать!

29. PureMVC Actionscript 3 MulticorePipes • Существующее приложение • не нужно переделывать! • для приложения, а также для каждого из модулей создается специальный соединяющий медиатор – Junction

30. PureMVC Actionscript 3 MulticorePipes • Существующее приложение • не нужно переделывать! • для приложения, а также для каждого из модулей создается специальный соединяющий медиатор – Junction • - для главного приложения создаются и регистрируются так называемые TeeSplit (для труб по которым идут сообщения от главного приложения)и TeeMerge ( для труб по которым идут сообщения от модулей к главному приложению)

31. PureMVC Actionscript 3 MulticorePipes • Существующее приложение • не нужно переделывать! • для приложения, а также для каждого из модулей создается специальный соединяющий медиатор – Junction • - для главного приложения создаются и регистрируются так называемые TeeSplit (для труб по которым идут сообщения от главного приложения)и TeeMerge ( для труб по которым идут сообщения от модулей к главному приложению) • - на соединители ставятся слушатели для входящих сообщений

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

33. PureMVC Actionscript 3 MulticorePipes • Создаем Junction медиаторы для приложения и модулей, которые будут соединяться трубами, одна труба для сообщений от модуля к приложению, одна – наоборот. • Получатель должен иметь слушатель – pipe listener, для обработки входящих сообщений

34. PureMVC Actionscript 3 MulticorePipes • Создаем Junction медиаторы для приложения и модулей, которые будут соединяться трубами, одна труба для сообщений от модуля к приложению, одна – наоборот. • Получатель должен иметь слушатель – pipe listener, для обработки входящих сообщений • Для отправки сообщения используется метод sendMessage(), метод Junction медиатора, который посылает объекты типа Message

35. PureMVC Actionscript 3 MulticorePipes • Создаем Junction медиаторы для приложения и модулей, которые будут соединяться трубами, одна труба для сообщений от модуля к приложению, одна – наоборот. • Получатель должен иметь слушатель – pipe listener, для обработки входящих сообщений • Для отправки сообщения используется метод sendMessage(), метод Junction медиатора, который посылает объекты типа Message • После получение сообщения оно легко превращается в notification внутри принимающего приложения

36. Список литературы для прочтения www.puremvc.org + представленная документация, примеры с исходным кодом, форум http://www.joshuaostrom.com http://www.websector.de/blog http://www.nutrixinteractive.com/blog/ http://flash-ripper.com/

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