บทปฏิ�บ�ติ�การคร��งท�� 1

เร��อง องคประกอบพื้��นฐานของโปรแกรม Visual Basic 2005 Express Edition

วั�ติถุ�ประสงค : เมื่��อจบบทปฏิ�บ�ติ�การนี้��แลวนี้�กศึ�กษาสามื่ารถ 1. ท�าการติ�ดติ��งโปรแกรมื่ได#อย่%างถ&กติ#อง สมื่บ&รณ์( และสามื่ารถใช้#งานี้

ได#2. บอกองคประกอบพื้��นี้ฐานี้ของโปรแกรมื่ Visual Basic 2005

ไดอย่างถ&กติอง 3. เข�ย่นี้โปรแกรมื่โดย่ใช้โปรแกรมื่ Visual Basic ได

ข��นติอนการปฏิ�บ�ติ� (120 นาท�) 1. ท�าการติ�ดติ��งโปรแกรมื่ (30 นี้าท�)2. เร��มื่ตินี้ใช้โปรแกรมื่และศึ�กษาองคประกอบพื้��นี้ฐานี้ของ

โปรแกรมื่ Visual Basic 2005 (15 นี้าท�) 3. ศึ�กษาว�ธี�การเข�ย่นี้โปรแกรมื่โดย่ใช้โปรแกรมื่ Visual Basic

2005 (15 นี้าท�) 4. เข�ย่นี้โปรแกรมื่ติามื่ติ�วอย่างท��ก�าหนี้ด 3 โปรแกรมื่ (30 นี้าท�) 5. ส%วนี้ท�� 2 โปรแกรมื่ PlaRa Browser (30 นี้าท�)

1. ท!าการติ�ดติ��งโปรแกรม (30 นาท�)1.1 เข#าไป Download Program ท��เว2บไซด(

http://msdn.microsoft.com/vstudio/express/vb/download จะปรากฏิหนี้#าจอด�งร&ป ท�าการ Download โปรแกรมื่โดย่เล�อก manual installation instructions

1.1 คล�กท��นี้��

1.2 เล�อก Download แบบ .IMG File (เป4นี้การ download

แบบ Image File ด�งนี้��นี้ติ#องท�าการ downloadโปรแกรมื่ Win

Image มื่าติ�ดติ��งเพื้��มื่เติ�มื่จ�งจะสามื่ารถนี้�าไปใช้#งานี้ได# โหลดโปรแกรมื่ท��นี้��http://www.winimage.com/download.htm )

1.2 คล�กท��นี้��

1.3 จะปรากฏิหนี้#าติ%าง ด�งร&ป ให#เล�อกท�� Save และเล�อกสถานี้ท��ท��จะท�าการจ�ดเก2บไฟล(

1.4 หล�งจากนี้��นี้จะปรากฏิหนี้#าติ%าง ด�งร&ป แสดงสถานี้ะการ download

1.5 หล�งจากการ download เสร2จส��นี้ จะได#ไอคอนี้

ให#ด�บเบ��ลคล�กท��ไอคอนี้ จะเป4นี้การเป6ดไฟล( VB.img ก�บโปรแกรมื่ Win

Image จากนี้��นี้ให#ท�าการ เล�อกไฟล(ท��มื่�อย่&%ท��งหมื่ด (ในี้กรณ์�ท��ติ�ดติ��งโปรแกรมื่ Win Image แล#ว ถ#าย่�งไมื่%เป4นี้ไอคอนี้แบบนี้��ให#ท�าการติ�ดติ��งโปรแกรมื่ Win

Imageก%อนี้)

1.6 ไปท��เมื่นี้& Image จากนี้��นี้เล�อก Extract และท�าการเล�อกพื้��นี้ท��จ�ดเก2บพื้ร#อมื่ท��งสร#าง folder ข��นี้มื่าใหมื่%ช้��อ Visual Basic 2005

1.7 หล�งจากกระบวนี้การในี้การ Extract เสร2จส��นี้ ให#เข#าไปย่�ง folder

ท��ท�าการจ�ดเก2บไฟล( Visual Basic 2005 แล#วท�าการ ติ�ดติ��งโปรแกรมื่โดย่

ด�บเบ��ลคล�กท��ไอคอนี้

1.8 หนี้#าติ%างการติ�ดติ��งโปรแกรมื่ ให#คล�กเล�อกท��ป78มื่ Next > ด�งร&ป

1.9 คล�กเล�อกให#มื่�เคร��องหมื่าย่ถ&กหนี้#าข#อความื่ I accept the

terms of the License Agreement ด�งร&ป จากนี้��นี้คล�กเล�อกท��ป78มื่ Next >

1.10 คล�กท��ป78มื่ Next >

1.11 หนี้#าติ%างแสดงพื้��นี้ท��ท��จะท�าการติ�ดติ��งโปรแกรมื่ ให#ท�าการติ�ดติ��งติามื่ท��โปรแกรมื่ระบ7 (หากติ#องการเปล��ย่นี้แปลงให#เล�อกท�� ป78มื่ Browse) จากนี้��นี้ คล�กเล�อกท��ป78มื่ Install > ด�งร&ป

1.12 จะปรากฏิหนี้#าติ%างแสดงสถานี้การณ์(ติ�ดติ��งโปรแกรมื่ รอจนี้กว%าโปรแกรมื่จะท�าติ�ดติ��งโปรแกรมื่เสร2จ

1.13 หนี้#าติ%างแสดงราย่งานี้ผลการติ�ดติ��งโปรแกรมื่ ให#คล�กท��ป78มื่ Exit

เพื้��อส��นี้ส7ดการติ�ดติ��ง จากนี้��นี้ให#ท�าการ Restart เคร��องคอมื่พื้�วเติอร( เพื้��อเร�ย่กใช้#งานี้โปรแกรมื่ติ%อไป

2. เร��มตินใชโปรแกรมและศึ'กษาองคประกอบพื้��นฐานของโปรแกรม Visual Basic 2005 (15 นาท�)

2.1 การเร��มื่ตินี้ใช้โปรแกรมื่ คล�กท��เมื่นี้& Start

เล�อก Programs

เล�อก Microsoft Visual Basic 2005 Express Edition

2.2 องคประกอบพื้��นี้ฐานี้ของโปรแกรมื่

1. Menus เมื่นี้&ค�าส� �งในี้การใช้#งานี้โปรแกรมื่ท��วๆไป2. Toolbars แถบเคร��องมื่�อท��มื่�กเร�ย่กใช้#งานี้บ%อย่ๆ3. Toolbox เคร��องมื่�อท��ใช้#ในี้การสร#างงานี้4. Form Designer พื้��นี้ท��ในี้การออกแบบและสร#างงานี้5. Solution Explorer ใช้#ส�าหร�บจ�ดการไฟล(ท��เก��ย่วข#องก�บ

งานี้ท��ก�าล�งด�าเนี้�นี้การ

1. Menus2. Toolbars

3. Toolbox 4. Form Designer

5. Solution Explorer

6. Properties

7. Error List

6. Properties ใช้#ส�าหร�บเปล��ย่นี้แปลงค7ณ์สมื่บ�ติ�ติ%างๆของว�ติถ7ขณ์ะท�าการออกแบบ

7. Error List แสดงราย่การข#อผ�ดพื้ลาดในี้การเข�ย่นี้โปรแกรมื่

3. ศึ'กษาวั�ธี�การเข�ยนโปรแกรมโดยใชโปรแกรม Visual Basic

(15 นาท�) 3.1 การสรางสวนี้ติ�ดติอก�บผ&ใช้ (User interface)

3.2 การก�าหนี้ดพื้ร2อพื้เพื้อรติ��ใหแติละออบเจ2กติ 3.3 เข�ย่นี้ค�าส� �งของโปรแกรมื่ใหแติละออบเจ2กติ 3.4 การบ�นี้ท�กและส��งใหโปรแกรมื่ท�างานี้ (Compile)

3.5 การสรางไฟลท��สามื่ารถ Execute ได

4. เข�ยนโปรแกรมติามติ�วัอยางท��ก!าหนด 3 โปรแกรม (30 นาท�) 4.1 โปรแกรมื่ Hello world

• ให#ท�าการสร#าง Project ใหมื่%โดย่ ไปเล�อกท��เมื่นี้& File >>

New Projects และเล�อกท�� Windows Application

ติ��งช้��อโปรเจคใหมื่%เป4นี้ Lab01_1 ในี้ช้%อง Name

• ด�บเบ��ลคล�กบร�เวณ์พื้��นี้ท��วางในี้ Form1 และเข�ย่นี้ค�าส��ง ด�งนี้��

• กดป7มื่ F5 หร�อคล�กท�� Start Debugging บนี้ Toolbars แล#วศึ�กษาการท�างานี้ของโปรแกรมื่

4.2 โปรแกรมื่บวกเลขติ��งแติ 1 – 100

• ให#ท�าการสร#าง Project ใหมื่%โดย่ ไปเล�อกท��เมื่นี้& File >>

New Projects และเล�อกท��Windows Application

ติ��งช้��อโปรเจคใหมื่%เป4นี้ Lab01_2 ในี้ช้%อง Name

• สร#าง Command button โดย่เล�อกจาก Toolbox ด�งนี้��

• แล#วท�าการวาดลงฟอร(มื่พื้ร#อมื่ก�บเปล��ย่นี้ Properties ด�งนี้��

• ให# Double click ท��ป7มื่ แล#วเข�ย่นี้ค�าส� �งด�งนี้��

• ท�าการทดสอบโปรแกรมื่ โดย่การคล�กท�� F5 หร�อคล�กท�� Start Debugging บนี้ Toolbars แล#วศึ�กษาการท�างานี้ของโปรแกรมื่

4.3 โปรแกรมื่หาผลรวมื่เลขจ�านี้วนี้เติ2มื่ • ให#ท�าการสร#าง Project ใหมื่%โดย่ ไปเล�อกท��เมื่นี้& File >>

New Projects และเล�อกท��Windows Application

ติ��งช้��อโปรเจคใหมื่%เป4นี้ Lab01_3 ในี้ช้%อง Name

• ให#ท�าการสร#าง Interface ติามื่ติ�วอย่างหนี้#าจอติอไปนี้��

• Double click ท�� ป7มื่ ค�านี้วณ์ จากนี้��นี้ เข�ย่นี้ค�าส� �ง ด�งนี้��

ใหทบทวนี้และทดสอบการเข�ย่นี้โปรแกรมื่ด�งนี้�� 1. โปรแกรมื่การลบ 2. โปรแกรมื่การค&ณ์ 3. โปรแกรมื่การหาร

ส,วันท�� 2 โปรแกรม “PlaRa Browser”

คร��งท�� 1

Name =TextBox1

Name =TextBox2

Name =Label

1. ให#นี้�กศึ�กษาท�าการออกแบบโปรแกรมื่ระบบ “PlaRa Browser”

(ปลาร#า บราวเซอร() โดย่สามื่ารถออกแบบและจ�ดวางติ�าแหนี้%งได#ติามื่ความื่ค�ดสร#างสรรค( โดย่มื่�องค(ประกอบหล�กด�งนี้��

- เมื่นี้&บาร(- Toolbars- Search Url ประกอบด#วย่ TextBox และ ป78มื่ - WebBrowser ใช้#เป4นี้ส%วนี้แสดงผลหนี้#าเว2บท��ท�าการค#นี้หา

2. ค7ณ์สมื่บ�ติ�ของโปรแกรมื่ “PlaRa Browser” ค�อ เมื่��อผ&#ใช้#ใส% URL ของเว2บท��ติ#องการในี้ช้%อง Search URL และกดป78มื่ Go! เพื้��อเร��มื่การค#นี้หาแล#ว หนี้#าเว2บท��ติ#องการ จะปรากฏิข��นี้มื่าในี้พื้��นี้ท��ท��เราก�าหนี้ดไว#

ติ�วอย่%างก%อนี้ใส% Url

ผลการค#นี้