1. การออกแบบ GUI โดย Microsoft Visual Basic
1
IT OU IN
N R D CTO
M r so V a B sic ( B คือเครือ ในก ฒ Application Softw ด้วยภาษ Basic สำา รับ M
ico ft isu l a V ) ่ งมือ ารพั นา are า ห icrosoft W s แ ะ
indow ล
W Application
eb
ซึภ าB sicนันถูกสร้างขึ้ 1963 โ H Keneny &T as Kurtz จุดประสงค์ในการพั นาภาษ Basic คือเพื่ เป็น
ง่ าษ a ้ นในปี ดย ohn hom ฒ า อใช้
แนวในการสอนการเขี ยนprogramโ ดยเน้นรูปแ อ าอย่างง่ายต่อการเข้ ล
บบข งภาษ าใจแ ะง่ายต่อ งานVB เป็นการพั นาในสภาพ วดล้อ อ
การใช้ ฒ แ มข ง
W sโ
indow ดยอาศัยการออกแ Programในลักษ ะ Visualize ซึ่ การกำา นดตำา ห องObject ล
บบ ณ งใช้ ห แ น่งข งบนจอภาพ อ กับผู้ โ
เพื่ ติดต่อ ใช้ดยตรง
(ห เป็นการนำาControl ห T ต่าง ๆ ไ ว้บนFormInterface สำา รับผู้ ) ประกอบกับมีการใช้โ
รือ รือ ool ปวางไ ห ใช้ ดยการใช้Object Linking and
Em bedding (OLE) แ ะ ApplicationProgram ing Interface (API) ข
ล m องระบบ w s มาประกอ
indow บการเขี
ยนprogram ด้วย
ข้ ข V คือเป็นเครือ ที่ งานง่ายสามารถพั นา Applicationต่างๆ ไ ย่างรวดเร็ว แ ะเรียนรูไ
อดี อง B ่ งมือ ใช้ ฒ ด้อ ล ้ ด้ง่าย
VB จะเป็นซ ฟ วร์ในชุ อ ต์แ M
อ ต์แ ดซ ฟ วร์ icrosoft Visual Studio ซึ่ ใช้ ยูในปัจจุบันคือ ร์ชั 6.0สามารถติดตังเพื่ ใช้ ด้ทั้
งที่ งานอ ่ เวอ น ้ อ งานไ งใน
W s 95, W s M W s NT4.0แ ะ W s 2000
indow indow e, indow ล indow
การสร้างprogram ประยุกต์Visual Basic ประกอบด้วยขั้ นตอนห ๆ 3 ขั้
ลัก นตอน คือ
1. การสร้าง Interface โ Formเป็นObject พื้
ดยมี นฐานแ ะเป็นที่
ล วางตัว Control ห T ต่าง ๆ สำา รับการติดต่อกับผู้
รือ ool ห ใช้
2. ตังค่าคุณ
้ สมบัติคือเป็นการกำา นดพ
ห ฤติกรรมแ ะก าานให้ Object ต่าง ๆ
ล ารทำ ง กับ
3. การเขี า ง เป็นการควบคุมการประมวล ล านProcedure ที่ า นดเช่
ยนคำ สั่ ผ ผ่ กำ ห น
Private Sub Form Load()
_
Text1.T =“Hello”
ext
End Sub
การเรียก งานVBจะเรียกจากStart m ดังนี้
ใช้ enu
Start Program M icrosoftVisual Studio6.0 M icrosoft Visual Basic 6.0
จะแ จอ ดังรูป
สดงที่ ภาพ
ห ดังรูปข้
น้าจอ างต้นจะเรียกว่า Integrated Developm Environm ห ID ซึ่
ent ent รือ E งเปรียบเสมือนกับสตูดิโ ที่ ในการสร้างApplication
อ ใช้

2. การออกแบบ GUI โดย Microsoft Visual Basic
2
INTRODUCTION
Microsoft Visual Basic (VB) คือ เครื่ องมื อ ในการพั ฒ นา Application Software ด้ว ย
ภาษา Basic สำาหรับ Microsoft Windows และ Web Application
ซึ่งภาษา Basic นั้นถูกสร้างขึ้นในปี 1963 โดย Hohn Keneny & Thomas Kurtz จุด
ประสงค์ในการพัฒนาภาษา Basic คือ เพื่อใช้เป็นแนวในการสอนการเขียน program โดยเน้นรูป
แบบของภาษาอย่างง่ายต่อการเข้าใจและง่ายต่อการใช้งาน VB เป็นการพัฒนาในสภาพแวดล้อม
ของ Windows โดยอาศัยการออกแบบ Program ในลักษณะ Visualize ซึ่งใช้การกำาหนดตำาแหน่ง
ของ Object ลงบนจอภาพเพื่อติดต่อกับผู้ใช้โดยตรง (หรือเป็นการนำา Control หรือ Tool ต่าง ๆ
ไปวางไว้บน Form Interface สำาหรับผู้ใช้) ประกอบกับมีการใช้ โดยการใช้ Object Linking and
Embedding (OLE) และ Application Programming Interface (API) ของระบบ windows มา
ประกอบการเขียน program ด้วย
ข้อดีของ VB คือ เป็นเครื่องมือที่ใช้งานง่าย สามารถพัฒนา Application ต่าง ๆ ได้อย่าง
รวดเร็ว และเรียนรู้ได้ง่าย
VB จะเป็นซอฟต์แวร์ในชุดซอฟต์แวร์ Microsoft Visual Studio ซึ่งที่ใช้งานอยู่ในปัจจุบันคือ
เวอร์ชัน ٦.٠ สามารถติดตั้งเพื่อใช้งานได้ทั้งใน Windows 95, Windows Me, Windows NT 4.0
และ Windows 2000
การสร้าง program ประยุกต์ Visual Basic ประกอบด้วยขั้นตอนหลัก ๆ 3 ขั้นตอน คือ
1. การสร้าง Interface โดยมี Form เป็น Object พื้นฐานและเป็นที่วางตัว Control หรือ Tool
ต่าง ๆ สำาหรับการติดต่อกับผู้ใช้
2. ตั้งค่าคุณสมบัติ คือ เป็นการกำาหนดพฤติกรรมและการทำางานให้กับ Object ต่าง ๆ
3. การเขียนคำาสั่ง เป็นการควบคุมการประมวลผลผ่าน Procedure ที่กำาหนด เช่น
Private Sub Form_Load()
Text1.Text = “Hello”
End Sub
การเรียกใช้งาน VB จะเรียกจาก Start menu ดังนี้
Start  Program  Microsoft Visual Studio 6.0  Microsoft Visual Basic 6.0
จะแสดงทีจอภาพดังรูป
่

3. การออกแบบ GUI โดย Microsoft Visual Basic
3
หน้าจอดังรูปข้างต้นจะเรียกว่า Integrated Development Environment หรือ IDE ซึ่งเปรียบ
เสมือนกับสตูดิโอที่ใช้ในการสร้าง Application
ส่วน IDE ของ VB จะประกอบด้วยส่วนสำาคัญดังนี้
Menu : เป็นส่วนที่ใช้ในการสั่งงานทั้งหมดของ VB
Toolbar : เป็นส่วนที่ใช้ในการสั่งงาน VB เช่นเดียวกัน แต่จะเลือกเฉพาะบางคำาสั่งที่ใช้งาน
บ่อยเท่านั้น เพื่อให้สามารถเรียกใช้คำาสั่งได้สะดวกรวดเร็วยิ่งขึ้น ส่วนนี้เป็นส่วนที่สามารถ
เปลียนแปลงได้ตามการใช้งาน
่
Project Explorer
- เป็ น ส่ ว นที่ ใ ช้ ใ นการจั ด การ กั บ Application ที่ กำา ลั ง
พั ฒ น า อ ยู่ ซึ่ ง จ ะ เ รี ย ก ว่ า Project โ ด ย Project จ ะ
ประกอบด้ ว ยส่ ว นของ Form ที่ เ ป็ น ส่ ว นติ ด ต่ อ กั บ ผู้ ใ ช้
(User Interface) และส่ ว นของ Program ที่ ใ ช้ ใ นการ
ควบคุมการทำางานของ Form และการทำางานอื่น ๆ
- ในการใช้งาน IDE สามารถทำาได้กับ Project มากกว่า ١
Project พร้อม ๆ กันได้
ToolBox
- เป็นส่วนที่แสดงองค์ประกอบต่าง ๆ ที่สามารถใช้ในการสร้าง
Application ได้ ซึ่งใน VB จะเรียกองค์ประกอบเหล่านี้ว่า control
โดย control เหล่านี้จะแบ่งออกเป็น ٢ กลุ่มคือ control ที่แสดงผล
(Window Control) และ control ที่ไม่แสดงผล (Windowless
Control) โดย control ที่แสดงผลจะใช้ในการสร้างส่วนติดต่อกับผู้
ใช้ เช่น TextBox ใช้ในการป้อนข้อมูล, PictureBox ใช้ในการ
แสดงรูป เป็นต้น ส่วน control ที่ไม่แสดงผล จะใช้ในการทำางาน
อื่น เช่น Winsock จะใช้ในการติดต่อกับ Network หรือ Timer จะ
ใช้ในการนับเวลา เป็นต้น
- ToolBox สามารถเพิ่ม control อื่น ๆ ได้ โดยใช้คำาสั่งเมนู Project
 Components… ซึ่งจะทำาให้
Application มีความสามารถมากขึ้นตามความต้องการในการใช้งาน
Properties
- control ต่าง ๆ จะสามารถกำาหนดรายละเอียดต่าง ๆ ได้
ทั้งในการแสดงผล และรูปแบบการทำางานของ control
โดยการกำาหนดในส่วน Properties ซึ่งจะเปลียนแปลง
่
รายละเอียดไปตาม control ที่เลือก การแสดง
Properties สามารถแสดงได้ทั้งแบบเรียงตามลำาดับตัว
อักษร และแบบแบ่งเป็นหมวดหมู่

4. การออกแบบ GUI โดย Microsoft Visual Basic
4
- การเปลียนแปลงค่าของ Properties ต่าง ๆ จะทำาให้การ
่
แสดงผล หรือการทำางานของ control เปลียนไป โดย
่
สามารถเปลี่ยนแปลง Properties ได้ทั้งในขณะการ
พัฒนา (design time) และเปลี่ยนแปลงได้โดย
Program ในขณะที่ Run Application (run time)

5. การออกแบบ GUI โดย Microsoft Visual Basic
5
เมื่อเริ่มต้นใช้งาน VB จะเป็นการสร้าง Project ใหม่ ซึ่งสามารถเลือกได้หลายแบบตามการใช้งาน
แต่โดยทั่วไปแล้วจะเป็นการพัฒนา Application แบบ Standard EXE
หน้าจอดังรูปข้างต้นจะปรากฏขึ้นเสมอ เมื่อเรียกใช้คำาสั่ง New Project (File  New Project)
Application Type Description
ใช้สร้าง program ในแบบ Graphic User Interface
Standard EXE
(GUI) ทั่วไป
ใช้สร้าง program ที่ใช้ติดต่อกับ program อื่น ในรูป
Active EXE แบบของ Object Linking and Embedding (OLE)
แบบหนึ่งที่เรียกว่า OLE Automation Server
ใช้สร้าง program ชนิดเดียวกันกับ Active EXE แต่
Active DLL เก็บอยู่ใน file นามสกุล DLL แทน โดยไม่สามารถ
run ได้ด้วยตัวเอง แต่จะถูกเรียกใช้โดย program อื่น
ActiveX Control ใช้สร้าง control ขึนใช้เองใน program
้
เป็นเครื่องมือที่ช่วยสร้าง program ตามโครงสร้างของ
VB Application Wizard
Database
VB Wizard Manager ใช้สร้าง program ที่ควบคุมการทำางานของ Wizard
ใช้สร้าง program ที่ run บน Internet Explorer แต่
ActiveX Document Dll
อยู่ในรูป file นามสกุล DLL
ใช้สร้าง program ที่ run บน Internet Explorer แต่
ActiveX Document Exe
อยู่ในรูป file นามสกุล EXE
Adding ใช้เพิ่ม Utility อื่น ๆ เข้าไว้ใน VB
ใช้สร้าง program ที่ใช้ติดต่อกับฐานข้อมูลต่าง ๆ ผ่าน
Data Project ทาง Open Database Connectivity (ODBC) หรือ
Linking and Embedding Database (OLEDB)
ใช้สร้าง program ที่ใช้งานบน Internet แบบ
DHTML Application
Dynamic HTML
IIS Application ใช้สร้าง program ที่ใช้งานบน Internet แบบ IIS
ใช้สร้าง program ในแบบ Graphic User Interface
VB Enterprise Edition
(GUI) โดยทั่วไป จาก Control ต่าง ๆ ของ
Controls
Enterprise Edition

6. การออกแบบ GUI โดย Microsoft Visual Basic
6
การทดลอง : Menu Builder System
ออกแบบ GUI application ของระบบ menu builder system สำาหรับ supermarket โดย menu
builder system นี้มีไว้สำาหรับช่วยลูกค้าในการคิดเมนูต่าง ๆ สำาหรับงานปาร์ตี้และจะวาง menu
builder system นี้ไว้ที่ประตูหน้า supermarket ทุก ๆ ประตู โดยลูกค้าจะต้องตอบคำาถามที่ menu
builder system ถามให้ครบและระบบจะ create เมนูสำาหรับลูกค้า โดยคำาถามมีอยู่ว่า:
1. ประเภทของงานเลี้ยง เช่น งานวันเกิด งานเลี้ยงรุ่น งานแต่งงาน เป็นต้น (4-6 รายการ)
2. ลักษณะของงานเลี้ยง เช่น buffet cocktail โต๊ะจีน ไทยสไตล์ เป็นต้น (4-6 รายการ)
3. ประเภทอาหาร เช่น อาหารไทย จีน ฝรัง เป็นต้น (4-6 รายการ)
่
4. จำานวนแขกกี่คน (4-6 รายการ)
5. ราคางบประมาณที่ตั้งไว้ (4-6 รายการ)
6. รายการพิเศษ เช่น ไม่กินหมู มังสวิรติ ดื่มแอลกอฮอล์ เป็นต้น (4-6 รายการ)
ั
หลังจากลูกค้าได้ตอบคำาถามเรียบร้อยระบบจะแสดงรายการอาหารพร้อมกับถามลูกค้าสำาหรับ
รายงานการ Print แสดงผลให้ลูกค้า
ข้อมูลเพิ่มเติม
การเขียนคำาสั่ง ให้แสดง Form ที่ต้องการ และ ทำาให้อีก Form ที่ต้องการหายไปเป็นการควบคุม
การประมวลผลผ่าน Procedure ที่กำาหนด เช่น
Private Sub Form_Load()
Form2.show
Unload form1
End Sub