1

บทท 1 Visual Basic 2010

โปรแกรม Visual Basic 2010จดวาเปนโปรแกรมภาษาทสมบรณแบบมากทสดภาษาหนง เพราะประกอบดวยเครองมอทชวยใหการพฒนาแอพพลเคชนทหลากหลาย และสะดวกสบายตอการใชงานมากกวาเวอรชนกอน ๆ มาก 1.1 ความเปนมาของVisual Basic โปรแกรมภาษา Visual Basic นน พฒนาขนมาจากภาษาดงเดม คอ ภาษา Basic ซงภาษาทใชในการเขยนโปรแกรมในระยะเรมตนจะใชงานในแบบ Text Mode ตอมาประมาณป ค.ศ. 1990 Microsoft ไดประกาศเปดตวภาษา Visual Basic ซงเปนเหมอนกบชดเครองมอ (Tool) ในการสรางสวนตดตอกบผใชในแบบกราฟก (Graphic User Interface ; GUI) โดยใชภาษา Basic ควบคมการท างาน หลงจากนนมาVisual Basic กไดรบความนยมเพมมากขนเรอย ๆ จนกลายมาเปนภาษาคอมพวเตอรทมผใชงานมากทสด เนองจากมโครงสรางภาษาทงาย มชดเครองมอ (Tool) ในการสรางสวนตดตอกบผใช (User Interface) อยางครบถวน และสะดวกตอการใชงาน ท าใหสามารถเรยนรการพฒนาโปรแกรมไดในระยะเวลาอนสน โดย Visual Basic ไดมการพฒนามาตงแต Version 1 จนถง Version 6 (VB 6, ในชดVisual Studio 98)ซงเปนแนวทางเดมโดยการท างานจะยดตดกบระบบปฏบตการ Windows เปนหลก จนกระทง ป พ.ศ. 2002 ไดเปลยนเปน Visual Basic.NET (หรอ VB 7) ทท างานบนแพลตฟอรมแบบใหมของ Microsoft ทเรยกวา .NET Framworkแลวใหมการพฒนามาเปน Visual Basic 2003, 2005, 2008 และในทสดกมาเปน Visual Basic 2010 1.2 การตดตงVisual Basic 2010 การตดตง VB 2010 มใหเลอก 2 รปแบบ คอ 1. ตดตงเฉพาะ VB อยางเดยว หรอ เรยกวา VB 2010 Express Edition ซงสามารถ Download ไดจาก Website ของ Microsoft 2. ตดตงจากชด Visual Studio 2010 (Ultimate Edition) 1.3 การตดตงVisual Basic 2010 Express Edition โปรแกรม VB 2010 Express Edition เปนชดทแยกเฉพาะ VB ออกมาตางหาก โดยสวนประกอบหลกทจ าเปนตอการท างานของ VB นนจะมครบทงหมด (แตจะไมมเครองมอเสรมการท างานตาง ๆ เชน Crystal Reports, เครองมอสรางชดตดตงโปรแกรม เปนตน) แตอยางไรกตาม VB Express กถอวาสมบรณเพยงพอตอการทจะใชศกษาเรยนรในระดบพนฐานทว ๆ ไปได

2 VB 2010 Express Edition นน สามารถ Download มาใชงานไดฟรจาก Web Site http://www.microsoft.com/express/download/ โดยสามารถใชงานได 30 วน แตถาลงทะเบยน (ฟร) จะสามารถใชงานไดไมจ ากดระยะเวลา ขนตอนการตดตง VB 2010 Express Edition มดงน 1. Download โปรแกรมจากhttp://www.microsoft.com/express/downloads/ 2. Double Clickไฟลตดตงท Download มา (ตามขอ 1) เพอเขาสขนตอนการตดตง (ในระหวางการตดตงตองเชอมตอกบอนเทอรเนตตลอดเวลา) หลงจากนนตวตดตงจะส ารวจระบบไปจนถงขนตอนใหเลอกวาจะตดตงอะไรลงไปในเครองบาง

2.1ปรากฏหนาจอWelcome to Setup - ให Clickเอาเครองหมาย ออกจาก Yes, Send Information… - Click ปม เพอด าเนนการตอ

3 2.2ปรากฏหนาจอLicense Terms - Click เลอกI have read and accept the license terms - Click ปม เพอด าเนนการตอ

2.3ปรากฏหนาจอInstallation Options - Click เลอกตดตงMicrosoft Silverlight… และ Microsoft SQL Server 2008… - Click ปม เพอด าเนนการตอ

4

2.4 ปรากฏหนาจอDestination Folder - โปรแกรมจะตดตงท (Install in folder) C:\Program Files\Microsoft Visual Studio10.0\ ในกรณทตองการเปลยนต าแหนงตดตงใหมให Click ปม - Click ปม เพอด าเนนการตดตงโปรแกรม

3. หลงจากนน จะเขาสขนตอนการDownload ไฟล และท าการตดตงโปรแกรมจนครบทงหมด 3.1 Downloading File

5 3.2 Installing File 3.3 Setup Complete - Click ปมเพอจบการตดตงโปรแกรม

6 4. การเขาสโปรแกรม 4.1 Click Start > All Programs > Microsoft Visual Studio2010 Express > Microsoft Visual Basic 2010 Express

4.2 เขาสโปรแกรมMicrosoft Visual Basic 2010 Express

4.3 โปรแกรมจะท าการload ขอมล

4.4 โปรแกรมMicrosoft Visual Basic 2010 Express

7 5. ภายหลงการตดตงเสรจ ควรจะเขาไปลงทะเบยน(ฟร) เพอใหสามารถใชงาน VB 2010 Express ไดไมจ ากดระยะเวลา โดยการลงทะเบยนผานเวบ จากเมน Help > Register Product 5.1 Clickเลอกเมน Help > Register Product

5.2 Clickปม

6. เมอเขาสเวบไซตการลงทะเบยน ใหใสขอมลจนครบตามทเวบไซตตองการ และเมอ Click สงขอมลจะได Registration Key มา ใหจดหรอ Copy คยนเอาไว แลวกลบมาท VB 2010 Express ใหเลอกเมนเดม คอ Help > Register Product จากนนใสคยทไดรบมา กเปนเสรจสนการลงทะเบยน ซงจะท าใหสามารถใช VB Express ไดตลอดเวลาไมมหมดอาย

6.1 Registration Key ทไดรบ

8 6.2 น ารหสRegistration Key ทไดมาใสในชอง แลว Click ปม

6.3 การRegister เสรจเรยบรอยแลว

7. การสราง Application บน Microsoft Visual Basic 2010 แบบ Windows Form Application 7.1 Click New Project… 7.2 - Clickเลอก Windows Form Application - Click ปมOk

9 7.3 หนาตาของApplication แบบ Windows Form Application (VBIDE)

8. การบนทก Projectทสราง 8.1 Clickปม 8.2 ปรากฏกรอบSave Project - ตงชอ Projectในชอง Name - ก าหนดต าแหนงในการบนทก Projectในชอง Location ในกรณทตองการเปลยนต าแหนงในการบนทก ให Click ปม 8.3 Clickปม เพอบนทก 1.4 การตดตงVisual Basic 2010 จากชด Visual Studio 2010 ชด Visual Studio 2010 เปนโปรแกรมทรวมโปรแกรมหลาย ๆ ภาษาเขาดวยกน เชน Visual Basic, Visual C ++ และ Visual C # นอกจากนยงเปนชดทสมบรณ สามารถใชเครองมอตาง ๆ ไดอยางครบถวนสมบรณ ซงจะตองซอมาท าการตดตงไมมให Download

ความตองการของระบบส าหรบ Visual Studio 2010 มดงน CPU :ไมควรต ากวา Pentium Duo Core 2.20 GHz Operating System: Windows XP SP3, Vista หรอ 7 RAM :ไมควรนอยกวา 2 GB Disk Space: ไมนอยกวา 7.2 GB Drive : DVD-RW

10 ขนตอนในการตดตง Visual Studio 2010 Ultimate 1. ใสแผน DVD ชดการตดตง Visual Studio 2010 Ultimate ใน Drive DVD หลงจากนนจะเขาสการตดตงทนท ดงภาพ 2. จะปรากฏหนาจอส าหรบ Setup Microsoft Visual Studio 2010 2.1 Clickท Install Microsoft Visual Studio 2010

2.2 โปรแกรมSetup จะท าการโหลดคอมโพเนนตส าหรบการตดตง และท าการคดลอกไฟลทจ าเปนในการใชงาน

2.3 ปรากฏหนาตางWelcome

11 2.4 ใหClick เอาเครองหมาย ออกจาก Yes, Send Information… - Click ปมเพอด าเนนการตอ

2.5 Click I have read and accept the License tems

- Click ปม เพอด าเนนการตอ

3. เขาสขนตอนการเลอกรปแบบการตดตง ใหเลอกแบบfull

- Click ปม เพอด าเนนการตดตง

12

4. โปรแกรมจะท าการตดตง Componentsตาง ๆ

5. การตดตงเสรจสมบรณ 5.1 Clickปม Finish เพอจบการตดตง - Click ปม เพอออกจากการตดตงโปรแกรม

13 5. เขาสโปรแกรม Microsoft Visual Studio 2010 - Click เลอกGeneral Development Setting - Click ปม - เขาสหนาจอการพฒนาโปรแกรม

1.5 การสรางโปรเจกตบนVisual Basic 2010

ในการสรางโปรเจกต ซงประกอบดวยขนตอนการสรางการออกแบบและพฒนาโปรแกรม ซงทงหมดรวมกนเรยกองคประกอบนวา “โปรเจกต(Project)” ขนการสรางโปรเจกต

1. เปดโปรแกรม Microsoft Visual Studio 2010 วธท 1

คลกทเมน Start > All Program > Microsoft Visual Studio 2010 > Microsoft Visual Studio 2010

วธท 2

Double Clickท Shortcut “Microsoft Visual Studio 2010”ท Desktop

14 2. เขาสโปรแกรม Microsoft Visual Studio 2010 จะปรากฏหนา Start Page ซงมตวเลอก ดงน 1. New Project… ส าหรบ สราง Project ใหม 2. Open Project… เปด Project เกาทสรางไวแลว ในการสราง Project ใหม ให 1. Click ทNew Project… หรอ 2. Click ท เมน File > New > Project… 3. ปรากฏกรอบ New Project - ใหเลอก Visual Basic > Windows - เลอก Windows Forms Application - ตงชอ Projectในชอง Name

15 - ก าหนดต าแหนงในการจดเกบ Projectในชอง Location - Click ปมOk

1.6 สวนประกอบทส าคญของโปรเจกต

เมอเขาส Project จะพบสวนประกอบตาง ๆ ของโปรเจกตมากมาย แตทส าคญทใชในการพฒนาโปรแกรม มดงน

ToolBox

ทลบอกซ(Toolbox) เปนสวนทใชในการแสดงคอนโทรล และคอมโพเนนตตาง ๆ ทจะน ามาเปนสวนประกอบของฟอรมในการออกแบบการตดตอกบผใช (User Interface) ซงคอนโทรลตาง ๆ จะมเปนจ านวนมาก ดงนนจงไดมการแบงออกเปนกลม ๆ เชน Common Controls, Data, Containers, Components เปนตน โดยแตละกลมจะแยกดวยแทบ หากตองการใชคอนโทรลกลมใดกคลกทแทบของ

กลมนน (ในกรณทไมปรากฏ Tooboxใหคลกทปม บน Toobarหรอ เลอกจากเมน View > Toolbox)

Form

16

ฟอรม (Form) เปนสวนประกอบพนฐานทส าคญอยางยงของการพฒนาแอพพลเคชนแบบ Visual เพราะเปนสวนทจะตองใชในการจดวางคอนโทรลตาง ๆ เพอตดตอกบผใช (ในกรณทไมปรากฏฟอรม ให Double Click ชอ Form ท Solution Explorer Windows ทางขวามอ หรอ เลอกจากเมน View > Designer) การปรบแตงฟอรม เชน การแสดงเสนกรด เพอใหการจดวางคอนโทรลเปนระเบยบรอย ท าไดโดยเลอกเมน Tool> Options… - เลอก Windows Forms Designer > General - ท LayoutModeเลอก SnapToGrid ShowGridเปนTrue SnapToGridเปนTrue Solution Explorer

Solution Explorerเปนสวนทแสดงองคประกอบตาง ๆ ทมอยในโปรเจกต ซงสามารถดรายละเอยดของสวนประกอบบางอยางทอยในโปรเจกต หรอใชสลบระหวางมมมองการออกแบบ และ โคดของโปรแกรมได

(ในกรณทไมปรากฏ Solution Explorer ใหคลกทปม หรอเลอกจากเมน View > Solution Explorer) Properties Windows

Properties Windows เปนสวนทใชในการแสดงคณสมบตของคอนโทรลหรอคอมโพเนนตตาง ๆ ทวางอยบนฟอรม ซงคณสมบตเหลานจะเปนคณสมบตประจ าตวของคอนโทรลแตละชนด เชน ขนาด , ต าแหนง, ส ฯลฯ โดยสามารถปรบคณสมบตแตละตวของคอนโทรลไดตามท

ตองการ(ในกรณทไมปรากฏ Properties Window ใหคลกทปม หรอเลอกจาก เมน View > Properties Window หรอ กด F4) 1.7 การบนทกโปรเจกต

17 โปรเจกตทสรางขนใหม จะจดเกบขอมลบางสวนไวโดยอตโนมต แตในขณะพฒนาโปรแกรมจะมขอมลบางสวนทยงไมถกบนทก ดงนนจงควรจะมการบนทกโปรเจกต กอนการปดโปรเจกต ท าไดโดย

- Click ทปม (บนทกทงหมด Save All) หรอ - Click ทเมน File > Save all 1.8 การปดโปรเจกต ในกรณทตองการเลกการท างาน และตองการปดโปรเจกต สามารถท าไดโดย - Click ท เมน File > Exit หรอ Alt + F4 หรอ - Click ทปม ทมมบนขวาของโปรแกรม 1.9 การเปดโปรเจกต เมอเปดโปรแกรมขนมา สามารถเปด Project เดมทเคยพฒนามาแลวไดจาก 1. หนา Start Page วธท 1 Click เลอกชอProject จาก Recent Projects วธท 2 Click Open Project… และเลอกชอProject ทตองการ 2. เลอกจากเมน วธท 3เลอกทเมน File> Open > Project Solution… 1.10 การเขยนโคดของโปรแกรม

ในการเขยนโปรแกรมจะตองเขยนโคดเพอควบคมการท างานของโปรแกรม ซงการเขาสสวนในการเขยนโคดสามารถท าได ดงน วธท 1 - กดปม F7 วธท 2 - Click ขวาท Form แลวเลอก View Code วธท 3 - ท Solution Explorer โดยการเลอก Form ทตองการ แลว Click ทปม

View Code การสลบระหวางมมมองการออกแบบ (ฟอรม) และการเขยนโดดสามารถท าไดโดย

18 วธท 1 - กดปม F7 วธท 2 - Click ขวาแลวเลอก View Code - ไปมมมองโคด View Designer - ไปมมมองออกแบบ

วธท 3 - Click เลอกท Solution Explorer ระหวางปม View Code

และ View Designer วธท 4 - Click ทแทบดานบนของ Form และ Code มมมองโคด

ในสวนของมมมองการเขยนโคด (View Code) จะพบโคดทโปรแกรมสรางใหแลว ดงน

Public ClassFrom 1 End Class

ในการเขยนโคดโปรแกรมใหเขยนโคดค าสงอยระหวาง 2 บรรทดน พนฐานการเขยนโปรแกรมแบบอเวนต

การเขยนโปรแกรมแบบ Visual นน สวนใหญจะเปนการท างานเพอตอบสนองตอเหตการณบางอยางทเกดขน เหตการณเหลานเรยกวา อเวนต(Event) เชน เมอคลกทปมกดแลวจะใหท าอะไร เปนตน ดงนนการเขยนโปรแกรม จงประกอบดวย เชน อเวนตการกดปม Private Sub Button1_Click ( ) Handles Button1.Click Me.Close ( ) End Sub ดงนนเมอมการ Click ทปม Button1 จะเกดเหตการณปดฟอรม (Me.Close ()) 1.11 การทดสอบโปรแกรม(การรนโปรแกรม)

เลอกอเวนตทเกดขน ก าหนดวธการตอบสนองตออเวนต

19 การรน (Run) คอ การสงใหโปรแกรมท างานตามโคดทเขยนไว ซงสามารถสงรนไดหลายวธ เชน วธท 1 - กดปม F5

วธท 2 - คลกทปม บน Toolbar วธท 3 - เลอกจากเมน Debug > Start Debugging 1.12 การเกดขอผดพลาดของโปรแกรม ปกต Code Editor ของ Visual Basic จะมเครองมอทชวยตรวจสอบขอผดพลาดของโคดโปรแกรมตงแตตอนเขยนโคด โดยอาจเปนขอผดพลาดทางไวยกรณ(Syntax Error) เชน เขยนค าสงผด ก จะแสดงขอผดพลาดใหเหนทนท โดยจะปรากฏเสนหยกใตค าสงทเขยนผดนน แตถามขอผดพลาดเกดขน แตยงสงรนโปรแกรม จะเกดค าเตอนขน ดงภาพ ใหเลอก No เพอกลบไปแกไขใหถกตอง แตหากเลอก Yes จะหมายถงใหยอนกลบไปใชการรน

ครงลาสดทไมเกดขอผดพลาด

1.13 การใชIntellisenseใน Code Editor ในการเขยนโคดใน Visual Basic นน จะมตวชวยเพอความสะดวกและถกตองในการเขยนโคด ซงมลกษณะเปน popup ทแสดงรายการสมาชกทสามารถใชงานไดในขณะนน ซงเรยกวา Intellisenseหรอ AutoComplete เมอ popup ปรากฏขน สามารถเลอกรายการไดโดยเลอนแถบสไปยงรายการนน และกด Tab รายการนนจะถกเตมไปใน Code Editor ใหโดยอตโนมต ซงระบบ AutoComplete จะใหการเขยนโคดงายและรวดเรวแลว ยงชวยลดขอผดพลาดในการเขยนโคดไปไดมาก

20