LUCRAREA DE LABORATOR NR. 6

TEMA: Studierea mediului de dezvoltare Adobe Flex

Scopul lucrării: Studierea părţii teoretice şi însuşirea principiilor de lucru în Adobe Flex

Flex este un cadru open source gratuit şi foarte productiv pentru construirea

de aplicaţii Web expresive care se implementează uniform în diverse browsere,

calculatoare şi sisteme de operare prin utilizarea mediilor de rulare Adobe®

Flash® Player şi Adobe AIR®. Deşi aplicaţiile Flex pot fi construite utilizând doar

cadrul Flex, software-ul Adobe Flash Builder™* (anterior Adobe Flex®

Builder™) poate accelera dezvoltarea prin funcţii precum codarea inteligentă,

depanarea interactivă şi proiectarea vizuală a interfeţei de utilizare.

Adobe Flex Produs software a fost creat de Adobe Systems destinat creării

de aplicaţii interactive. Sub denumirea de RIA s-au dezvoltat o serie de aplicaţii

interactive, având o interfaţă unitară formată din controale şi componente.

Formatul specific Flex este MXML (Macromedia XML). Pentru programatori se

poate folosi cu succes limbajul de scripting ActionScript. Rezultatul final este un

fişier Flash de tip SWF care cuprinde elemente de interfaţă interactive.

Adobe Flex Builder 3 accelerează dezvoltarea de aplicaţii Flex. Este un

instrument de dezvoltare bazat pe Eclipse care să permită codificare inteligentă,

depanare interactivă pas cu pas şi interfaţă grafică de lucru cu utilizatorul, suport

RIA. Flex Builder 3 include cadrul complet Flex, inclusiv compilatoare,

componente de bibliotecă şi debuggers.

Flex a fost iniţial lansat ca o aplicaţie J2EE sau librărie JSP care compilează

MXML şi ActionScript în aplicaţii Flash (fişiere binare .swf). Ultimele versiuni de

Flex permit crearea de fişiere statice care pot fi uploadate fără necesitatea unui

server de licenţiere.

Scopul Flex-ului e de a permite dezvoltatorilor să realizeze cu uşurinţă rich

Internet aplications. Pune la dispoziţie o interfaţă grafică ce utilizează MXML (un

limbaj bazat pe XML).

Permite o multitudine de componente cum ar fi web services, remote

objects, drag and drop, sortable columns, animaţii build-in. Deoarece clientul se

încarcă o singură dată, există îmbunătăţiri semnificative faţă de aplicaţiile bazate

pe HTML (PHP, ASP, JSP, CFMX) care necesită executarea de template-uri pe

server la fiecare acţiune.

Limbajul oferit de Flex caută să detaşeze logica aplicaţiilor de design.

Adobe Flex – tehnologie pentru crearea Rich Internet Applications, bazată

pe Flash. Flex расширяет posibilităţile de bază ale Flash-ului, permiţînd de a

descrie interfaţa aplicaţiei în XML, ускоряя şi simplificînd procesul de elaborare a

aplicaţiilor web насыщенных. Logica aplicaţiei se scrie în ActionScript 3.

Rezultatul compilării este fişierul SWF, destinat pentru îndeplinirea în brawser (pe

platforma Flash Player ) sau ca aplicaţie de sinestătătoare (pe platforma AIR).

Aplicaţia Flex se poate compila pe server (pentru aceasta va fi necesar

mod_flex.so sau mod_flex.dll în dependenţă de sistemul de operare şi serverului

web) sau din IDE sau непосредственно din linia de comandă cu ajutorul

compilarului mxmlc (începînd cu Flex 2), la fel ca în Flash rezultatul reprezintă un

fişier swf, исполняемый în Flash Player.

Diferenţa dintre Flex şi Flash

Flex este un ansamblu de clase, lărgind posibilităţile Flash-ului. Flex - framework

include posibilităţile localizării, stilizării aplicaţiei, prelucrării aplicaţiei

модульного, встроенные валидаторы и форматоры cîmpurilor textuale — toate

acele instrumente, care sunt ncesare разработчикам aplicaţiilor, care

lucrează online.

Instrumentele de creare RIA sunt bazate pe flex-framework (Adobe Catalyst,

Adobe Flex, Aptana Studio и т. д.). Instrumentele pentru lucrul cu animaţia şi

grafica folosesc doar posibilităţile flash de bază (deaceea bannerele şi publicitatea

медийная se realizează fără utilizarea flex).

Avantaje

Mediul integrat de prelucrare Adobe Flash Builder (anterior numit Flex Builder),

care asigură производительность mai înaltă, creată pe platforma liber distribuită

разработки Eclipse. Deoarece mulţi разработчики deja utilizează Eclipse la

programarea în  Java, Flex Builder 2 pune la dispoziţie mediul cunoscut pentru

crearea знакомую şi aplicaţiilor Java, и полнофункциональных клиентов.

Flex pe lîngă viteza de prelucrare, pune la dispoziţie posibilităţile multimedia

depline ale Flash Platform: conţinînd потоковое мультимедиа, posibilitatea de a

primi accesul la camera web şi microfonul utilizatorului, бинарные сокеты,

обширные posibilităţile comunicaţiilor de reţea (HTTP-запросы, веб-сервисы,

встроенный формат сериализации AMF), operarea coordonatelor

tridimensionale трехмерного пространства, posibilitatea folosirii filtrelor

встроенных (aşa ca расфокусировка, umbră care cade şi altele), şi scrierea

собственных.

Datorită Flex, serviciile web веб-сервисы se pot folosi pentru legătura cu serverul

при частом обращении к данным при небольшой полезной нагрузке. Pentru

aplicaţii mult mai ресурсоемких Adobe propune asigurarea program

программное обеспечение Flex Data Services 2 Express, care poate să susţină

поддерживать legătura între источником datelor şi nivelul reprezentării уровнем

представления.

Flex Data Services 2 este capabil să transmită datele de la server la client.

Componentul Серверный poate, de exemplu, извлечь datele din aplicaţia

серверного SAP şi să le transmită clientului.

Încă un неоспоримое достоинство a tehnologiei Flex, este strîns legată c

достоинствами ActionScript 3 — este posibilitatea OpenSource de prelucrare a

proiectelor Flash fără utilizarea Adobe Flash Professional, cu ajutorul programării

“curate”. Cu toate acestea prelucrarea Flash devine principial accesibilă chiar şi pe

platformele Unix.

Богатые возможности (Enhanced user experience) Flex позволяет вам создать действительно насыщенные RIA. Произвольные компоненты, высокая скорость разработки, работа с кнопками браузера, великолепное видео и звук, работа с данными включая бинарный уровень, манипуляция изображениями, любые визуальные эффекты, на которые способен ваш дизайнер. Много из этого просто недоступно другим веб-технологиям в принципе, часть -- доступна, но в определенных случаях гораздо выгоднее реализовать задачу, используя Flex. Хотя, конечно, панацеей Flex считать не надо.

Полноценная среда разработки Flex предоставляет не только IDE.

Общая среда развёртывания. Flex приложения выполняются во Flash плеере, самой распространенной VM на планете, имеющей функцию Express Install. Flash Player одинаково работает во всех браузерах и на всех поддерживаемых платформах, следовательно не нужно беспокоится о разном поведении в разных клиентских средах.

Enterprise-фичи, если они вам нужны Для синхронизации данных можно воспользоваться Flex Data Services. Добавьте сюда возможность синхронизировать между клиентами видео- и аудиопотоки, и получится функциональность, которую в готовом виде не предоставляет ни одна другая технология. Если вы имеете дело с enterprise клиентами, вам никто не мешает использовать все те же преимущества в системе из миллиона машин.

Отсутствие перезагрузки страницы. Приложения, выполняемые во Flash Player, вместо серии связанных страниц работают как десктоп-приложения. Flash Player управляет интерфейсом клиента как непрерывным потоком (асинхронно) и не требует загрузки новой страницы с сервера при переходе от одной секции приложения к другой. При этом кнопки браузера Назад и Вперед работают -- давняя проблема Flash Platform решена.

Снижение загрузки сервера и канала. Весь презентационный уровень Flex приложения выполняется во Flash Player, следовательно, серверные ресурсы не расходуются на форматирование и отправку лишних данных. Перекладывая презентационную логику на клиентское приложение, и устраняя потребность в частых перезагрузках страниц, Flex приложения минимизируют использование сетевого трафика и загрузку сервера.

Neajunsuri şi dezavantaje

Работа flex-framework основана на относительно большом количестве

собственного AS3-кода. Для примерной оценки: стандартный набор классов,

включаемый по умолчанию в каждое разрабатываемое flex-приложение,

занимает более 700 килобайт в итоговом swf-файле. Таким образом, общий

объём кода, необходимый для исполнения flex-приложения, заметно

увеличивается. В более поздних версиях флеш-плеера реализован механизм,

который даёт возможность использовать классы flex, не включая их в

каждый отдельный swf. При первом запуске такого swf, флеш-плеер

подгрузит необходимые файлы с официального сайта в отведённый для этого

кэш флеш-плеера. Однако, подгрузка дополнительных файлов из внешнего

источника в некоторых случаях является неприемлемой или нежелательной.

В этом случае, компоненты flex-framework должны быть скомпилированы и

добавлены непосредственно в swf-файл, что заметно увеличивает размер swf-

файла, если речь идёт о "легковесных" приложениях.

Politica tarifară

Flex SDK предоставляемый Adobe является бесплатным набором

инструментария (framework) с полностью открытым исходным кодом (Open

Source). Для работы с процедурами и классами этого фреймворка (написание

кода, отладка, компиляция в исполняемый код) потребуется платное или

бесплатное программное обеспечение (см. ссылки ниже).

Компания Adobe решила открыть исходный код среды Flex к концу 2007 года

и начать распространение этого продукта на условияхMozilla Public

License (MPL). Известно, что в открытую версию Flex будут входить

программное обеспечение для создания соответствующих приложений,

набор библиотек и компиляторов, средство для разработки, интегрируемое в

среду Eclipse IDE, а также система Flex Data Services, предназначенная для

работы с базами данных.

Flex 2 SDK распространяется бесплатно. Бесплатно же распространяется Flex Data Services Express (с ограничением: одно приложение на один

процессор). //Заметка хрюнделя... Все вы пишете бесплатно, SDK работает 60 дней dst: SDK действительно предоставляется бесплатно, исключая коммерческие компоненты, такие как графики. Платный сам Flex Builder, как среда разработки, с триалом в 60 дней.

Istoric

Flex 1.0 — Март 2004 Flex 1.5 — Октябрь 2004

Flex 2.0 (Alpha) — Октябрь 2005

Flex 2.0 Beta 1 — Февраль 2006

Flex 2.0 Beta 2 — Март 2006

Flex 2.0 Beta 3 — Май 2006

Flex 2.0 Final- Июнь 28, 2006

Flex 2.0.1 — Январь 5, 2007

Flex 3.0 Beta 1 — Июнь 11, 2007

Flex 3.0 Beta 2 — Октябрь 1, 2007

Flex 3.0 Beta 3 — Декабрь 12, 2007

Flex 3.0 — Февраль 25, 2008

Flex 3.1 — Август 15, 2008

Flex 3.2 — Ноябрь 17, 2008

Flex 3.3 — Март 4, 2009

Flex 3.4 — Август 18, 2009

Flex 3.5 — Декабрь 18, 2009 [1]

Flex 4.0 — Март 22, 2010

Flex 4.5 Hero Preview Release[1] — Октябрь 2010

Componente

Cairngorm_(Flex_framework)  (микроархитектура предоставленная Adobe)

PureMVC  (микроархитектура)

Robotlegs  (микроархитектура)

Mate  (микроархитектура)

Spring Flex

ASWing  — бесплатный набор компонентов, (open-source)

FLEXLIB  — open-source библиотека компонент

FLEXMDI  — библиотека для создания MDI-приложений

Medii de dezvoltare

Сравнение Flex IDE

Продукт Лицензия Производитель платформы

Flex Builder commercial Adobe

win & mac & linux с ограниченными возможностями

(с версии 4 переименован в Flash Builder)

Eclipse WTP free eclipse

FlashDevelop freeFlashDevelop Team

Windows

PowerFlasher FDT

commercial PowerFlasher eclipse

Aptana Studio commercial Aptana Studio eclipse

IntelliJ IDEA commercial JetBrains java

Spket IDEfree & commercial

eclipse

OpenLaszlo  — альтернатива Flex технологии Silverlight  — альтернатива Flex технологии от Microsoft

JavaFX  — альтернатива Flex технологии от Oracle

BlazeDS  — для интеграции Flex с чем-либо (например, Java).

Pyamf  — реализация протокола AMF и AMF3 на Python

Plasmads  — реализация Flex Messaging и Remoting на Python

Adobe Flex — технология для легкого и очень быстрого создания RIA, Rich (вот уж действительно rich) Internet Applications, использующая описание интерфейса приложения (и не только: обработчиков событий, связи источников данных с объектами и т.п.) с помощью диалекта XML — MXML. Flex приложение может компилироваться на сервере, а может — из IDE [это стало возможным начиная с Flex 2], как во Flash, результатом является swf файл, исполняемый с помощью Flash Player.

Prin ce se deosebeşte Flex de Flash?

Достоинства Flex тесно связаны с его спецификой, MXML. Без загрузки внешних роликов (а постоянно пользоваться ими или внедренными в виде поля класса объектами, как ни крути, не особо приятно) мы не можем создать настолько эффектного интерфейса, как это позволяет сделать Flash, но для многих задач присутствующего скинования как раз хватает. В случае со строгими интерфейсами бизнес-приложений скорость разработки просто потрясающая. Также Flex славен своими графиками, компоненты для построения которых сделаны не только удобными для использования, но и в 99% случаев выглядят очень приемлемо для использования as is (как есть). Пример — графики Google Analytics.

Копнув глубже, мы понимаем, что сила Flex-GUI в его фрэймворке (библиотека компонент), которая очень удачно спроектирована, вобрав в себя весь опыт предыдущих компонент (v1 components, v2 components, компоненты для Flex 1/1.5). Другая составляющая - это компилятор mxmlc, который превращает mxml-код в обычный AS3-код, который, в свою очередь, компилируется в swf. Таким образом, Flex-GUI представляет собой связку удачно спроектированного фреймворка, заточенного под mxml, и компилятора mxmlc.

Despre prevalenţa playerului

Важным является вопрос распространенности плеера. Помимо практики последних лет, показывающей, что распространение последней версии плеера занимает уже не 2 года, а 6 месяцев, у Adobe в руках теперь реально эффективное оружие: Express Install. Фича, которая легко используется вместе с промышленным стандартом для внедрения ролика в тело страницы (после знаменитого IE Eolas Update) — SWFObject — позволяет фактически не париться по поводу новизны 9 версии Flash Player. В эру broadband 1.2 мегабайта скачиваются просто незаметно.

Introducere în Flex

Линия продуктов Flex определяет методологию разработки презентационного уровня Rich Internet applications, основанную на стандартах. Rich Internet applications совмещают в себе гибкость и богатство

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

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

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

Linia de produse Flex

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

Adobe® Flex™ 2 SDK (software development kit) Adobe® Flex™ Data Services 2

Adobe® Flex™ Charting 2

Этот раздел содержит обзор линии продуктов Flex и Flash Player.

Flash Player 9

Приложения, разработанные с использованием линии продуктов Flex, выполняются в Flash Player 9. Flash Player поддерживает новую, гораздо более мощную версию ActionScript (AS3) вдобавок к визуальным инновациям в Flash Player 8. Flash представляет платформу для разработки интерфейса, в которой и "презентационный слой" (отображение интерфейса, обработка событий и т.п.) выполняются на клиентском компьютере. Flash Player совместим со всеми основными операционными системами и браузерами, следовательно, нет необходимости разрабатывать приложение специально для какой-либо платформы или браузера.

Более подробно, см. Разработка приложений для Flash Player

Flex 2 SDK

В основе линии продуктов Flex лежит Flex Framework –- набор базовых утилит и библиотек для создания RIA. Flex Framework состоит из библиотеки классов Flex, Flex компилятора, отладчика и двух языков программирования: MXML и ActionScript. Adobe поставляет Flex Builder, интегрированную среду разработки (IDE) Flex приложений. Хотя Flex Builder разработан специально для работы вместе с Flex Framework, совсем не обязательно использовать именно эту связку. Вы можете выбирать в какой IDE разрабатывать приложения для Flex Framework.

Подробнее о разработке приложений с Flex Framework, см. Использование Flex Framework в разработке Flex-приложений.

MXML -- основанный на XML язык описания интерфейса пользователя, используемый в Flex приложениях. MXML так же может декларативно определять невизуальные аспекты приложения, такие как доступ к данным на стороне сервера и связывание данных с компонентами пользовательского интерфейса. Подробнее см. Работа с MXML.

ActionScript –- язык программирования для Flash Player. ActionScript обеспечивает контроль исполнения и манипуляцию над объектами - функциональность не доступную в MXML. Подробнее см. главу Использование ActionScript

Flex Builder 2

Flex Builder -- интегрированная среда разработки (IDE) приложений во Flex Framework, построенная на базе Eclipse.

Flex Builder IDE предоставляет инструменты для разработки, дизайна и отладки Flex приложений, включая встроенный инкрементный компилятор и пошаговый отладчик.

Flex Builder может повысить продуктивность работы всех членов команды разработчиков, так как он тесно интегрирован с Flex Framework, моделью приложений во Flex, предоставляет дополнительные удобные фичи для работы с языками программирования MXML и AS3, а также полную интеграцию с системами контроля версий (например, Subversion) и является расширяемой за счет плагинов.

Flex Builder создан на основе Eclipse, без преувеличения легендарной уже платформе с открытым исходным кодом. В результате Flex Builder может быть установлен как самостоятельный продукт, либо как набор плагинов к уже установленному Eclipse, в этом случае можно использовать преимущества сотен коммерческих и свободных расширений к Eclipse.

Flex Builder включает набор редакторов кода для работы с MXML, ActionScript и CSS вместе с инструментами навигации по

исходному коду (можно также подключить навигатор по репозиторию версионного контроля), что позволяет с лёгкостью управлять им. Для разработки пользовательского интерфейса, во Flex Builder используется режим дизайнера, позволяющий разработчикам или дизайнерам расставлять Flex компоненты, настраивать их вид и то, как они взаимодействуют с пользователем, не прибегая к программированию, с помощью MXML.

Flex Data Services

Flex Data Services позволяют создавать и размещать приложения enterprise класса (если вы ими занимаетесь, конечно же), использующие преимущества Flash Platform для отображения данных на клиенте и ускорения процесса разработки.

Flex Data Services выполняется на Java application сервере и обеспечивают следующие фичи:

Высокоуровневую программную модель для синхронизации обмена данными между несколькими клиентами

Интегрированные средства для работы с очередями сообщений (publish-and-subscribe messanging)

Автоматизированное обновление данных на клиенте с сервера

Адаптеры для JMS, Hibernate, EJB3 и других persistence компонентов.

Аутентификация

Доступ к RemoteObjects посредством AMF протокола (автоматическая сериализация между языками)

Серверное логгирование

В принципе, написать подобную функциональность можно самому, например, на Ruby или Python -- прим. редактора перевода.

Подробнее см. Работа с данными с применением Flex Data Services.

Flex Charting

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

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

легенды и прочее. И все это Flex представляет в потребном виде без "настройки лобзиком".

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

Flex Charting Components доступны в качестве дополнения к Flex Framework, а также поставляются в составе Flex Data Services.

Подробнее о Flex Charting Components см. Использование charting components.

Caracteristicile aplicaţiei Flex

Сбор данных. Одним из основных применений веб-приложений является сбор и обработка тех или иных данных. Flex поддерживает формы и их основные элементы, что позволяет создавать насыщенные и динамические системы. Flex используют обработчики прерываний, механизм валидации данных, и возможность определять нужные input-поля. Подробнее см. Использование Layout контейнеров в книге Developing Flex Applications.

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

Обработка введённых данных на стороне клиента, включая фильтрацию и валидацию Управление данными во Flex, включает модели данных, валидаторы данных, связывание данных, data-сервисы и позволяет разделить формат представления данных и то как данные доступны пользователю. Flex также позволяет производить валидацию данных и передавать данные между элементами управления пользовательского интерфейса и внешними источниками данных без либо с минимальным взаимодействием с сервером. Подробнее см. Представление данных в книге Developing Flex Applications (доступна в переведенной документации в данной вики).

Обратная связь с пользователем. В сложных ситуациях приложения должны реагировать на неверно или неправильно введённую информацию. Поддержка обратной связи должна минимально использовать обращения к серверу и канал связи. Так как Ваше приложение выполняется на стороне клиента, механизм обратной связи во Flex может функционировать без поддержки серверной логики, либо используя её по минимуму.

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

В идеале, Ваши пользователи могут перемещаться между шагами на одной странице не нарушая задуманной структуры и не теряя уже введённую информацию. Flex поддерживает разработку таких приложений сохраняя информацию о состояниях, поддерживая кнопки Назад и Вперед браузера с помощью History Manager и предоставляя набор элементов управления пользовательского интерфейса, разработанных специально для работы с процедурными данными. Подробнее см. Использование навигационных контейнеров и Использование History Manager в Developing Flex Applications.

Поддержка больших объёмов данных. Enterprise приложениям часто приходиться передавать большие объёмы данных от сервера к клиенту и наоборот. Большие объёмы данных могут перегрузить сетевой канал и привести к замедлению работы приложения. Data сервисы поставляемые вместе с Flex Data Services разбивают большие объёмы данных на меньшие, так что клиент не сможет монополизировать весь канал.

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

Клиенты без постоянного соединения. Удалённые клиенты могут не иметь возможности поддерживать постоянное соединение с сервером. Такие клиенты называются клиентами без постоянного подключения (occasionally connected clients). Flex Data Services позволяют клиентским приложениям автономно обрабатывать данные и автоматически отправлять обновления на сервер когда соединение будет восстановлено.

Modurile de plasare ale aplicaţiilor Flex

Только клиентская сторона без использования удаленных ресурсов

Доступ к данным через простые RPC сервисы Приложения взаимодействуют с удаленными данными через веб- и HTTP-сервисы.

Elaborarea aplicaţiilor pentru Flash Player

Flex приложения исполняются во Flash плеере. Однако, Flex разработчикам не нужен опыт разработки во Flash. Скорее, типичный Flex разработчик будет иметь больше опыта в разработке приложений используя классическую

клиент-серверную модель. Flex позволяет Вам использовать знакомую модель программирования для разработки клиентской и презентационной логики. Flex поддерживает две версии Flash Player: обычный и с поддержкой отладки. Пользователи устанавливают стандартный Flash Player для запуска Flex приложений. Flex так же поддерживает дебаг версию Flash плеера, называемую Flash Debug Player. Разработчики Flex приложений используют Flash Debug Player в процессе разработки. Flash Debug Player поддерживает важные для разработчиков возможности, включая:

Сообщения об ошибках (Error reporting)

Позволяет перенаправить ошибки и предупреждения во время исполнения в лог-файл. Flash Debug Player так же перехватывает вывод функции trace() и записывает его в лог-файл. См. также Отладка приложений в Использование Flex Builder 2, а также Протоколирование во Flex в Разработка и размещение Flex 2 приложений.

Поддержка отладки ActionScript.

Позволяет отлаживать ActionScript файлы, используемые в Flex приложениях. См. также Отладка приложений в Использование Flex Builder 2, а также Протоколирование во Flex в Разработка и размещение Flex 2 приложений.

Приложения, не требующие серверной части

Обычно Flex приложения разрабатываются как SWF файлы, внедряемые в xHTML либо RHTML, ColdFusion, PHP, JSP и прочие динамические страницы. Flex приложения по мере необходимости могут работать с любыми серверными скриптами, однако, это вовсе необязательно. Также во Flex 2 присутствует компиляция на клиенте, а не только на сервере, в отличие от Flex 1 (только на сервере).

Accesul la date cu ajutorul HTTPService şi WebService

Теги HTTPService и WebService позволяют получать данные из удаленных источников. Используя Flex 2 SDK, можно получить доступ к удалённым данным через SOAP (веб-сервисы) либо HTTP GET или POST запросы (HTTP сервисы). Ради обеспечения безопасности, по умолчанию Flash Player не разрешает приложению доступ к удалённому источнику данных находящемуся на домене отличном от домена самого приложения. Поэтому удалённый сервер должен находиться в одном домене с сервером, хранящим Ваше приложение, либо должен определять файл crossdomain.xml.

crossdomain.xml -- это XML файл, используемый для контроля доступа к данным при кросс-доменной загрузке этих самых данных. Файл crossdomain.xml должен находиться в корневой папке домена к которому Flex приложение пытается получить доступ, либо приложение и источник должны находиться в одном домене (с точностью до поддомена, а не домена!).

Accesul la date cu ajutorul Flex Data Services

Разрабатывая приложения с Flex Data Services, Вы используете преимущества расширенной архитектуры data-сервисов и Flex Charting Components. Эта часть содержит обзор Flex Data Services.

Folosirea arhitecturii extinse data-servicii

Flex Data Services представляют архитектуру data-сервисов, расширяющую использование сервисов в Flex Framework. Эти расширенные data-сервисы обеспечивают поддержку многих важных для enterprise приложений особенностей, включая следующие:

Фоновая синхронизация данных.

Обеспечивает синхронизизацию между множеством клиентов. Множество Flex клиентов подписываются к одному объекту данных на стороне сервера. Flex Data Services, затем передают обновлённые данные клиентам, следовательно Ваши приложения-клиенты не должны запрашивать (poll) сервер для получения обновлённой информации.

Publish/subscribe data сервисы.

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

Поддержка сообщений JMS.

Java Message Service (JMS) это Java API, позволяющие обмениваться данными с Java приложением.

Идентификация клиента.

Позволяет Вам контролировать доступ клиентов к data-сервисам используя обычную или особую идентификацию. Архитектура data-сервисов основывается на инфраструктуре сообщений. Flex Data Services используют конфигурационные XML файлы для управления пунктом назначения очередью на сервере. В настройках сообщений можно указать максимальный размер сообщения. Если размер сообщения превысит максимальное значение, оно будет разбито на пакеты, затем собрано клиентом. Это обеспечивает асинхронную доставку по сети.

Дополнительные RPC сервисы в Flex Data Services

К RPC сервисам Flex Enterprise Services добавлена поддержка RemoteObjects, доступных через AMF протокол. Это позволяет получить доступ к Java objects (Java Beans, EJBs, POJOs) на удалённых серверах (путем сериализации и десериализации).

Flex Data Services включают прокси который перехватывает RPC запросы от Flex приложений к удалённым серверам, перенаправляет их на указанный сервер и возвращает ответ клиенту. Так как прокси действует как посредник для доступа к удалённым серверам, отсутствует необходимость определять crossdomain.xml файл на удалённых серверах, то что Вы бы сделали при использовании Flex Frameworks. Однако к серверам всё ещё можно обратиться напрямую, если используется файл с кросс-доменными политиками.

Caracteristica generală a aplicaţiilor Flex

Следующий список описывает особенности, которые Вы будете использовать при разработке Flex приложений:

Элементы управления: элементы управления –- компоненты пользовательского интерфейса (UI) такие как Button, TextArea иComboBox. Элементы управления добавляются в приложение с помощью MXML тегов. Подробнее см. Использование GUI виджетов.

Контейнеры (UI): Контейнеры -- это компоненты пользовательского интерфейса (UI), предназначенные для управления расположением содержащихся в них других UI компонентов (layout). С помощью контейнеров можно управлять положением и размерами содержащихся в них объектов или навигацией по вложенным контейнерам. Контейнеры добавляются в приложение с помощью MXML тегов. Подробнее, см. Кратко о контейнерах.

MXML компоненты: Flex компоненты описанные в MXML файлах. Они представляют простой способ расширить существующий Flex компонент и определить вид и поведение этого компонента с помощью специального MXML тега. MXML добавляются в приложение с помощью MXML тегов. Подробнее см. Создание Flex компонентов.

ActionScript компоненты: Flex компоненты определяемые с помощью ActionScript классов. Они удобны при создании невизуальных компонентов. ActionScript компоненты добавляются в приложение с помощью MXML тегов. Подробнее см. Создание Flex компонентов.

Связывание данных предоставляет простой синтаксис для автоматической синхронизации значений свойств объектов. Подробнее, см. Хранение данных.

Data сервисы Объекты Data сервисов позволяют взаимодействовать с серверными источниками данных. Вы можете работать с доступными источниками данных используя SOAP- совместимые вебсервисы, Java объекты, HTTP GET или POST запросы RemoteObjects посредством протокола AMF, если у вас есть Flex Data Services. Подробнее см. Хранение данных.

Валидация данных: валидаторы данных помогают проверять значения полей форм на соответствие определённым критериям. Например, валидатор может проверить правильность почтового индекса введённого пользователем в поле TextInput. Подробнее, см.Валидация данных.

Форматирование данных позволяет легко автоматически перевести данные в требуемый строковой формат перед их отображением пользователю. Например, Вы можете использовать форматтер для отображения телефонного номера в особом формате. Подробнее см.Форматирование данных.

Управлении историей (кнопками Назад и Вперед) браузера позволяет использовать команды браузера Back и Forward для навигации по Flex приложению. Так же позволяет пользователю вернуться на прежнее положение в приложении если браузер случайно ушёл на другую страницу. Подробнее см. Использование History Manager.

Управление перетаскиванием помогает управлять данными, перемещая визуальные объекты (например, поля в таблицах и списках) с одного места Flex приложении в другое. Проще говоря, перетащив один элемент из таблицы в другую таблицу вам не нужно волноваться об обновлении свойств компонентов: изменения в данных отслеживаются автоматически. Подробнее см. Использование Drag and Drop Manager.

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

Бихейворы позволяют воспроизводить анимацию или звук в приложении в ответ на пользовательские или программные действия. Подробнее см. Использование бихейворов.

Итераторы позволяют динамически во время исполнения повторять (размножать) любое количество элементов управления или контейнеров указанных в MXML тегах. Подробнее см. Массовое создание виджетов.

Импорт изображений и мультимедиа данных: MXML теги могут использоваться для внедрения изображений в приложение. Flex поддерживает несколько форматов, включая JPEG, PNG, GIF, SVG и SWF файлы. Вдобавок, элементы управления MediaDisplay,MediaController и MediaPlayback могут использоваться для включения потокового видео и звука во Flex приложения. Flex поддерживает форматы Flash Video (FLV) и MP3. Подробнее см. Импортирование изображений.

Состояния (View States) позволяют быстро разрабатывать приложение определяя базовый вид (view state) приложения и набор изменений к нему. Каждое состояние может добавлять или удалять дочерние объекты, определять или изменять их стили и свойства, определять отдельные

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

ActionScript кодпозволяет производить действия над компонентами представленными посредством MXML тегов. В В Flex приложениях ActionScript используется для: • Обработки событий • Определения функций и методов • Вызова функций • Работы с компонентами после инстантиации Подробнее см. Редактирование кода во Flex Builder, а также Работа с ActionScript.

Отладка : Flex поддерживает отладку, предупреждения, механизм сообщения об ошибках и ActionScript отладчик, работающий в режиме командной строки, что облегчает отладку приложений. См. также Отладка приложений, а также Использование дебаггера из командной строки.

Flex Builder

Эта глава представляет собой введение в Adobe Flex Builder 2. Являясь интегрированной средой разработки (IDE) приложений с использованием Flex Framework, Flex Builder предоставляет необходимые инструменты для разработки, дизайна и отладки Flex приложений.

Flex Builder and Eclipse

Eclipse -- это open-source платформа для создания всякого говна

Версии и конфигурации Flex Builder

Flex Builder доступен в двух версиях: стандартная версия и версия с Flex Charting components.

Каждая версия доступна в двух конфигурациях: standalone и plug-in. Конфигурация standalone -- это связка Eclipse и Flex Builder в виде плагина, созданная специально для разработки Flex и ActionScript приложений. конфигурация plug-in - для пользователей, которые уже используют Eclipse и хотят добавить плагин Flex Builder к своей сборке Eclipse.

Perspectivele în Eclipse & Flex Builder

Группа редакторов и видов, помогающих в решении определённой задачи или группы задач объедена в перспективу. Flex Builder включает две перспективы: одну для разработки и дизайна, другую для отладки.

Перспективы переключаются автоматически для поддержки текущей задачи. Например, при создании Flex проекта, workbench переключается на перспективу для разработки (Flex Development perspective); при отладке, как только встречается первая контрольная точка отображается перспектива для отладки (Flex Builder debugging perspective). Вы также можете переключить перспективы вручную, выбрав Window > Open Perspective из главного меню или с помощью панели перспектив, находящейся на панели инструментов.

Если Вы используете плагин версию Flex Builder вместе с другими Eclipse плагинами, то Вам может быть доступно множество дополнительных перспектив. Перспективы добавляются вместе с плагином, Вы также можете настроить их по своему вкусу либо создать собственные. Настройка или создание перспективы заключается в выборе, размещении и определении размеров редакторов и видов, необходимых для выполнения Вашей задачи. Подробнее о работе и настройке перспектив.

Перспектива разработки (Flex Development)

Редактор кода во Flex Builder используется для написания Flex и ActionScript приложений. Создание Flex приложений начинается с создания главного MXML файла. приложения. Затем Вы можете внедрить ActionScript или CSS код в MXML файл или создать отдельные AS или CSS файлы и импортировать их в MXML фалы.

Редактор кода включён в перспективу разработки, которая также включает вспомогательные виды: Навигатор (Navigator), Проблемы (Problems) и Структура (Outline). При создании нового проекта, Flex Builder переключается на перспективу разработки позволяя начать работу над приложением.

Перспектива разработки во Flex содержит следующие элементы:

Редактор кода

Тут пишется MXML, ActionScript и CSS код, редактор поддерживает подсказки по коду и форматирование, в режиме дизайнера Вы можете визуально размещать элементы Вашего Flex приложения. Редактор кода полностью интегрирован с инструментами отладки Flex Builder, поддерживает проверку синтаксиса и отчёты об ошибках. Подробнее об использовании редактора кода, см. такжеИспользование редактора кода.

http://livedocs.macromedia.com/flex/2/docs/images/source3.jpg

Вид Навигатор

Показывает все проекты в рабочей области (Workspace) и все ресурсы (папки и файлы) Ваших проектов. Подробнее о Виде Навигатор и работе с проектами см. “Managing project resources” в Using Flex Builder.

Вид Проблемы

Показывает синтаксические и другие ошибки замеченные компилятором. Так как по умолчанию компилятор собирает Flex проект при каждом вносимом изменении, Вы получаете почти прямую обратную связь при написании кода. См. также Отладка приложения.

Вы также можете добавить виды Задачи (Tasks) и Закладки (Bookmarks). Эти виды предоставляют дополнительные возможности по навигации и управлению Вашим кодом.

Автокомплит во Flex Builder

Редактор кода содержит множество возможностей для упрощения и ускорения разработки. Например, Ассистент (Content Assist), более известный как Автокомплит, подсказывает продолжение вводимого Вами в редакторе MXML, ActionScript или CSS кода. Вызвать их, нажав Ctrl+Space.

Подсказки по коду появляются тогда когда Flex framework или язык (MXML, ActionScript и CSS) может предложить Вам возможность выбрать продолжение выражения. Например, если Вы введёте имя Flex компонента, Вам будет предложен список свойств этого компонента.

Также поддерживаются подсказки по коду ActionScript. Подсказки по коду ActionScrit отображаются внутри <script> тегов в MXML документе и в отдельных AS файлах проекта. Помощник по коду (Content Assist) подсказывает все элементы языка ActionScript: интерфейсы, классы, переменные, функции, тип возвращаемого значения тд.

Помощник по коду (Content Assist) также предоставляет подсказки для созданных пользователем MXML компонентов и Ваших ActionScript классов включённых в проект. Например, если Вы определяете собственный MXML компонент и добавляете его в проект, подсказки по коду появляются, когда Вы работаете с этим компонентом в MXML приложении.

Designul aplicaţiilor Flex în Flex Builder

Перспектива разработки включает два режима: один для написания кода, другой для визуального проектирования приложения. Переключиться между этими режимами можно с помощью соответствующих кнопок Code и Design на панели инструментов редактора. При переключении в режим дизайнера, перспектива разработки отображает рабочее поле и вспомогательные виды: Компоненты и Свойства.

Режим дизайнера не доступен при работе с ActionScript приложениями. Для предварительного просмотра ActionScript приложений, необходимо собрать и запустить их.

Рабочее поле (Design canvas)

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

Вид Компоненты (Components view)

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

Вид Состояния (States view)

Flex Builder может создавать приложения, изменяющие свой внешний вид в зависимости от задачи выполняемой пользователем. Эти изменения пользовательского интерфейса возможны благодаря состояниям (view states). Создание и управление состояниями производиться с помощью вида Состояния.

Вид Свойства (Flex Properties view)

Когда выделен какой-нибудь контейнер или компонент, его свойства можно увидеть и изменить с помощью вида Свойства.

Перспектива для отладки

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

Перспектива отладки автоматически открывается при начале отладки. Вы также можете переключиться на неё вручную, выбрав Flex Debugging на панели перспектив, расположенной в правом краю основной панели инструментов.

Перспектива отладки во Flex включает следующие виды:

Вид Отладчик (Debug view)

Используется для управления процессом отладки. Вид отладчик (в других отладчиках иногда упоминается термин callstack). отображает область стека приостановленного потока отлаживаемого Flex приложения. Вы можете возобновлять или приостанавливать исполнение, делать шаги с заходом или обходом операторов и тд.

Вид Контрольные точки (Breakpoints view)

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

редакторе кода. Здесь также можно отключить, пропустить и удалить контрольные точки.

Вид Консоль (Console view)

Здесь выводиться результат работы операторов trace расположенных в ActionScript code.

Вид переменные (Variables view)

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

Вид отслеживание выражений (Expressions view)

Вид отслеживание выражений предназначен для того же что и окно watch в других отладчиках (во Flex Builder 1.5 оно называлось watch list). Этот вид используется для наблюдения за важными переменными. Вы может выбрать переменные, которые Вы считаете важными в виде Переменные и добавить их в список отслеживаемых. При отладке приложения Вы можете контролировать и, при необходимости, изменять значения этих переменных. Добавлять или удалять отслеживаемые переменные можно прямо из вида отслеживание выражений. Подробнее об отладке Flex и ActionScript приложений.

Сборка приложений

При внесении изменений в ресурсы проекта Flex Builder автоматически собирает Flex и ActionScript 3.0 проекты в SWF файлы приложений. Например, когда Вы добавляете новый файл в проект, происходит сборка проекта. Вы можете изменить это поведение по умолчанию и вместо этого собирать проекты вручную, когда захотите. При сборке проектов, автоматически или вручную, конечная (release) и отладочная (debug) версии SWF файлов Вашего приложения помещаются в выходную папку проекта вместе с файлами HTML враппера.

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

Запуск и отладка приложений

После сборки проектов Вы можете проверить их функциональность, запуская и отлаживая их как приложения. При этом SWF файл главного приложения открывается в веб браузере по умолчанию или прямо во Flash плеере.

Приложения запускаются согласно конфигурации запуска. При создании нового Flex ActionScript приложения, конфигурация запуска определяет положение собранных файлов приложений, файла главного приложения, и

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

Подробнее о Flex Builder

Эта глава представила краткое введение во Flex Builder. Много особенностей Flex Builder были рассмотрены поверхностно или пропущены. За более полным описанием особенностей Flex Builder обратитесь к соответствующей документации (F1).

Flex Builder

Эта глава представляет собой введение в Adobe Flex Builder 2. Являясь интегрированной средой разработки (IDE) приложений с использованием Flex Framework, Flex Builder предоставляет необходимые инструменты для разработки, дизайна и отладки Flex приложений.

Flex Builder and Eclipse

Eclipse -- это open-source платформа для создания всякого говна

Версии и конфигурации Flex Builder

Flex Builder доступен в двух версиях: стандартная версия и версия с Flex Charting components.

Каждая версия доступна в двух конфигурациях: standalone и plug-in. Конфигурация standalone -- это связка Eclipse и Flex Builder в виде плагина, созданная специально для разработки Flex и ActionScript приложений. конфигурация plug-in - для пользователей, которые уже используют Eclipse и хотят добавить плагин Flex Builder к своей сборке Eclipse.

О перспективах (perspectives) в Eclipse & Flex Builder

Группа редакторов и видов, помогающих в решении определённой задачи или группы задач объедена в перспективу. Flex Builder включает две перспективы: одну для разработки и дизайна, другую для отладки.

Перспективы переключаются автоматически для поддержки текущей задачи. Например, при создании Flex проекта, workbench переключается на перспективу для разработки (Flex Development perspective); при отладке, как только встречается первая контрольная точка отображается перспектива для отладки (Flex Builder debugging perspective). Вы также можете переключить перспективы вручную, выбрав Window > Open Perspective из главного меню или с помощью панели перспектив, находящейся на панели инструментов.

Если Вы используете плагин версию Flex Builder вместе с другими Eclipse плагинами, то Вам может быть доступно множество дополнительных перспектив. Перспективы добавляются вместе с плагином, Вы также можете настроить их по своему вкусу либо создать собственные. Настройка или

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

Перспектива разработки (Flex Development)

Редактор кода во Flex Builder используется для написания Flex и ActionScript приложений. Создание Flex приложений начинается с создания главного MXML файла. приложения. Затем Вы можете внедрить ActionScript или CSS код в MXML файл или создать отдельные AS или CSS файлы и импортировать их в MXML фалы.

Редактор кода включён в перспективу разработки, которая также включает вспомогательные виды: Навигатор (Navigator), Проблемы (Problems) и Структура (Outline). При создании нового проекта, Flex Builder переключается на перспективу разработки позволяя начать работу над приложением.

Перспектива разработки во Flex содержит следующие элементы:

Редактор кода

Тут пишется MXML, ActionScript и CSS код, редактор поддерживает подсказки по коду и форматирование, в режиме дизайнера Вы можете визуально размещать элементы Вашего Flex приложения. Редактор кода полностью интегрирован с инструментами отладки Flex Builder, поддерживает проверку синтаксиса и отчёты об ошибках. Подробнее об использовании редактора кода, см. такжеИспользование редактора кода.

Вид Навигатор

Показывает все проекты в рабочей области (Workspace) и все ресурсы (папки и файлы) Ваших проектов. Подробнее о Виде Навигатор и работе с проектами см. “Managing project resources” в Using Flex Builder.

Вид Проблемы

Показывает синтаксические и другие ошибки замеченные компилятором. Так как по умолчанию компилятор собирает Flex проект при каждом вносимом изменении, Вы получаете почти прямую обратную связь при написании кода. См. также Отладка приложения.

Вы также можете добавить виды Задачи (Tasks) и Закладки (Bookmarks). Эти виды предоставляют дополнительные возможности по навигации и управлению Вашим кодом.

Автокомплит во Flex Builder

Редактор кода содержит множество возможностей для упрощения и ускорения разработки. Например, Ассистент (Content Assist), более

известный как Автокомплит, подсказывает продолжение вводимого Вами в редакторе MXML, ActionScript или CSS кода. Вызвать их, нажав Ctrl+Space.

Подсказки по коду появляются тогда когда Flex framework или язык (MXML, ActionScript и CSS) может предложить Вам возможность выбрать продолжение выражения. Например, если Вы введёте имя Flex компонента, Вам будет предложен список свойств этого компонента.

Также поддерживаются подсказки по коду ActionScript. Подсказки по коду ActionScrit отображаются внутри <script> тегов в MXML документе и в отдельных AS файлах проекта. Помощник по коду (Content Assist) подсказывает все элементы языка ActionScript: интерфейсы, классы, переменные, функции, тип возвращаемого значения тд.

Помощник по коду (Content Assist) также предоставляет подсказки для созданных пользователем MXML компонентов и Ваших ActionScript классов включённых в проект. Например, если Вы определяете собственный MXML компонент и добавляете его в проект, подсказки по коду появляются, когда Вы работаете с этим компонентом в MXML приложении.

Дизайн Flex приложений во Flex Builder

Перспектива разработки включает два режима: один для написания кода, другой для визуального проектирования приложения. Переключиться между этими режимами можно с помощью соответствующих кнопок Code и Design на панели инструментов редактора. При переключении в режим дизайнера, перспектива разработки отображает рабочее поле и вспомогательные виды: Компоненты и Свойства.

Режим дизайнера не доступен при работе с ActionScript приложениями. Для предварительного просмотра ActionScript приложений, необходимо собрать и запустить их.

Рабочее поле (Design canvas)

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

Вид Компоненты (Components view)

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

Вид Состояния (States view)

Flex Builder может создавать приложения, изменяющие свой внешний вид в зависимости от задачи выполняемой пользователем. Эти изменения пользовательского интерфейса возможны благодаря состояниям (view states). Создание и управление состояниями производиться с помощью вида Состояния.

Вид Свойства (Flex Properties view)

Когда выделен какой-нибудь контейнер или компонент, его свойства можно увидеть и изменить с помощью вида Свойства.

Перспектива для отладки

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

Перспектива отладки автоматически открывается при начале отладки. Вы также можете переключиться на неё вручную, выбрав Flex Debugging на панели перспектив, расположенной в правом краю основной панели инструментов.

Перспектива отладки во Flex включает следующие виды:

Вид Отладчик (Debug view)

Используется для управления процессом отладки. Вид отладчик (в других отладчиках иногда упоминается термин callstack). отображает область стека приостановленного потока отлаживаемого Flex приложения. Вы можете возобновлять или приостанавливать исполнение, делать шаги с заходом или обходом операторов и тд.

Вид Контрольные точки (Breakpoints view)

Показывает все контрольные точки останова, заданные в проекте. По двойному щелчку показывает местонахождение контрольной точки в редакторе кода. Здесь также можно отключить, пропустить и удалить контрольные точки.

Вид Консоль (Console view)

Здесь выводиться результат работы операторов trace расположенных в ActionScript code.

Вид переменные (Variables view)

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

Вид отслеживание выражений (Expressions view)

Вид отслеживание выражений предназначен для того же что и окно watch в других отладчиках (во Flex Builder 1.5 оно называлось watch list). Этот вид используется для наблюдения за важными переменными. Вы может выбрать переменные, которые Вы считаете важными в виде Переменные и добавить их в список отслеживаемых. При отладке приложения Вы можете контролировать и, при необходимости, изменять значения этих переменных. Добавлять или удалять отслеживаемые переменные можно прямо из вида отслеживание выражений. Подробнее об отладке Flex и ActionScript приложений.

Сборка приложений

При внесении изменений в ресурсы проекта Flex Builder автоматически собирает Flex и ActionScript 3.0 проекты в SWF файлы приложений. Например, когда Вы добавляете новый файл в проект, происходит сборка проекта. Вы можете изменить это поведение по умолчанию и вместо этого собирать проекты вручную, когда захотите. При сборке проектов, автоматически или вручную, конечная (release) и отладочная (debug) версии SWF файлов Вашего приложения помещаются в выходную папку проекта вместе с файлами HTML враппера.

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

Запуск и отладка приложений

После сборки проектов Вы можете проверить их функциональность, запуская и отлаживая их как приложения. При этом SWF файл главного приложения открывается в веб браузере по умолчанию или прямо во Flash плеере.

Приложения запускаются согласно конфигурации запуска. При создании нового Flex ActionScript приложения, конфигурация запуска определяет положение собранных файлов приложений, файла главного приложения, и тд. В большинстве случаев конфигурация по умолчанию подходит для запуска и отладки приложений. Однако Вы можете изменить её или создать свою.

Întrebări de control

1. Ce reprezintă Adobe Flex?

2. Care este diferenţa dintre Flex şi Flash?

3. Numiţi principalele avantaje ale Flex-ului.

4. Care sunt neajunsurile şi dezavantajele Flex-ului?

5. Ce componente Flex cunoaşteţi?

6. Numiţi principalele medii de dezvoltare.

7. Ce reprezintă linia de produse Flex?

8. Prin ce se caracterizează o aplicaţie Flex?

9. Cum are loc elaborarea aplicaţiilor pentru Flash Player?

10.Care sunt perspectivele în Eclipse şi Flex Builder?