Flex beginning level

● พื้นฐานเบ้ือง ต้น● การสร้าง UI ขั้นพื้นฐาน● การสร้าง UI ขั้นสูง● การสร้าง ค อมโ พเนนท์● การจัดการข้อมูล● Workshop (Garage management app.)

พ้ืนฐานเบ้ืองต้น

● Flex มี mxml เป็น tag ค ล้าย ๆ กับ html เพื่อสร้างหน้าตาโ ปรแกรม

● ใช ้ ActionScript เพื่อดำาเนินการทาง ด้านโ ปรแกรมเหมือน JavaScript

● เขีย นโ ปรแกรมโ ดย มี Event ต่าง ๆ จาก Control

พ้ืนฐานเบ้ืองต้น (ต่อ)Flash Builder

Control & Container

Properties of display object

Design or Coding area

พ้ืนฐานเบ้ืองต้น (ต่อ)Flash Builder

Design or Coding area

การสร้าง UI ขั้นพ้ืนฐาน● Control

การสร้าง UI ขั้นพ้ืนฐาน● Container

การสร้าง UI ขั้นพ้ืนฐาน● Style (CSS)

การสร้าง UI ขั้นพ้ืนฐาน

● Effect – การเพิ่มลูกเล่นแบบ Animation ให้ Control

การสร้าง UI ขั้นพ้ืนฐาน

● State – เพิ่มการแสดง UI อันหลากหลาย

การสร้าง UI ขั้นพ้ืนฐาน

● Tooltip - ข้อค ว ามอธ ิบาย

การสร้าง UI ขั้นพ้ืนฐาน

● Cursor management - ค ว บค ุมการแสดง เค อร์เซอร์

การสร้าง UI ขั้นสูง● Repeater● ItemRenderer● ItemEditor (not complete)● Data provider● Drag and Drop (on list base control)● Tree (not complete)

การสร้าง UI ขั้นสูง

● Repeater – การแสดง ผล Control แบบ Recursive

การสร้าง UI ขั้นสูง

● ItemRenderer – การแสดง ผลบน List base control

การสร้าง UI ขั้นสูง

● Data provider – ข้อมูลใช ้แสดง ใน List base control

การสร้าง UI ขั้นสูง● Drag and Drop (on list base control) – การลากแล้ว

ว าง ข้อมูลระ หว ่าง List base control

การสร้างคอมโพเนนท์● Mxml component● ActionScript programming● Deploy component (create library or *.swc)● Module (modularity support)● Pop-Up (TitledWindow)

การสร้างคอมโพเนนท์● Mxml component

การสร้างคอมโพเนนท์● ActionScript programming

การสร้างคอมโพเนนท์

● Deploy component (create library or *.swc) – สร ้าง Library แบบซ่อนโ ค ้ด หรือป้อง กันการแก้ไข

การสร้างคอมโพเนนท์

● Module (modularity support) – ทำาให้ Web app. แย กย ่อย ออกและ มีขนาดไฟล์ที่เล็ก ระ บบมีค ว ามเป็นอิสระมากขึ้น

การสร้างคอมโพเนนท์● Pop-Up (TitledWindow)

การจัดการข้อมูล● Data binding● Data Validating (not complete)● Data Formatting (not complete)● XML● HTTPService● RemoteObject

Workshop

● Garage management application● Introduce to micro-architecture framework –

RobotLegs framework● How to use Flex initial code generator