แผนการจัดการเรียนรู้1 3

แผนการจั�ดการเร�ยนร �

กลุ่��มสาระการเร�ยนร �การงานอาชี�พแลุ่ะเทคโนโลุ่ย�สาระท�� 3 เทคโนโลุ่ย�สารสนเทศแลุ่ะการส��อสาร

ชี� นม�ธยมศ"กษาปี%ท�� 6หน�วยการเร�ยนร �ท�� 1 เร��อง แนะน(าโปีรแกรม Visual Basic

เวลุ่า 2 ชี��วโมง

1. สาระส(าค�ญVisual Basic เป็�นภาษาคอมพิ�วเตอร์�ที่��ได้�ร์�บความน�ยม น�ามาใช้�

เป็�นเคร์��องม�อในการ์พิ�ฒนา หร์�อสร์�างโป็ร์แกร์มต&างๆ เช้&น โป็ร์แกร์มที่��ร์ �นบนว�นโด้ว�ส โป็ร์แกร์มฐานข้�อม*ล โป็ร์แกร์มที่��ร์ �นบนอ�นเที่อร์�เน,ต ซึ่.�งม�หล�กการ์เข้�ยนโป็ร์แกร์ม 2 ข้�/นตอน ค�อ การ์ออกแบบหน�าจอโป็ร์แกร์ม และการ์เข้�ยนโป็ร์แกร์ม

2. มาตรฐานการเร�ยนร � / ต�วชี� ว�ดมาตร์ฐาน ง 3.1 เข้�าใจ เห,นค2ณค&า และใช้�กร์ะบวนการ์เที่คโนโลย�

สาร์สนเที่ศในการ์ส�บค�นข้�อม*ล การ์เร์�ยนร์* � การ์ส��อสาร์ การ์แก�ป็5ญหา การ์ที่�างาน และอาช้�พิอย&างม�ป็ร์ะส�ที่ธิ�ภาพิป็ร์ะส�ที่ธิ�ผล และม�ค2ณธิร์ร์ม

ต�วช้�/ว�ด้ ง 3.1 ม.4-6/8 ใช้�ฮาร์�ด้แวร์�และซึ่อฟต�แวร์�ให�เหมาะสมก�บงาน

ง 3.1 ม.4-6/13 บอกข้�อควร์ป็ฏิ�บ�ต�ส�าหร์�บผ*�ใช้�เที่คโนโลย�สาร์สนเที่ศ

3. จั�ดปีระสงค,การเร�ยนร �ความร �

- น�กเร์�ยนม�ความร์* �ความเข้�าใจเก��ยวก�บป็ร์ะว�ต�ความเป็�นมาข้องภาษา Visual Basic

- น�กเร์�ยนม�ความร์* �ความเข้�าใจเก��ยวก�บโป็ร์แกร์ม Visual Basic

ท�กษะกระบวนการ- น�กเร์�ยนอธิ�บายข้�/นตอนการ์เข้�าส*&โป็ร์แกร์ม Visual Basic

ได้�- น�กเร์�ยนสามาร์ถเข้�าส*&โป็ร์แกร์ม Visual Basic ได้�

ค�ณลุ่�กษณะอ�นพ"งปีระสงค,- น�กเร์�ยนม�ความข้ย�น อด้ที่น ร์�บผ�ด้ช้อบ- น�กเร์�ยนม�ความใฝ่>ร์* �ใฝ่>เร์�ยน- น�กเร์�ยนม�ความม2&งม��นในการ์ที่�างาน- น�กเร์�ยนม�ความซึ่��อส�ตย�ส2จร์�ต

4. ก/จักรรมการเร�ยนร �ก/จักรรมน(าเข้�าส �บทเร�ยน

1. คร์*ที่�กที่ายน�กเร์�ยนแล�วต�/งค�าถามว&าน�กเร์�ยนร์* �จ�ก ภาษาว�“

ช้วลเบส�ค หร์�อไม& มากน�อยเพิ�ยงใด้ แล�วยกต�วอย&าง เช้&น โป็ร์แกร์มร์�าน”

ค�า โป็ร์แกร์มเคร์��องค�ด้เลข้ ฯลฯ ซึ่.�งโป็ร์แกร์มต&างๆ เหล&าน�/ถ*กสร์�างด้�วยภาษาว�ช้วลเบส�ค

ก/จักรรมพ�ฒนาการเร�ยนร �2. น�กเร์�ยนด้*สไลด้�เร์��อง โป็ร์แกร์ม Visual Basic ซึ่.�ง

ป็ร์ะกอบไป็ด้�วยเน�/อหาเก��ยวก�บ ป็ร์ะว�ต�ความเป็�นมาข้องภาษา Visual

Basic , ป็ร์ะโยช้น� , ส&วนป็ร์ะกอบข้องโป็ร์แกร์ม 3. น�กเร์�ยนช้&วยก�นอภ�ป็ร์ายและซึ่�กถามข้�อสงส�ย 4. น�กเร์�ยนฟ5งคร์*อธิ�บายเพิ��มเต�มและยกต�วอย&าง5. น�กเร์�ยนที่�าแบบฝ่@กห�ด้

ก/จักรรมรวบยอด6. แฟAมสะสมงาน 7. ไฟล�เอกสาร์และช้�/นงาน

5. ส��อแลุ่ะแหลุ่�งเร�ยนร �1. เคร์��องคอมพิ�วเตอร์�2. สไลด้� PowerPoint

3. อ�นเที่อร์�เน,ต4. ใบความร์* �และแบบฝ่@กห�ด้

6. การว�ดแลุ่ะปีระเม/นผลุ่การว�ดผลุ่ เคร��องม�อ การปีระเม/นผลุ่

1. ตร์วจแบบฝ่@กห�ด้ แบบป็ร์ะเม�นการ์ที่�าแบบฝ่@กห�ด้

- ร์�อยละ 60 ข้องน�กเร์�ยนที่��ได้�ร์ะด้�บค2ณภาพิ 2 ข้./นไป็

2. ส�งเกตพิฤต�กร์ร์มด้�านที่�กษะกร์ะบวนการ์ที่างการ์ตอบค�าถาม

- แบบป็ร์ะเม�นพิฤต�กร์ร์มด้�านที่�กษะกร์ะบวนการ์ที่างการ์ตอบค�าถาม


3. ส�งเกตพิฤต�กร์ร์มด้�านค2ณล�กษณะที่��พิ.งป็ร์ะสงค�

- แบบป็ร์ะเม�นพิฤต�กร์ร์มด้�านค2ณล�กษณะที่��พิ.งป็ร์ะสงค�


7. บ�นท"กผลุ่หลุ่�งสอนผลการ์สอน..........................................................................................................................................................................................................................................................................................................................

ป็5ญหาและอ2ป็สร์ร์ค..................................................................................................................................................................

.................................................................................

.......................................................................

แนวที่างแก�ไข้..........................................................................................................................................................................................................................................................................................................................

ลงช้��อ ............................................... ผ*�สอน

( นายว�ที่*ลย� งามข้�า ) ............ / .............. / ..........

...

ใบความร � เร��อง โปีรแกรม Visual Basic

ปีระว�ต/ความเปี3นมาข้องภาษา Visual Basic

ภาษา BASIC ถ*กสร์�างในป็C ค.ศ. 1963 โด้ย Hohn Keneny และ Thomas Kurtz ที่��ว�ที่ยาล�ย Dartmouth ในเบ�/องต�นพิวกเข้าม�จ2ด้ม2&งหมายในการ์พิ�ฒนาภาษา Basic ข้./น เพิ��อใช้�ในการ์สอนแนวในการ์เข้�ยนโป็ร์แกร์ม โด้ยเน�นที่��ร์*ป็แบบง&าย ๆ เพิ��อสะด้วกในการ์ใช้�งาน ในป็C 1970

Microsoft ได้�เร์��มผล�ตต�วแป็ร์ภาษา Basic ใน Rom ข้./น เช้&น Chip

Radio Sheek TRS-80 เป็�นต�น ต&อมาได้�พิ�ฒนาเป็�น GWBasic ซึ่.�ง เป็�น Interpreter ภาษาที่��ใช้�ก�บ MS-Dos และในป็C 1982 Microsoft

QuickBaic ได้�ร์�บการ์พิ�ฒนาข้�/นโด้ยเพิ��มความสามาร์ถในการ์ร์�นโป็ร์แกร์มใ ห� เ ป็� น Executed Program ร์ ว ม ที่�/ ง ที่�า ใ ห� Basic ม� ค ว า ม เ ป็� น "Structured Programming" มากข้./น โด้ยการ์ต�ด้ Line Number

ที่�/งไป็ เพิ�� อลบข้�อกล&าวหาว&าเป็�นภาษาคอมพิ�วเตอร์�ที่��ม�โคร์งสร์�างในล�กาษณะ Spaghetti Code มาใช้�ร์2ป็แบบข้อง Subprogram และ User

Defined ร์วมที่�/งการ์ใช้� Structured Data Type และการ์พิ�ฒนาการ์ใช้�งานด้�านกร์าฟฟEกให�ม�การ์ใช้�งานในร์ะด้�บที่��ส*งข้./น ร์วมที่�/งม�การ์ใช้�เส�ยงป็ร์ะกอบได้�เหม�อนก�บภาษาคอมพิ�วเตอร์�อ��น ๆ เช้&น Turbo C และ Turbo

Pascal เป็�นต�น Visual Basic เป็�นภาษาคอมพิ�วเตอร์�ที่��ได้�ร์�บความน�ยมในการ์น�ามาใช้�ง าน พิ�ฒนา โ ป็ร์แกร์ มบน ร์ ะบบ Windows เน�� องจาก เ ป็� น ภา ษาคอมพิ�วเตอร์�ที่��ใช้�เที่คโนโลย�ในล�กษณะ Visualize น��นก,ค�อจะสะด้วกในการ์หย�บเคร์��องไม�เคร์��องม�อที่��โป็ร์แกร์มได้�จ�ด้เตร์�ยมไว�ให�ส�าหร์�บออกแบบหน�าจอและส��งต&าง ๆ ส�าหร์�บในการ์เข้�ยนโป็ร์แกร์มให�เร์�ยบร์�อย ซึ่.�งแตกต&างจากสม�ยก&อนเวลาจะออกแบบหน�าจอก,ย�งคงต�องมาน��งเข้�ยน Source Code

ให�ล�าบาก Visual Basic เป็�นเคร์��องม�อที่��ใช้�ในการ์พิ�ฒนาโป็ร์แกร์มข้./นใช้�งาน ที่��ใช้�ได้�ต�/งแต&ร์ะด้�บต�น เพิ��อใช้�สร์�างโป็ร์แกร์มง&าย ๆ บน Windows หร์�อโป็ร์แกร์มเมอร์�ร์ะด้�บกลาง ที่��จะเร์�ยกใช้�ฟ5งช้��นต&าง ๆได้�อย&างม�ป็ร์ะส�ที่ธิ�ภาพิ ตลอด้จนโป็ร์แกร์มเมอร์�ร์ะด้�บม�ออาช้�พิ ที่��จะพิ�ฒนาโป็ร์แกร์มในร์ะด้�บส*ง โ ด้ ย ก า ร์ ใ ช้� Object Linking and Embedding (OLE) แ ล ะ

Application Programming Interface (API) ข้ อ ง ร์ ะ บ บ windows มาป็ร์ะกอบการ์เข้�ยนโป็ร์แกร์ม

Visual Basic ท(าอะไรได�บ�างเป็�นเคร์��องม�อที่��ใช้�สร์�างโป็ร์แกร์มต&างๆ เช้&น

- โป็ร์แกร์มที่��ร์ �นบนร์ะบบป็ฏิ�บ�ต�การ์ windows เช้&น โป็ร์แกร์มค�าควณเลข้- โป็ร์แกร์มฐานข้�อม*ล เช้&น Microsoft access , Microsoft SQL server- คอมโพิแน�นต�ที่างด้�าน Active X

- โป็ร์แกร์มที่��ร์ �นบนอ�นเตอร์�เน,ต

ส�วนปีระกอบข้อง Visual Basic

โด้ยที่��วไป็ เร์าจะใช้� Project Standard . EXE ซึ่.�งเป็�นการ์เข้�ยนโป็ร์แกร์มที่��ร์ �นบนว�นโด้วส�Project ค�อ กล2&มข้อง File ที่��เร์าจะน�ามาร์วมก�นเพิ��อสร์�างโป็ร์แกร์มร์ายร์ะเอ�ยด้ข้องส&วนป็ร์ะกอบต&างๆ ข้องหน�าจอ

Menu bar Tool bar Tool box Project explorer Properties window Form

หลุ่�กในการเข้�ยนโปีรแกรมใน Visual Basic ได้�แบ&งออกเป็�น 2 ข้�/นตอนหล�ก ค�อ

1. การ์ออกแบบหน�าจอข้องโป็ร์แกร์ม เป็�นส&วนที่��ใช้�ต�ด้ต&อก�บผ*�ใช้� เร์�ยกว&า ย*สเซึ่อร์�อ�นเตอร์�เฟส : user interface

2. การ์เข้�ยนโป็ร์แกร์ม เป็�นการ์ก�าหนด้ค2ณสมบ�ต�ข้องคอนโที่ร์ล บนฟอร์�มให�เหมาะสม และเข้�ยนค�าส��งตอบสนองอ�เว,นต�

การออกแบบหน�าจัอข้องโปีรแกรมด�วยคอนโทรลุ่คอนโที่ร์ล (Control) เป็�นเคร์��องม�อที่��ใช้�ในการ์ออกแบบคอนโที่ร์ลที่��เป็�นพิ�/นฐานเที่,กบ,อกซึ่� text box ใช้�ร์�บข้�อม*ลจากผ*�ใช้�เลเบล (Label) ใช้�แสด้งข้�อม*ลบางอย&างแก&ผ*�ใช้�ป็2>มค�าส��ง (Command button) ให�ผ*�ใช้�คล�กเมาส�เพิ��อที่�าให�คอมพิ�วเตอร์�ที่�างานบางอย&างค2ณสมบ�ต� (Properties) ค�อ ล�กษณะต&างๆ ข้องคอนโที่ร์ลที่��ถ*กน�า

มาวางบนฟอร์�ม ที่��เร์าสามาร์ถก�าหนด้ได้�เช้&น ข้�อความที่��ป็ร์ากฏิบนคอนโที่ร์ล , ร์*ป็แบบฟอนต�

1. เที่,กบ,อกซึ่� text box ม�ค2ณสมบ�ต� text ที่��ใช้�ก�าหนด้ข้�อความที่��จะแสด้ง

2. เลเบล (Label) ม�ค2ณสมบ�ต� Caption ที่��ใช้�ก�าหนด้ข้�อความที่��จะแสด้ง

3. ป็2>มค�าส��ง (Command button) ม�ค2ณสมบ�ต� caption ที่��ใช้�ก�าหนด้ข้�อความที่��จะแสด้ง

การเข้�าส �โปีรแกรม Visual Basic

1. คล�กที่��ป็2>ม Start >> Programs>>

แบบฝึ7กห�ดค(าชี� แจัง ให�น�กเร์�ยนฝ่@กป็ฏิ�บ�ต�การ์สร์�างโป็ร์แกร์มตามร์*ป็แบบที่��ก�าหนด้ให�

lbl_name

txt_name

cmd_ok

ก(าหนดค�ณสมบ�ต/

ชีน/ดข้องออบเจั8กต,

Properties ค�าท"�ต� ง

Label NameCaption

lbl_nameNAME :

Text NameText

txt_nameป็ล&อยว&าง

Command button

NameCaption

cmd_okOK

ค(าส��ง (Code)

บ�นที่.กต�/งช้��อ Project1 และ Form1 จ�ด้เก,บในโฟลเด้อร์�ข้องตนเองแผนการจั�ดการเร�ยนร �


ชี� นม�ธยมศ"กษาปี%ท�� 6หน�วยการเร�ยนร �ท�� 2 เร��อง ส�วนปีระกอบโปีรแกรม Visual

Basic เวลุ่า 2 ชี��วโมง

1. สาระส(าค�ญส&วนป็ร์ะกอบข้องโป็ร์แกร์ม Visual Basic ด้�งน�/

Menu bar Tool bar

Private Sub cmd_ok_Click()MsgBox txt_name.Text,

vbOKOnly End Sub

Tool box Project explorer Properties window Form



ต�วช้�/ว�ด้ ง 3.1 ม.4-6/6 เข้�ยนโป็ร์แกร์มภาษา ง 3.1 ม.4-6/8 ใช้�ฮาร์�ด้แวร์�และซึ่อฟต�แวร์�ให�เหมาะสม

ก�บงาน


- น�กเร์�ยนม�ความร์* �ความเข้�าใจเก��ยวก�บส&วนป็ร์ะกอบข้องโป็ร์แกร์ม

- น�กเร์�ยนม�ความร์* �ความเข้�าใจเก��ยวก�บ Tool bar

- น�กเร์�ยนม�ความร์* �ความเข้�าใจเก��ยวก�บ Tool box

ท�กษะกระบวนการ- น�กเร์�ยนอธิ�บายส&วนป็ร์ะกอบข้องโป็ร์แกร์ม Visual Basic

ได้�- น�กเร์�ยนสามาร์ถใช้�งาน Control ต&างๆ ได้�

ค�ณลุ่�กษณะอ�นพ"งปีระสงค,- น�กเร์�ยนม�ความข้ย�น อด้ที่น ร์�บผ�ด้ช้อบ- น�กเร์�ยนม�ความใฝ่>ร์* �ใฝ่>เร์�ยน- น�กเร์�ยนม�ความม2&งม��นในการ์ที่�างาน

- น�กเร์�ยนม�ความซึ่��อส�ตย�ส2จร์�ต


1. คร์*ที่�กที่ายน�กเร์�ยนแล�วยกต�วอย&างหน�าจอข้องโป็ร์แกร์มว�ช้วลเบส�ค

ก/จักรรมพ�ฒนาการเร�ยนร �2. น�กเร์�ยนด้*สไลด้� Power point เร์��อง ส&วนป็ร์ะกอบ

โป็ร์แกร์ม Visual Basic ซึ่.�งอธิ�บายส&วนป็ร์ะกอบที่�/งหมด้ข้องโป็ร์แกร์ม ด้�งน�/ Menu bar , Tool bar Tool box, Project explorer, Properties window, Form

3. น�กเร์�ยนป็ฏิ�บ�ต�จร์�งตามแบบฝ่@กห�ด้ โด้ยคร์*แนะน�าที่�ละข้�/นตอน แล�วบ�นที่.กโป็ร์เจ,กต�

4. น�กเร์�ยนฟ5งคร์*อธิ�บายเพิ��มเต�มและคร์*กล&าวช้มเช้ยผลงานน�กเร์�ยนที่��ที่�าส�าเร์,จ

5. น�กเร์�ยนและคร์*ร์&วมก�นเฉลยแบบฝ่@กห�ด้ก/จักรรมรวบยอด

6. แฟAมสะสมงาน 7. ไฟล�เอกสาร์และช้�/นงาน

5. ส��อแลุ่ะแหลุ่�งเร�ยนร �1. เคร์��องคอมพิ�วเตอร์�2. สไลด้� PowerPoint












ป็5ญหาและอ2ป็สร์ร์ค..........................................................................................................................................................................................................................................................................................................................

แนวที่างแก�ไข้

.................................................................................

.................................................................................

.................................................................................

.......................................................................

ลงช้��อ ............................................... ผ*�สอน

( นายว�ที่*ลย� งามข้�า ) ............ / .............. / ..........

...

ใบความร �ส&วนป็ร์ะกอบข้องจอภาพิ Visual Basic 6.0

ส�วนปีระกอบ รายลุ่ะเอ�ยด

Formเป็�นส&วนที่��ใช้�ส�าหร์�บจอภาพิข้องโป็ร์แกร์มข้./นใช้�งาน โด้ยจะที่�าหน�าที่��เป็�น Background ข้อจอภาพิ

Toolbox เป็�นส&วนที่��ป็ร์ะกอบด้�วย Icon ต&าง ๆ หร์�อ ที่��เร์�ยกว&า Control ที่��จะน�าไป็ใช้�งานโด้ยการ์น�าไป็วางบน Form

Toolbarเป็�นเคร์��องม�อที่��ช้&วยในการ์พิ�ฒนาโป็ร์แกร์ม หร์�อเป็�นเคร์��องม�อที่��ม�การ์เร์�ยกใช้�บ&อย ๆ

Project Explorer Window

เป็�นส&วนที่��ใช้�ส�าหร์�บเร์�ยก Form ต&าง ๆ ข้./นมาแก�ไข้ ในกร์ณ�ที่��ม� Form มากกว&า 1 Form

Properties Window

เป็�นจอภาพิที่��ใช้�ก�าหนด้ค2ณสมบ�ต�ต&าง ๆ ข้อง Project ที่��เร์าได้�ออกแบบไว�เพิ��อให�ที่�างานตามความต�องการ์

Form Layout Window

ใช้�ส�าหร์�บก�าหนด้ต�าแหน&งข้อง Form ที่��จะให�แสด้งอย*&ในจอภาพิเม��อที่�าการ์ Run

ท ลุ่บาร, (Toolbar) เป็�นแถบส�ญล�กษณ�ที่��ใช้�ส�าหร์�บเข้�าถ.งช้2ด้ค�าส��งข้อง Visual Basic ได้�ที่�นที่� โด้ยจะน�าค�าส��งที่��ถ*กใช้�งานบ&อย ๆ มาแสด้ง

ท ลุ่บาร,สามารถแบ�งออกได�เปี3น 4 กลุ่��มใหญ� ๆ ค�อ1. Standard Toolbars เป็�นที่*ลบาร์�มาตร์ฐานป็ร์ะกอบด้�วยค�าส��งที่��เก��ยวก�บการ์จ�ด้การ์ Project

2. Edit Toolbars เป็�นที่*ลบาร์�ที่��ป็ร์ะกอบไป็ด้�วยค�าส��งที่��ใช้�ส�าหร์�บช้&วยในการ์เข้�ยนโค�ด้ใน code editor

3. Debug Toolbars เป็�นที่*ลบาร์�ที่��ป็ร์ะกอบไป็ด้�วยค�าส��งที่��ใช้�ส�าหร์�บตร์วจสอบการ์ที่�างานการ์ป็ร์ะมวลผลโป็ร์แกร์ม

4. Form Editor Toolbars เป็�นที่*ลบาร์�ที่��ป็ร์ะกอบไป็ด้�วยค�าส��งที่��ใช้�ส�าหร์�บช้&วยในการ์ป็ร์�บข้นาด้, ย�าย, เป็ล��ยนต�าแหน&งคอนโที่ร์ลต&าง ๆ ที่��อย*&บนฟอร์�ม

ไอคอน ชี��อ รายลุ่ะเอ�ยดการใชี�งานAdd Standard EXE Project

ใช้�ส�า หร์�บเป็Eด้ Project ใหม& เพิ�� อออกแบบ Program ตามที่��ต�องการ์

Add Formใช้�ในการ์เพิ��ม Form เข้�าไป็ไว�ใน Project ที่��ม�การ์ใช้�งานมากกว&าหน.�ง Form

Menu Editor

ใช้�เร์�ยก Menu Editor ซึ่.�งเป็�นเคร์��องที่��ใช้�ในการ์สร์�าง Menu ให�ก�บ Form

Openใช้�ส�าหร์�บเร์�ยก Project งานที่��ได้�บ�นที่.กมาก&อนหน�าแล�ว

Save ใช้�ในการ์บ�นที่.ก Project ที่��ได้�สร์�างข้./นมา

Cutใช้�ส�าหร์�บต�ด้ Object ต&าง ๆ ที่��อย*&บน Form

เพิ��อน�าไป็ใช้�งานตามที่��ต�องการ์Copy ใช้�ส�าหร์�บ Copy Object บน Form

Pasteใช้�ส�า หร์�บ Paste Object ที่�� ได้�ที่�า การ์ Cut

หร์�อ Copy ไว�

Findใช้�ส�าหร์�บค�นหาค�าใน Editor ซึ่.�งใช้�ในกร์ณ�ที่��ม�การ์เข้�ยนค�าส��งใน Form Editor

Undo Typing

ใช้�ส�า หร์�บยกเล� กค�า ที่�� พิ�มพิ� ใน Editor ใน Form Editor

Redo Typing

ใช้�ส�าหร์�บที่�าซึ่�/าค�าที่��พิ�มพิ�ใน Editor

ไอคอน ชี��อ รายลุ่ะเอ�ยดการใชี�งานStart ใช้�ส�าหร์�บ Run Project ที่��ได้�จ�ด้ที่�าข้./น เพิ��อด้*

ผลล�พิธิ�ก&อนการ์น�าไป็ใช้�งานต&อไป็Break ใช้�ส�าหร์�บหย2ด้การ์ที่�างาน Project ช้��วคร์าวEnd ใช้�ส�าหร์�บหย2ด้หร์�อยกเล�กการ์ Run Project

Project Explorer

ใช้�แสด้งค2ณสมบ�ต�หร์�อว&าร์ายละเอ�ยด้ข้อง Project ว&าป็ร์ะกอบไป็ด้�วย Form หร์�อว&า Module ใด้บ�าง

Project Window

ใช้�ส�าหร์�บก�าหนด้ค2ณสมบ�ต�ข้อง Project และ Form

Form Layout window

ใช้�ส�าหร์�บเร์�ยกจอภาพิ Form Layout ซึ่.�งใช้�แสด้งต�าแหน&งข้อง Form บนหน�าจอ

Object Browser

ใช้�ส�าหร์�บเร์�ยกจอภาพิ Object Browser ซึ่.�งใช้�แสด้ง Class และสมาช้�กข้องแต&ละ Class

Tool Box ใช้�ส�าหร์�บเร์�ยก Tool Box ข้./นมาบนจอภาพิต�าแหน&งข้อง Form

ใช้�บอกต�าแหน&งในแกน x และ y ข้อง Form

ข้นาด้ข้อง Form

ใช้�บอกถ.งข้นาด้ข้อง Form ตามแนวแกน x

และ y

Toolbox ค�อ แถบส�ญล�กษณ� Controls ต&าง ๆ ที่��ใช้�ส�าหร์�บพิ�ฒนาโป็ร์แกร์มป็ร์ะย2กต� แบ&ง เป็�น 2 กล2&ม ค�อ1. คอนโทรลุ่ภายใน (Intrinsic controls) เป็�นช้2ด้คอนโที่ร์ลมาตร์ฐานข้อง Visual Basic ที่2ก ๆ คร์�/งที่��ม�การ์เร์�ยกใช้� Form เพิ��อสร์�างโป็ร์แกร์มป็ร์ะย2กต� คอลโที่ร์ลช้2ด้น�/จะถ*กเร์�ยกข้./นมาอ�ตโนม�ต� สามาร์ถเล�อกใช้�งานคอลโที่ร์ลกล2&มน�/ได้�ที่�นที่�

ไอคอน

ชี��อต�ว Control

ชี��อ Class ค(าอธ/บาย

Check box CheckBox ใช้�ก�บการ์เล�อกแบบ ถ*ก/ผ�ด้ ( True/False, Yes/No)

Combo box

ComboBox

เป็�นต�ว control เป็�นการ์ผสมร์ะหว&าง Text box ก�บ List box ซึ่.�งจะป็ร์ากฏิร์ายการ์ เม��อม�การ์คล�กล*กศร์ และ Combo box ไม&สน�บสน2นการ์เล�อกแบบหลายค&า

Command button

CommandButton

ป็2>มค�าส��งเป็�นต�ว control ที่�ใช้�ในที่2กฟอร์�ม ตามป็กต�จะเข้�ยนค�าส��งใน

Click event procedure ข้องต�ว control น�/

Data Data เป็�นต�ว control ที่��สามาร์ถร์วมข้�อม*ลก�บฐานข้�อม*ลได้� และเป็�นส&วนที่�� Visual Basic ให�ผ*�ใช้�สามาร์ถต�ด้ต&อร์ะหว&างต�ว control บนฟอร์�มก�บฟEลด้�ใน table ข้องฐานข้�อม*ล โด้ย Data จะที่�างานก�บ Database Jet

ข้องฐานข้�อม*ล แต&ไม&สามาร์ถที่�างานก�บ ActiveX Data Object

(ADO) ได้�Directory List box

DirListBox เป็�น List box แบบหน.�ง ที่��แสด้งได้เร์คที่อร์�และพิาร์�ที่ที่��เล�อก

Drive List box

DriveListBox

คล�ายก�บ Combo box ที่��ใช้�เล�อกช้��อข้องได้ร์�ฟในร์ะบบ

ไอคอน

ชี��อต�ว Control

ชี��อ Class ค(าอธ/บาย

File list box

FileListBoxเป็�น List box ช้น�ด้พิ�เศษที่��ใช้�แสด้งช้��อไฟล�ในได้เร์คที่อร์�

Frame Frame สามาร์ถใช้�เป็�น container ส�าหร์�บต�ว control อ��น

Horizontal และVertical Scroll Bar

HScrollBar และ VScrollBar

ใช้�เป็�นแถบเล��อนแบบ stand-alone

แต&ม�กจะไม&ค&อยม�การ์ใช้� เพิร์าะต�ว control อ��น ๆ ส&วนใหญ& จะม�แถบเล��อนข้องต�วเอง

Image Image เป็�นต�ว control ใช้�เก,บภาพิคล�ายก�บ Picture box แต&ไม&สามาร์ถที่�างานแบบ container ได้� Image ม�ข้�อด้�

ที่��ใช้�ที่ร์�พิยากร์ข้องร์ะบบน�อยกว&า Picture box

Label Label เป็�นต�ว control ที่��ใช้�แสด้งข้�อความ หร์�อป็Aายช้��อ

Line Line เป็�นต�ว control ใช้�ส�าหร์�บการ์ตกแต&งด้�านกร์าฟฟEก

List box ListBox เป็�นต�ว control ที่��เก,บร์ายการ์ข้องค&า และให�ผ*�ใช้�เล�อก ซึ่.�งสามาร์ถเป็�นการ์เล�อกค&าเด้�ยวหร์�อหลายค&า ข้./นก�บการ์ก�าหนด้ค2ณสมบ�ต� MultiSelect

OLE container

OLE เป็�นต�ว control ที่��สามาร์ถเป็�น Host

window ให�ก�บโป็ร์แกร์มภายนอก เช้&น Microsoft Excel หร์�ออาจจะกล&าวว&าเป็�นการ์สร์�าง window ให�ก�บโป็ร์แกร์มอ��นบนโป็ร์แกร์มป็ร์ะย2กต� Visual Basic

Option button

OptionButton

เป็�นต�ว control ใช้�ก�บกล2&มต�ว control โด้ยให�เล�อกได้�เพิ�ยงต�ว control เด้�ยวต&อคร์�/งหน.�ง เม��อม�การ์เล�อกต�ว control ในกล2&มแล�ว ต�ว control อ��นในกล2&มจะเป็ล��ยนจากการ์เล�อกโด้ยอ�ตโนม�ต�

Picture box

PictureBoxใช้�แสด้งภาพิในฟอร์�แมต BMP, DIB

(bitmap), ไอคอน (ico), WMF

(metafile), GIF และ JPEG

เป็�นต�น Shape Shape เป็�นต�ว control ใช้�ส�าหร์�บการ์

ตกแต&งด้�านกร์าฟฟEกText box TextBox เป็�นต�ว control ที่��เป็�นฟEลด้� ใช้�เก,บต�ว

อ�กษร์ที่��สามาร์ถแก�ไข้โด้ยผ*�ใช้�ได้� และได้�ร์�บการ์ใช้�งานมาก

Timer Timer เป็�นต�ว control พิ�เศษที่��ไม&เห,นเม��อเวลาเร์�ยกใช้� เป็�นต�วจ�ด้การ์และควบค2มที่��เก��ยวก�บเวลา

2. คอนโทรลุ่ ActiveX (ActiveX controls) เป็�นช้2ด้คอนโที่ร์ลเพิ��มเต�มที่��ไมโคร์ซึ่อฟที่�จ�ด้เตร์�ยมไว� เพิ��อเพิ��มข้�ด้ความสามาร์ถในการ์พิ�ฒนาโป็ร์แกร์มป็ร์ะย2กต� การ์เพิ��มคอนโที่ร์ลกล2&มน�/เข้�ามาในที่*ลบGอกซึ่�ที่�าโด้ยเล�อกเมน* Project/Components

Form Designer

เป็�นส&วนที่��ใช้�ออกแบบการ์แสด้งผลส&วนที่��ใช้�ต�ด้ต&อก�บผ*�ใช้� ฟอร์�มเป็�นออบเจ,กต�แร์กที่��ถ*กเตร์�ยมไว�ให�ใช้�งาน คอลโที่ร์ลที่2กต�วที่��ต�องการ์ใช้�งานจะต�องน�าไป็บร์ร์จ2ไว�ในฟอร์�ม น�าคอลโที่ร์ลมาป็ร์ะกอบก�นข้./นเป็�นโป็ร์แกร์มป็ร์ะย2กต� ที่2กคร์�/งที่��เป็Eด้ Visual Basic ข้./นมา หร์�อ สร์�าง Project ใหม&จะม�ฟอร์�มว&าง 1 ฟอร์�มถ*กสร์�างเตร์�ยมไว�เสมอ

Project Explorer

Project Explorer ใช้�ส�าหร์�บบร์�หาร์และจ�ด้การ์โป็ร์เจ,กซึ่� โด้ยจะแสด้งองค�ป็ร์ะกอบข้องแต&ละโป็ร์เจ,กต�แบบโคร์งร์&างต�นไม� (tree-

view)ต�วโป็ร์เจ,กตจะหมายถ.งโป็ร์แกร์มป็ร์ะย2กต�ซึ่.�งจะอย*&ส&วนบนส2ด้ ถ�ด้มา จะแสด้งส&วนป็ร์ะกอบต&าง ๆ ข้องโป็ร์เจ,กต�น�/น ๆ ว&าป็ร์ะกอบด้�วยอะไร์บ�าง เช้&น ฟอร์�มโมด้*ล ร์ายงาน เป็�นต�น ถ�าม� 2 โป็ร์เจ,กต�ข้./นไป็ ก,จะแสด้งแยกออกเป็�นส&วนต&างหากอ�กโป็ร์เจ,กต� ถ�าต�องการ์ใช้�งานส&วนใด้ ข้องโป็ร์เจ,กต�ไหนก,สามาร์ถคล�Hกเล�อกได้�ที่�นที่�

Project Explorer แบบโป็ร์เจ,กต�เด้�ยว และ แบบหลายโป็ร์เจ,กต�

ส�วนปีระกอบข้องโปีรเจั8กต,

Project (n) ค�อโป็ร์แกร์มป็ร์ะย2กต�ที่��พิ�ฒนาอย*& ม�นามสก2ล .vbp

Form (n) .frm เป็�นฟอร์�มที่��ม�อย*&ในโป็ร์เจ,กต�น�/น ๆ ใน 1 โป็ร์เจ,กต�อาจม�มากกว&า 1 ฟอร์�มก,ได้� ม�นามสก2ล

Modules เป็�นที่��เก,บช้2ด้ค�าส��งที่��ค2ณเข้�ยนข้./นมา โด้ยจะเก,บช้2ด้ค�าส��งที่��ใช้�บ&อย ๆม�นามสก2ล .bas

Class Modules

เป็�นโมด้*ลช้น�ด้พิ�เศษที่��ม�ล�กษณะเป็�นอGอบเจ,กต� ที่��สามาร์ถสร์�างข้./นมาได้� จะม�นามสก2ล .cls

User controls เป็�นส&วนที่��เก,บคอนโที่ร์ล ActiveX ที่��ค2ณสร์�างข้./นมา ม�นามสก2ล .ctl

Designers เป็�นส&วนข้องร์ายงานที่��ถ*กสร์�างข้./นม�นามสก2ลเป็�น .dsr

Properties Window

หน�าต&างค2ณสมบ�ต�เป็�นส&วนที่��ใช้�ก�าหนด้ค2ณสมบ�ต�ข้องออบเจ,กต�ที่��ถ*กเล�อก (adtive) หร์�อได้�ร์�บความสนใจ (focus) อย*&ข้ณะน�/น ซึ่.�งสามาร์ถที่��จะป็ร์�บเป็ล��ยนค&าต&าง ๆ ข้องคอลโที่ร์ลเพิ��อให�เก�ด้ความเหมาะสมและตร์งก�บความต�องการ์ใช้�งานได้�ที่�นที่�

ในหน�าต&างค2ณสมบ�ต� จะป็ร์ะกอบไป็ด้�วยแที่,ป็ 2 แที่,ป็ ค�อ 1. แที่,ป็ Alphabetic เป็�นแที่,ป็ที่��แสด้งร์ายการ์ค2ณสมบ�ต� เร์�ยงตามต�วอ�กษร์ในภาษาอ�งกฤษ

2. แที่,ป็ Categorized เป็�นแที่,ป็ที่��แสด้งร์ายการ์ค2ณสมบ�ต� โด้ยการ์จ�ด้กล2&มข้องค2ณสมบ�ต�ที่��ม�หน�าที่��คล�ายก�น หร์�อม�ความส�มพิ�นธิ�ก�น

หน�าต�าง Form Layout

เป็�นส&วนที่��แสด้งให�เห,นต�าแหน&งข้องฟอร์�ม และสามาร์ถก�าหนด้ต�าแหน&งข้องฟอร์�ม ที่��ป็ร์ากฎบนจอภาพิในข้ณะป็ร์ะมวลผลได้� โด้ยการ์เคล��อนย�ายฟอร์�มจ�าลอง ที่��อย*&ในจอภาพิจ�าลองด้�วยการ์ drag เมาส� ไป็ย�งต�าแหน&งที่�ค2ณต�องการ์ โด้ยจะม�ผลในข้ณะป็ร์ะมวลผลเที่&าน�/น

Immediate Window

เป็�นหน�าต&างที่��ให�ป็ร์ะโยช้น� ในกร์ณ�ที่�ค2ณต�องการ์ที่ร์าบผล การ์ป็ร์ะมวลผลโด้ยที่�นที่� เช้&น การ์ที่ด้สอบโป็ร์แกร์มย&อยต&าง ๆ เป็�นต�น เม��อค2ณส��งป็ร์ะมวลผลโป็ร์เจ,กต� หน�าต&างน�/จะป็ร์ากฎข้./นโด้ยอ�ตโนม�ต�

หน�าต�าง New Project

หน�าต&าง New Project จะป็ร์ากฎข้./นมาเม��อเล�อกเมน* File/New

Project กร์อบโต�ตอบน�/ จะแสด้งช้น�ด้ข้องโป็ร์แกร์มป็ร์ะย2กต� ที่��ค2ณต�องการ์พิ�ฒนา ซึ่.�งจะคล�ายก�บตอนที่��เป็Eด้โป็ร์แกร์ม Visual Basic ข้./นมา

คร์�/งแร์ก

หน�าต�าง Code Editor

เป็�นส&วนที่��ใช้�ในการ์เข้�ยนช้2ด้ค�าส��งส�าหร์�บการ์ป็ร์ะมวลผล และควบค2มการ์ที่�างานข้องคอลโที่ร์ล ต&าง ๆ

แบบฝึ7กห�ดค�าช้�/แจง ให�น�กเร์�ยนเข้�ยนโป็ร์แกร์มเข้�าส*&ร์ะบบด้�งภาพิ

ก(าหนดค�ณสมบ�ต/ชีน/ดข้องออบ

เจั8กต,Properties ค�าท"�ต� ง

Label NameCaption

lbl_nameกร์2ณากร์อกช้��อ

Label NameCaption

lbl_surnameกร์อกนามสก2ล

Text NameText

txt_nameป็ล&อยว&าง

Text NameText

txt_surnameป็ล&อยว&าง

Command button

NameCaption

cmd_okเข้�าส*&ร์ะบบ

Form NameCaption

Frm_loginเข้�าส*&ร์ะบบ

ค(าส��ง (Code)

บ�นที่.กต�/งช้��อ Project2 และ Form1 จ�ด้เก,บในโฟลเด้อร์�ข้องตนเองแผนการจั�ดการเร�ยนร �


ชี� นม�ธยมศ"กษาปี%ท�� 6หน�วยการเร�ยนร �ท�� 3 เร��อง การจั�ดการก�บโปีรเจั8กต,

เวลุ่า 2 ชี��วโมง

1. สาระส(าค�ญ- การ์สร์�างฟอร์�ม Visual Basic Project

- การ์บ�นที่.กฟอร์�มและโป็ร์เจ,กต�- การ์เป็Eด้และแก�ไข้- การ์เพิ��มและลบฟอร์�ม



ต�วช้�/ว�ด้ ง 3.1 ม.4-6/6 เข้�ยนโป็ร์แกร์มภาษา ง 3.1 ม.4-6/7 พิ�ฒนาโคร์งงานคอมพิ�วเตอร์�


Private Sub cmd_ok_Click()MsgBox " ย�นด้�ต�อนร์�บ " & Text1.Text & " " &

Text2.Text, vbOKOnly, " เข้�าส*&ร์ะบบ "

- น�กเร์�ยนม�ความร์* �ความเข้�าใจเก��ยวก�บการ์จ�ด้การ์ฟอร์�มและโป็ร์เจ,กต�

ท�กษะกระบวนการ- น�กเร์�ยนอธิ�บายข้�/นตอนการ์สร์�างฟอร์�มได้�- น�กเร์�ยนอธิ�บายข้�/นตอนการ์บ�นที่.กฟอร์�มและโป็ร์เจ,กต�ได้�- น�กเร์�ยนสามาร์ถฝ่@กป็ฏิ�บ�ต�การ์สร์�างฟอร์�มเข้�าส*&ร์ะบบ ได้�

ค�ณลุ่�กษณะอ�นพ"งปีระสงค,- น�กเร์�ยนม�ความข้ย�น อด้ที่น ร์�บผ�ด้ช้อบ- น�กเร์�ยนม�ความใฝ่>ร์* �ใฝ่>เร์�ยน- น�กเร์�ยนม�ความม2&งม��นในการ์ที่�างาน- น�กเร์�ยนม�ความซึ่��อส�ตย�ส2จร์�ต


1. คร์*ที่�กที่ายน�กเร์�ยนแล�วต�/งค�าถามน�กเร์�ยนว&าน�กเร์�ยนเคยบ�นที่.กไฟล�เอกสาร์หร์�อไม& เช้&น ไฟล�เอกสาร์โป็ร์แกร์มไมโคร์ซึ่อฟต�เว�ร์�ด้ เป็�นต�น

ก/จักรรมพ�ฒนาการเร�ยนร �2. น�กเร์�ยนฟ5งคร์*อธิ�บายเก��ยวก�บฟอร์�มและโป็ร์เจ,กต� 3. น�กเร์�ยนป็ฏิ�บ�ต�บ�ต�ตามข้�/นตอน ที่��คร์*เป็�นผ*�สาธิ�ตผ&านที่าง

จอโป็ร์เจ,คเตอร์�โด้ยคร์*คอยแนะน�าที่�ละข้�/นตอน เม��อน�กเร์�ยนที่�าเสร์,จแล�วให�น�กเร์�ยนบ�นที่.กฟอร์�ม และ โป็ร์เจ,กต�จ�ด้เก,บลงโฟลเด้อร์�ข้องตนเอง

4. น�กเร์�ยนซึ่�กถามข้�อสงส�ยและตอบค�าถาม5. น�กเร์�ยนที่�าแบบฝ่@กห�ด้

ก/จักรรมรวบยอด6. แฟAมสะสมงาน

7. ไฟล�เอกสาร์และช้�/นงาน

5. ส��อแลุ่ะแหลุ่�งเร�ยนร �1. เคร์��องคอมพิ�วเตอร์�2. โป็ร์แกร์ม Visual Basic












ป็5ญหาและอ2ป็สร์ร์ค

.................................................................................

.................................................................................

.................................................................................

.......................................................................

แนวที่างแก�ไข้..........................................................................................................................................................................................................................................................................................................................

ลงช้��อ ............................................... ผ*�สอน

( นายว�ที่*ลย� งามข้�า ) ............ / .............. / ..........

...

ใบความร �การสร�างฟอร,ม Visual Basic Project

ว�ธิ�การ์1. คล�กที่��เมน* File >> New

Project2. เล�อก Standard EXE

3. คล�กป็2>ม Open

ต�วอย&างหน�าจอ Form Design Window

4. คล�กเล�อก Control Label

5. คล�กค�างไว�แล�วลากที่แยงม2มให�ได้�ความกว�างที่��ต�องการ์ แล�วป็ล&อย บน Form

6. ก�าหนด้ค2ณสมบ�ต� ข้อง Caption “ กร์2ณาพิ�มพิ�ช้��อ”

7. ต�/งช้��อให�ก�บ Control Label ใหม&ว&า lbl_name

8. สร์�างออป็เจ,กต�ให�คร์บตามที่��ต�องการ์9. ที่ด้สอบโป็ร์แกร์มคล�กที่��ไอคอน

**การ์ต�/งช้��อคอนโที่ร์ล ควร์ค�าน.งถ.งด้�งน�/ 1. ห�ามเว�นวร์ร์ค 2. ต�องเร์��มต�นด้�วยต�วอ�กษร์เที่&าน�/น 3. ม�ความยาวได้�ไม&เก�น 40 ต�วอ�กษร์ 4. สามาร์ถใช้�ต�วอ�กษร์ ต�วเลข้ เคร์��องหมาย UnderScore(_) ในการ์ต�/งช้��อคอนโที่ร์ลได้�- การบ�นท"กฟอร,มแลุ่ะโปีรเจั8กต,ว�ธิ�การ์

1. คล�กที่��เมน* File >> Save Project

2. เล�อกต�าแหน&งที่��เก,บไฟล�3. ต�/งช้��อ Form

4. คล�กป็2>ม Save

เม��อบ�นที่.กฟอร์�ม เสร์,จแล�ว โป็ร์แกร์มจะให� บ�นที่.กโป็ร์เจ,กต�ต&อ5. ต�/งช้��อ Project

6. คล�กป็2>ม Save

* การ์ต�/งช้��อควร์ใช้�ภาษาอ�งกฤษ

- การเปี<ดแลุ่ะแก�ไข้

ว�ธิ�การ์1. คล�กที่��เมน* File >> Open Project

2. เล�อกหาต�าแหน&งที่��เก,บไฟล�3. เล�อกไฟล� โป็ร์เจ,กต�4. คล�กป็2>ม Open

5. ด้�บเบ�/ลคล�กที่��ช้��อฟอร์�มที่��ต�องการ์เป็Eด้ บร์�เวณ Project Explorer

- การเพ/�มฟอร,ม

ว�ธิ�การ์ คล�กที่��ที่*ลบาร์� เล�อก Form

- การลุ่บฟอร,มว�ธิ�การ์ ที่�� Project Explorer

1. คล�กข้วาบร์�เวณช้��อฟอร์�มที่��ต�องการ์ลบ

2. เล�อก Remove Form (n)

แบบฝึ7กห�ด

ค(าชี� แจัง ให�น�กเร์�ยนเข้�ยนโป็ร์แกร์มโด้ยเพิ��มฟอร์�ม 3 ฟอร์�ม ในโป็ร์เจ,กต�เด้�ยวก�น1. โป็ร์แกร์มเข้�าส*&ร์ะบบ ต�/งช้��อ Form1

2. กร์อกช้��อแล�วแสด้งผล ต�/งช้��อ Form2

3. แสด้งนาฬิ�กาด้�จ�ตอล ต�/งช้��อ Form2

*** ต�/งช้��อว&า Project 1

แผนการจัดการเรียนรู้1 3

Technology

Transcript of แผนการจัดการเรียนรู้1 3