Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Eng prac (2)

506 vues

Publié le

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

Eng prac (2)

  1. 1. การออกแบบ GUI โดย Microsoft Visual Basic 1IT OU INN 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 andEm 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. 2. การออกแบบ GUI โดย Microsoft Visual Basic 2INTRODUCTION 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 andEmbedding (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. 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. 4. การออกแบบ GUI โดย Microsoft Visual Basic 4 - การเปลียนแปลงค่าของ Properties ต่าง ๆ จะทำาให้การ ่ แสดงผล หรือการทำางานของ control เปลียนไป โดย ่ สามารถเปลี่ยนแปลง Properties ได้ทั้งในขณะการ พัฒนา (design time) และเปลี่ยนแปลงได้โดย Program ในขณะที่ Run Application (run time)
  5. 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. 6. การออกแบบ GUI โดย Microsoft Visual Basic 6การทดลอง : Menu Builder Systemออกแบบ GUI application ของระบบ menu builder system สำาหรับ supermarket โดย menubuilder system นี้มีไว้สำาหรับช่วยลูกค้าในการคิดเมนูต่าง ๆ สำาหรับงานปาร์ตี้และจะวาง menubuilder system นี้ไว้ที่ประตูหน้า supermarket ทุก ๆ ประตู โดยลูกค้าจะต้องตอบคำาถามที่ menubuilder 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

×