Flex и RIA блоги

Первый день конференции 360|Flex в Сан-Жозе начался с рассказа Марка Андерса из Adobe обо всем, что касается будущего и Flash. Вот этот рассказ:

Скажите, можете ли вы просмотреть видите это видео и где вы физически находитесь? Я его увидеть не могу. Есть подозрение на ограничения по гео-локациям.

Кстати, эти ограничения не распространяются на просмотр через Adobe Media Player.

Если вам интересно, что курят самые продвинутые флекс-разработчики, то удовлетворите интерес:

1. Установите AMP, он же Adobe Media Player (прямая ссылка: adobe_media_player.air).
2. Выберите меню "My Favorites", вверху.
3. Вы в разделе любимого. Кликните "Add RSS Feed", на сей раз внизу.
4. Вставьте адрес RSS-фида для видео: http://sessions.onflex.org/1733261879.xml

Сейчас идут работы по добавлению к фиду 360|Flex поиска.

Так сказал Ted :)

Я видел, что появился новый дебаггер для Flash-, Flex- и AIR-приложений Arthropod. iMUGi уже о нем писал. Ну появился и пусть себе будет — думал я; мало ли дебаггеров было писано и пользовано. Все равно нет дебаггера лучше флексового, писаного Майком Мориарти, который до этого делал дебаггер для Visual Studio (Майк подсказывает по дебаггу во Flex Builder: Debugger ToolTips).

Как Arthropod помог мне в сложной ситуации

Тут и пригодился Arthropod. Это AIR-приложение, которое выводит ваши логи. Чтобы его использовать, нужно включить в свое приложение класс Debug, который умеет выводить не только разноцветные тексты с помощью методов Debug.log, Debug.warning и Debug.error, но и цельные объекты таких типов, как картинки (BitmapData), массивы (Array), Object и трейсить память. Также он поддерживает дополнительные опции для безопасности и удобства. По сути это не дебаггер, а трейсер, но трейсер продвинутый. Вот краткая дока по его методам.

Как использовать Arthropod-трейсер

2. Пишем в лог:
Debug.log("Как трудно жить среди невзгод.");

3. Запускаем Arthropod.

4. Сообщения можно раскрашивать прямо в методе log:
Debug.log("Люди украсят ими свой праздник", Debug.BLUE);

Почитайте детальнее об использовании Arthropod-трейсера.

Скачать Arthropod

Резюме: Arthropod — простой, удобный и функциональный инструмент для полевых условий. В некоторых ситуациях труднозаменим. Качайте, пользуйтесь, повышайте ману.

Flex не обновлялся с февраля 2008 года. За это время в него было внесено множество доработок, в том числе и по требованиям сообщества. Самые важные дополнения и завершенные багфиксы приобрели форму нового официального релиза, обновиться до которого можно прямо из меню Flex Builder: Help > Search for Flex Builder Updates...

Заведующий флексом Мэтт Хотин — кратко о составе релиза:

Flex SDK 3.1

Flex Builder 3.0.1 с компонентами визуализации данных

Важное примечание: исходный код компонентов визуализации данных, куда входят OLAP, AdvancedDataGrid, Automation и Charting, идет только с Flex Builder Pro и по умолчанию не распакован. Достать из пучин его можно вот так, а вот еще один старый рецепт.

А еще у вас могут ошибки во Flex Builder выводиться на русском — зависит от локали.

Работа Игоря Рузанова, в чьей email-сигнатуре уже некоторое время можно видеть название "MyDeco", представлена в свежем выпуске Adobe Edge за август 2008 г. Процитирую:

MyDeco Room Planner

Specialmoves (правильно читается как "Игорь Рузанов" — Рост) поразили меня этой инновационной, интерактивной работой... я о сайте MyDeco Room Planner. На самом деле это приложение, инструмент для планировки апартаментов и художественного оформления вашего дома. С помощью высококачественных, интерактивных 3D-рендеров, вы можете конструировать свои дизайны в реальном времени, а также понять, во сколько они для вас обойдутся при физической реализации. Сайт предлагает огромный набор опций и деталей: от создания дизайнов по шаблонам до точного меблирования каждой комнаты. Можно даже поставить оценки своим любимым комнатам и просмотреть топовые. Также можно вставлять свои творения в Facebook, так что вы можете показать ваши комнаты прямо в своем профиле.

Ребята, рекомендую посмотреть — реально большая работа. Adobe поставили ее рядом с FWA Theater и The Eco Zoo от Roxic'а.

Кто был 16 августа на UAFPUG#5 в Киеве, тот уже видел супер-презентацию Игоря Рузанова про Papervision3D. Обещаю — в следующем посте она будет выложена вмместе с отчетом о встрече. Руз, так держать, старина!

Майк Мориарти описывает популярные ошибки разработчиков при использовании E4X, а также объясняет, как перестать попадать в подобные ловушки. Признаться, я и сам не раз обламывался в работе с E4X: например, забывал, что в E4X-выражении не обязательно ссылаться на корневой тэг XML-документа. Настолько необязательно, что попросту невозможно. Корневой XML-элемент просто автоматически подразумевается в начале E4X-выражения, и если вы его впишете, то произойдет попытка найти его потомка с таким же именем — ошибка.

На мой взгляд, подавляющее большинство описанных Майком кодерских ошибок вызваны сложностью перестройки мышления при переходе от классической, громоздкой работы с XML к новому, компактному и оптимизированному варианту, предлагаемому нам E4X.

Сам E4X оказывается слишком инновационным. Он еще компактнее, чем XPath. Удивительно, что в спорах об отвержении ECMAScript 4.0 как стандарта для JavaScript никто не вспомнил об E4X, важной части этого стандарта. Есть подозрение, что ему дадут зеленый свет, так как он предлагает более компактный код для работы с XML, что должно понравиться кодерам, и в то же время не кажет видимой угрозы членам комитета TC39.

Но не все кодеры оказываются готовыми к E4X-оптимизациям. Cлишком многое делается за человека автоматически, слишком хорошо ужимается код — непривычно! Поэтому — еще и еще раз читайте о самых модных граблях сезона E4X.

Как обещал вчера, расскажу о новом (и похоже, пока единственном, зато каком!) плагине к Flex Builder. Плагин называется Enterprise IDE Plugin™. Разработчик: компания IDE Factory.

Enterprise IDE Plugin — это набор инструментов для архитекторов, разработчиков и менеджеров проектов, созданный для упрощения разработки приложений в среде Adobe Flex Builder 3. Плагин Enterprise IDE в данный момент выходит в публичный, ограниченный по времени beta-релиз.

Плагин Enterprise IDE не заменяет и не вытесняет Flex Builder, но скорее наращивает его мощность. С помощью инструментов повышения производительности и встроенной поддержки основных open-source фреймворков для Flex и ActionScript, Enterprise IDE превращает Flex Builder в исключительную среду разработки приложений enterprise-уровня. Он включает в себя новые инструменты для навигации по коду, генераторы проектов, классов и методов, средства автоформатирования, документирования и создания метрик кода, а также инструменты общего назначения для повышения продуктивности Flex-разработчиков и архитекторов.

Перечень инструментов и функций Enterprise IDE Plugin

Почти за каждой ссылкой находятся иллюстрации, подобные нижеследующей:

• Навигация по коду

• Перспектива Enterprise IDE. Открывается из меню. Обратите внимание на все пункты:
  
  
  
  
• Вид Flex Package Explorer.
• Вид Flex Hierarchy Explorer.
• Метрики кода: Flex Code Metrics Explorer.
• Зависимости кода: Flex Code Dependency Explorer.
• Вид Cairngorm Explorer.

• Генераторы кода

• Улучшенные мастера создания AS3, MXML, и Cairngorm-файлов. Переменные и функции можно задавать через интерфейс Мастера.
• Генераторы тестов FlexUnit и test suite (для проекта или класса).
• Создание AS3-кода по из UML-модели.
• Генераторы Cairngorm end-to-end-классов для REST, Web Service (WSDL) и Remoting (поддерживаются множественные версии Cairngorm).
• Генераторы геттеров и сеттеров для существующих AS3-переменных.
• Генераторы Java Value Object из Cairngorm VOs.
• Генераторы интерактивных приложений для тестирования Flex Cairngorm service и графического движка FlexUnit-тестов.

• Документирование кода

• Генерирование UML-модели по AS3-классам Flex-проекта.
• Создание ASDoc-документации одним кликом.

• Инструменты общего назначения

• Редактор и построитель e4x-выражений.
• Настраиваемое автоформатирование AS3 и MXML кода (для всего проекта или для одного исходного файла).
• Настройки в диалоге Eclipse Enterprise Preferences.
• Интегрированные TODO и FIXME задачи для AS3 и MXML.
• Встроенная в Eclipse Help справка.
• Flex RSS Feed Reader.

Планируемые улучшения в Enterprise IDE Plugin

• Поддержка фреймворка PureMVC.
• Инструмент Flex Code Coverage Explorer (что такое Code Coverage).
• Шаблоны кода.
• Поддержка фреймворка VisualFlexUnit.
• Поддержка фреймворка Prana.
• Формы редактирования файлов конфигурации Flex-проектов.
• Задачи Ant для сбора метрик проекта и форматирования кода.

Источник: трекер IDE Factory.

Ссылки по Enterprise IDE Plugin

• Как установить Enterprise IDE Plugin
• Руководство пользователя Enterprise IDE
• Матрица Enterprise IDE Features (со ссылками)
• Форум на сайте IDE Factory
• Багтрекер Mantis. Пишите отчеты и требуйте улучшений!

Установил, работает.

Alex Harui вместе с Gordon Smith поучаствовали в первом выпуске Flex Authority — нового бумажного журнала про Adobe Flex и AIR. Дизайн в духе перезрелого футуризма 80-х:

Подписаться можно уже сегодня — $49.95 в год за печатное издание и $29.95 за PDF. Алекс обещает ничего на этом журнале не заработать, но надеется, что на нем заработают издатели. На странице подписки можно узнать все ее варианты, а также то, что Google Checkout не поддерживает Russia и Ukraine. Зачеркнутое — это просто баг на странице сайта. Смелые ребята легко убедятся в том, что Google Checkout подджерживает и Ukraine, и Russia — просто нажмите 'Add' и затем красивую кнопку 'Google Checkout'. Вы перейдете на страницу оплаты Гугля, там с списке эти страны есть. За доставку в Украину взяли $10. Жду первый номер!

Чем больше слушаешь, тем лучше видишь: вот регулярные аудио-выпуски про Flex.

Сегодня количество выпусков перевалило за полсотни. Встречайте номер 51 — это практически прямая трансляция первого дня проходящей сейчас в Сан Джозе конференции 360|Flex, 18-20 авг. В этом выпуске: беседы с Ben Stucki, Kevin Fauth и Ron Zasadzinski.

Архив аудио-записей TheFlexShow содержит массу интересных треков, от Papervision3D до Mate Flex Framework с Лаурой Аргуэльо и Flex Gumbo, Prana и Mojos с Мэттом Хотиным.

Время от времени звучат нарекания на тот или иной недостаток Flex Builder'a. Некоторые ребята признают, что могли бы сделать его лучше, будь у них такая возможность. Если вы хотите усовершенствовать Flex Builder, то знайте — это реально. Главное, ответить на вопросы: что именно расширять и как расширять. Начнем с этого вопроса:

Где найти документацию по расширению Flex Builder 3?

В сети этой документации нет, есть только эта страница в Flex 3 LiveDocs, где Vince Genovese из Flex Doc Team в комментариях поясняет написанное выше. А в этой записи блога "Flex Doc Team" он еще и призывает отписаться всех, интересующихся расширением Flex Builder.

Итак, если вы — Java-программист и/или желаете/умеете создавать плагины к Eclipse, то некторые карты уже у вас в руках. Некоторые, так как API расширения открывает не весь Flex Builder (являющийся плагином к Eclipse), а лишь его часть. Но и здесь есть хорошие новости:

Как расширить Adobe Flex Builder: туториалы, поддержка Adobe

1. Extending Flex builder: part 1
2. Extending Flex Builder part deux

В комментариях к первой статье Фил Коста, тогда еще менеджер проекта Adobe Flex, пояснил, почему Flex Builder открыт для расширения частично, а не полностью. Дело вовсе не в желании Adobe заскретить или закрыть код. Причина — в намерении обезопасить разработчиков плагинов. API расширения должно быть неизменным в будущем. В противном случае все плагины-расширители начнут ломаться при обновлении Flex Builder. Это будет создавать новые проблемы разработчикам плагинов. Чтобы избежать этого, Adobe решила открыть те API, которые гарантированно не будут изменяться в следующих версиях.

Там же менеджер проекта Adobe Flex призывает разработчиков запрашивать у Adobe дополнительные точки расширения Flex Builder, и вообще не молчать, а делиться идеями, мыслями и требованиями.

Так что теперь — все карты в руки! Завтра опишу большой продажный плагин к Flex Builder.

Опубликован официальный отчет о первой встрече Belarussian Adobe Flash Platform User Group со ссылками на доклады и видео (следите за обновлениями).

Свои отчеты также выложили основатель BAFPUG Валерий Песецкий и докладчик на BAFPUG-1 Сергей Гончар; больше всех фото выложил Валентин Железный, а быстрее всех оказалась Валерия Маллаева, и я этому не удивлен ;-)

Мои поздравления всем, кто там был. Судя по фоткам, никто не пожалел, что пришел! Встречайтес чаще, ибо — не кодом единым.

Кстати, заметили вы или нет, но в субботу, 16 августа, был день рождения замечательной участницы RiaPriority.com Юли Николаевой aka Junique. Желаем ей интересных событий в личной жизни, романтических знакомств, запоминающихся поездок ну и вообще всего замечательного! Присоединиться к поздравлениям можно в комментах. Также напомню, что поздравить Юлю лично можно будет через неделю в Москве на встрече RAFPUG, что будет еще одним лишним поводом эту встречу посетить

Bookmark this article at …

Lee выложил на gotoandlearn видеоурок по созданию слайдера и прикручиванию к нему физики. Зачем это нужно? Трудно сказать, возможно в определенных сферах это и имеет некий смысл. Тем не менее возможность есть и если она вам необходима, ее можно использовать. Под катом живой пример, ссылка на исходники и видеоурок на английском.

(Please open the article to see the flash file or player.)

Видеоурок (англ.) - тут

Скачать видеурок (англ.) - тут

Скачать исходники - тут

Право же, я не собирался об этом писать, поскольку вопрос, друзья, пустяковый и не стоит вашего драгоценного времени. Но тут такое дело — Shagrat прямо в комментах обращает внимание на то, что ECMAScript4, на черновом варианте которого построены ActionScript3 и Mozilla Tamarin, не станет будущим JavaScript, а вместо него будущим продолжит оставаться прошлое JavaScript, т.е. ECMAScript3, проапгрейдженный до версии 3.1. Иными словами, JavaScript-разработчикам не видать всех тех плюшек, что были уже опробованы в AS3. В частности, можно забыть это:

- неймспейсы, пакеты и биндинг.
- новый синтаксис и новые семантические конструкции
- классы. Взамен классов будет элегантная штука "Object.freeze()", которая "замораживает" объект. Не будет в JavaScript честных классов, останется их симуляция.
- и вот эти возможности.
- в общем говоря, сохранится существующий стандарт.

Вывод: в развитии JavaScript предпочтение отдано целостности существующих подходов, а не новой функциональности. Многие браузеры попросту не готовы к реализации ECMAScript4 — фактически, есть только Mozilla с готовым движком Tamarin, а разработчикам остальных браузеров пришлось бы приспосабливаться. Для облегчения этого приспособления был создан проект ScreamingMonkey, который уже частично решает эту задачу под IE, но все еще сыроват.

ActionScript продолжит свой путь развития, и в перспективе количество отличий AS от JS может возрасти. А я мечтал, как буду писать в JavaScript и ActionScript, не задумываясь о переключении между ними.

Почему кажется, что все так плохо и когда покажется, что стало лучше?

А в лучшем варианте, что-то мне подсказывает, что решение W3C относительно будущего ECMAScript4 и JavaScript будет пересмотрено. Не та ныне сеть, чтобы легко согласиться на устаревший стандарт в качестве нового. Хотя ни у кого, в общем-то, и не спрашивают, и вряд ли спросят. Но если разовьется этот, лучший вариант, то Adobe придется с новой силой вкладываться в Tamarin, и в то, чтобы их детище полюбили все, или хотя бы большинство. А это непросто.

А не пересмотрят решение — что ж, не беда. Жили мы без этого раньше, и будем дальше жить, пока стандартизаторы не поймут, как приоритеты нужно выбирать. Пока клиенты будут ходить с заказами к флэшерам на все руки.

В то же время, следует узнать, что это весьма нелегкое решение было принято в процессе слияния двух рабочих групп. Группа ECMAScript3.1 слилась с группой ECMAScript 4, и в процессе слияния получила преимущество во имя стабильности и гармонии. Объединенная группа так и называется — Harmony. Глава Mozilla Foundation Брендан Эйк подробно описал, как все было и почему так нужно. По своему согласен с этим создатель MTASC и haXe Николя Канасье.

Что по этому поводу говорит Adobe

Adobe продолжит расширять границы возможного в сети.

Как заставить роботов роботать, а людей — думать? Можно ли повысить продуктивность и без того уже, казалось бы, сверхскоростной работы? Как перестать работать и начать жить? Завеса тайны над перечисленными проблемами слегка приоткрывается в посте 0xFFFFFF о том, как сэкономить 90 процентов времени при работе с элементами библиотеки во Flash. А первый комментарий к посту добавляет ощущения реальных глубин Flash IDE, которые мы не постигли до конца.

К этой же проблеме есть большой перечень приемов по облегчению жизни флэш-разработчика — я там столько нового узнал, там столько всего понаписали — спасибо, ребята!

Как известно, технология Adobe AIR позволяет создавать полноценные десктопные приложения и поддерживает эту возможность соответствующими классами и методами. В частности, есть полный набор функций для управления системными окнами: их положением, порядком сортировки и т.д.

Например, для того, чтобы установить окно поверх остальных, используется метод orderToFront(). Однако я наткнулся то ли на баг, то ли на фичу этого метода: если другое окно получило фокус от мыши, то ваше окно поверх остальных не всплывет. Хотя при этом активизируется: фокус получит и будет призывно подмигивать в панели задач.

Затем я нашел и способ обхода этой неприятности, используя свойство окна alwaysInFront, и уйдя от использования orderToFront(). Сначала окно переводится в состояние "поверх всех" (alwaysInFront = true), затем активизируется, и, если было минимизировано, то восстанавливается; затем возвращается в состояние "не поверх всех" (alwaysInFront = false). Вот что получилось:

<?xml version="1.0" encoding="utf-8"?>

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:creationComplete>

    flash.utils.setTimeout(activateWindow, 2000);

    function activateWindow(): void

    {

        alwaysInFront = true;

        nativeWindow.activate();

        if(nativeWindow.displayState == NativeWindowDisplayState.MINIMIZED)

        {

    	    nativeWindow.restore();

        }

        alwaysInFront = false;

    }

</mx:creationComplete>

</mx:WindowedApplication>

Таким образом, все работает! Но меня гложут сомнения: а что если я просто не умею это готовить? Если знаете ответ — подскажите, можно ли обойтись без хака с alwaysInFront = true?

Если вы создаете работающее с сетевыми ресурсами AIR-приложение, то в процессе отладки рано или поздно возникнет задача: проверить доступность сети и правильно обработать возможные ситуации, такие, как: сети нет, сеть есть на старте приложения, но пропадает в процессе работы; сеть появляется снова после пропажи и т.д. Точнее, нас интересует даже не сеть, а доступность конкретных ее ресурсов типа веб-сервисов.

Задача проверки доступности сетевых ресурсов легко решается в Adobe AIR, тут надо только знать рецепт — и никаких хаков.

Кто здесь? Это класс NativeApplication и событие networkChange

Рецепт Номер Один: проверяем, доступен ли сетевой ресурс

Удивительно, что этот рецепт находится только на одной странице в сети, похожей на исчезнувшую отовсюду доку по Apollo. В данном случае не устаревшую. Этот рецепт помог мне избежать головной боли при отладке завязанного на сеть AIR-приложения. Но это еще не все.

Рецепт Номер Два: следим за сетью через Adobe AIR Service Monitor Framework

Это решение определенно будет развиваться Adobe (две последние ссылки ведут на доку к Flex Gumbo), а базовые задачи проверки доступности ресурсов решает уже сейчас.

Предисловие

Flex модули на мой взгляд очень интересная и многообразная тема. Кроме разделения функциональности приложения, их можно использовать для загрузки внешних стилей и ресурсов. Если есть задача динамического изменения внешнего вида и языка или уменьшение размера основного приложения.

Введение

В данной статье я расскажу как собирать приложение которое использует flex modules.
Проект так же будет использовать библиотеки и уменьшать размер flex модулей. Для этого мы не будем включать в модуль код, который уже используется в основном приложении. Итак приступим.

Структура проекта

Данная структура соответствует принципу один maven модуль один артефакт. Следовательно flex модуль представлен ввиде отдельного maven модуля.

flexModulesProject/
flexModulesProject/pom.xml - основной pom, собирающий весь проект
//загрузчик модульного приложения.
flexModulesProject/flexClient/… - основное flex приложение
…
flexModulesProject/flexModuleRed/… - flex модуль
…
flexModulesProject/flex/pom.xml - корневой pom для flex приложение.
flexModulesProject/flexCoreLib/… - flex библиотека которая используется в проекте.

Разбор конфигурационных файлов проекта

на родительский pom проекта, pom библиотеки и корневой pom для flex проектов использование модуля ни как не повлияло. Более подробное описание их структуры можно посмотреть здесь.

pom для flexClient

XML:

Здесь существенна одна дирректива:

XML:

данная строчка создает в maven репозитории xml файл с перечнем всех классов, которые включаются в данный swf. Этот перечень будет использоваться при копмиляции flex модуля.

pom для flexModuleRed

XML:

следующий код:

Code:

исключает классы которые включены в flex-client.

здесь:

Code:

важно включение библиотеки со scope external.

Еще одно замечание, имя flex модуля не должно использовать дефис, в моём проекте это вызвало необъяснимый глюк.

Сборока проекта.

Для сборки проекта необходимо в корневой библиотеке проекта запустить команду mvn install

Развертывание проекта.

Строго говоря, в обязанности maven эта задача не входит. После того как проект будет собран, нужно поместить flexModuleRed.swf в одну папку с flexClient.swf.

Исходники

Исходники можно взять отсюда

Bookmark this article at …

Кандидат в релиз-версию Flash Player 10 (build 569) вышел несколько дней назад, а вчера появилась и его версия для отладки приложений. Изменения, вошедшие в проигрыватель, в большой степени нацелены на Linux-платформу:

• Намного выросла производительность программного фуллскрина;
• Windowless-режим стал быстрее и стабильнее (проверяйте на свежих браузерах);
• SSL теперь работает через NSS, а не через связку flashsupport-OpenSSL;
• Вход с камеры работает не в пример лучше прежнего (поддерживаются камеры V4L1 и V4L2; V4L2 больше не флудят процессор);
• Исчезли белые пятнышки при воспроизведении видео. Реальную фичу убрали ;-)
• Важные доработки стабильности — реже падает.
• Для справки: еще не 64-битный.

Чтобы пользоваться новым Flash Player 10, важно деинсталлировать предыдущий. А чтобы компилировать приложения под новый проигрыватель, нужно скачать свежую версию компилятора для Flex SDK. А чтобы знать, как им пользоваться, качайте документацию по Flash Player 10 API (одним архивом).

Где взять новый Flash Player 10 Release Candidate Debug Version

Небезызвестный флекспериментатор, багоподавитель и фреймворкер Даг МакКун в соавторстве с Дипой Субраманьямом написали книгу:

На Амазоне "Adobe Flex 3.0 For Dummies" стоит каких-то жалких $19.79.

Гугл все время радует мелкими приятными плюшками.

Смотря гугл карты я обнаружил, что их подружили с википедией.

Выбираем галочку:

видим буковку, по нажатию будет текст из википедии

Ну и как альтерантива этому тандему есть проект wikimapia.org, викикарта на базе тех же гугловых карт )