Download - Web - Flex

Transcript
Page 1: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Tehnologii Web

Dr. Sabin­Corneliu BuragaFacultatea de Informatica

Universitatea “A.I.Cuza” – Iasi, Romania

http://www.infoiasi.ro/~busaco/

Page 2: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Programare Web

Adobe Flex – o prezentare generala

Se bazeaza in principal pe volumulC. Kazoun & J. Lott, Programming Flex 2, 

O’Reilly, 2007

Page 3: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Dezvoltarea de aplicatii Web oferindo interactiune bogata cu utilizatorul: RIA (Rich Internet Applications)

context

Page 4: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Necesitati:Specificarea la nivel declarativ/programatica interfetei (look & feel)

Existenta unei suite de componente de interactiune predefinite

Suport pentru hipermediaRealizarea de transferuri (a)sincroneeventual, incarcarea in timp‐real (streaming)

context

Page 5: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Adobe Flex – platforma de dezvoltare a aplicatiilorWeb aliniate directiilor RIA bazata pe: Flash – redarea interfetei si interactiunea cu utilizatorul la nivel de client (browser Web) 

XML – specificarea layout‐ului & componentelor de interfata via MXML (Maximum Experience Markup Language)

ActionScript (dialect ECMAScript) – tratareaevenimentelor si modelarea comportamentuluiaplicatiei

caracterizare

Page 6: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Framework construit peste Flash

Interpreteaza documentele MXML+ActionScript,transformindu‐le in fisiere Flash – resurse .swf

Permite fisierelor Flash – componente de vizualizare a continutului multimedia – sa fie

atasate la modele de date (XML, servicii Web,…)

caracterizare

Page 7: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Construit pe baza standardelor deschise

SDK gratuit: www.adobe.com/products/flex/sdk/Compilator on­line: http://try.flex.org/

Mediul de dezvoltare – Flex Builder IDE – estedisponibil comercial

caracterizare

Page 8: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

caracterizare

Page 9: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

caracterizare

Flex SDK MXML – transformat in constructii ActionScript

via mxmlc

API‐uri ActionScript pentru acces la biblioteci de clase (predefinite + extensii) 

compilat prin compc

Page 10: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Page 11: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

caracterizare

Flex SDK Va genera resurse Flash care vor fi redate (executate) la nivel de client de player‐ul Flash

Resursele Flash .swf vor putea interactiona – sincronsau asincron – cu aplicatii/servicii Web disponibilepe serverEventual, pe baza Flex Data Services

O aplicatie Flex va putea fi configuratavia un document XML: flex-config.xml

Page 12: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Page 13: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

caracterizare

AIR – Adobe Integrated Runtime (ex‐Apollo)Permite crearea de aplicatii RIA de sine‐statatoare, rulind independent de browser, indiferent de platforma

Ca si Flex, beneficiaza de facilitatile puse la dispozitiede MXML – dezvoltare declarativa a aplicatiilor:

TypeOfObject myObject = new ObjectFactory.createObject(); // Java

var myObject:TypeOfObject = null; // JavaScript<mx:SomeObject /> <!-- MXML -->

Page 14: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml

Utilizeaza spatiul de nume de la adresahttp://www.adobe.com/2006/mxml

O aplicatie Flex este definita prin <mx:Application>

Page 15: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml

Ofera la nivel declarativ suport pentruspecificarea unor categorii de obiecte:

Controale de interactiune: controlsModuri de aranjament al interfetei: layout‐uriModalitati de navigare prin continut: navigatorsModuri de prezentare sofisticata: charts si alteleAlte controale – definite de utilizator: customControale specifice AIR

Page 16: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml: componente

Vizuale:Containere – incapsuleaza alte controale

Controleaza in special modul de redare(layout‐ul): 

<mx:VBox>, <mx:HBox>, <mx:Grid>, <mx:Panel> etc.Controale de interactiune cu utilizatorul

<mx:Button>, <mx:Text>, <mx:TextInput>, <mx:ComboBox>,…

Page 17: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml: componente

Non‐vizuale:Componente de acces la date(data components)

<mx:dataProvider>Aditionale (utility components)

Page 18: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml: componente

Componentele de tip container:

Page 19: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Componente de interactiune reprezentative

Page 20: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml: componente

Proprietatile componentelor pot fi stabilite via:Atribute MXML (valori specificate static)

Tag‐uri MXML aditionalesub‐copii ai altor elemente

Constructii ActionScript(valori ce pot fi modificate dinamic)

Page 21: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml: componente

Specificarea comportamentuluiEvenimente standard asociate tuturorcomponentelor Flex: add, remove, show, hide, resize, 

preinitialize, initialize, creationCompleteSe foloseste modelul de evenimente definit destandardul DOM Events: 

www.w3.org/TR/DOM-Level-3-Events

Page 22: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

mxml: componente

Specificarea comportamentuluiUzual, codul responsabil cu tratarea unui eveniment– vezi cele discutate la curs – va fi scris in limbajulActionScript

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

<mx:Button id="unButon" label="Saluta" click="mx.controls.Alert.show ('Salutari din Flex!')" />

</mx:Application>

Page 23: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript

Dialect ECMAScriptPentru Flex 2, se ofera ActionScript 3

Facilitati pentru specificarea claselor, interfetelor,pachetelor, tratarea exceptiilor, specificarea tipurilorde date & expresiilor regulate, manipularea datelorXML via E4X (ECMAScript for XML) si altele

Flex pune la dispozitie o suita de API‐uriexploatate via linii de cod ActionScript

Page 24: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: api

API‐uri privitoare la player‐ul FlashDisponibile la nivel de mediu de executieal player‐ului Flash – uzual, extensie a browser‐ului

Ofera constructiile ECMAScript standardClase specifice: DisplayObject, URLLoader, 

NetConnection, Video, Sound

Page 25: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: api

API‐uri oferite de framework‐ul FlexDisponibile peste API‐urile FlashDau acces prin program la componentele Flex

API‐uri suplimentare (custom)

Page 26: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript

Codul ActionScript poate fi specificat:In cadrul marcajelor MXML – valori de atribute

<mx:VBox> <!-- dispunere pe verticala a controalelor --><mx:TextInput id="nume" /> <!-- preluam un nume --><mx:Text id="mesaj"

text="{'Pretinzi ca te numesti: ' + nume.text}" /></mx:VBox>

Page 27: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript

Codul ActionScript poate fi specificat:Mixat cu elementele MXML sau via <mx:Script>

<mx:Script><![CDATA[// functie privata care reincarca documentul Atomprivate function Reincarca():void {

cerereServiciu.send();}]]>

</mx:Script>

Page 28: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript

Fiecare componenta specificata in MXML poate fi instantiata/procesata de programescrise in ActionScript

<mx:Button id="unButon" label="Saluta" />echivalent cu: var unButon:Button = new Button( );unButon.label = "Saluta";

Page 29: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: pachete

Clasele disponibile – predefinite (Flash ori Flex)sau specificate de altii/utilizator – sunt incorporate 

de pachete (packages) 

Se adopta in stilul Java de denumire (calificare):domeniu.pachet.clasa.Componentaexemplu: mx.controls.Button

Importarea (folosirea) unui pachet se realizeaza cu importexemplu: import mx.controls.Alert;

Page 30: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: pachete

Declararea unui pachet propriu:package info.exemplu {// eventual, importuri de alte pacheteimport flash.net.URLLoader;import flash.net.URLRequest;// declaratii de clasepublic class Exemplu {// codul de implementare a clasei

}}

Declarare de date‐membre si de 

metode (publice, private, protejate)

Page 31: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: tipuri de date

Spre deosebire de ECMAScript standard,in ActionScript va fi specificat explicit tipul de date

pentru fiecare variabila in parte

idem, pentru valorile de retur ale functiilor

Page 32: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: tipuri de date

public function generareJurnal (a:String, ...rest):String {var mesaj:String = "Mesaj de jurnalizare: ";for (var i:uint = 0; i < rest.length; i++) { // preluam argum.

mesaj += " " + rest[i];}return mesaj; // intoarcem un sir de caractere

}

Page 33: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

actionscript: xml

Datele XML sunt incapsulate in obiecte de tip XML, preluate din literali sau din exterior

Instantierea unui obiect XML: var xml:XML = new XML (dateXML);

Se accepta prelucrari in stilul DOM: children(),  parent(), attributes(), appendChild() etc.

Se pot efectua procesari simplificate – via E4Xexemple: xml.project[0].title (titlul primului proiect), xml.project[2].@class (clasa celui de‐al treilea proiect)

Page 34: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Redarea continutului multimedia: SWF, GIF, JPEG, PNG, SVG, MP3, FLV

<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Image id="foto" autoLoad="false"/><mx:Button label="Incarca imaginea"

click="foto.load('assets/foto.jpg')"/></mx:Application>

Page 35: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Managementul starilorStare (state) = colectie de schimbari (overrides) asupra unei redari (view) de dateE.g., maniera de vizualizare diferita a unui buton, atunci cind cursorul mouse‐ului este deasupra sa

O stare poate fi creata/accesata la nivel de aplicatiesau la nivel de componenta

Se foloseste <mx:State> sau proprietatea statespentru a specifica un tablou de stari

Page 36: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Realizarea de efecte grafice & tranzitiiEfecte = actiuni aplicate asupra componentelorSe ofera un set de efecte standard: Blur, Move, Fade, 

Dissolve, Glow, Resize, Rotate, Zoom, Iris,…<mx:WipeDown id="efectAfis" duration="2000" />

Efectele pot fi aplicate dinamic via triggers: focusInEffect, focusOutEffect, showEffect, hideEffect, mouseDownEffect, mouseUpEffect, moveEffect,…

Aplicarea efectelor la schimbari de stare se realizeaza via tranzitii: <mx:Transition>

Page 37: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Crearea & accesul la modele de dateCrearea unui obiect ce reprezinta o structurade date se realizeaza prin <mx:Model>E.g.: <mx:Model id="proiecte" source="projects.xml" />

Obiectul creat cu <mx:Model> va fi accesatintr‐un cod ActionScript prin ObjectProxy

Se pot atasa date externe – provenite din cimpurilede formular sau din surse de pe server –via data binding

Page 38: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Crearea & accesul la modele de dateData binding prin expresii ActionScript inserate cu { }in atributele MXML<mx:DataGrid id="dgIntrari"

dataProvider="{cerereServiciu.lastResult.feed.entry}">...</mx:DataGrid>

Data binding folosind <mx:Binding>Data binding prin program via clasa mx.binding.utils.BindingUtils

Page 39: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Crearea & accesul la modele de dateData binding folosind rezultatul intorsde un serviciu Web – se utilizeaza <mx:WebService>

<!-- acces la un serviciu Web pe baza WSDL --><mx:WebService id="survey" wsdl="http://www.rightactionscript.com/webservices/FlashSurvey.php?wsdl">

<!-- operatia dorita a fi invocata se numeste getAverages --><mx:operation name="getAverages" resultFormat="object" />

</mx:WebService>

Page 40: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Validarea datelorValidatorul de baza Validator

Se pot folosi validatoarele standard: StringValidator, NumberValidator, EmailValidator,RegExpValidator etc.

Page 41: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Formatarea datelorSe poate face prin formatatoare standard: e.g., NumberFormatter, DateFormatter etc.

<!-- formatarea datei de 07 ianuarie 2008 --><mx:TextInput text="{formatator.format(

new Date(2008, 0, 7, 12, 33, 07))}" /><mx:DateFormatter id="formatator"

formatString="DD-MM-YYYY la L:N:S A" />

Page 42: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Utilizarea stilurilor de redareExtinderea stilurilor CSS – e.g., dropShadowEnabledNu se iau in consideratie unitatile de masuraPot fi inserate via atribute atasate componentelorvizuale MXML sau cu elementul <mx:Style>

<mx:TextArea x="20" y="170" width="600" height="57" color="white" backgroundColor="#808080" />

In ActionScript se folosesc setStyle() si getStyle()Se pot specifica si skin‐uri de afisare

Page 43: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Comunicarea cu mediul de executie(host application)

Uzual, se poate face prin intermediul player‐uluiFlash, dar si via metodele call() si addCallback() din clasa flash.external.ExternalInterface

Page 44: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Comunicarea la distantaFolosind cereri HTTP prin <mx:HTTPService>

<!-- cererea spre un script CGI via metoda POST --><mx:HTTPService id="cerereServiciu"

destination="cerereServiciu" method="POST" url="http://undeva.org/script.cgi" useProxy="false" fault="Alert.show('Serviciul nu poate fi contactat.',

'Eroare')"/>

Page 45: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Comunicarea la distantaLa nivel inferior, se poate recurge la clasaflash.net.URLLoader oferita de player‐ul Flash

var incarcator:URLLoader = new URLLoader( );// incarcam datele din fisierul RSS de pe un serverincarcator.load(new URLRequest("http://undeva.org/stiri.rss.xml"));

Page 46: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Comunicarea la distantaInvocarea de servicii WebLa nivel de cod ActionScript, se recurge la clasa mx.rpc.soap.WebService

Poate fi folosit documentul WSDL asociat sauapelul explicit al unei metode oferita de serviciuprin send()

Page 47: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Comunicarea la distantaTransfer asincron de date via AJAXNecesita folosirea extensiei Flex AJAX Bridge

“Liant” intre player‐ul Flash si aplicatia de la distanta

Se va putea recurge la componenta <fab:FABridge>

Page 48: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

facilitati

Comunicarea la distantaUtilizarea tehnologiei Flash RemotingSerializare/deserializare binara prin AMFFoloseste pentru transport protocolul HTTPBiblioteci AMF la nivel de server: 

AMFPHP (PHP), Fluorine (.NET), OpenAMF (Java), WebORB (Java, .NET, Ruby on Rails) etc.

Page 49: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

utilizari

Exemplificari notabile:Adobe Photoshop online: http://api.photoshop.com/Yahoo! Web Messenger: 

http://webmessenger.yahoo.com/Yahoo! Maps: http://maps.yahoo.com/Yourminis: www.yourminis.com/minisDigg Labs: labs.digg.com/

Page 50: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

utilizari

Interactiune pe dispozitivele mobile via Flash Lite

player Flash optimizat pentru dispozitive mobile (miniaturizate)

platforma de dezvoltare: Flash CS 3 + Device Central

facilitati privitoare la browsing Web, mediu integrat de dezvoltare, suport multi‐platforma

Page 51: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

utilizari

Interactiune pe dispozitivele mobile via Flash Lite

limitari: nu exista suport pentru filtre, blend modes, CSS,caching pentru bitmap‐uri, conexiuni locale, remoting,…

Flash Lite 3 suportat de Chumby, DoCoMo, Nokia etc.

vezi www.adobe.com/mobile si www.adobe.com/go/4it/

Page 52: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

utilizari

Tehnologii complementare/concurente:

AJAX (XML/JSON, JavaScript, XHTML)JavaFX (JavaFX Script, Java)

OpenLaszlo (LZX, ECMAScript)Silverlight (XAML, C#, JavaScript, Ruby,…)

Page 53: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

utilizari

Tendintele conform Google Trends – februarie 2008

Page 54: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Adobe LabsFlex tag library for JSP, Flex Module for Apache & IIS,

Flex Stress Testing Framework, Flex Scheduling Framework,…

http://labs.adobe.com/

ActionScript 3 Librarieshttp://actionscript3libraries.riaforge.org/

instrumente

Page 55: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Flex Styles Creatorhttp://flexonrails.net/?p=8Flex Filter Explorer

http://merhl.com/?p=5Flex Primitive Explorer

http://flexibleexperiments.wordpress.com/Flex Transitions and Effects Explorer

http://blog.keutgens.de/

instrumente

Page 56: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

C. Kazoun, J. Lott, Programming Flex™ 2, O’Reilly, 2007M. Casario, Flex Solutions: Essential Techniques for Flex 2 & Flex 3 Developers, Friends of ED, 2007

Adobe Flex: www.adobe.com/products/flex/Adobe Developer Connection: www.adobe.com/devnet/Flex.org: www.flex.org/OnFlex.org: http://www.onflex.org/RIA Forge: www.riaforge.org/360Flex: http://360flex.org/Flash Lite: www.flashlite.org/

resurse

Page 57: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Adobe FlexContext

CaracterizareMXML

ActionScriptFacilitati

Utilizari & instrumenteResurse

rezumat

Page 58: Web - Flex

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

??