Chapter 3

1. Chapter 3 เริ่มต้นการเขียนโปรแกรมด้วย VB 2010

2. Agenda • Introducing Visual Studio 2010 • What is Visual Studio 2010 about? • Installing Visual Studio 2010 • Navigating the Visual Studio 2010 Environment • Managing VS Windows • Modifying Environment Settings after Setup • Familiarization with Visual Studio Project Types • Summary

3. Key Skills & Concepts • Learn What Visual Studio 2010 Can Do for You • Install and Choose Among Installation Options • Understand What Types of Applications You Can Build

4. What is Visual Studio 2010 About? • Automatically Generated Code • VS will automatically generate skeleton code that can compile and run immediately • Rapid Coding Experience • Intellisense, tips that pop up as you type; and keyboard shortcuts for performing a multitude of tasks. • Refactorings, features that help you quickly improve the organization of your code while you’re coding. • Everything at Your Fingertips • Plethora of tools are available to aid you in your quest to rapidly create quality software. • Customizability and Extensibility • You can customize many parts of the VS environment, including colors, editor options, and layout.

5. Installing Visual Studio 2010 • System Requirements • Microsoft recommends a 32-bit x86 or 64-bit (x64) CPU at 1.6 GHz , • at least 1GB RAM, • a 5400 RPM hard disk drive, 3GB hard disk space, DVD-ROM, • DirectX video at 1280 × 1024 resolution, • operating systems include Windows Vista (all versions except for Starter), Windows XP SP2 or later (all versions except for Starter), Windows 7 (only Ultimate), Windows 2003 (SP1 or R2 or later), and Windows 2008 (SP1 or R2 or later). • Be sure to check Microsoft Developer Network (MSDN) online, as system requirements can change over time.

6. Installing Visual Studio 2010 Cont… • When you first place the VS DVD into the drive, you’ll see the Microsoft Visual Studio 2010 window, shown in Figure. Available options are to Install Microsoft Visual Studio 2010 and Check For Service Releases. Click Install Microsoft Visual Studio 2010.

7. Installing Visual Studio 2010 Cont… • Setup Welcome Window

8. Installing Visual Studio 2010 Cont… • Setup Licensing Window

9. Installing Visual Studio 2010 Cont… • Setup Customization Window

10. Installing Visual Studio 2010 Cont… • Setup Progress Window

11. Installing Visual Studio 2010 Cont… • Setup Restart Window

12. Installing Visual Studio 2010 Cont… • Setup Success Window

13. Installing Visual Studio 2010 Cont… • Checking for Service Releases

14. Installing Visual Studio 2010 Cont… • Default Environment Setting Window

15. เริ่มใช้งาน Visual Basic 2010

17. Solution, Project & Form Solution Project A Project B Project C Project N

18. Project Type Project Group Project Type

20. IDE (Integrated Development Environment) Menubar Toolbar Form Solution Explorer Properties Toolbox

21. Solution Explorer Window View Code Refresh View Designer Show All Files View Class Diagram Properties ส่วนประกอบของProject

22. Properties Window Object Box Setting Box Properties List

23. Properties Window

24. การเขียนโปรแกรมแบบ Visual Programming • การเขียนโปรแกรมถ้ามีขนาดเล็กไม่ซับซ้อนมากเราจะเรียกวิธีคิดว่า การเขียนโปรแกรมแบบ Structure Programming • ถ้าโปรแกรมขนาดใหญ่ซับซ้อนขึ้น เช่น MS Word หรือระบบงานที่มีความหลากหลาย และหากต้องทำงานบน Windows ด้วยจะต้องเขียนในลักษณะ Event Driven Programming • ดังนั้นหากเป็นการเขียนโปรแกรมแบบเดิมๆ เมื่อเกิดปัญหาต้องปรับปรุงแก้ไข อาจต้องรื้อระบบใหม่เลย

25. Event Driven Programming

26. Object • การพัฒนาแอพพลิเคชั่นเพื่อใช้งานบน Windows เรื่องของ Object จะสอดคล้องกับแนวคิดของ Event Driven Programming เช่น ปุ่มกด ปุ่มตัวเลือก ฯลฯ ล้วนเป็นส่วนประกอบของแอพพลิเคชั่นทั้งสิ้น เราเรียกว่า “Object”

27. Object Property PictureBox Radio Button Form Button

28. Property : คุณสมบัติของ Object • Object แต่ละชนิดจะมีคุณสมบัติประจำตัว สามารถออกแบบปรับแต่งผ่าน Properties Window ส่วนถ้าจะกำหนดค่าในขณะทำงานนั้นต้องใช้การเขียนโปรแกรมกำกับการทำงานไว้ • ตัวอย่างเช่น Object ของรถยนต์ จะมีคุณสมบัติต่าง ๆ เช่น ยี่ห้อ รุ่น ขนาดเครื่องยนต์ สี เป็นต้น

29. Property

30. การกำหนดค่าใน Property Window กำหนดค่าได้อิสระ กำหนดค่าจากไดอะล็อกบ็อก กำหนดค่าจากรายการตัวเลือก

31. Method : ความสามารถของ Object • การกำหนดความสามารถให้ Object ด้วย Method • ตัวอย่างเช่น ความสามารถของ Object รถยนต์ ให้สตาร์ทเครื่องยนต์ผ่านปุ่มบังคับ การขับ การเปลี่ยนทิศทาง การดับเครื่อง เป็นต้น • ดังนั้นการเขียน Method ให้กับ Object จะต้องเขียนโปรแกรม ผ่านทาง Code Editor

32. Method

33. Event : เหตุการณ์ที่เกิดขึ้นกับ Object • การทำงานของ Object ในแอพพลิเคชันที่ทำงานบน Window ย่อมพบกับเหตุการณ์ต่าง ๆ ที่เกิดจากการโต้ตอบจากผู้ใช้งาน การทำงานร่วมกับโปรแกรมอื่น ๆ หรือ การทำงานร่วมกับ Window เราเรียกแต่ละเหตุการณ์ที่เกิดขึ้นกับ Object ต่าง ๆ ว่า Event • การจัดการกับ Event แต่ละตัว จะเรียกว่า Event Handler

34. Event Event

35. Control กับ Component • แอพพลิเคชัน มี Object ให้เลือกใช้งานได้หลายตัว ที่สามารถมองเห็นได้เราจะเรียกว่า Control เช่น Control Button, Control Textbox เป็นต้น • ส่วน Object อีกประเภทที่มองไม่เห็นเวลาที่แอพพลิเคชันทำงาน เราเรียกว่า Component

36. Control &Object • คอนโทรล(Control) ส่วนประกอบของโปรแกรมในทูลบ็อค ที่นำมาใช้ซ้ำ ๆ ได้ เช่น ปุ่ม (button), กล่องรับข้อความ (textbox)เป็นต้น • ออบเจ็ค (Object)หมายถึง วัตถุ ซึ่งในการนำคอนโทรลมาวางบนฟอร์มนั้นคือการสร้างออบเจ็คขึ้นมาบนฟอร์ม เช่น ถ้าเรานำคอนโทรลปุ่ม มาวาง 2 ปุ่ม เท่ากับสร้าง 2 ออบเจ็คโดยใช้คอนโทรลชื่อ button แค่ 1 คอนโทรล

37. ขั้นตอนการเขียนโปรแกรมขั้นตอนการเขียนโปรแกรม • ออกแบบหน้าตาและการทำงานของโปรแกรม • นำคอนโทรลมาวางบนฟอร์ม • ปรับแต่งคุณสมบัติของคอนโทรล • เขียนโค้ด • ทดสอบการทำงาน • บันทึกการทำงาน