SlideShare a Scribd company logo
1 of 28
• Document Class là gì?
• Viết mã lệnh trên Document Class thay thế
cho timeline
• Giới thiệu về Flash Develop
Document Class là gì
DocumentClass
• Document Class là nơi để hệ thống khởi
chạy chương trình, những mã lệnh đầu
tiên được đọc khi khởi chạy chương trình
nằm trong Document Class (cụ thể là
constructor của nó).
DocumentClass
Viết mã lệnh trên Document Class thay
thế cho timeline
DocumentClass
• Lợi thế :
– Kết quả tương đương với việc viết mã lệnh
trên time line nhưng dễ quản lý và kiểm soát.
– Tránh được tình trạng gọi lại khi flash quay
trở lại khung hình chứa mã lệnh (bởi khi flash
chạy đến khung hình nào thì toàn bộ mã lệnh
trong khung hình đó sẽ bị gọi và điều này dễ
dẫn đến hậu quả ngoài dự đoán).
Tạo một class bằng Flash Professional
Tạo một class mới
Tạo Class
• Đặt tên Class
Click ok sau khi chọn được tên phù hợp (tên ví dụ là Main)
Tạo Class
• Mọi mã lệnh nằm trong phần “constructor code” sẽ được gọi ngay
khi khởi chạy chương trình (nhấn tổ hợp ctrl+enter)
• Lưu ý thêm dòng extends MovieClip (bắt buộc) đằng sau public
class Main
Tạo Class
• Tạo mới 1 file fla type là ActionScript 3.0
Tạo Class
• Trong constructor code viết dòng lệnh
trace một dòng chữ bất kỳ (như “hello
world”) và save lại vào một thư mục bất
kỳ.
• Tạo mới một file .fla và save vào cùng thư
mục với file Main.as vừa tạo
Tạo Class
• Trong file .fla vừa tạo lựa chọn
• Class trong property panel
• Ctrl+Enter để thấy kết quả
Flash Develop
Giới thiệu về Flash Develop
Flash Develop là gì
• Flash develop là một công cụ hỗ trợ lập
trình miễn phí và có mã nguồn mở
• Phiên bản mới nhất hiện tại là 4.0.1
(khuyên dùng)
• Ưu điểm:
1. Miễn phí
2. Mã nguồn mở
3. Hỗ trợ tối ưu cho code ActionScript
Lợi ích của việc sử dụng FlashDevelop
1. Hỗ trợ tối ưu trong viết code ActionScript
2. Giao diện sử dụng khá đẹp và dễ quản lý
• Hỗ trợ nhiều công việc
Cài đặt FlashDevelop
Lần lượt theo các bước
Bỏ chọn toàn bộ các tùy chọn basic, nếu
không tải lần đầu sẽ lâu và không cần thiết
Chọn thư mục muốn cài đặt
Sử dụng Flash Develop
• Tạo các project
FlashDevelop có hỗ trợ nhiều loại project đáp ứng nhiều yêu cầu, tuy nhiên
trong chương trình học chúng ta sẽ chỉ chọn 2 loại project chính, lưu ý là
chọn chúng trong nhóm ActionScript 3
1. Flash IDE Project
2. Actionscript 3.0 Project
Flash IDE project AS3 project
Yêu cầu cài đặt cả FlashDevelop và
Flash Professional
Chỉ cần FlashDevelop
Sử dụng Flash Professional để compile Sử dụng bộ flexSDK để compile
Các đặc điểm chính của Flash IDE project và AS3 project
Tên Project
Vị trí của project
Tạo một Flash IDE Project
Tại cửa sổ Project panel (panel giúp
quản lý các file và dữ liệu bên trong
Project
Click chuột phải tại một nơi bất kỳ
trong khoảng trắng, chọn Add để
thêm file mới (ở đây ta chọn New
Class để tạo một lớp mới)
Đổi tên class thành The First Class
Màn hình Class FirstClass
Chúng ta viết một dòng trace đơn giản để kiểm tra
Vậy làm thế nào để có thể giao tiếp với Flash Professional
Tạo một file .fla và save ngay tại thư mục tạo project (nếu chẳng may các
bạn quên địa chỉ thư mục thì
1. Click chuột phải vào một ô trắng bất kỳ bên project panel
2. Chọn Explore
2. Tạo mới một thư mục .fla và đặt tên bất kỳ (hello world) chẳng hạn
3. Save lại và quay về Flash develop bạn sẽ file mình vừa tạo
Bên trong file HelloWorld.fla bạn điền vào
ô input document class trong property
panel tên file .as (ở đây là TheFirstClass)
Ok hãy ctrl enter !!! Nếu dòng trace hiện ra thì
tức là Flash Develop đã kết nối thành công
Lesson 05: Document Class, Events and  FlashDevelop Tool

More Related Content

Similar to Lesson 05: Document Class, Events and FlashDevelop Tool

2.bat dau voi hello world
2.bat dau voi hello world2.bat dau voi hello world
2.bat dau voi hello world
Justin Hoang
 
179887496 sdc1-bai tap-javacanban-5
179887496 sdc1-bai tap-javacanban-5179887496 sdc1-bai tap-javacanban-5
179887496 sdc1-bai tap-javacanban-5
le dai
 
bt-mon-lap-trinh-huong-doi-tuong.pdf
bt-mon-lap-trinh-huong-doi-tuong.pdfbt-mon-lap-trinh-huong-doi-tuong.pdf
bt-mon-lap-trinh-huong-doi-tuong.pdf
HiNht6
 
Tortoise svn huong dan
Tortoise svn   huong danTortoise svn   huong dan
Tortoise svn huong dan
whitehorse4IT
 
THCS_W08_BaiGiang_PowerPoint
THCS_W08_BaiGiang_PowerPointTHCS_W08_BaiGiang_PowerPoint
THCS_W08_BaiGiang_PowerPoint
CNTT-DHQG
 
Importing othermso files_vi-draft1
Importing othermso files_vi-draft1Importing othermso files_vi-draft1
Importing othermso files_vi-draft1
Vu Hung Nguyen
 

Similar to Lesson 05: Document Class, Events and FlashDevelop Tool (20)

2.bat dau voi hello world
2.bat dau voi hello world2.bat dau voi hello world
2.bat dau voi hello world
 
2.bat dau voi hello world
2.bat dau voi hello world2.bat dau voi hello world
2.bat dau voi hello world
 
Hướng Dẫn Lập Trình Android: 2. Bắt đầu với Hello World.ppt
Hướng Dẫn Lập Trình Android: 2. Bắt đầu với Hello World.pptHướng Dẫn Lập Trình Android: 2. Bắt đầu với Hello World.ppt
Hướng Dẫn Lập Trình Android: 2. Bắt đầu với Hello World.ppt
 
Hdsd eclipse
Hdsd eclipseHdsd eclipse
Hdsd eclipse
 
Slide bài giảng lập trình Android DTU - Phần 2 (Bắt đầu với Helloworld)
Slide bài giảng lập trình Android DTU - Phần 2 (Bắt đầu với Helloworld)Slide bài giảng lập trình Android DTU - Phần 2 (Bắt đầu với Helloworld)
Slide bài giảng lập trình Android DTU - Phần 2 (Bắt đầu với Helloworld)
 
Bai giangvb.net
Bai giangvb.netBai giangvb.net
Bai giangvb.net
 
Lập trình Android cơ bản bằng tiếng Việt
Lập trình Android cơ bản bằng tiếng ViệtLập trình Android cơ bản bằng tiếng Việt
Lập trình Android cơ bản bằng tiếng Việt
 
Chuong 1
Chuong 1Chuong 1
Chuong 1
 
Mau slide
Mau slideMau slide
Mau slide
 
Phan 5
Phan 5Phan 5
Phan 5
 
Bai giangvb.net
Bai giangvb.netBai giangvb.net
Bai giangvb.net
 
179887496 sdc1-bai tap-javacanban-5
179887496 sdc1-bai tap-javacanban-5179887496 sdc1-bai tap-javacanban-5
179887496 sdc1-bai tap-javacanban-5
 
bt-mon-lap-trinh-huong-doi-tuong.pdf
bt-mon-lap-trinh-huong-doi-tuong.pdfbt-mon-lap-trinh-huong-doi-tuong.pdf
bt-mon-lap-trinh-huong-doi-tuong.pdf
 
Tortoise svn huong dan
Tortoise svn   huong danTortoise svn   huong dan
Tortoise svn huong dan
 
IT120-2. Bắt đầu với Hello World
IT120-2. Bắt đầu với Hello WorldIT120-2. Bắt đầu với Hello World
IT120-2. Bắt đầu với Hello World
 
XREF TRONG AUTOCAD - Phan Minh Tan
XREF TRONG AUTOCAD - Phan Minh TanXREF TRONG AUTOCAD - Phan Minh Tan
XREF TRONG AUTOCAD - Phan Minh Tan
 
THCS_W08_BaiGiang_PowerPoint
THCS_W08_BaiGiang_PowerPointTHCS_W08_BaiGiang_PowerPoint
THCS_W08_BaiGiang_PowerPoint
 
Importing othermso files_vi-draft1
Importing othermso files_vi-draft1Importing othermso files_vi-draft1
Importing othermso files_vi-draft1
 
Ly thuyet
Ly thuyetLy thuyet
Ly thuyet
 
Ly thuyet
Ly thuyetLy thuyet
Ly thuyet
 

More from Hallo Patidu

Lesson 22: Flash communicate
Lesson 22: Flash communicateLesson 22: Flash communicate
Lesson 22: Flash communicate
Hallo Patidu
 
Video - lesson21 - reference
Video - lesson21 - referenceVideo - lesson21 - reference
Video - lesson21 - reference
Hallo Patidu
 
Lesson 18: Tween Effect
Lesson 18: Tween EffectLesson 18: Tween Effect
Lesson 18: Tween Effect
Hallo Patidu
 
Lession 13: Dynamic data access
Lession 13: Dynamic data accessLession 13: Dynamic data access
Lession 13: Dynamic data access
Hallo Patidu
 
Homework: Math In Flash
Homework: Math In FlashHomework: Math In Flash
Homework: Math In Flash
Hallo Patidu
 
Lession 14,15 : Math in flash
Lession 14,15 : Math in flashLession 14,15 : Math in flash
Lession 14,15 : Math in flash
Hallo Patidu
 
Workshop: Typing game
Workshop: Typing gameWorkshop: Typing game
Workshop: Typing game
Hallo Patidu
 
Lesson12 - text field
Lesson12  - text fieldLesson12  - text field
Lesson12 - text field
Hallo Patidu
 
Workshop game hứng bia
Workshop   game hứng biaWorkshop   game hứng bia
Workshop game hứng bia
Hallo Patidu
 
Lession : Sử dụng timer va get timer
Lession : Sử dụng timer va get timerLession : Sử dụng timer va get timer
Lession : Sử dụng timer va get timer
Hallo Patidu
 
Lesson 01 : Flash Platforms Overview
Lesson 01 : Flash Platforms OverviewLesson 01 : Flash Platforms Overview
Lesson 01 : Flash Platforms Overview
Hallo Patidu
 

More from Hallo Patidu (20)

Lesson 22: Flash communicate
Lesson 22: Flash communicateLesson 22: Flash communicate
Lesson 22: Flash communicate
 
Lesson 21: Video
Lesson 21: VideoLesson 21: Video
Lesson 21: Video
 
Video - lesson21 - reference
Video - lesson21 - referenceVideo - lesson21 - reference
Video - lesson21 - reference
 
Lesson 20 : Sound
Lesson 20 : SoundLesson 20 : Sound
Lesson 20 : Sound
 
Lesson 19.xml
Lesson 19.xmlLesson 19.xml
Lesson 19.xml
 
Lesson 18: Tween Effect
Lesson 18: Tween EffectLesson 18: Tween Effect
Lesson 18: Tween Effect
 
Lession 13: Dynamic data access
Lession 13: Dynamic data accessLession 13: Dynamic data access
Lession 13: Dynamic data access
 
Homework: Math In Flash
Homework: Math In FlashHomework: Math In Flash
Homework: Math In Flash
 
Lession 14,15 : Math in flash
Lession 14,15 : Math in flashLession 14,15 : Math in flash
Lession 14,15 : Math in flash
 
Workshop: Typing game
Workshop: Typing gameWorkshop: Typing game
Workshop: Typing game
 
Lesson12 - text field
Lesson12  - text fieldLesson12  - text field
Lesson12 - text field
 
Workshop game hứng bia
Workshop   game hứng biaWorkshop   game hứng bia
Workshop game hứng bia
 
Lession : Sử dụng timer va get timer
Lession : Sử dụng timer va get timerLession : Sử dụng timer va get timer
Lession : Sử dụng timer va get timer
 
Lesson 08 : AS3 Display Programming
Lesson 08 : AS3 Display ProgrammingLesson 08 : AS3 Display Programming
Lesson 08 : AS3 Display Programming
 
Lesson 07 : Your First Game
Lesson 07 : Your First GameLesson 07 : Your First Game
Lesson 07 : Your First Game
 
Lesson 06 : OOP and Access modifier
Lesson 06 : OOP and Access modifierLesson 06 : OOP and Access modifier
Lesson 06 : OOP and Access modifier
 
Lesson 01 : Flash Platforms Overview
Lesson 01 : Flash Platforms OverviewLesson 01 : Flash Platforms Overview
Lesson 01 : Flash Platforms Overview
 
Lesson 03 : Timeline in Flash World
Lesson 03 : Timeline in Flash WorldLesson 03 : Timeline in Flash World
Lesson 03 : Timeline in Flash World
 
Lesson 02 : Flash Authoring Environment
Lesson 02 : Flash Authoring EnvironmentLesson 02 : Flash Authoring Environment
Lesson 02 : Flash Authoring Environment
 
Pre: FOF Learning Guide
Pre: FOF Learning GuidePre: FOF Learning Guide
Pre: FOF Learning Guide
 

Lesson 05: Document Class, Events and FlashDevelop Tool

  • 1. • Document Class là gì? • Viết mã lệnh trên Document Class thay thế cho timeline • Giới thiệu về Flash Develop
  • 3. DocumentClass • Document Class là nơi để hệ thống khởi chạy chương trình, những mã lệnh đầu tiên được đọc khi khởi chạy chương trình nằm trong Document Class (cụ thể là constructor của nó).
  • 4. DocumentClass Viết mã lệnh trên Document Class thay thế cho timeline
  • 5. DocumentClass • Lợi thế : – Kết quả tương đương với việc viết mã lệnh trên time line nhưng dễ quản lý và kiểm soát. – Tránh được tình trạng gọi lại khi flash quay trở lại khung hình chứa mã lệnh (bởi khi flash chạy đến khung hình nào thì toàn bộ mã lệnh trong khung hình đó sẽ bị gọi và điều này dễ dẫn đến hậu quả ngoài dự đoán).
  • 6. Tạo một class bằng Flash Professional Tạo một class mới
  • 7. Tạo Class • Đặt tên Class Click ok sau khi chọn được tên phù hợp (tên ví dụ là Main)
  • 8. Tạo Class • Mọi mã lệnh nằm trong phần “constructor code” sẽ được gọi ngay khi khởi chạy chương trình (nhấn tổ hợp ctrl+enter) • Lưu ý thêm dòng extends MovieClip (bắt buộc) đằng sau public class Main
  • 9. Tạo Class • Tạo mới 1 file fla type là ActionScript 3.0
  • 10. Tạo Class • Trong constructor code viết dòng lệnh trace một dòng chữ bất kỳ (như “hello world”) và save lại vào một thư mục bất kỳ. • Tạo mới một file .fla và save vào cùng thư mục với file Main.as vừa tạo
  • 11. Tạo Class • Trong file .fla vừa tạo lựa chọn • Class trong property panel • Ctrl+Enter để thấy kết quả
  • 12. Flash Develop Giới thiệu về Flash Develop
  • 13. Flash Develop là gì • Flash develop là một công cụ hỗ trợ lập trình miễn phí và có mã nguồn mở • Phiên bản mới nhất hiện tại là 4.0.1 (khuyên dùng) • Ưu điểm: 1. Miễn phí 2. Mã nguồn mở 3. Hỗ trợ tối ưu cho code ActionScript
  • 14. Lợi ích của việc sử dụng FlashDevelop 1. Hỗ trợ tối ưu trong viết code ActionScript 2. Giao diện sử dụng khá đẹp và dễ quản lý
  • 15. • Hỗ trợ nhiều công việc
  • 16. Cài đặt FlashDevelop Lần lượt theo các bước
  • 17. Bỏ chọn toàn bộ các tùy chọn basic, nếu không tải lần đầu sẽ lâu và không cần thiết
  • 18. Chọn thư mục muốn cài đặt
  • 19. Sử dụng Flash Develop • Tạo các project
  • 20. FlashDevelop có hỗ trợ nhiều loại project đáp ứng nhiều yêu cầu, tuy nhiên trong chương trình học chúng ta sẽ chỉ chọn 2 loại project chính, lưu ý là chọn chúng trong nhóm ActionScript 3 1. Flash IDE Project 2. Actionscript 3.0 Project
  • 21. Flash IDE project AS3 project Yêu cầu cài đặt cả FlashDevelop và Flash Professional Chỉ cần FlashDevelop Sử dụng Flash Professional để compile Sử dụng bộ flexSDK để compile Các đặc điểm chính của Flash IDE project và AS3 project
  • 22. Tên Project Vị trí của project Tạo một Flash IDE Project
  • 23. Tại cửa sổ Project panel (panel giúp quản lý các file và dữ liệu bên trong Project Click chuột phải tại một nơi bất kỳ trong khoảng trắng, chọn Add để thêm file mới (ở đây ta chọn New Class để tạo một lớp mới)
  • 24. Đổi tên class thành The First Class
  • 25. Màn hình Class FirstClass Chúng ta viết một dòng trace đơn giản để kiểm tra
  • 26. Vậy làm thế nào để có thể giao tiếp với Flash Professional Tạo một file .fla và save ngay tại thư mục tạo project (nếu chẳng may các bạn quên địa chỉ thư mục thì 1. Click chuột phải vào một ô trắng bất kỳ bên project panel 2. Chọn Explore
  • 27. 2. Tạo mới một thư mục .fla và đặt tên bất kỳ (hello world) chẳng hạn 3. Save lại và quay về Flash develop bạn sẽ file mình vừa tạo Bên trong file HelloWorld.fla bạn điền vào ô input document class trong property panel tên file .as (ở đây là TheFirstClass) Ok hãy ctrl enter !!! Nếu dòng trace hiện ra thì tức là Flash Develop đã kết nối thành công