ใบความรูที่ 11 รหัส...
TRANSCRIPT
![Page 1: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/1.jpg)
ใบความรูท่ี 11 กลุ�มสาระการเรียนรู การงานอาชีพและเทคโนโลยี รหัส ง32102 รายวิชา การงานอาชีพและเทคโนโลยี 4 ช้ันมัธยมศึกษาป"ท่ี 5 หน�วยการเรียนรูท่ี 5 การเขียนโปรแกรมภาษา Visual Basic เวลา 1 คาบ เรื่อง การใชโปรแกรม Microsoft Visual Basic 2010 Express ช่ือ………………………………สกุล…………….…………………ช้ัน ม.5/………เลขท่ี………..
การใชโปรแกรม Microsoft Visual Basic 2010 Express โปรแกรม Microsoft Visual Basic เป�นโปรแกรมท่ีใช สําหรับสร างหรือพัฒนาโปรแกรมด วยภาษา Visual Basic ใช งานบนระบบปฏิบัติการ Windows ของบริษัทไมโครซอฟท@ การสร างโปรแกรมใช งานด วย Microsoft Visual Basic เป�นการเขียนโปรแกรมเชิงวัตถุ (Object-Oriented Programming) โดยสร างโครงงาน (Project) ซ่ึงประกอบด วยฟอร@ม (Form) สําหรับจัดวางวัตถุ (Object) ชนิดตTางๆ ซ่ึงเรียกวTา ตัวควบคุม(Control) ท่ีเป�นรูป (Graphic) เพ่ือให ผู ใช เห็นงTายและสามารถเลือกกระทํากับตัวควบคุมตัวใดตัวหนึ่งได การเขียนคําสั่งหรือโปรแกรม (Code) เก็บไว ท่ีตัวควบคุมแตTละตัว เพ่ือให ตัวควบคุมทํางานตามลักษณะการกระทําหรือเหตุการณ@ (Event) ท่ีเกิดข้ึนกับตัวควบคุมนั้น เชTน ตัวควบคุมแบบปุaม (Button) ดังรูป
การกระทําหรือเหตุการณ@ท่ีเกิดข้ึนกับปุaม Button1 อาจเป�นการคลิกปุaม ดังนั้นการเขียนโปรแกรมเก็บไว ท่ีปุaม หมายความวTา ถ าคลิกปุaมนี้แล วจะให ทํางานตามท่ีเขียนโปรแกรมไว วิธีการเขียนโปรแกรมสั่งงานท่ีปุaม คือ ให ดับเบ้ิลคลิกท่ีปุaม ซ่ึงจะปรากฎหน าโค ด ดังรูป
![Page 2: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/2.jpg)
จากนั้นจึงเขียนคําสั่งสั่งงานลงไป ดังรูป
Me.Text = "Hello" คือ การสั่งให หน า Form1 หรือตัวเอง เปลี่ยนข อความเป�นคําวTา Hello เม่ือทําการคลิกปุaม Button1 โปรแกรมก็จะทํางานตามคําสั่ง คือ เปลี่ยนข อความในหน า Form1 หรือตัวเองเป�นคําวTา Hello ดังรูป
![Page 3: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/3.jpg)
การติดตั้งโปรแกรม Microsoft Visual Basic 2010 Express ข้ันตอนการติดตั้งโปรแกรม
1. ดาวน@โหลดโปรแกรม Microsoft Visual Basic 2010 Express ได ท่ี https://www.visualstudio.com/downloads/download-visual-studio-vs#DownloadFamilies_4
2. เม่ือดับเบ้ิลคลิกท่ีไฟล@ดาวน@โหลด จะปรากฏหน าตTาง ดังรูป
![Page 4: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/4.jpg)
3. ให คลิกปุaม Run เพ่ือรันตัวติดต้ังโปรแกรม รอสักครูT จะปรากฏหน าตTาง ดังรูป
4. ให คลิกปุaม Next จะปรากฏหน าตTาง ให คลิกเลือก I have read and accept the license items ดังรูป
![Page 5: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/5.jpg)
5. จากนั้นคลิกปุaม Next จะปรากฏหน าตTาง ดัqงรูป
![Page 6: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/6.jpg)
6. ให คลิกปุaม Next จะปรากฏหน าตTางท่ีให บอกแหลTงท่ีจะติดต้ังโปรแกรม และขนาดเนื้อท่ีท่ีต องการใช ในการติดต้ังโปรแกรม คือ 784 MB ดังรูป
![Page 7: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/7.jpg)
7. ให คลิกปุaม Install > เพ่ือติดต้ังโปรแกรม จะปรากฏหน าตTาง ดังรูป และรอจนกวTาจะติดต้ังโปรแกรมเสร็จ
8. เม่ือติดต้ังโปรแกรมเสร็จ จะปรากฏหน าตTาง ดังรูป จากนั้นให คลิกปุaม Exit เป�นอันเสร็จสิ้นการติดต้ังโปรแกรม
![Page 8: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/8.jpg)
หมายเหตุ ตอนติดตั้งโปรแกรมจะตองเช่ือมต�ออินเทอรCเน็ต เนื่องจากตองดาวนCโหลดไฟลCโปรแกรมจากเว็บไซตC
การเขาสู�โปรแกรม Microsoft Visual Basic 2010
1. ให คลิกท่ีปุaม Start> All Programs> Microsoft Visual Studio 2010 Express> Microsoft Visual Basic 2010 Express ดังรูป
![Page 9: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/9.jpg)
2. จะเข าสูTหน าเริ่มต นของโปรแกรม ดังรูป
การสรางโครงงานใหม� (New Project) ข้ันตอนการสรางโครงงานใหม�
1. เม่ือเข าสูTโปรแกรมให คลิกท่ี New Project เพ่ือสร างโครงงานใหมT
![Page 10: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/10.jpg)
2. จะปรากฏหน าตTางให เลือกรูปแบบท่ีต องการพัฒนา ดังรูป ให เลือก Window Forms Application และในชTอง Name เป�นชTองสําหรับกรอกชื่อโครงงาน จากนั้นคลิกท่ีปุaม OK
3. จะได โครงงานใหมT ดังรูป
ในหน าตTางโปรแกรม Microsoft Visual Basic 2010 Express มีสTวนประกอบท้ังหมด 7 สTวน ดังนี ้
![Page 11: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/11.jpg)
1. แถบชื่อ (Title Bar) แสดงชื่อโครงงานปyจจุบัน 2. แถบเมนู (Menu Bar) แสดงรายการเลือกตTางๆ 3. แถบเครื่องมือมาตรฐาน (Standard Toolbar) แสดงเครื่องมือมาตรฐาน 4. กลTองเครื่องมือ (Toolbox) แสดงเครื่องมือประเภทตTางๆ เชTน เครื่องมือท่ีใช ในการเขียนโปรแกรม
ท่ัวไป (Common Controls) ซ่ึงเครื่องมือแตTละอันจะมีตัวควบคุม (Control) ตTางๆ เชTน
- ปุaม (Button) ใช คลิกเพ่ือสั่งงาน - ป{ายแสดงข อความ (Label) ใช แสดงข อความ - กลTองข อความ (TextBox) ใช สําหรับกรอกข อความ - ปุaมเลือก (RadioButton) ใช สําหรับกําหนดรายการสําหรับเลือกรายการใดรายการหนึ่งจากหลายรายการ - กลTองเลือก (CheckBox) ใช งานคล ายกับปุaมเลือก แตTกลTองเลือกสามารถเลือกได หลายรายการ
- กลTองรูปภาพ (PictureBox) ใช สําหรับแสดงรูปภาพ
5. หน าตTางฟอร@ม (Form Window) ใช ออกแบบสTวนติดตTอผู ใช โปรแกรม (User Interface) โดยเอาตัวควบคุมมาวางในหน าตTางฟอร@ม
6. หน าตTางเก่ียวกับโครงงาน (Solution Explorer Window) ใช แสดงรายชื่อไฟล@ตTางๆ ท่ีมีอยูTในโครงงาน
7. หน าตTางเก่ียวกับคุณสมบัติ (Properties Window) ใช แสดงคุณสมบัติของสิ่งตTางๆ ท่ีกําลังใช ในการพัฒนาโปรแกรม
![Page 12: ใบความรูที่ 11 รหัส ชั้นมัธยมศึกษาปที่ เลขที่¹€นื้อหาการงานอาชีพ](https://reader033.vdocuments.site/reader033/viewer/2022041601/5e315974e188926df47ab298/html5/thumbnails/12.jpg)