Flex presentation1

30

description

 

Transcript of Flex presentation1

Page 1: Flex presentation1
Page 2: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 3: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 4: Flex presentation1

Là những ứng dụng web có các chức năng của ứng dụng desktop

Không c n build l i hoàn toàn. Ch d li u ầ ạ ỉ ữ ệyêu c u đ c tr v và tích h p vào n i ầ ượ ả ề ợ ơc n.ầ

Run on the client, not the server !

Page 5: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 6: Flex presentation1

Flash API

Flash Player /Air Runtime

Flex Framework

Page 7: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 8: Flex presentation1

Flex builderFlex builder

Eclipse Code view Design view Debugger RDS Plugin CF Wizard

Page 9: Flex presentation1

Flex builderFlex builder

Page 10: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 11: Flex presentation1

MXML and ActionscriptsMXML and Actionscripts

MXML(Multimedia eXtensible Markup Language): Là ngôn ng d a trên XML giúp ữ ựt o ra các ng d ng Flex. ạ ứ ụ

C u trúc c a MXML khá gi ng v i HTMLấ ủ ố ớ

<mx: Label text=“Hello Word"/>

Cho phép nhúng các đoạn script vào trong và gọi ở nơi thích hợp.

Page 12: Flex presentation1

MXML and ActionscriptsMXML and Actionscripts

Action Script là m t ngôn ng qu n lýộ ữ ả thư viện đồ họa của ứng dụng Flash giúp tạo effect lúc runtime

Action Script 3.0 là một ngôn ngữ hướng đối tượng

Page 13: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 14: Flex presentation1

CompilingCompiling

Page 15: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 16: Flex presentation1

SWF deploymentSWF deployment

Phát tri n ng ể ứd ng -> swfụ

L u tr swfư ữ

Truy xu t ấng d ngứ ụ

Tr v swf ả ềvà response

Page 17: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 18: Flex presentation1

Client-Side applicationClient-Side application

Page 19: Flex presentation1

Rich Internet Applications Flex framework Flex builder MXML and Actionscripts Compiling SWF deployment Client-Side application Working with Server Technologies

Page 20: Flex presentation1

Working with Server TechnologiesWorking with Server Technologies

Page 21: Flex presentation1

Working with Server TechnologiesWorking with Server Technologies

Page 22: Flex presentation1

Working with Server TechnologiesWorking with Server Technologies

Page 23: Flex presentation1

Working with Server TechnologiesWorking with Server Technologies

Page 24: Flex presentation1

Working with Server TechnologiesWorking with Server Technologies

Page 25: Flex presentation1

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

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

<mx:WipeUp id="wipeOut" duration="1000"/>

<mx:WipeDown id="wipeIn" duration="1000"/>

<mx:Resize id="Expand" target="{img}" widthTo="333“ heightTo="333"/>

<mx:Resize id="Contract" target="{img}" widthTo="155" heightTo="155"/>

Page 26: Flex presentation1

<mx:Panel left="10" top="10" bottom="10" right="10“ title="Example effect">

<mx:Label text="Hello World" fontSize="20“ visible="{cb1.selected}“ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>

<mx:Image id="img" width="155" height="155“ source="@Embed('assets/The Earth.jpg')"

visible="{cb1.selected}" hideEffect="{wipeOut}“ showEffect="{wipeIn}"/>

Page 27: Flex presentation1

<mx:CheckBox label="Visible" id="cb1" selected="true"/>

<mx:ControlBar>

<mx:Button label="Expand" click="Expand.end();Expand.play();"/>

<mx:Button label="Contract" click="Contract.end();Contract.play();"/>

</mx:ControlBar>

</mx:Panel>

</mx:Application>

Page 28: Flex presentation1

Link download : http://mega.1280.com/file/WO5DCK68/

Page 29: Flex presentation1

Giới thiệu demo

Cửa hàng bán hoa trực tuyến

Link download :http://mega.1280.com/file/TSXZN1TL/

Page 30: Flex presentation1