Flex Constructor

Offtop: Семейная психология

2012-02-12T01:34:00.000+04:00

Блеать! Сегодня с женой и старшим сыном посетили семейного психолога в надежде решить проблемы тарампарарам - по вопросам воспитания... И вот, в результате осмысления этого события, выпив слегка для храбрости, я решил раз и навсегда изложить свою позицию по вопросу урегулирования бытовых проблем. Итак: Моя семья, а это: моя жена, мои дети, мои родители, собака и кошка - являются частью моей жизни, равно как и моя работа, мои увлечения, мои пороки и мои добродетели. Всё это - моя жизнь, а это процесс, которым я стремлюсь управлять. Любой из компонентов, если дать ему возможность выйти из под контроля, может привести к взрыву на "Фукусиме", Чернобылю или извержению вулкана Эйяфьятлайокудль. Для того,чтобы эффективно управлять этим процессом, необходимо иногда плыть по-течению, иногда выгребать против, иногда проходить через пороги, иногда вцепившись в руль до белых костяшек давить на газ, а иногда, закрыв глаза, жать на тормоз. Разного рода сбои и неудачи являются лишь показателями качества управления процессом, но ни как не дискредитирующими факторами самой идеи такого устройства. Я стараюсь избегать экстрима и, будучи достаточно демократичным кэпом, создать максимально комфортные условия для команды. Это так, и хочь взорвитесь, хочь разбейтесь головой апстол - это было и будет так. И я никого не держу. Можете назвать меня эгоистом и деспотом, диктатором и сатрапом, но кому не нравится, может немедленно покинуть борт. Все, не о чем тут разговаривать больше.

Разработка мобильных приложений на Adobe Flash+AIR

2011-09-22T08:42:00.001+04:00

Зачетный перевод по теме на хабре Разработка мобильных приложений на Adobe Flash + AIR: обзор возможностей / Flash-платформа / Хабрахабр

Как подключить Adobe Flash Media Server on Amazon Web Services.

2011-06-06T19:06:00.000+04:00

Вашему вниманию пошаговая инструкция пеодключения Adobe FMS 4 на AWS: Как известно Adobe Flash Media Server распространяется в 4 вариантах: Adobe Flash Media Streaming Server 4 Adobe Flash Media Interactive Server 4 Adobe Flash Media Enterprise Server 4 Adobe Flash Media Server on Amazon Web Services По ряду причин (главная из которых нежелание отваливать сразу огромные деньжищщи за лицензию на полно-функциональную версию), самым приемлемым вариантом для небольшого стартапа с ограниченным бюджетом, но требующего полной функциональности, включая поддержку P2P и IP Multicast streaming является последний. Кроме того, размещение приложения на AWS снимает головную боль по поводу физического размещения сервера и дальнейшего масштабирования проекта при необходимости. Только плати бабки, причем вполне приемлемые за услугу "2 в 1". Несмотря на кажущююся сложность, подключение сервиса оказалось значительно проще, чем можно было представить. Итак — поехали: Материальная часть:

AWS(Amazon Web Services) – набор web-сервисов в облаке предоставляемых компанией Amazon. Подробнее.
Adobe Flash Media Server on Amazon Web Services подробнее.
Ну, и самое главное — карта Visa или MasterCard, кокого-нибудь банка, с возможностью совершения платежей через интернет. На карте должно быть минимально около 100$, лучше больше. С этой карты будут взыматься денежки за использование ресурсов AWS.

Первым делом, если Вы еще не зарегистрировались на amazone - необходимо пройти процедуру регистрации и привязки карты. Сделать это можно прямо со странички сервиса на adobe.com, ну или с морды амазона.

Далее — Вам сюда, для того, чтобы заказать сервис на Adobe, там все интуитивно понятно и местами даже красиво. Все самое веселое впереди. За регистрацию сервиса Adobe попросят у Вас 5$ и плюс 5$ за использование сервиса в течение ближайшего месяца (на приактике сняли почему-то 13$ - 3$ я так и не понял за что). Впочем, платил не я, так, что мог вполне, что-то упустить...

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

Первой и наиглавнейшей задачей является поднятие инстанса. Инстанс на AWS это операционная система, с предустановленным ПО (в нашем случае Adobe Flash Media Enterprise Server 4), развернутая на Вашем виртуальном компьютере в облаке AWS. Поднимать мы его будем из выбранного нами AMI (Amazon Machine Image )— образа операционной системы с необходимым нам ПО. Для этого заходим в AWS Management Console под своим аккаунтом и переключаемся на вкладку EC2. Тут наверное стоит рассказать о первой засаде поджидающей нас на этом пути. Дело в том, что AWS предоставляет 5 вариантов географического расположения своих дата-центров:

US-East (Northern Virginia) - США-Восток (Северная Вирджиния)
US-West (Northern California) - США-Запад (Северная Калифорния)
EU (Ireland) Region- Европа (Ирландия)
Asia Pacific (Singapore) - Азиатско-Тихоокеанского региона (Сингапур)
Asia Pacific (Tokyo) - Азиатско-Тихоокеанском регионе (Токио)

Ежу понятно, что предпочтительнее было бы разместиться как можно ближе к целевой аудитории, а это EU (Ireland) Region, но, не смотря на все маркетиногвые заявления Adobe, доступный вариант AMI существует только для US-East (Northern Virginia). На форуме Adobe поднимался этот вопрос, и есть надежда, что данное положение в скором времени исправится, однако на момент написания этой статьи воз и ныне там. Не пытайтесь обмануть ситуацию и поставить Адобовский AMI на нужную Вам локацию, я пробовал — нигада из этого не выходит, в самом конце процедуры все падает в ошибку. Вобщем выбираем US-East (Northern Virginia) и смело жмем на кнопку «Launch Instance». Amazon предлагает несколько вариантов AMI, однако существует возможность выбрать из великого множества образов, разработанных сторонними разработчиками, что нам собственно и надо, для этого в появившемся окне, выбираем вкладку «Community AMIs». Чтоб не перебирать порядка 7000 предложенных вариантов, в поле ввода поиска вводим что-нибудь типа «adobe» и получаем в результате единственный, доступный на сегодняшний день вариант — ami-6a1deb03, FMS базирующийся на операционной системе CentOS. Жмем кнопку «Select», в результате чего переходим к следующему шагу «Instance Details». Поскольку с зонами размещения нам все ясно, то и комбобокс Availability Zone мы можем так-же оставить без внимания — пох, типа все равно, нас это не устраивает. Однако на комбобокс Instance Type стоит обратить пристальное внимание. Дело в том, что в отличие от коробочных вариантов поставки, FMS на AWS ограничивает число возможных одновременных RTMFP коннектов, причем от выбора порядка этого ограничения будет зависеть сумма Ваших денежек, которые Вы будете тратить на содержание Вашего проекта. Ограничения такие:

Large 100 RTMFP - US$0.44

High-memory extra large 100 RTMFP - US$0.60

High-CPU extra large 1000 RTMFP - US$1.30

Extra large 1000 RTMFP - US$1.30

High-memory double extra large 10000 RTMFP - US$4.60

High-memory quadruple extra large 10000 RTMFP - US$5.60

Плата взымается за час, причем поминутной тарификации нет. Вобщем выбирайте необходимый тип инстанса исходя из амбиций и бюджета Вашего проекта. И коль скоро мы заговорили о денежной стороне вопроса стоит упомянуть тарифы на традиционные формы работы с медиасервером (RTMP) в этом формате плата взымается с гигабайт трафика:

Входящий 0,1$ за гиг
Исходящий 0,15$ за гиг

Как видите цены достаточно приемлемые, ну и это все о грусном — вернемся к нашим баранам.

На следующем шаге оставляем все как есть, далее нам предлагается присвоить теги вновь создаваемому экземпляру инстанса. Теги присваиваются в виде пары ключ-значение и нужны они для упрощения администрирования ваших ресурсов на EC2, если у вас их уже много. Доках FMS написано, что инстансы FMS на AWS не поддерживают метаданных, так что полезно будет ввести только значение тегу name, оно будет отображаться в колонке "имя инстанса" в AWS Management Console.

Следующий шаг — генерация пары ключей для доступа к серверу по SSH. Введите имя пары и нажмите на кнопку — в результате Вам предложат сохранить файл с расширением .pem и именем пары на локальный диск. Файлик нам понадобиться, так что сохраните его с надлежащими почестями (главное не забыть куда).

На следующем шаге (Configure Firewall) нам необходимо выбрать Security Groups - группу правил безопасности, иными словами открыть нужные для работы инстанса порты. Есть дефолтная группа безопасности с уже открытыми портами 22(SSH) и 80(HTTP), но надо учесть, что для нормальной работы FMS нам нужны еще 1935(TCP) и 1935(UDP), если собираетесь работать с P2P и Мультикастингом. Кроме того, учтите, что сменить группу для уже созданного инстанса нельзя, можно только добавить/удалить правила, что вобщем-то спасает в любом случае. Исходя из религиозных побуждений создадим собственную группу и добавим правила для портов 22(SSH), 80(HTTP), 1935(TCP), 1935(UDP) и 443(HTTPS) на всякий случай.

Все можем смело идти к окончанию процедуры создания инстанса, в результате чего в консоли ( AWS Management Console) на вкладке EC2 появится строка с вновь созданным инстансом. Ура!

Проверим работает ли созданный нами инстанс на практике: Выделим в панели строку соответствующую, нашему инстансу и в нижней части панели выберим вкладку Description, если по каким-то причинам она уже не выделена. Найдем строку Public DNS и скопируем ее содержание. Откройте адрес http://[Public DNS] в браузере и вы увидите стартовую страницу Adobe FMS 4 с расчудесным видеороликом с кляксами, реками и красивой музыкой. Вау! Оно работает! Если же нет, то обратите внимание на следующие причины, по которым ничего не вышло:

Вы прочитали эту статью не с начала и не до конца
Вы вообще ее не читали (нафиг надо)
Проверьте запущен ли инстанс если запущен то, в строке инстанса в консоли колонка Status должна быть подсвенчена зеленым и написано «running»
Проверьте в Security Groups вашу группу на предмет открытых портов 80 и 1935, если нет — откройте путем добавления соответствующих правил к группе (сделать это можно так: открыть в меню консоли Security Groups , выбрать в верхней части панели вашу группу, в нижней части панели на вкладке Inbound воспользоваться вполне интуитивно-понятной формой добавления правил. IP 0.0.0.0/0 обозначает что правило действует для всех IP адресов).
Ну и уж если совсем никак — убедитесь, что порты 80 и 1935 открыты в брандмауэре вашего компьютера. Для этого зайдите на страничку flashcomguru и пройдите порт-тест. Если причина в этом — то AWS тут ни причем — открывайте эти порты на Вашем компе.
Если совсем все плохо — попейте чайку и попробуйте сделать все заново...

Итак FMS запущен все работает, денежки потекли. Ой, стоп, яж только попробовать... Не беда. Чтобы грохнуть запущенный инстанс — выберите в консоли в выпадающем списке Instance Action строчку «Terminate» и все погаснет. Кстати там же, при необходимости, можно выбрать Reboot чтобы перезапустить инстанс.

Тем кто устал, на этом этапе можно бросить читать этот бред и попробовать подключиться к предустановленным приложениям медиа-сервера, а это как обычно live, vod и присоединившийся к ним в 4 версии FMS multicast. Хотя с последним придется сделать несколько более сложных телодвижений, но об этом в последующем посте.

Тем же, чьи планы более амбициозны — добро пожаловать дальше.

Итак теперь нам нужно получить доступ к файловой системе нашего сервера, ну и заодно к административной консоли установленного нами FMS. Дело в том, что административный сервер не запущен на AWS по умолчанию, его придется запустить вручную. Для этого придется вспомнить, что админ. сервер FMS использует порт 1111. Добавим правило для него в группу безопасности (открыть в меню консоли Security Groups ,выбрать в верхней части панели вашу группу, в нижней части панели на вкладке Inbound воспользоваться вполне интуитивно-понятной формой добавления правил. IP 0.0.0.0/0 обозначает что правило действует для всех IP адресов).

Далее: используем любимый SSH клиент, если любимого нет, то я рекомендую WinSCP если вы на винде, и утилиту PuTTYgen для генерации приватного ключа.

Откройте PuTTYgen
Выберите Conversions > Import Key
Выберите ваш файл с расширением .pem который вы сохранили при создании инстанса (блн, где же он...)
4. Выберите File > Save Private Key в появившемся диалоге со всем покорно согласитесь.
PuTTYgen сгенерирует файл с расширением .ppk — дайте ему запоминающееся имя и сохраните куда-нибудь, чтоб можно было его впоследствии лего найти.
Заходим в AWS Management Console и копируем Public DNS
Открываем WinSCP
Выделяем в дереве левой части окна Session
Вводим в поле Host Name содержимое буфера обмена (наш Public DNS)
Проверяем — номер порта должен быть 22
В поле UserName вводим «root»
Выбираем в поле Private Key File файл .ppk, который мы сгенерировали с помощью PuTTYgen в п.5.
Для поля File Protocol выбираем SCP
Нажимаем Save и вводим человекопонятное имя для профиля.
Жмем «Login» , коннектимся к инстансу, если выкинет предупреждение по безопасности — соглашаемся и получаем доступ к файлам через графический интерфейс WinSCP - внешне похоже на Total Commander.

Для запуска админки медиасервера нужно произвести следующие действия:

Идем в директорию установки FMS это opt/adobe/fms находим там папку conf, заходим в нее и скачиваем на диск файл fms.ini. Это файл конфигурации медиасервера. На всякий случай делаем копию оригинала файла.
Открываем fms.ini и ищем там строки:

SERVER.ADMIN_USERNAME = придумываем свой суперсекретный логин

SERVER.ADMIN_PASSWORD = придумываем свой суперсекретный пароль

SERVER.ADMINSERVER_HOSTPORT = :1111

Закачиваем файл обратно на сервер.
Теперь нужно рестартнуть сервак. Для этого в панели инструментов WinSCP находим кнопочку «Терминал», запускаем терминал и в поле ввода комманды пишем opt/adobe/fms/server restart и ждем рестарта сервера. На амазоне это может происходить несколько дольше чем на локале.
Стартуем административный сервер opt/adobe/fms/adminserver start
Заходим в админку http://[наш Public DNS]/fms_adminConsole.htm
В поле Server Adress ввовдим rtmp://[наш Public DNS], в поле Login - свой суперсекретный логин, в поле Password - свой суперсекретный пароль
Жмем «Login» и заходим в интерфейс управления нашим сервером.

Все. Дальше делаем что хотим. Он Наш! Ссылки по теме:

http://docs.amazonwebservices.com/AWSEC2/2011-05-15/GettingStartedGuide/ - как стартануть инстанс - оригинальный урок от AWS

http://help.adobe.com/en_US/flashmediaserver/amazonec2/index.html - доки по Adobe FMS4

Amazon Help and Support resources от Adobe

Flash разработка для мобильных платформ

2011-05-05T00:58:00.001+04:00

Ростислав (Рост) Сирык, он же Rost, он же самый главный Флэш Потрошитель в очередной раз поспособствовал русскоязычному сообществу flash-разработчиков переводом фундаментального материала по разработке для мобильных платформ, за что ему нижайший поклон. Читать всем обязательно!
Мобильная разработка на Adobe Flex 4.5 SDK и Flash Builder 4.5 - часть 2 | Флэш Потрошитель
(Ссылка на первую часть в тексте статьи)

Gestouch — работаем с жестами.

2011-05-02T13:03:00.000+04:00

На форуме flasher.ru, как то, видимо в связи с праздниками, прошел незамеченным очень интересный пост fljot (Pavel Pevnitskiy) Gestouch — работаем с жестами. Mouse/touch/multitouch. Автором проведена большая и интересная работа в очень перспективном направлении. Речь идет об обработке событий жестов в мобильных приложениях сделанных на AIR, в том числе и достаточно сложных. Это первая ласточка в деле разработки для мобильных устройств в рунете, если я не прав - поправьте. Автор с нетерпением ждет отзывов общественности. Добро пожаловать к обсуждению.

P2P. Медиа-трансляция на LiveCast

2011-04-29T12:36:00.000+04:00

30 апреля 2011 г. в 19:00 по Москве я планирую провести свою первую медиа-трансляцию с помощью сервиса VKontakte LiveCast в разработке которого я принимал участие Предполагаю затронуть следующие темы: О сервисе LiveCast (перспективы развития с точки зрения разработчика) P2P принципы разработки медиа-приложений Stratus(Cirrus) что ето и с чем его едят FMS4 возможности использования медиасервера в разработке p2p приложений. P2P трудности, с которыми пришлось столкнуться. Всех, кому это интересно и кто хочет увидеть меня в качестве докладчика - добро пожаловать на http://vkontakte.ru/app2010272, буду рад ощущать Ваше присутствие в виде циферки внизу экрана, а так-же ответить на Ваши вопросы в чате.

Flex4.5. Разработка мобильного приложения.

2011-04-12T00:07:00.001+04:00

Вот вам ссылочка про то, как с помощью Adobe Flex SDK и Flash Builder 4.5 разработать приложение для смартфонов. Наше будущее тут. Изучаем внимательно. Вот бы еще и перевести. Кстати, что касается уроков и документации на русском, горячо любимый flash стал сильно отставать от Android.
Mobile development using Adobe Flex 4.5 SDK and Flash Builder 4.5 | Adobe Developer Connection

FXG Parser

2011-04-01T13:40:00.000+04:00

FXG(Flash XML Graphics) представляет собой графический файловый формат, основанный на подмножестве MXML, языке программирования на базе XML, используемом в структуре FLEX. Файлы FXG можно использовать в таких программах, как Adobe Flex Builder, для разработки многофункциональных интернет-приложений. При сохранении в формате FXG изображение должно содержать не более 6 777 216 пикселов и иметь размер по длине или ширине не более 8192 пикселов. Прелесть в том, что можно взять практически любой проект Adobe Illustrator(AI) и сохранить его в фомате FXG, при этом можно сохранить инфу о используемых растровых фильтрах, растровых заливках и шрифтах. Нет никаких проблем в использовании этого формата в процессе подготовки Flex/Flash приложения (т.е. до компиляции), но вот недавно возник вопрос, а как засунуть fxg в flash-приложение во время выполнения. Откровенно говоря сразу не смог на него ответить, но сегодня совершенно случайно наткнулся на решение. Может быть это будет интересно: Вот так выглядит довольно сложная картинка во flash исполнении: http://flexconstructor.ru/polygon/fxgparser/ Исходники можно взять с помощью svn- клиента тут: http://www.libspark.org/svn/as3/FxgParser/ Эх, не срубил я тогда денег... Может сейчас кому-нибудь пригодится...

Обновлен FLV Encoder

2011-03-31T16:12:00.001+04:00

Для чего? Ну, к примеру, чтобы сохранить видео-ряд с камеры (кстати, можно и со звуком) средствами AIR приложения в FLV файл без всяких дорогих штук, типа медиа-сервера. Или... Ой, придумал... :) zero point nine » Blog Archive » Updated FLV Encoder, 3.5x faster with Alchemy

Оптимизация flash-приложений

2011-03-26T00:36:00.001+03:00

Классический мануал. Читать обязательно! http://help.adobe.com/ru_RU/as3/mobile/flashplatform_optimizing_content.pdf

OpenZoom SDK

2011-03-22T18:16:00.001+03:00

Крайне интересная вещь OpenZoom SDK « a_[w] блог

Blogger клиент для Android

2011-03-08T22:34:00.001+03:00

Пишу первый пост с помощью Android клиента
https://market.android.com/details?id=com.google.android.apps.blogger&feature=search_result
Надеюсь, что благодаря этой проге мне удастся чаще находить время для графомании.
Возможности для формирования не велики, но можно вставить фотку, чего я собссно ни разу не делал...

LiveCast P2P

2011-02-17T11:14:00.000+03:00

Открыт для общественности проект, над которым я работал пару последних месяцев. Я конечно затянул со сроками, мне конечно не доплатили, и вообще все было не так гладко как хотелось бы, но все же... Все же это один из самых знаменательных проектов в моем портфолио, хотя бы потому, что полностью построен на p2p! Давно хотел сделать такое, и тут как раз подвернулся заказчик, спасибо ему, кстати очень адекватный и терпеливый человек, благодаря его смелости и новаторству такой проект увидел свет, его имя навеки запечатлено на странице проекта, как автора :), спасибо ему. Итак вашему вниманию в проекте LiveCast предложена возможность создания Аудио/Видео конференций с одним или несколькими участниками, а так же видео конференций, вебинаров(модное слово) для неограниченного числа пользователей, все это заварено в большой flash-кастрюле, которая называется Вконтакте. Ссылка на приложение: http://vkontakte.ru/app2010272 Прошу любить и жаловать, а так-же ругать, хулить, матить всяко, можно прямо здесь т.к. это поможет нам исправить баги и разработать дополнительную функциональность, максимально удовлетворяющую Ваши потребности.

AIR на Android устройствах.

2010-08-24T15:59:00.000+04:00

(По материалам Adobe Prerelease Program)
Итак системые требования для AIR на андроид устройствах.
Операционная система: Android 2.2 (FroYo). Частично поддерживается Android 2.1 (Éclair ) до сборки Runtime и SDK 06/04/2010 включительно. Последующие сборки не поддерживают Android 2.1 (Éclair ).
Процессор: Поддерживаются устройства оснащенные процессорами типа ARMv7 и выше. Список Android устройств, в настоящее время, находящихся в продаже (в мире) и удовлетворяющих этому требованию:
Процессоры: TI OMAP 3xxx/4xxx, NVidia Tegra2, Qualcomm Snapdragon QSD8x50, QSD8x60, MSM7x30, Samsung-Intrinsity S5PC110 SOCs
Устройства:

HTC Desire
HTC EVO
HTC Incredible
HTC Nexus One
HTC Triumph / Desire / Bravo
HTC Vision Blaze / Desire Z
HTC Ace / myTouchHD / Desire
Motorola Milestone
Motorola Zeppelin
Motorola XT720, XT701
Motorola Split
Motorola Droid
Motorola Droid 2
Motorola Droid X
Samsung Galaxy S (Все варианты, включая Pro, Vibrant GT-i9000, SGH-i897, Captivate, Fascinate, SPH-D700, Epic 4G)
Samsung YP-MB2
Samsung Galaxy Beam GT-i8520 / Halo
Samsung SHW-M100S
Sony Ericsson Xperia X10/X10i
Dell Thunder
Dell Streak / Mini 5
Acer Stream / Liquid 110
Acer Liquid E Ferrari
LG KU9500 / SU950
Huawei SmaKit S7 Tablet
Pantech IM-A600S
Dell Flash
Dell Smoke
Optimus One

Устройства, оснащенные процессорами ниже ARMv7:

HTC Aria
HTC Dream (G1)
HTC Hero
HTC Legend
HTC Magic (G2)
HTC myTouch Slide
HTC Wildfire
Motorola Cliq
Samsung Galaxy Spica
Sony Ericsson Xperia X10 Mini

Из вкусного. Исходя из документации предоставленной участникам Adobe Prerelease Program
Среда исполнения AIR для Android устройств будет иметь весьма широкие возможности взаимодействия с устройством: будет доступ к камере (Camera, CameraRoll,CameraUI) и микрофону(Microphone), сохранение данных на CD карту, G-сенсор(Accelerometer, AccelerometerEvent ), события Жестов(GestureEvent) Multitouch(Multitouch ) , GPS (Geolocation,GeolocationEvent ).
Средства разработки: В настоящее время вкачестве средства разработки AIR приложений для Android предлагается Adobe Flash Professional CS5 оснащенный соотв. расширением (доступнно участникам Adobe Prerelease Program), так же возможно вести разработку любым доступным средством разработки и компилировать приложения специальным тулом коммандной строки входящим в комплект AIR SDK .
Использование Flex Framework в настоящее время не рекомендовано разработчиками, но ведутся работы по созданию специального FlexSDK (Hero), адапрированного к использованию на мобильных устройствах.

В настоящее время пререлиз Adobe Integrated Runtime для операционной системы Android, а так же вся необходимая документация и инструменты сборки доступна участникам Adobe Prerelease Program
и широким массам пользователей гуглофонов не доступна. О сроках релиза среды AIR для Android пока ничего не известно, предполагаю, что релиз, или хотябы публичная бета будет приурочена к предстоящему AdobeMax (23-27 октября 2010 года Los Angeles), но это лишь мои предположения.

Flash Player 10.1 на HTC Hero

2010-08-17T16:57:00.000+04:00

Недавно мой телефончик обновил Android до 2.1 update1. И о чудо! Захожу на главную страницу Flash Player на Adobe.com со своего телефона и не верю своим глазам. Там написано: You have version 10.1.123.404 installed! На моем "Hero" плеер 10.1. Ахренеть! Но радовался я недолго. Естественно полез смотреть всякие флэшки в том числе (и в первую очередь) своего производства. ГАВНО! Ждали ждали и усрались. Ни одно приложение на мобильнике толком не работает. Плохой мобильник. Плохой FlashPlayer. А самое главное - руки из жопы. Гадость первая. Текст во флэшках выглядит ужасно. Видимо в связи с тем, что не сохраняется реальный масштаб приложения шрифт ломается. Гадость вторая. При виде spark компонента(так мной любимых) плеер падает навзничь даже не дергая лапками. Увлекая за собой браузер. То же самое происходит, если приложение требовательно к объему оперативной памяти. Гадость третья. Все ужасно тормозит. Гадость четвертая. События мыши. Вот я так и не понял - работает или нет. Как-то через раз... Гадость пятая. Ни о каких mouse over, mouse out даже речи не идет... Гадость шестая. FileReference не работает!!! Т.е. любимая всеми и так часто реализуемая на флэше загрузка картинок на сайт с мобильника не возможна. Я так подозреваю, из-за того, что нет доступа к хранилищу. Гадость седьмая. Нет доступа к камере и микрофону. Вообщем на ваяли мы с Вами, собратья, контенту. Теперь же надо как-то разгребать. Причем, если разработчики html-сайтов иногда как-то заботятся о мобильных устройствах, то мы об этом и не думали никогда. А пора.

Flash – Артель.

2010-07-13T10:25:00.000+04:00

Аспект 1:

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

Аспект 2:

начинаю изучать AS c целью зарабатывать денги на этом поприще, но нет портфолио, нет опыта работы (что-то делал, но по книжке, что очень далеко от реальной работы), никто не дает никаких заказов, на фрилансе мое место 10549. Хоть вешайся.

Предлагаю решение:

1.Собираем команду или сообщество заинтересованных людей не обязательно высокой квалификации.

2. Разбиваем большие задачи на как-можно более мелкие.

3. Пишем подробную спецификацию для каждой (задачи мелкие – труда не составит).

4. Определяем цену и сроки по задачам.

5. Раздаем участникам. Не может один – даем следующему и так пока не будет сделана (никто не может – делай сам или объясни подробнее).

6. По концовке собираем проект в кучу, тестим, сдаем заказчику, получаем бабло – рассчитываемся с подельниками.

7. Можно участвовать как работодателем, так и соискателем.

Плюсы:

1.Начинающие получают опыт работы

2. Низкоквалифицированные сотрудники стоят меньше денег

3. Проект делается быстрее за счет параллельной разработки.

Принципы работы:

1.Работаем без предоплат. Не веришь что заплатят — ищи другую задачу.

2.Задачи подбираются исходя из уровня квалификации исполнителя, для этого по-хорошему, у каждого должны быть какие-то примеры работ, исключительно для того, чтобы определиться какого уровня задачу Вам дать, чтобы было интересно и в тоже время не отбить охоту к дальнейшему совершенствованию в этой области сверх сложной задачей.

3.Работодатели отдают себе отчет в том, что исполнителем может быть начинающий (т.е. Человек с низкой квалификацией), исходя из этого необходимо строить постановку задачи и исключить претензии по квалификации из общения с испонителем. Не нравится — ищи профессионалов.

4.Если исполнитель по каким-то причинам не может или не хочет выполнить поставленную задачу, он должен своевременно предупредить об этом работодателя. За это его никто не осудит, Артель дело добровольное.

5.Задачи ставятся так, чтобы «бабушке было понятно». Заказчик всегда на связи и готов разрулить затупления исполнителя.

Первые шаги уже сделаны, однако идея довольно спонтанна, пока-что существует на базе сервиса teamer.ru, но нас уже четверо! Присоединяйтесь. Высказывайте конструктивные идеи по совершенствованию схемы.

Сегодня День Фрилансера

2010-05-14T12:33:00.000+04:00

Оказывается есть такой праздник! И я поздравляю всех моих коллег - "Вольных стрелков" с нашим общим профессиональным праздником, несмотря на то, что "фрилансер" - не профессия, а образ жизни.

Всех нас - программистов, дизайнеров, сеошников, бухгалтеров, переводчиков, журналистов (если продолжать получится довольно длинный список) объединяет любовь к свободе, творчеству, честное отношение к оплате труда.

Успехов вам (нам), господа, профессионального роста, интересных заказов и адекватных заказчиков. И Ура! Наливай...

Юзаем Adobe Stratus

2010-04-18T13:43:00.000+04:00

Последнее время много приходится писать и делать в области трансляции потоков данных, вчастности видео-аудио с камеры и микрофона пользователя. Возможно эта тема действительно набирает обороты и заказчики обращают пристальное внимание на возможности флэш-платформы в этой области, возможно просто, как говорится, "масть пошла". Тем не менее еще один материал о трансяции живого потока с камеры и микрофона пользователя широким массам интернет общественности, только теперь на основе технологии p2p, с примером и открытым кодом. Начиная с 10 версии Adobe Flash Player поддерживает возможность передачи данных непосредственно с одного компа на другой посредством протокола UDP без помощи медиа-сервера, вернее, если быть точным, с минимальной его помощью. Задачей сервиса на стороне сервера (так называемый пировый сервер) является связь передающего и принимающего объектов на двух или нескольких компьютерах пользователей. Таким сервисом является Adobe Stratus. Подробнее от разработчиков (на английском естественно): http://labs.adobe.com/wiki/index.php/Stratus http://labs.adobe.com/wiki/index.php/Stratus:FAQ http://labs.adobe.com/technologies/stratus/

Итак что нужно, чтоб начать использовать Adobe Stratus. Первым делом необходимо зарегистрироваться на сайте Adobe.com , если конечно вы этого еще не сделали. Затем пойти на страничку проекта на AdobeLabs(http://labs.adobe.com/technologies/stratus/ ) и получить ключ разработчика (developer key ), в правой части страницы ссылка Signup for a Stratus beta developer key. Теперь о технике. Естественно, для успешного продолжения эксперимента ваш компьютер должен быть оборудован видеокамерой и микрофоном. Должна быть установлена версия Flash Player не ниже 10. Будем использовать Flex(Flash)Builder. C версией SDK не ниже 3.2. Если Вы по каким-то религиозным причинам не используете Flex, то подобный эксперимент можно провести и на Adobe Flash CS4 или любой другой IDE с разницей в реализации визуальных компонентов... И последнее. В Вашей системе (а так же в системах пользователей Вашего приложения) не должно быть ограничений по передаче UDP пакетов в адрес порта 1935 (такие ограничения может создавать брандмаузер, антивирусное приложение или прокси-сервер).

Для иллюстрации простейших возможностей этой технологии я создал небольшое приложение StratusTest (http://flexconstructor.ru/polygon/stratus/StratusTest.html ) исходный код приложения доступен по ссылке http://flexconstructor.ru/polygon/stratus/srcview/index.html , для Вас я подробно прокомментировал код, поэтому не буду повторять комментарии в формате поста блога. Расскажу только как оно работает. 1.Открываем приложение 2.Вводим имя пользователя паспорные данные, номер кредитки, ну можно и бойтись и какой-нибудь билебердой для начала, типа «fvbvsdfbvsdfbvdfb» 3.Выбираем будем ли мы инициаторами трансляции или подключимся к уже существующей (если таковая уже имеется). Будем инициатором. 4.Заходим в рабочее состояние приложения и разрешаем плееру использовать камеру и микрофон. Не обращаем внимание на предупреждение типа «Если Вы разрешите, то вас могут слушать и снимать». Небойтесь. Это тестовое приложение не использующее никаких серверных технологий, кроме пирового сервера AdobeStratus и никто за Вами не следит, потому, что кому вы нужны, как это ни печально звучит, а так же потому, что чтобы начать следить за Вами кому-то нужно угадать длиннющую строку, отображенную в верхней части окна под леблом My Peer ID. Эта строка генерируется экземпляром NetConnection, соединяющим вас с кем-либо знающим эту строку. В реальном приложении нам бы пришлось использовать какие либо сторонние методы для записи и публикации этой строки (например традиционно PHP+MySQL), т.к. Сервис AdobeStratus не предоставляет разработчикам никаких методов работы на стороне сервера. В нашем же случае передайте эту строку по аське, скайпу, электронной или голубинной почте вашему будущему абоненту и попросите его зайти по ссылке http://flexconstructor.ru/polygon/stratus/StratusTest.html , опять же ввести имя пользователя и ввести эту строку в поле Enter Peer ID и нажать кнопку Join. Вуаля. Есть контакт. Ваш абонент вас видит, слышит и может общаться с Вами по-средством чата в правой части панели приложения. 5.А можно просто открыть эту же ссылочку в новом окне браузера и насладиться, так сказать, самим собой. Вкратце как это устроено: С помощю этого тестогово приложения Вы можете являться либо инициатором конференции, либо ее участником. В любом случае, в первую очередь создается экземпляр NetConnection, образно говоря это некая труба по которой проходят потоки данных в ту и другую сторону. И подключается к сервису по адресу rtmfp://stratus.adobe.com/. Обратите внимание на то что название протокола RTMFP . Общее количество потоков, проходящих по этому каналу впринципе ограничено и по-умолчанию равняется восьми, однако это настраиваемый параметр (свойство экземпляра класса NetConnection maxPeerConnections открытое на чтение и запись), т.е. значение присвоенное этому параметру ограничено лишь пределами разумного. Далее, после успешного подключения к Stratus, если вы являетесь инициатором, то создается основной публикующий поток (еккземпляр класса NetStream ) _directStream=new NetStream(_netConnection,NetStream.DIRECT_CONNECTIONS) где netConnection- ссылка на экземпляр NetConnection NetStream.DIRECT_CONNECTIONS (новинка Flash p2p) строка определяющая, что данный поток является одноранговым. Объект-клиент этого потока (ну просто объект или экземпляр какого-нибудь специального класса, на ваш вкус, к которому приравнено свойство client публикующего потока) имеет метод onPeerConnect, вызывающийся при подключении воспроизводящего потока к публикующему, в качестве аргумента этого метода передается ссылка на воспроизводящий поток, т.е. на экземпляр класса NetStream, который будет воспроизводить, например медиаданные с основного потока, или ждать вызова определенных разработчиком методов в рамках своего клиента. Свойство ссылки на принимающий поток farID содержит строку соответствующую пиру вашего абонента. С помощью этой строки мы создадим слушающий поток, который будет принимать данные от клиента. var responder:NetStream=new NetStream(_netConnection,stream.farID); И тут хотелось бы обратить внимание на две особенность, попившие изрядно крови и на прямую не описанные ни в какой документации... ВНИМАНИЕ! Съел весьма неприятную собаку при организации обратного вызова слушающих потоков инициатора. Дело в том, что все потоки слушатели должны быть записаны в массив или каким-либо другим образом должны зафиксировать ссылку на себя в приложении, иначе GarbageCollector мигом грохнет ссылки на "неиспользующиеся потоки". И еще одну съел несколько раньше, при разработке реального приложения. Имена потоков подключенных клиентов должны быть уникальны, иначе все потоки, публикующие или слушающие потоки с одинаковыми именами будут закрыты.

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

Вот вобщем-то и все. Подробнее описано в комментариях к коду. Если все плохо и ничего не работает, при этом не возникает никаких ошибок, или сразу после создания подключения выскакивает событие NetStatusEvent с кодом объекта info “NetStream.Connect.Closed” то это может иметь массу причин (в этом как раз и недостаток этой технологии), восновном связанные с блокировкой UDP трафика антивирусником или фаерволом в вашей системе. Уточнить причину неполадок поможет тестовое приложение, доступное по ссылке http://cc.rtmfp.net/ (не вдаваясь в подробности, скажу что для успешной работы необходимо, чтобы ни одна кнопочка не была красной).

Не смотря на явные недостатки этой технологии (о них я писал в прошлой статье), такие как например частая нестабильность работы сервиса Adobe Stratus, неопределенность в будущем этого сервиса, являющегося уже давольно давно бетта-версией, отсутствие технической поддержки и блокировка UDP трафика во многих системах пользователей, существует уверенность в том, что эта грань великого и ужасного Flash будет сильно востребована пользователями и разработчиками в ближайшем будущем, тем более, что в долгожданной, но до сих пор не вышедшей версии FlashPlayer10.1 (Сколько можно ждать!!!!), уже реализовано расширение возможностей API плеера в этом направлении, реализован целый новый класс flash.net.GroupSpecifier, с помощью чего планируется возможность создания одноранговых сетей, типа «многие ко многим», что поистине взрывает мозг flash-фантазерам и серьезным разработчикам социальных сетей нового поколения (вчера прочитал интересное обсуждение этого вопроса на сайте Flash-потрошителей). Кроме того, по слухам, новая версия Adobe Flash Media Server, так же будет в полной мере поддерживать одноранговые соединения и создание сетей на их основе. Возможно именно это направление спасет Flash от зубов всепоглощающего убийцы по имени HTML5. Ну, а пока, советую воздержаться разработчикам приложений, требующих особо-серьезного подхода к стабильности соединения от разработки на основе Adobe Stratus, но вот для создания 10000001 -го клона chatRoulette или корпоративной видео-телефонии (где сисадмину вполне подсилу настроить UDP трафик и открыть порт 1935 на машинах сети) это решение вполне подходит, более того является очень привлекательным из-за невысокого бюджета.

Adobe FMS vs Adobe Stratus. Иметь или не иметь...

2010-04-10T11:36:00.000+04:00

Здравствуйте, Я прочитал вашу статью и честно говоря это первая статья, где нормально говорится как эта технология работает. У нас есть небольшая просьба по данному вопросу. У нас на компе установлено Флеш медиа Энкодер. МЫ передаем изображение и звук с этого компа на сайт. Но сайт не наш. Теперь у нас возникла идея создать в интернете собственный сайт (скорее страницу с юзером и паролем), куда можно вещать видео с нашего компа. У нас етсь свой домен и хостинг. Есть ли у вас какое то стандартное решение этой проблемы.

Добрый день. Спасибо за отзыв о моей статье, я рад что Вам это оказалось полезно. Что касается Вашей задачи, то тут есть некоторая объективная сложность. Во-первых, FlashMediaServer - продукт платный. В минимальной комплектации лицензия на его использование стоит порядка 1200 евро. Во-вторых. Стандартный публичный хостинг не подходит для установки сервера, по той причине, что FMS является демоном, т.е. программой которая, просто говоря, всегда работает, ни один публичный хост-провайдер не согласится на установку такой программы, т.к. это будет мешать работе других сайтов на этой площадке. Тут есть два решения: 1. Разместить свой компьютер в качестве сервера на площадке провайдера, такая услуга как правило предоставляется всеми провайдерами (colocation). Или арендавать у провайдера физический сервер, такая услуга так же доступна у всех провайдеров . И развернуть FlashMediaServer на нем. Что касается стоимости таких услуг - у всех она разная, но колеблится в пределах 1500-2500 руб в месяц. 2. Воспользоваться специализированным FMS хостингом. Примерно как тут: http://www.influxis.com/ официальный партнер Adobe http://www.flashcomguru.com/articles/hosts.cfm довольно большой список зарубежных площадок Самым бюджетным решением такой задачи может быть обращение к другой технологии - p2p (о ее использовании готовится следующая статья в моем блоге). Помочь в этом может бесплатный сервис от Adobe Stratus. Однако для реализации потребуется легкое понимание ActionScript 3, а так же есть ряд серьезных ограничений и неудобств, связанных с использованием p2p как то: 1.Блокировка UDP трафика фаерволами и антивирусными программами многих пользователей. 2. Stratus находится в стадии бетта-тестирования (и по мнению многих специалистов никогда из этой стадии не выйдет), а как следствие - стабильная работа сервиса не гарантируется разработчиками. 3. Сервис расчитан на профессиональных пользователей и службы техподдержки в традиционном смысле, насколько я знаю, попросту не имеет. Вот собственно и все, так что думайте сами, решайте сами иметь или не иметь.

P.S. В процессе подготовки этого материала нагуглил вот такой сервис http://www.livestream.com/. Слюна брызнула из моего рта. Черная зависть зарубежным коллегам затмила мой взор. Очень интересно. Это тоже вариант. Предлагается целая виртуальная телестудия для организации трансляции через браузер, или в еще более крутом настольном варианте. Есть вариант использования с ограниченными возможностями но бесплатно.Возможна запись передачи в файл. Для просмотра предлагается собственный видеоплеер.

Живая трансляция с Adobe Flash Media Server 3 и Adobe Flash Media Live Encoder.

2010-02-21T17:40:00.000+03:00

Специально по просьбе моего читателя Andrey публикую небольшой материал по использованию FMS для трансляции живого потока. Итак что нам для этого понадобится: Adobe Flash Media Server подробно на русском из первых рук http://www.adobe.com/ru/products/flashmediainteractive/ Надо сказать, что FMS не бесплатное приложение, точнее даже очень небесплатное, но компания Adobe любезно предоставляет разработчикам полнофункциональную девелоперскую версию продукта, правда с ограничением по количеству коннектов, чем мы и воспользуемся. Adobe Flash Media Live Encoder — свободная программа от Adobe позволяющая обеспечить захват потоковых данных, кодирование и отправку в адрес серверного приложения в составе FMS. Подробнее на русском: http://mediadomltd.ru/capacities-docs/fmle3-manual/ В наших целях мы могли бы и сами написать Flash приложение, которое обеспечивало бы данную функциональность, но зачем, ведь все уже есть и бесплатно. Итак. Все это хозяйство мы установим на клиентской машине, опять же в тестовых целях. Установка не вызывает ни каких затруднений. Полный вариант установки включает в себя установку web- сервера Appache. У меня к началу данного эксперимента уже был установлен Denver, поэтому я от установки Appache отказался. Если же последовать полной установке, то Appache будет стартовать автоматически при запуске FMS. Для решения нашей задачи нам потребуется:

1.Серверное приложение предназначенное для приема и передачи данных на стороне сервера.

2.Клиетское приложения для захвата, кодирования и отправки потока в адрес серверного приложения (оно у нас есть - Adobe Flash Media Live Encoder)

3.Клиентское приложение -плеер для приема потоковых данных (разработка такого приложения — отдельная тема, поэтому возьмем стандартный, например тот, что входит в комплект поставки FMS).

Итак круг наших задач сузился до разработки серверной части. Для этого идем в директорию, установки FMS, находим там папку applications. В ней лежат две папки тестовых приложений : «live» и «vod» Приложение vod позволяет транслировать плейлист flv-файлов, в контексте данного материала оно нас не интересует. Приложение «live» как раз и решает поставленную задачу, т.е. Организует трансляцию видео и аудио потока. Протестируем его. Для этого:

1.Запустим FMS(в винде делай «Пуск» → Flash Media Server-> Start Adobe Flash Media Server ) .

2.Запустим Adobe Flash Media Live Encoder. Если подключены камера и микрофон, то в двух окнах (Input и Output) должны появиться наши рожи. По умолчанию приложение как раз настроено на подключение к live на localhost. В правом окне программы есть строки FMS URL: В нем введено rtmp://localhost/live т.е. Адрес приложения на FMS, и Stream: введено livestream — уникальное имя потока используемого приложением. Эти данные нам пригодятся, чтоб подключится к этому потоку клиентским плеером. Жмем зеленую кнопку старт и начинаем трансляцию.

3.Идем в директорию установки FMS и в поддиректории samples\videoPlayer\ запускаем в браузере videoplayer.html, в нижней части окна видим поле ввода «STREAM URL: » вводим в него данные в следующем виде [protocol]://[servername]/[application]/[codecID]:[streamname+extension] т.е. В нашем случае rtmp://localhost/live/livestream отмечаем чекбокс LIVE и жмем кнопку «PLAY STREAM» Обана. Наши рожи! Для дальнейшей модернизации нашего мини интернет телевидения дублируем папку FMS/applications/live в рамках FMS/applications и обзовем ее как-нибудь иначе, ну например «myTV», в результате данной операции мы должны иметь директорию FMS/applications/ myTV, можно создавать сколько угодно копий приложения live. Адрес для подключения клиента для вновьсозданного приложения будет выглядеть так: rtmp://localhost/myTV/livestream. Для того, чтобы иметь возможность модифицировать наше приложение (Внимание! Нам не предоставлена возможность модифицировать само приложение live, для этого мы создали его дубликат) нам необходимо проделать следующее:

1.Перенесем куда нибудь подальше файл main.far из директории FMS/applications/myTV

2.Скопируем файл \FMS\samples\applications\live\main.asc в FMS/applications/myTV

3.Откроем в текстовом редакторе файл FMS\conf\fms.ini (перед тем как дрожащей рукой вносить в него изменения желательно сделать бэкап этого файла). Исправим параметр LIVE_DIR с того, что там написано (это был адрес приложения live) на адрес нового приложения .

4.Рестарт Сервера. Для этого делаем «Пуск»->FMS-> Flash Media Administration Console заходим в админку под учетными данными введенными при установке FMS. Заходим во вкладку Manage Servers. В футере панельке Servers находим кнопку Restart Server or vhost.

5.После этого протестируем созданное нами приложение myTV подобно тому, как тестили live. Если все зделано правильно — приятного просмотра!

И на закуску - самое полезное: Русскоязычная документация на API FMS: http://ruslanshestopal.com/flashmediaserver Спасибо, RuslanShestopal

Отдам котят в хорошие руки

2010-02-20T21:23:00.000+03:00

Братья и сестры, жители Ростова-на-Дону и его окрестностей. Собственно сабж. Коты замечательные красивые и игривые два белых два - тоже полосатых вот фотки:на flicr Забирайте, а то придется завезти в теплые края. Жена плачет, дети плачут, жалко...

Accordion с изменяемой высотой хедера

2009-12-07T19:37:00.000+03:00

Уже довольно давно, в рамках русскоязычной mail-конференции flex-разработчиков ruFlex я задал вопрос о том как можно безболезненно собрать компонент на основе mx.containers.Accordion, причем так, чтобы высота его хедеров подстраивалась под содержание. Ответа не последовало, а значит пришлось ковырять самому. Несмотря на то, что ветка не вызвала особого интереса уважаемой Flex-общественности, я решил, всеж таки, ее закрыть собственным решением. Может быть кому-нибудь пригодится. Исходный код, как всегда, прилагается...

Оценка стоимости разработки flash-приложения.

2009-10-23T14:10:00.000+04:00

На прошедшем вчера в Ростове-на-Дону джем-сейшене web-разработчиков, я спьяну по-обещал собравшимся выложить свой принцип оценки стоимости разработки flash-приложения. Принцип этот относительно прост, абсолютно не нов и достаточно универсален.Не я придумал, что задачу любой сложности можно резбить на ряд под-задач, и не я придумал, что работа программиста состоит на 80% из рутинной работы по применению часто повторяющихся элементов. Остается только определиться с тем какие элементы будут применяться в проекте и оценить стоимость их внедрения в руб/час, или $/час по-жадности.Итак, вот что у меня получилось исходя из того, что я flash-разработчик и свою жадность я оцениваю в 15$ в час:

Цены на разработку флэш-элементов

стандартный набор работ:

Виды работ	Время разработки	Стоимость работ
Рекламный баннер. 1 сцена	1 час	15$.
Разработка шапки сайта. Со статической шириной. 1 сцена (без учета использования внешних данных)	1 час	15$.
Разработка шапки сайта. С динамически изменяемой шириной. 1 сцена (без учета использования внешних данных)	2 часа	30$
Использование внешних данных. Переменные окружения.	1 час	15$.
Использование внешних данных. Внешний файл (XML,.txt)	1 часа	15$.
Использование внешних данных. Получение/Отправка текстовых данных 1 метод	2 часа	15$
Использование внешних данных. Получение/Отправка изображений 1 метод	2 часа	15$
Использование внешних данных. Получение/Отправка видео-поток 1 метод	4 часа	60$
Использование внешних данных. Получение/Отправка аудио-поток 1 метод	2 часа	30$
Использование внешних данных. Получение/Отправка DOM (XML/JSON) 1 метод	2 часа	30$
Шифрование.Дешифрование MD5 1 метод	3 часа	45$.
Разработка галереи изображений 1 уровень(без учета взаимодействия с внешними данными)	10 часов	150$
Разработка галереи изображений многоуровневая(без учета взаимодействия с внешними данными)	16 часов	240$
Разработка флэш-сайта . 1 раздел(без учета взаимодействия с внешними данными)	8 часов	120$
Разработка меню сайта (без учета взаимодействия с внешними данными) 1 уровень	8 часов	120$
Настройка приложения с учетом политики безопасности FlashPlayer 1 домен	2 часа	30$
Установка оригинального предзагрузчика элемента	1 час	15$

Организация модульных приложений

Виды работ	Время разработки	Стоимость работ
Организация загрузчика модулей приложения (организация загрузки, позиционирования, обработки событий)	2 часа	30$
Разработка схемы модульности приложения(разделение функционала на модули)	3-4 часа	45 - 60$
Создание модуля, организация взаимодействия с основным приложением(1 модуль)	2 часа	30$
Оптимизация компиляции модульного приложения (на 1 модуль)	1 час	15$

Организация взаимодействия с внешними API

Наименование	Время разработки	Стоимость разработки
API vkontakte.ru	20 часов	300$
API flickr.com	30 часов	300$
API YouTube	40 часов	600$
API GoogleMap	10 часов	150$
SmartFoxServer(без учета установки и настройки сервера)	20 часов	300$
Создание серверного расширения на AS Для серверов SFS и FMS 1 метод	2 часа	30$
Soap/WSDL создание 1 метода обработчика	2 часа	30$
Поиск в Google на основе Google API	3 часа	45$

Обработка изображений средствами Flash

Виды работ	Время разработки	Стоимость разработки
Подключение компонента пользовательского интерфейса Drag/Resize/Rotete	12 часов	180$
Подключение компонента пользовательского интерфейса Crop	8 часов	120$
Загрузка медиа-файла с локальной системы пользователя	4 часа	60$
Выгрузка медиафайла в локальную систему пользователя	4 часа	60$
Добавление 1 стандартного фильтра	1 час	15$
Искажение изображения. 1 алгоритм	2 часа	30$
Ресайз изображения средствами флэш-клиента	2 часа	30$
Наложение изображений	4 часа	60$
Создание контролов на основе Flex-framework 1 шт	1 час	15$
Создание собственного контрола	2-4 часа	30-60$

Работа с данными

Виды работ	Время разработки	Стоимость разработки
Разработка общей информационной схемы приложения на основе микро-архитектуры PureMVC	2 часа	30$
Расширение информационной схемы взависимости от сложности приложения (аналог создания 1 таблицы БД)	2 часа	30$
Создание обработчика 1 удаленного объекта(получение/отправка данных)	2 часа	30$
Валидация данных введенных пользователем с сообщением ошибок заполнения на стороне клиента 1 поле	1 час	15$
Организация формы авторизации/ регистрации пользователя на стороне клиента с отправкой данных и обработкой результата	6 часов	90$
Организация локального сохранения данных в SharedObject(аналог cookes) 1 объект	1час	15$
Связь с внешним интерфейсом (вызов.обработка JS метода)1 метод	1 час	15$
Организация SEO пригодной внутренней индексации разделов (страниц)	2 часа	30$
Организация внутреннего поиска по подстроке 1 метод	1 час	15$
Организация обработки RSS/Atom	2 часа	30$

Работа с мультимедиа

Виды работ	Время разработки	Стоимость разработки
Организация демонстрации видео-потока flv/rtmp(без учета контролов. Подключение контролов см. выше)	4 часа	60$
Организация трансляции видео-потока с камеры локальной системы пользователя (конечная точка — любой медиа-сервер) без учета установки и настройки медиасервера.	6 часов	90$
Организация приема потокового-звука (радио). Без контроллов (Подключение контролов см. выше)	2 часа	30$
Организация непрерывного вещания плейлиста(аудио/видео). Без контроллов (Подключение контролов см. выше)	2 часа	30$
Установка стандартного медиаплеера (JW Player)	2 часа	30$
Доработка функциональности стандартного меда-плеера JWPlayer 1 новый элемент	4 часа	60$

Разработка AIR(Настольных приложений)

Вцелом все точно тоже самое, что и в предыдущих разделах, плюс:

Виды работ	Время разработки	Стоимость разработки
Получение списка элементов локальной системы пользователя	4 часа	60$
Получение доступа к файлу в локальной системе пользователя	2 часа	30$
Сохранение данных в файл в локальной системе пользователя	3 часа	45$
Создание локальной базы данных в системе пользователя (Sql Light )1 таблица	1-3 часа	15- 45$
Взаимодействие с базой данных в локальной системе пользователя (Sql Light )1 метод(запись/ удаление/ редактирование)	2 часа	30$

Естественно, список пополняется и изменяется в процессе творческой работы (на что программист тратит остальные 20% своего времени).Надеюсь приведенный прейскурант, а так же сам принцип формализации творческого процесса поможет давать правильную оценку времени и денег, что несомненно является самой трудной и ответственной задачей разработчика.

Townhouse

2009-08-09T00:13:00.000+04:00

Я прошу прощения, за то, что не закончил в срок материал по теме "Flex+drupal=", хотя обещал, что он выйдет на прошедшей неделе. Работы по его изданию ведутся, но помешало событие, которое я задумал несколько месяцев назад. А я задумал следующее: Переехать из душной квартиры в частный дом, вернее в townhouse. В моем случае это половина двухэтажного дома на окраине г.Аксая, в котором я живу, при этом, я съезжаюсь со своими родителями (я - это я+ моя жена + двое детей). Суть процесса заключается в том, что мы продаем 3 пренадлежащие нам хрущебы и за эти денги покупаем очень хороший, сделанный творческими людьми, до мелочей продуманный дом с небольшим участком земли. Ребята которые его построили - коллектив профессионалов с Большой Буквы, которые мало того, что построили для нас это чудо, но и еще помогли провернуть такую сложную операцию, причем сделали это на доверии и максимально комфортно для покупателя. Спасибо им огромное. Правда, в связи с этим я на некоторое время впал из привычной мне жизни. Прошу меня простить. Скоро буду...

Flex+Drupal=...

2009-07-23T12:39:00.000+04:00

Итак задача. Построить flash-сайт, причем на CMS.
Что такое CMS и зачем это надо - читать тут.
Для реализации этой задачи можно использовать два подхода:
1. Писать свою CMS -задача не простая, а главное долго. Отметаем этот вариант, хотя бы потому, что CMS уже написано великое множество, плодить свою, и не факт, что лучшую, мне кажется задачей неблагодарной.
2. Выбрать из готового. Есть варианты:
http://fuzzle-cms.ru но за деньги Цена основной версии Fuzzle CMS 12900 руб для физлиц (для юр.лиц - 19500)
http://www.flashloaded.com/ здесь слегка дешевле, но на английском Price: $149.95 (per website) , правда и функциональность ограничивается в основном неплохим текстовым процессором на flash.
http://fcmspro.com/ - 299$ и тоже на буржуйском
http://qubix-cms.org/ на русском бесплатно и очень грамотно.

В общем вариантов достаточно много, и если в Ваши задачи входит создания простенького функционально, но броского анимированного flash-сайта и в Вашем бюджете есть немного лишних денег, то дальше можете не читать.
Мы же откажемся от готовых решений по ряду причин. Ну, во-первых это не спортивно, а во-вторых, примем во внимание функциональную ограниченность вышеописанных систем, а так-же проблематичную расширяемость...
Как Вы понимаете, переходим к варианту №3, который будет некой золотой серединой, между вышеизложенными.
Берем традиционную, опробованную на тысячах web-сайтов, бесплатную CMS, поддерживаемую огромным многоязычным комьюнити разработчиков (в том числе и на русском языке), имеющую вполне развитую русскую локализацию. Такой системой, в нашем случае, будет CMS Drupal, хотя бы потому, что в наших экспериментах мы не единственные и работы в этом направлении уже велись, и , что самое главное, в состав подключаемых к системе модулей входят модули специально разработанные для взаимодействия системы с flash-клиентом. Но о них чуть позже. Итак начнем.

1.Flex+Drupal=... Строим сервер.

Нам потребуется:
Дистрибутив Drupal - берем здесь Drupal 6.13 (последнее обновление 2.07.2009 1.05Mb);
Для версий Drupal 6.x: русский перевод интерфейса (в формате PO, всё в одном файле)
AMFPHP 1.9 Beta 2 совершенно чудесная библиотека на PHP, наверняка пригодится вам для организации взаимодействия flash-клиент-сервер и за рамками данного проекта.
AMFPHP модуль Drupal - модуль для реализации работы библиотеки AMFPHP в контексте CMS Drupal
Services модуль Drupal - модуль для организации работы web-сервисов в контексте CMS Drupal
Views - чудесный модуль, только за него можно полюбить Drupal
не скупимся - берем самые последние стабильные версии, все равно бесплатно.

Устанавливаем Drupal - инструкция тут читаем от "Шаг1" до "Установка модулей", с учетом того, что все необходимые модули у нас есть.
В инструкции описана установка русского варианта Drupal, если с этим возникли трудности(мы взяли англ. версию), то ставьте англ..
Затем идите в Administer->Modules включаем модуль Locale -> сохраняемся. Идем в SiteConfiguration->Languages делаем Add Language -> выбираем в Language name(выпадающий список) "Русский", нажимаем на кнопку "Add Language"-> в списке языков отмечаем русский, как default -> сохраняемся -> идем по ссылке "import page"
жмем на кнопку "Выбрать файл" и вспоминаем куда мы сохранили файл перевода http://www.drupal.ru/files/drupal-6.6-ru.po выбираем -> сохраняемся. Вуаля. Наш Drupal теперь "Друпал" и говорит по-русски, как на своем.
Ага. На чем мы там остановились? Установка модулей. Ну, там все по инструкции. Распаковываем в sites/all/modules/ (если папки modules там нет, то создадим ее), да чуть не забыл. В папку sites/all/modules/amfphp (это модуль amfphp из архива amfphp-6.x-1.0-beta1.tar.gz) распаковываем содержимое архива amfphp-1.9.beta.20070513.zip(т.е у нас получается примерно такя конструкция sites/all/modules/amfphp/amfphp) -> идем в Управление -> Модули и все включаем.

Теперь идем в Управление -> Конструкция сайта -> Servises-> Browse. Видим список подключенных нами сервисов. Из этого списка и будем выбирать необходимые нам. По клику на сервисе можно перейти на тестовую страницу сервиса и проверить его работоспособность. Например выбираем метод system.connect жмем call method и получаем результат - свои данные пользователя в формате JSON У меня это выглядит примерно так:

stdClass Object  (      
[sessid] => 889e2c9d58e0e22ee54328c37a9eacf7      
[user] => stdClass Object          
(              
[uid] => 1              
[name] => kohl              
[pass] => 731982a033a5cc815ac03c8504abb748              
[mail] => kohl@m-design.ru              
[mode] => 0              
[sort] => 0              
[threshold] => 0              
[theme] =>               
[signature] =>               
[signature_format] => 0              
[created] => 1247949692              
[access] => 1248293418              
[login] => 1248120025              
[status] => 1              
[timezone] =>               
[language] =>               
[picture] =>               
[init] => kohl@m-design.ru              
[data] => a:0:{}              
[sid] => 889e2c9d58e0e22ee54328c37a9eacf7              
[hostname] => 127.0.0.1              
[timestamp] => 1248293443              
[cache] => 0              
[session] =>               
[roles] => Array                  
(                      
[2] => authenticated user                  
)            
)    
)

Все работает.

2.Flex+Drupal=... Строим клиент.

Для этого нам понадобится:
FlexBuilder 3
Flex SDK 3,3
PureMVC

Создаем новый Flex проект скажем, под названием drupal_flex_client, Для тех, кто использует Denver отмечаем, что Application Server Type нашего проекта - PHP.-> Next. Устанавливаем Web root проекта (у меня это C:\WebServers\home\drupalflashsite.ru\www) и Root Url (у меня это http://drupalflashsite.ru), делаем Validate Configuration, и если все ОК --> Next .Я обычно переименовываю название базового mxml компонента в main.mxml, хотя это дело вкуса. В общем жмем финиш и идем в папку lib импорт и где там у нас лежит PureMVC, импортируем.
Жмем f11 и Упс, Видим Сообщение от Друпала, что страница, не найдена. Исправим это. Идем в корень нашего сайта и создаем папку backup на всякий случай, копируем туда файл .htaccess. Заходим в оригинал и слегка его правим:
Ищем строку DirectoryIndex index.php и вместо "index.php" пишем относительный путь к нашему "main.html", сохраняем файл. Теперь вместо индекса будет открываться наша флэшка, а по адресу http://Ваш сайт/admin мы будем попадать в панель управления сайтом, что и требовалось.
Далее. Заходим в http://Ваш сайт/admin/build/services/keys и создаем ключ разработчика API key(в данной статье он нам не пригодится, но впоследствии без него не обойтись) , в графе "Allowed domain" ставим "*" Жмем кнопку (create API key). Теперь самое главное (потерял 2 часа, пока допетрил), идем http://Ваш сайт/admin/user/permissions модуль services и ставим галку в колонке анонимный пользователь, что разрешает всем и каждому обращаться к web-сервисам Вашего сайта.
Возвращаемся к flex-клиенту. На данном этапе наша задача - приконнектиться к сереру и получить данные пользователя. Иными словами выполнить команду system.connect только уже не с тестовой страницы, а с реального флэш-клиента.
Для реализации этой задачи используем микро-архитектуру PureMVC. В данном контексте я не буду углубляться в объяснения связанные с PureMVC, тем более, что по этой теме написано достаточно много, в том числе и на родном языке:
"Архитектура и ключевые фигуры фреймворка PureMVC",
"Фасад (Façade) — ядро и лицо фреймворка PureMVC",
"Как устроены Модель, Вид и Управление во фреймворке PureMVC "
Переведена на русский и бестпрактика PureMVC на официальном сайте проекта http://puremvc.org,
Даже я приложился к этой теме в своей статейке Женим Flex и pure Flash средствами PureMVC с прилагающимся исходником.
Так, что, если Вы уже в теме, то двинемся дальше. Создадим папку services в src flex-проекта и поместим туда файл services-config.xml со следующим содержанием:

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

   <services-config>

  <services>

  <service id="amfphp-flashremoting-service"

  class="flex.messaging.services.RemotingService"

  messageTypes="flex.messaging.messages.RemotingMessage">

  <destination id="amfphp">

  <channels>

  <channel ref="my-amfphp"/>

  </channels>

  <properties>

  <source>*</source>

  </properties>

  </destination>

  </service>

  </services>
 <channels>

  <channel-definition id="my-amfphp" class="mx.messaging.channels.AMFChannel">

  <endpoint uri="http://Ваш сайт/services/amfphp" class="flex.messaging.endpoints.AMFEndpoint"/>

  </channel-definition>

  </channels>

  </services-config>

где, endpoint uri="http://Ваш сайт/services/amfphp" - это адрес файла /sites/all/modules/amfphp/amfphp/gateway.php в системе координат Друпала. Получить этот адрес можно сделав тест на странице сервисов в админке http://Ваш сайт/admin/build/services жмем на ссылку AMFPHP - /services/amfphp и переходим на страничку с текстом:

amfphp and this gateway are installed correctly. You may now connect to this gateway from Flash.

  Note: If you're reading an old tutorial, it will tell you that you should see a download window instead of this message. This confused people so this is the new behaviour starting from amfphp 1.2.

  View the amfphp documentation

  Load the service browser

Это значит, что все у нас работает корректно и в адресной строке как раз адрес файла gateway.php.
Далее, открываем Свойства нашего flex-проекта (FlexBuilder ->FlexNavigator->drupal_flex_client(наш проект)->rightClick->Properties -> FlexCompiler) и через пробел, после того, что написано в поле ввода Additional Compiler Arguments вводим адрес нашего services-config.xml ( выглядит это так -locale en_US -services services/services-config.xml).Сохраняемся.
Далее создаем суб-команду в файле StartupCommand нашего flex-проекта. Эта команда будет вызываться в тот момент, когда создано приложение, созданы прокси и медиаторы приложения команда должна содержать следующее:

 

  import mx.rpc.events.FaultEvent;

  import mx.rpc.events.ResultEvent;

  import mx.rpc.remoting.RemoteObject;


 

  override public function execute(notification:INotification):void{

  var service:RemoteObject=new RemoteObject;

  service.source="system"

  service.destination="amfphp";

  service.addEventListener(FaultEvent.FAULT,faultHandler);

  service.addEventListener(ResultEvent.RESULT,resultHandler);

  service.connect();

  }
private function faultHandler(event:FaultEvent):void{

  trace("FAULT= "+event.fault)//Содержит сообщение об ошибке.

  }
private function resultHandler(event:ResultEvent):void{

  trace("resultHandler - "+event.result)

  /*

  Здесь мы должны получить тот же результат, что и при вызове метода system.connect с тестовой страницы сервисов админки друпала,

  с той лишь разницей, что объект user будет пуст, как барабан, т.к. с точки зрения Drupal мы зашли как неавторизованый пользователь.
*/
}

Напоследок немножко о теории PureMVC, в материале бестпрактика PureMVC очень авторитетные люди считают, что вызов методов удаленных объектов есть прерогатива модели, я же эту функциональность целиком перекладываю на контроллер, может быть я и не прав, кто не согласен - делайте по-своему, ведь PureMVC - не догма, а руководство к действию.
Исходник прилагается. Продолжение следует...

Баннер Альтернативы

2009-07-04T11:55:00.000+04:00

Совершенно безвозмездно разместил баннер Альтернативщиков. Очень интересный проект! Наш проприетарный кукиш буржуазному Papervision3D (бесплатному) :)! Болею за наших! Так держать!

TemplateMonster

2009-07-03T00:36:00.000+04:00

Вопрос:

VisioN пишет...

Здравствуйте. Что вы можете сказать о flash-шаблонах templatemonster? Недавно пришлось столкнуться с парой шаблонов, если честно я в ужасе...Классы, находящиеся там дополняют готовые классы флэша, например mx.controls.Button, mx.controls.RadioButtonGroup. Раньше всё задумывался почему эти сайты так тормозят на слабых компьютерах, теперь взглянув на код хочется повеситься

2 Июль 2009 г. 0:11

Ответ:

Добрый день. На самом деле шаблоны на монстре - неисчерпаемый источник вдохновения flash-технолога. Встречаются очень интересные решения. Мне, например очень нравятся шаблоны под маркой Di . Спасибо, кстати ему огромное!

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

Многие шаблоны существуют уже довольно давно, мне встречались программы, явно портированные с AS1-2, однако смотрятся, и наверняка продаются. Так что проще посмотреть как сделан понравившийся эффект, что-то позаимствовать оттуда и сделать по-своему.

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

Если говорить о ценах на шаблоны, то нужно отметить, что конечно-же глупо покупать эксклюзив за несколько тысяч долларов, за эти деньги Вам сделают лучше, а вот потратить 20-50$ за исходник бывает не грех, т.к. Графика и код(местами) стоят этих денег и вслучае модернизации избавят от большОй части рутинной работы. Можно и декомпилировать демки (защиты никакой), но это не красиво по отношению к авторам, ну и реально Вы теряете весь код, так-что, если позволяет бюджет проекта лучше раскрутить заказчика или манагера на лишние 50-100$ и сократить время разработки как раз на 2-3 дня.

Флэш-ликбез

2009-06-17T15:12:00.000+04:00

Решил начать публично отвечать на вопросы интересующихся по технологии Flash/Flex (хотя " Flex", как торговая марка, начинает отмирать стараниями Adobe, новый Builder будет называться FlashBuilder, однако, как flex-конструктор я позволю себе еще употреблять это слово:))

Итак, господа начинающие и неочень, пишите свои вопросы в комментах к этому посту, а я по-мере сил и компетенции буду на них отвечать.

Убедительная просьба не задавать вопросы, типа:"А что такое Flash?" или "Хочешь ли ты удлиннить свой член на 10 см?":

На эти вопросы отвечу сразу: "Удлиннять член мне уже поздно..."

Что такое флэш - читайте тут:

http://help.adobe.com/ru_RU/Flash/10.0_Welcome/

http://wiki.flash-ripper.com/?title=Заглавная_страница

http://flasher.ru

Женим Flex и pure Flash средствами PureMVC

2009-03-10T01:27:00.000+03:00

Очень часто приходится сталкиваться с такой задачей:

Необходимо организовать взаимодействие flex-приложения и подгружаемого в него flash-ролика, изготовленного без использования FlexFramework (так называемый pure Flash).

Решение подобной, на первый взгляд, простой задачи породило огромное количество извращений, предлагаю очередное.

Для решения задачки нам понадобится PureMVC. Я использую PureMVC Multicore. Взять здесь.

Для тех, кто не знает что ето такое читать:

на русском

В картинках (чудеса, скоро будет книжка раскраска PureMVC для самых маленьких :))

"Чисто MVC",

"Архитектура и ключевые фигуры фреймворка PureMVC",

"Фасад (Façade) — ядро и лицо фреймворка PureMVC",

"Как устроены Модель, Вид и Управление во фреймворке PureMVC ",

Как создать простой FLV-плеер во Flex и Flash, используя PureMVC и на английском:

PureMVC MultiCore Modular Pipes Application - a better way in!

Dynamic Mortgage Demo (чудесный пример организации модульного приложения с помощью PureMVC, естественно - более сложная задача, чем предлагаю я)

Пример загрузки внешних ресурсов

Building a Flash site using PureMVC

Renju, The Game

Начитавшись всего этого, осмелюсь предложить Вашему вниманию следующее решение:

Суть метода основывается на "кросскриптовости" фреймвопрка PureMVC и сводится к тому, что после загрузки внешний ролик прописывает свой медиатор в список объектов основного приложения и с его помощью может реагировать на нотификации основного приложения, а так же может сам быть источником этих нотификаций.

Предлагаю Вашему вниманию небольшой пример , ссылка на исходный код, как это обычно бывает, в контекстном меню (жмем правой кнопкой мыши)...

Удачи!

40 лет - ума нет.

2009-01-26T00:29:00.000+03:00

Вот прикольно, когда нам было лет по 10, мы думали, что в 2000 году все будут летать на собственных космических аппаратах, иметь дачи на Венере или на Марсе, ну на худой конец на Юпитере или на Плутоне. А сколько же мне будет в 2000 году? Простые вычисления и результат - 31 год. Да, я же буду совсем старик...

Теперь мне 40... Мы не летаем на наши дачи на Юпитере и на Венере и вообще не знаем (как и не знали тогда) ничего про космос. Мои дети играют в Counter Strike, а мне уже и не интересно....

У меня свои мечты, свои реальные проекты.... Какие дачи? Какие звезды?.. все значительно проще и интереснее... Каждая минута на счету- работаем на будущее, а звезды, они где-то там в небе и нам до них, наверное как до смерти. Больше прошли, чем осталось....

Не в тему кризис.

2008-11-29T00:45:00.000+03:00

Дамы и господа, леди и джентльмены, проездом из Нью-Йорка... Вещают все теле и радиостанции бывшего Советского Союза... Народный артист... Великий и ужасный... Кризис, господа! Встречайте! И зал неистовствует. Кто-то рыдает от ужаса, кто-то верещит от радости, кое-кто упал с балкона... Но занавес как-то долго не открывается...

Не кажется ли Вам, что сильно уж много говорят о кризисе? Как то подозрительно... Прошлый раз (1998) никто ничего никому не сказал. Люди проснулись утром, а курс доллара в ближайшем обменнике 26 руб. и долларов в наличии нет. А тут такая помпа, такая PR-компания етого самого кризиса, что если бы его и вовсе небыло, то он бы 100 пудов появился во всей своей свирепой ярости. Тут еще ни с того ни с сего про голодомор напомнили...

FlashPlayer10. Политика в опасности!

2008-11-21T17:46:00.000+03:00

Коллизия с обновлением политики безопасности FlashPlayer10 принимает новый оборот: "Mail.ru просит откатиться на 9-й flash-плеер". Мало того, что нововведения сделанные Adobe сломали работу такого распространенного инструмента как SWF Upload, переход на "десятку" большого количества пользователей сулит серьезные проблеммы ресурсам, использующим взаимодействие нескольких флэш-элементов или флэш клиент - сервер. Существует огромное количество готовых, давно и уверенно работающих проектов, написанных на AS1-2, где используются модули(здесь не всмысле Flex), созданные давно и разными разработчиками, исходники которых утеряны. Работают игры, да и работают, пока гром не грянет. И вот он грянул.

Попробую разобраться в нововведениях, сделанных Adobe в отношении политики безопасности FlashPlayer, используя материалы сайта Adobe.com: http://www.adobe.com/devnet/flashplayer/articles/fplayer9_security.html

Ужесточение политики безопасности Flash Player было вызвано повсеместными воплями юзеров и разработчиков о тотальной уязвимости плеера. Два примера:

1 . Предположим вы администратор флэш-сайта. Возможно вы разрешаете пользователям загрузку файлов на сервер средствами Flash Player, но не хотите, чтобы пользователи Вашего сайта имели возможность использовать ресурсы сайта. В этом случае отсутствие разрешения в файле кроссдоменной политики вашего сайта не может быть припятствием для злоумышленника. Он может такой файл закачать к вам на сайт сам используя ваш-же интерфейс. При этом совершенно не важно как этот файл будет называться и какое расширение иметь. Зловредная флэшка хакера воспримит его как файл политики.

2. Предположим злой хаккер является администратором собственного DNS-сервера. В файле кросс-доменной политики, на своем серваке он, подлый, может (мог) прописать разрешение доступа к ресурсам стороннего сервера, и все бы работало.

Что придумали в Adobe:

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

2. Опять же в теме сокетных соединений, теперь разрешение файла политики базируется на IP-адресе, а не только на имени домена.

3. Для сокетных соединений применяется фиксированый адрес мастер-файла политики порт 843 пример файла политики:

<cross-domain-policy>
<site-control permitted-cross-domain-policies="master-only"/>
<allow-access-from domain="mysite.com" to-ports="999,8080-8082"/>
</cross-domain-policy>

4. Программы, использующие сокетные соединения с localhost, должны получать разрешение от файла политики, аналогичное разрешению на взаимодействие по протоколу HTTPS т.е. использовать атрибут secure="true";

5. Введено понятие мета-политики. теперь администратор сервера может разрешить доступ к ресурсам где-либо, неразрешить нигде или разрешить везде...

Мета-политика может быть разной в отношении следующих взаимодействий :

HTTP и HTTPS сервером. Каждый сервер делает свои собственные мета-политические декларации, которая не влияет на другие серверы. Например, мета-политики HTTP-сервер на 80 порту влияет только на этом сервере, а не HTTP-сервер на порту 8080 на том же хосте. Кроме того, мета-политики HTTP-сервера не влияет на HTTPS-сервер на одном хосте, или наоборот.
FTP-серверы. Опять же, каждый сервер делает свои собственные мета-политические декларации.
Любой из хостов может объявить метаполитику сокетного соединения низкого уровня, с использованием ActionScript Socket и XMLSocket классов, высшего уровня подключения к HTTP и FTP серверам, используя любые ActionScript API, помимоSocket и XMLSocket, при этом взаимодействия с объектами этих типов будут требовать разных мета-политик(тут возможно я чего-то недопонял,если надо - кто может поправьте). Для получения дополнительной информации см. раздел, посвященный политике сокетных соединений.

Мета-политические заявления могут содержать следующие значения:

all - разрешено взаимодействие с любыми файлами политики расположенными где угодно;
by-content-type- разрешено взаимодействие с ресурсами, которые в HTTP заголовке возвращают Content-Type text/x-cross-domain-policy . Это значение мета-политики доступно только для HTTP и HTTPS серверов. Большинство HTTP-серверов предусматривают гибкие способы решить, каким образом присвоить Content-Type так что это самый полезный вариант, когда это желательно, чтобы некоторые файлы были доступны, а другие нет. Общие стратегии для присвоения text/x-cross-domain-policy типа указать его для отдельных мест, что требует одобрения администратором для каждого файла политики, или выделить text/x-cross-domain-policy в какой-то файл, имя которого crossdomain.xml, тем самым позволяя файлу политики существовать в любом месте.
by-ftp-filename - используется только для FTP - серверов. Смысл заключается в том, что можно получить только файл crossdomain.xml(что-угодно/crossdomain.xml).И в дальнейшем применять политику определенную этим файлом (типа Security.loadPolicyFile(что-угодно/crossdomain.xml))
master-only - в качестве файла политики воспринимается только файл / crossdomain.xml (расположенный в корневой директории). И только...
none - никакое взаимодействие с ресурсами сервера не допускается.
none-this-response -специальный вид мета-политики, который может быть указан только в заголовке HTTP- ответа сервера. Означает, что именно по этому запросу никакого взаимодействия у вас не получится, при этом, в отличие от других мета-политик, эта может сосуществовать с метаполитиками, объявленными др. способом.

При наличие нескольких объявлений политики, в отношении одной и той же сущности приоритет имеет та, что передается в заголовке.

Для сокетных соединений применимы только 3 вида мета-политики(all,master-only,none), причем в случае с master-only это только port:843.

Засада в том, что до FlashPlayer10.0, по у молчанию, мета-политика воспринималась как all(если иного не прописано в crosdomain.xml), теперь же начиная с FlashPlayer10.0 это значение трактуется как master-only(!).

Пример объявления мета-политики:

<cross-domain-policy>
<site-control permitted-cross-domain-policies="by-content-type"/>
</cross-domain-policy>

6. В отношении взаимодействий с использованием безопасных соединений применяется атрибут secure Пример файла политики в отношении HTTPS:

<cross-domain-policy>
 <allow-access-from domain="my.com" secure="true" to-ports="3050"/>
</cross-domain-policy>

7. Теперь плеер отвергает файлы кроссдоменной политики неверно отформатированные. Требования, по форматированию файла включают в себя следующее:

Первый и последний теги XML документа не должны содержать ничего кроме объявления (допускаются XML комментарии), при этом Adobe признает и обращает наше внимание,на то что это делает XML документ не вполне валидным.

8. Чтоб мы несильно ругались, в дебаг-версии плеера, ведется подробное логирование операций, связанных с политикой безопасности (как использовать лог можно прочитать здесь )

Понимая, какое количество интернет ресурсов создано на базе технологии Flash с использованием кроссдоменного взаимодействия, компания Adobe проводила ужесточение политики безопасности в 3 этапа (а мы и не туда, работает, да и работает прим.автора):

1. Начиная с версии Flash Player 9,0115 несоблюдение "строгих правил" приводило лишь к предупреждениям, видимым счастливым обладателям дебаг-версии плеера, при этом взаимодействие программы со сторонними ресурсами исполнялось в полной мере.

2. Начиная с версии Flash Player 9,0124,0 несоблюдение "строгих правил" приводило к ошибкам лишь при использовании сокетных соединений.

3. И наконец, начиная с версии Flash Player 10,0, грянул гром и несоблюдение "строгих правил" вывело из строя некоторое количество "беспечных". Теперь это ошибка времени исполнения.

P.S. Это не подробный перевод адоббиного дока, а мое личное понимание вопроса, возможно где-то я заблуждаюсь, возможно где-то допущены ошибки в восприятии аглицкого текста, вобщем буду рад Вашим комментариям. Для получения более точной информации обращайтесь http://www.adobe.com/devnet/flashplayer/articles/fplayer9_security.html

Кризис жанра.

2008-11-14T01:05:00.000+03:00

Как ни крути, а холодное дыхание мирового экономического кризиса стало чувствоваться в работе студии web-дизайна.

Когда-то (1988-90) я начинал (или продолжал вначале, трудно сказать) свою карьеру в студии Звукозаписи.

Сначала подмастерьем(добывал пластинки, ночами записывал магнитофонные кассеты и бабины). Начиналось все чинно. Люди платили денги, чтобы записать запиленный голландский PinkFloyd, на добытую нечестным путем кассету TDK или Sonny (Original!!!).

Потом покатила попса. Кассеты стали писать в подвалах(цехах) большими кучами сразу. Потом этим стали заниматься заводы и фабрики, всю мелочь сожрали, затоптали или поглотили, потом всех убил дефолт. Мои личные эксперименты в этом направлении сдохли на уровне цехов... Все повторяется.

Думаете нет спасенья от колеса судьбы? А нужно всего-то вспомнить прошлое, грамотно мимикрировать в соответствии с изменившимися условиями окружающей среды, чтобы воспрянуть, на очередном подъеме.

1.Главное - без паники. Ненадо никуда увольняться, куда-то бежать с вытаращенными глазами. Судорожно рассылать резюме. Нигде не лучше. Если где и лучше, то через месяц-два все будет так-же.

2. Надо признать, господа хорошие, что нашему руководству (гы, да прям, даже и в глобальном масштабе). Придется еще сильнее(!!!!) сократить расходы на наше содержание. И тут их придется понять, кризис то глобальный! Отсюдова предложение: "А не отказаться ли нам от нашей жалкой зарплаты?"- Как так! А вот так. Да еще разделить расходы на содержание офиса, между людьми, которым необходимо "место работы"! Безумие? А что делать. Иначе нас просто всех уволят и все развалится... При этом мы сохраним коллектив, профессиональное общение и набор нормальных спецов в нашей отрасли, сгруппированных территориально. А это уже не мало. Сможет свободный менеджер предложить нам работу, интересную материально - работаем на него, нет - на другого. "Блядство какое-то..." скажете вы. Нет, отвечу я - это рынок. (Тем более вариантов не много...)

Co-working! Еще раз о фрилансе

2008-10-21T01:55:00.000+04:00

Сегодня то, о чем как-то замечтал, примерно с неделю назад, прочитал на Хабре. Воистину мысли носятся в воздухе! Вот как надо работать, вот в каком направлении двигаться. Да, услышит меня руководство (помните историю про холодильник?).

Статья имеет очень точное название "Офис без планктона".

SWFUpload. Неприятная новость.

2008-10-20T11:08:00.000+04:00

Неприятная новость для пользователей Flash/JS компонента SWF Upload, всвязи с началом распространения FlashPlayer 10. В среде 10-ки попытка загрузить файл с помощью этого компонента вызовет ошибку:"Certain actions, such as those that display a pop-up window, may only be invoked upon user interaction, for example by a mouse click or button press". Это связано с изменениями в политике безопасности плеера. Теперь флэшевый FileReference будет реагировать на дейстия пользователя в среде проигрывателя и только, программно инициировать работу экземпляра этого класса стало невозможно, другими словами Вам придется использовать кнопочку на флэше...

http://www.insideria.com/2008/09/adobe-flash-clipboard-hack.html

FlashPlayer10. Революция, о которой так много говорили большевики, свершилась!

2008-10-20T10:04:00.000+04:00

Я вчера лег спать с выключенным за неуплату инетом, а сегодня проснулся в новом мире. Вышел Flash Player 10 (Astro).

Обзор нововведений на русском языке можно посмотреть на riapriority.com

Плеер доступен для установки на сайте Adobe. Текущая версия 10.0.12.36 Так же доступна дебаг версия (в том числе и для Linux).

Теперь с нетерпением ждем финал FlexBuilder 4 (Gumbo)

К сведению коллег разработчиков и менеджеров проектов. С сегодняшнего дня начинать разработку нового проекта длинной больше 6 месяцев под версии плеера старше 10 нет смысла.

Не ходите дети в Африку гулять

2008-09-24T01:40:00.000+04:00

Недавно наткнулся на Хабре на дискуссию об универсальном и абсолютном договоре заказчика с фрилансером. И вот решил поделиться своим, каким-никаким опытом солдата фортуны.

Рекомендации для заказчиков.

Не ходите на free-lance.ru там Вам нечего делать. Обычно то, что Вы хотите не может быть плодом работы одного, даже супер-универсального солдата. Если Вам предлагают сделать все под ключ, в одно рыло, за 2 недели за 300 баксов. Бегите. Вас кинут. Не будьте так наивны. 50% заказываемой Вами работы — это работа грамотного менеджера проектов. Найдите такого, а он найдет нас.

Ркомендации для фрилансеров.

Бегите от тех людей, которым адресован пункт 1. Они обычно не знают чего хотят. И хотят они этого подешевле, а то и вообще нахаляву. Поэтому каие-бы договора они Вам не предоставляли, какие бы условия от Вас не требовали (залог, участе в тендере и т.д), знайте - это кидалово. Причем скорее всего, изначально они руководствовались исключительно жадностью, и вовсе не хотели Вас кидать, но Вы впринципе не сможете удовлетворить их, а значит у них не будет мотива Вам заплатить.

Вывод:

И тем и другим стоит ограничить свой круг контрагентов аутсорсинговыми компаниями.

P.S. И не подходите ко мне с вопросом: "Можешь сделать для нас сайт...", - нет, не могу!

Встречайте Adobe Creative Suite 4 Launch Broadcast

2008-09-24T00:35:00.000+04:00

Итак, революция о которой так долго говорили большевики свершилась! А теперь дискотека... Встречайте Adobe CS4.

Как и было обещано, 23 сентября Adobe представили очередную версию пакета. Надеюсь, что уже эта версия будет стоять у меня в лицензионном варианте. Ибо столяру надо платить за профессиональный инструмент. Читайте вместе со мной на русском: http://www.adobe.com/ru/products/creativesuite/

Nokia Коннектит пипл!

2008-09-12T09:04:00.000+04:00

Сегодня отрыл в рассылке по трехмерному флэш-движку Papervision 3D ссылочку на сайт компании Nokia в Европе, созданый на Flash, с легким добавлением Papervision3D (перчика для вкуса, скорее даже для запаха). Ну, чтож, пополняем нашу коллекцию, вот только не знаю к какой категории отнести к "Важным" или "Интересным", наверно все-таки к "Важным", вобщем - судите сами:

http://europe.nokia.com/musicalmighty

Alternativa! Догоняй!

Сайты на Флэш!

2008-09-11T16:43:00.000+04:00

Исключительно в целях популяризации Flash-platform собрал небольшую коллекцию ссылок на флэш-сайты известных брэндов, а так же сайты сделанные с применением Flash на мой взгляд хорошо.

Первоначально эта коллекция предназначалась для ответа на вопрос: «Существует ли сегодня спрос на флэш-разработку?», - и первая часть этой коллекции отвечает на этот вопрос всей мощью капитала, вложенного в производство каждого из представленных в ней флэш-приложений.

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

Важные:

http://www2.absolut.com/

http://www.smirnoff.com

http://www.puma.com/

http://www.lamborghini.com/

http://www.ferrariworld.com/

http://www.nesquik-club.com/ru/

http://www.zara.com/

http://cep.mcdonalds.com/qualityfood/

http://www.pepsiworld.com/

http://www.pepsiusa.com/?or=pwg

http://www.louisvuitton.com/

http://microsites.audi.com/audir8/html/index.php

http://www.kenzoparfums.com/

http://infiniti-m.ru/

http://www.samsung.ru/

http://www.clearanticaspa.com.br

http://www.bavaria.nl

http://club.vaio.sony.co.uk/clubvaio/gb/en/vaio10/

http://staropramen-beer.ru/recipe

http://www.cartier.com/

http://www.miniusa.com/

http://www.adidas.com/

http://www.foxmovies.com/

http://www.paramount.com/

Интересные:

http://www.whitevoid.com/Application

http://ecodazoo.com/

http://www.terra.com.br/

http://www.silentsonb.com/

http://www.aglassandahalffullproductions.com/

http://www.mercedes-benz.es/CLC/

http://www.13flo.com/

http://www.cristof-echard.fr/

http://www.hoegaarden.ru/

http://www.multi-mania.be/2008/

http://www.creativebitbox.com/

http://www.converse.com/

http://www.sevenedge.be/

http://www.totalcereal.com/

http://www.logicom-europe.com

http://www.checklandkindleysides.com/

Надеюсь продолжить это собрание в рамках блога, но уже не такой толпой и по-возможности с комментариями...

Flash индексируется Google! Yandex не заставит себя долго ждать...

2008-09-11T02:03:00.000+04:00

1 июля Adobe официально объявляет о том, что она сотрудничает с Google и Yahoo! в создании нового механизма поиска во Flash-приложениях. Adobe предоставляет специальную оптимизированную версию Flash Player’а, которая позволяет поисковым роботам оперировать с Flash (и естественно Flex) приложением так же, как это делает пользователь, переходя по “ссылкам” (то есть осуществляя все пользовательские действия с использованием интерактивных возможностей приложения) и даже вводя текст в текстовые поля.

Самое интересное в том, что если Yahoo! только приступает к внедрению данной технологии, то Google уже вовсю использует ее совместно с новым поисковым алгоритмом для Flash-приложений.

Как нужно оптимизировать приложение чтобы оно стало полностью доступно для поисковиков? Оказывается, никак. Все существующие приложения будут прекрасно индексироваться (включая интерактивные меню и баннеры).

Какие версии swf-приложений поддерживаются? Все ныне существующие.

В общем, новость шокирующая. Весьма радует, что Adobe открыта для внедрения данной технологии всеми заинтересованными поисковыми сервисами. Ждем как отреагирует на это Yandex.

Ниже привожу полный полезный набор ссылок по теме:

Официальный пресс-релиз от Adobe.
Официальный FAQ от Adobe (плюс сокращенный перевод на русский).
Анонс от Google.
FAQ от Google.
Ryan Stewart о событии: раз и два. Плюс более вдумчивая статья в ZDnet.
Ted Patrick о событии.
Flashmagazine о событии.

Передрал у Constantiner. Ну, уж очень интересная новость!

Flash и Silverlight

2008-09-09T02:17:00.000+04:00

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

В эти выходные мне попали в руки материалы конференции "Инструменты для веб-разработчиков", которая прошла неделю назад в Ростове-на-Дону , в общем много непонятного, но интересным оказался доклад о перспективах развития микромягкого направления Silverlight 2, сделанный Михаилом Черномордиковым (+1! Чудесная агитка, если бы к нам приехали ребята из Adobe и так-же чудно рассказали все про Flex и Flash Player10...).

Для меня стало ясно, что никто из них никого не сожрёт, а вместе они, объединившись с AJAX сожрут традиционный подход к web-строительству, основанный на связке HTML+PHP+MySQL+SEO. Наоборот, конкуренция этих трех технологий заставит ребят из Adobe & Microsoft по-резвее шевелить извилинами и по-чаще вываливать на рынок вкусности и сладости, с применением которых наши RIA (забываем о термине web-сайт) станут более эффективны, функциональны и быстрее в разработке. Конкуренция — великая вещь.

К вопросу о том кому во что переквалифицироваться. У Silverlight есть огромный ресурс-Армия разработчиков, которым не надо париться изучая ActionScript...

Где-то прочитал коммент Константина Ковалева(Сonstantiner), по поводу, по-моему PureMVC, он там вспомнил старинный австралийский мультик, которым нам промывали мозги во времена моего детства "Вокруг света за 80 дней", дык вот там был такой персонаж Юлиус Фок, и у него была такая поговорка: "Используй то, что под рукою, и не ищи себе другое"... Что касается лично меня, то когда мне скажут: "Слышишь, надо реализовать такую-то фичу, ТОЛЬКО НА SILVERLIGHT, Flash/Flex - не катят... ", - тогда я высплюсь, потом еще часок вздремну, схожу с семьёй в кино, поклею наконец обои в комнате (хотя бы в одной) и напишу свой "Hello, World" для Silverlight...