Flex presentation1
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Flex presentation1

on

  • 848 views

 

Statistics

Views

Total Views
848
Views on SlideShare
848
Embed Views
0

Actions

Likes
0
Downloads
7
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Tổng quan về html Các nhược điểm mà html đã bộc lộ theo thời gian CFM: ColdFusion ASP: Classic Microsoft Active Server Pages ASPX: Microsoft .NET Active Server Pages JSP: Java Server Pages PHP: A scripting language whose letters stand for nothing
  • RIAs Tương lai của internet, ngày nay các ứng dụng web được yều cầu về độ tương tác rất cao
  • Examples of RIA  frameworks  include  Adobe Flex / AIR ,  Java / JavaFX [2] ,  uniPaaS [3]  and  Microsoft Silverlight [4] . The term was introduced in the 1990s by vendors like  Macromedia  who were addressing limitations at the time in the "richness of the application interfaces, media and content, and the overall sophistication of the solutions" by introducing proprietary extensions [5] . 1. Also, in a traditional HTML environment, user interactivity is limited to forms and just a few buttons. Desktop functions, like menus and smooth transitions from section to section, often perform poorly and could add significantly to file sizes 2. Decreased demands on the server and much smaller file sizes (which lends itself nicely to emerging mobile Internet technologies).
  • Flash player rất là phổ biến hiện nay, hầu hết các trình duyệt đều được cài. Là một thế mạnh của flex
  • Giới thiệu sơ về các thành phần của flex builder ở giao diện design và code
  • Action Script tương tự như java script là một  ngôn ngữ lập trình kịch bản Ngôn ngữ này được dùng rộng rãi cho các  trang web.
  • Swf là định dạng files dạng flash của Abobe, trình bày vector graphics, text, video, và sound
  • Developer: tạo ứng dụng ở dạng files swf Server: xử lý yêu cầu truy xuất
  • Không giống như ứng dụng PHP, ColdFusion, ASP.NET, JSP, Ứng dụng flex chạy trên client chứ không phải server
  • Để tăng chức năng và sức mạnh cho ứng dụng RIA

Flex presentation1 Presentation Transcript

  • 1.  
  • 2.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 3.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 4.
    • 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 !
  • 5.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 6. Flash API Flash Player /Air Runtime Flex Framework
  • 7.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 8. Flex builder
    • Eclipse
    • Code view
    • Design view
    • Debugger
    • RDS Plugin
    • CF Wizard
  • 9. Flex builder
  • 10.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 11. MXML 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&quot;/>
    • C ho phép nhúng các đoạn script vào trong và gọi ở nơi thích hợp .
  • 12. MXML 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
  • 13.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 14. Compiling
  • 15.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 16. SWF deployment Phát triển ứng dụng -> swf Lưu trữ swf Truy xuất ứng dụng Trả về swf và response
  • 17.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 18. Client-Side application
  • 19.
    • Rich Internet Applications
    • Flex framework
    • Flex builder
    • MXML and Actionscripts
    • Compiling
    • SWF deployment
    • Client-Side application
    • Working with Server Technologies
  • 20. Working with Server Technologies
  • 21. Working with Server Technologies
  • 22. Working with Server Technologies
  • 23. Working with Server Technologies
  • 24. Working with Server Technologies
  • 25.
    • <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?>
    • <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; layout=&quot;absolute&quot;>
    • <mx:WipeUp id=&quot;wipeOut&quot; duration=&quot;1000&quot;/>
    • <mx:WipeDown id=&quot;wipeIn&quot; duration=&quot;1000&quot;/>
    • <mx:Resize id=&quot;Expand&quot; target=&quot;{img}&quot; widthTo=&quot;333“ heightTo=&quot;333&quot;/>
    • <mx:Resize id=&quot;Contract&quot; target=&quot;{img}&quot; widthTo=&quot;155&quot; heightTo=&quot;155&quot;/>
  • 26.
    • <mx:Panel left=&quot;10&quot; top=&quot;10&quot; bottom=&quot;10&quot; right=&quot;10“ title=&quot;Example effect&quot;>
    • <mx:Label text=&quot;Hello World&quot; fontSize=&quot;20“ visible=&quot;{cb1.selected}“ hideEffect=&quot;{wipeOut}&quot; showEffect=&quot;{wipeIn}&quot;/>
    • <mx:Image id=&quot;img&quot; width=&quot;155&quot; height=&quot;155“ source=&quot;@Embed('assets/The Earth.jpg')&quot;
    • visible=&quot;{cb1.selected}&quot; hideEffect=&quot;{wipeOut}“ showEffect=&quot;{wipeIn}&quot;/>
  • 27.
    • <mx:CheckBox label=&quot;Visible&quot; id=&quot;cb1&quot; selected=&quot;true&quot;/>
    • <mx:ControlBar>
    • <mx:Button label=&quot;Expand&quot; click=&quot;Expand.end();Expand.play();&quot;/>
    • <mx:Button label=&quot;Contract&quot; click=&quot;Contract.end();Contract.play();&quot;/>
    • </mx:ControlBar>
    • </mx:Panel>
    • </mx:Application>
  • 28. Link download : http://mega.1280.com/file/WO5DCK68/
  • 29. Giới thiệu demo Cửa hàng bán hoa trực tuyến Link download : http://mega.1280.com/file/TSXZN1TL/
  • 30.