การใช้ Visual Basic

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) ในการสร้างส่วนติดต่อกบั ผใู้ ช้ (UserInterface) อยา่ งครบถว้ น และสะดวกต่อการใชง้ าน ทาให้สามารถเรียนรู้การพฒั นาโปรแกรมไดใ้ นระยะเวลาอนั ส้ัน โดย 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 20101.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, เครื่องมอื สรา้ งชุดติดต้งั โปรแกรม เป็นตน้ ) แต่อยา่ งไรกต็ าม VBExpress กถ็ อื ว่าสมบูรณ์เพยี งพอต่อการท่ีจะใช้ศึกษาเรียนรู้ในระดบั พ้ืนฐานทว่ั ๆ ไปได้

2 VB 2010 Express Edition น้นั สามารถ Download มาใชง้ านไดฟ้ รีจาก Web Sitehttp://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 ป่ ุม เพอื่ ดาเนินการต่อ

32.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 ป่ ุม เพ่ือดาเนินการต่อ

42.4 ปรากฏหนาจอDestination Folder - โปรแกรมจะติดต้งั ท่ี (Install in folder) C:\Program Files\Microsoft VisualStudio10.0\ ในกรณีที่ตอ้ งการเปล่ียนตาแหน่งติดต้งั ใหมใ่ ห้ Click ป่ ุม - Click ป่ ุม เพ่อื ดาเนินการติดต้งั โปรแกรม3. หลงั จากน้นั จะเขา้ สู่ข้นั ตอนการDownload ไฟล์ และทาการติดต้งั โปรแกรมจนครบท้งั หมด 3.1 Downloading File

53.2 Installing File3.3 Setup Complete- Click ป่ ุมเพ่ือจบการติดต้งั โปรแกรม

64. การเข้าสู่โปรแกรม 4.1 Click Start > All Programs > Microsoft Visual Studio2010 Express > MicrosoftVisual Basic 2010 Express 4.2 เขา้ สู่โปรแกรมMicrosoft Visual Basic 2010 Express 4.3 โปรแกรมจะทาการload ขอ้ มูล 4.4 โปรแกรมMicrosoft Visual Basic 2010 Express

75. ภายหลงั การติดต้งั เสร็จ ควรจะเขา้ ไปลงทะเบียน(ฟรี) เพ่อื ให้สามารถใชง้ าน 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 ท่ีไดร้ บั

86.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

97.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 เป็นโปรแกรมท่ีรวมโปรแกรมหลาย ๆ ภาษาเขา้ ดว้ ยกนั เช่น VisualBasic, 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 2010Ultimate ใน Drive DVD หลงั จากน้นั จะเขา้ สู่การติดต้งั ทนั ทีดงั ภาพ 2. จะปรากฏหนา้ จอสาหรับ Setup Microsoft Visual Studio 2010 2.1 Clickที่ Install Microsoft Visual Studio 2010 2.2 โปรแกรมSetup จะทาการโหลดคอมโพเนนต์สาหรับการติดต้งั และทาการคดั ลอกไฟลท์ ่ีจาเป็ นในการใชง้ าน 2.3 ปรากฏหนา้ ต่างWelcome

112.4 ให้Click เอาเคร่ืองหมาย  ออกจาก Yes, Send Information… - Click ป่ ุมเพ่ือดาเนินการต่อ2.5 Click I have read and accept the License tems- Click ป่ ุม เพ่อื ดาเนินการต่อ3. เขา้ สู่ข้นั ตอนการเลือกรูปแบบการติดต้งั ให้เลือกแบบfull- Click ป่ ุม เพื่อดาเนินการติดต้งั

124. โปรแกรมจะทาการติดต้งั Componentsต่าง ๆ5. การติดต้งั เสร็จสมบูรณ์ 5.1 Clickป่ ุม Finish เพื่อจบการติดต้งั- Click ป่ ุม เพ่ือออกจากการติดต้งั โปรแกรม

135. เขา้ สู่โปรแกรม 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

142. เขา้ สู่โปรแกรม 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 ป่ ุมOk1.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 all1.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 1End 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 Debugging1.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