เอกสารประกอบการบรรยาย Flex beginning level ที่ขอนแก่น

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

2. พื้นฐานเบื้องต้น
●
Flex มี mxml เป็น tag คล้ายๆ กับ html เพื่อสร้าง
หน้าตาโปรแกรม
●
ใช้ ActionScript เพื่อดำาเนินการทางด้านโปรแกรม
เหมือน JavaScript
●
เขียนโปรแกรมโดยมี Event ต่างๆ จาก Control

3. พื้นฐานเบื้องต้น (ต่อ)
Flash Builder
Design or Coding area
Properties of
display object
Control & Container

4. พื้นฐานเบื้องต้น (ต่อ)
Flash Builder
Design or Coding area

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

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

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

8. การสร้าง UI ขั้นพื้นฐาน
●
Effect – การเพิ่มลูกเล่นแบบ Animation ให้ Control

9. การสร้าง UI ขั้นพื้นฐาน
●
State – เพิ่มการแสดง UI อันหลากหลาย

10. การสร้าง UI ขั้นพื้นฐาน
●
Tooltip - ข้อความอธิบาย

11. การสร้าง UI ขั้นพื้นฐาน
●
Cursor management - ควบคุมการแสดงเคอร์เซอร์

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

13. การสร้าง UI ขั้นสูง
●
Repeater – การแสดงผล Control แบบ Recursive

14. การสร้าง UI ขั้นสูง
●
ItemRenderer – การแสดงผลบน List base control

15. การสร้าง UI ขั้นสูง
●
Data provider – ข้อมูลใช้แสดงใน List base control

16. การสร้าง UI ขั้นสูง
● Drag and Drop (on list base control) – การลากแล้ว
วางข้อมูลระหว่าง List base control

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

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

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

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

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

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

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

24. Workshop
● Garage management application
● Introduce to micro-architecture framework –
RobotLegs framework
● How to use Flex initial code generator