1 / 53

Использование технологии Flex при разработке RIA Доклад к конференции UniversITy

Использование технологии Flex при разработке RIA Доклад к конференции UniversITy. Вводная часть. Обзор технологии. Алексей Гончаров. RIA- приложения. 3. Работают в броузере или не требуют установки дополнительного ПО Работают локально в своей защищённой среде

tarala
Download Presentation

Использование технологии Flex при разработке RIA Доклад к конференции UniversITy

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Использование технологии Flex при разработкеRIA Доклад к конференции UniversITy

  2. Вводная часть. Обзор технологии Алексей Гончаров

  3. RIA-приложения 3 • Работают в броузере или не требуют установки дополнительного ПО • Работают локально в своей защищённой среде • Обновляют необходимое ПО до новых версий автоматически • Кросс-платформенные • Интегрируют в себе графику, звук, программный код, компоненты для обмена данными с сервером • Имеют высокую производительность

  4. История версий Flex 4 • Flex 1.0 – Март 2004 • Flex 1.5 – Октябрь 2004 • Flex 2.0 Alpha – Октябрь 2005 • Flex 2.0 Beta 1 – Февраль 2006 • Flex 2.0 Beta 2 – Март 2006 • Flex 2.0 Beta 3 – Май 2006 • Flex 2.0 Final – Июнь 2006 • Flex 2.0.1 – Январь 2007 • Flex 3.0 Beta 1 – Июнь 2007 • Flex 3.0 Beta 2 – Октябрь 2007 • Flex 3.0 Beta 3 – Декабрь 2007 • Flex 3.0 – Февраль 2008 • Flex 4.0Beta 1 – анонсируется, 2008 • Flex 4.0 – анонсируется, 2009

  5. Совокупность технологий 5 • ActionScript 3.0 – язык программирования, основанный на стандарте ECMA-262с новой событийной моделью, реализацией ООП и многим другим • MXML – язык описания интерфейсов, являющийся подмножеством XML • E4X – язык для работы с XML, основанный на стандартах ECMAScript • CSS – каскадные таблицы стилей для описания внешнего вида визуальных элементов управления.

  6. GUI в Flash 6 Элементы управления в Flash создавались либо как экземпляры символов библиотеки, либо как компоненты с достаточно скудным набором свойств. ActionScript 2.0 имеет множество недостатков.

  7. GUI в Flex 7 Элементы управления в Flex имеют множество параметров, могут легко изменять свой вид с помощью CSS-стилей, используют эффекты и могут быть расширены в соответствии с задачей. MXML позволяет легко описывать интерфейсы RIA-приложений.

  8. Контейнеры 8 Контейнеры позволяют управлять положением графических элементов в окне приложения, объединять их в группы, обеспечивают необходимую гибкость при создании «резиновых» интерфейсов.

  9. «Резиновый» GUI 9 • Контейнеры позволяют легко и быстро создавать «резиновый» • интерфейс. • Контейнер может быть дочерним объектом другого контейнера.

  10. Flex как framework 10 Весь MXML-код преобразуется в ActionScript 3.0, а затем отдаётся компилятору. Любой компонент можно создать как с помощью MXML, так и с помощью ActionScript 3.0. Исходный код всех компонентов входит в Flex SDK.

  11. CSS 11 С помощью каскадных таблиц стилей можно изменять внешний вид элементов управления. CSS внедряются в SWF-файл проекта на этапе его компиляции.

  12. Многообразие компонентов 10

  13. Взаимодействие Flex и серверной части проекта Сергей Павленко

  14. WEB 2.0 и RIA 14 Основные свойства: • асинхронность запросов • сохранение состояния между переходами • большая гибкость приложения • наличие видео и звука

  15. Технологии WEB 2.0 15 • AJAX (класс XMLHttpRequest) • Flash/Flex • Silverlight • JNLP (Java Network Launching Protocol) • Java FX (Java WEBStart Library) • Batik (Java SVG Graphic Toolkit)

  16. JavaScript и DOM 16

  17. Тест Acid3 17 www.acid3.acidtests.org

  18. Firefox 2.0.0.13 18 52/100 (изображение сильно отличается от эталонного)

  19. IE 7.0.5730.11 19 • 12/100 • (изображение совсем неразборчивое)

  20. Opera 9.25 20 36/100 и вылетает

  21. Safari 3.1 21 74/100 (изображение похоже на эталон)

  22. 22 Трудности разработки на JS • не следование стандартам W3C разработчиками браузеров • переносимость кода (кросбраузерность) • низкая производительность

  23. 23 http://oddhammer.com/actionscriptperformance/set4/

  24. 24 Легкость разработки с Flex Flex выводит разработку Вэб-приложений на новый уровень легкости разработки и сложности функционирования: • www.buzzword.com • www.photoshop.com/express • www.searchme.com

  25. 35 Коммуникационные возможности Flex • HTTPService (HTTP GET или POST) • WebService (доступ к службам, описанными WSDL 1.1; SOAP) • RemoteObject • RTMP (Real-Time Messaging Protocol) • Sockets (бинарные сокеты) • LocalConnection (локальный обмен данными)

  26. 36 Эффективность AMF http://www.jamesward.org/census/

  27. 37 Эффективность AMF

  28. 38 Пример приложения Flex и AMF Результат работы

  29. 39 Пример приложения Flex и AMF ActionScript класс Product.as

  30. 40 Пример приложения Flex и AMF PHP класс Product.php

  31. 41 Пример приложения Flex и AMF MXML коннектор

  32. 42 Пример приложения Flex и AMF Метод getProductList() класса ProductService

  33. 43 Фреймворки Flex для Back-End • AMFPHP [http://amfphp.sourceforge.net] • BlazeDZ [http://opensource.adobe.com/wiki/display/blazeds/BlazeDS] • SabreAMF [http://www.osflash.org/sabreamf] • Midnight Coders WebORB [http://www.themidnightcoders.com]

  34. 44 Примеры Flex приложений Александр Левашов

  35. www.flauntr.com 45

  36. www.flauntr.com 46

  37. Analytic Reporting Suit 47

  38. Analytic Reporting Suit 48

  39. www.whitestonecheese.co.nz 49

  40. www.asterpix.com 50

More Related