การเขียนโปรแกรมเชิงภาพ Visual...
Transcript of การเขียนโปรแกรมเชิงภาพ Visual...
![Page 1: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/1.jpg)
การเขยนโปรแกรมเชงภาพVisual Programmingภาคการศกษา 1/2559
อ.ดร. นฐพงศ สงเนยม
สาขาวชาวทยาการคอมพวเตอร
คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยราชภฏพระนคร
Last update : 02-07-2559
![Page 2: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/2.jpg)
คะแนน• จตพสย
– เขาเรยน 10 คะแนน• ขาด หก 2 คะแนน
• ลา หก 1 คะแนน
• สาย หก 1 คะแนน 08.30 - 11.50 , 09.30 น.
• สอบระหวางภาค 20 คะแนน
• สอบปลายภาค 30 คะแนน
• Project 1-3 คน ตอ โปรแกรมระบบสารสนเทศ
– น าเสนอ PPT >> CD
– Source Code >> CD
– เอกสารประกอบโปรแกรม รปเลมรายงาน พรอมทงเขยนลง >> CD• ค าน า สารบญ ปก บรรณานกรม
• บทท 1 บทน า หลกการเหตผล วตถประสงค ....
• บทท 2 การออกแบบ ERD + Data dictionary
• บทท 3 หนาจอ โปรแกรมและวธการใชงาน
• บทท 4 สรป
![Page 3: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/3.jpg)
เกณฑ
• 80 -100 >> A• 75- 79 >> B+• 70-74 >> B• 65-69 >> C+• 60-64 >> C• 55-59 >> D+• 50 – 54 >> D• 0-49 >> E
![Page 4: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/4.jpg)
Tools
• VB.NET2015 , VB.NET2010
• MS-SQL server2008 , 2012
![Page 5: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/5.jpg)
การพฒนาซอฟตแวร
• SDLC >> Software Development Life Cycle
– วฏจกร การพฒนาซอฟตแวร
– 7 ขนตอน
• 1. การรวมรวมขอมล / ก าหนดปญหา
• 2. การศกษาความเปนไปได การวเคราะหระบบ วเคราะหขอมลในระบบ
– Requirement Gathering
– DFD
• 3. การออกแบบระบบ การออกแบบฐานขอมล
ศกษาความเปนไปได
ฝาย IT กบ ผบรหาร
1. Traditional2. OO
![Page 6: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/6.jpg)
แนวทางในการพฒนาระบบ/ซอฟตแวร
1. Traditional >> แบบดงเดม เนนทออกแบบเชงโครงสราง
2. OOStructural Programming
C , Pascalbasic
• Sequence
• Selection• Loop / Repetition
• มรปแบบทชดเจน• มแบบแผน
![Page 7: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/7.jpg)
ศกษาความเปนไปได
ฝาย IT กบ ผบรหาร
จงพฒนาระบบฐานขอมลทงองคกร เชน ทง ธนาคารไทยพาณชย
มความเปนไปไดเปนไปไมได
• เวลา• ทรพยากร คน เครองมอ• งบประมาณ• ความเสยง• ความคมคา
•ความคมคา• ระบบจดคว ของ รานยา
เลงเหนถงปญหาถาระบบเดม ดอยแลว กไมตองพฒนา*** ก าหนดปญหา
• งบประมาณ • เศรษฐศาสตร• ทรพยากร• เทคโนโลย
![Page 8: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/8.jpg)
• การพฒนาซอฟตแวร– อยๆ บอกวาเขยนโคด >> โปรแกรมเมอร
•PM : Project Manger•SPM : Software Project Manager
TEAM- PM - SA- DBAผดแลระบบฐานขอมล
- ก าหนดสทธ สรางผใช- ความถกตอง
- Log File
- Programmer- Tester
Master-DB BK-DB
![Page 9: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/9.jpg)
ซอฟตแวร บน DOS
ซอฟตแวร บน Windows Windows Application
ซอฟตแวร บน WebWeb Application- e-commerce- mail- ระบบสารสนเทศตางๆ
ซอฟตแวร บน IoTWeb/Mobile Application- e-commerce- mail- ระบบสารสนเทศตางๆ
![Page 10: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/10.jpg)
• การเกบขอมล Information Gathering >> Requirement Specifications
Report 1 เลม
สมมต ธนาคาร ท าฟงกชน• ฝากได()
จ านวน ของ requirements เทาไร ถงจะพอ
![Page 11: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/11.jpg)
IS : Information System
• ระบบสารสนเทศ
– DSS: Decision Support System
– EIS: Executive Information System
– ES: Expert System
– MIS: Management Information System
– TPS: Transaction Processing System
เปนระบบทมฐานขอมลมาเกยว+ DB
ตวอยางท ไมเปน ISApp: Photoshop Control : Robot , HardwareEmbedded : ในรถยนต
Watson : IBM
AI : ANN , Fuzzy , PCA
IS: Integrate Systemระบบรวม เอาหลายๆ IS มารวมกน
TPS: งานธรการ งานประจ า งานรทน
![Page 12: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/12.jpg)
โปรแกรมดานระบบฐานขอมล
• เปนเพยง แนวทางหนงของการพฒนาซอฟตแวร• ระบบแบบเรยลไทม หน ระบบควบคมสายการบน• ระบบควบคมอปกรณ
– อานน าหนกจากตาชง– ปดไฟ เปดไฟ– ควบคมหนยนต– ควบคมรถยนต– แขนกล– เซนเซอร– ฯลฯ
![Page 13: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/13.jpg)
ตองมการวเคราะหระบบ
• SA : System Analyst
• เรยน ในวชา วเคราะหและออกแบบระบบสารสนเทศ 1
• เรยน ในวชา วเคราะหและออกแบบระบบเชงวตถ
• เรยน ในวชา การออกแบบและจดการฐานขอมล
DB DBMS
ERD + Normalize ToolsSQL
![Page 14: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/14.jpg)
Visual Studio.NET
• Tools
– IDE : Integrate Development Environment
• Tools
• Language VB , VC# , VC++ , F# ….
30 up
.NET FRAMEWORK มอง OS คอ Internet
Run Time
![Page 15: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/15.jpg)
Visual Studio.NET 2010
Start Page
![Page 16: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/16.jpg)
Recently
![Page 17: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/17.jpg)
New Project
![Page 18: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/18.jpg)
การสรางงานใหม New Project
![Page 19: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/19.jpg)
ก าหนดชอ และทอย
• FirstProject
• D:\VP_2016
![Page 20: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/20.jpg)
Form : windows form
![Page 21: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/21.jpg)
Solution Explorer
![Page 22: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/22.jpg)
![Page 23: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/23.jpg)
Form : windows form
![Page 24: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/24.jpg)
Solution Explorer
![Page 25: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/25.jpg)
Properties Windows
![Page 26: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/26.jpg)
Toolsbox
![Page 27: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/27.jpg)
![Page 28: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/28.jpg)
Toolbox Solution Explorer
Properties
![Page 29: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/29.jpg)
ชอ ไฟลฟอรม .vb
ชอทใชในการอางอง ตอนเขยนโคด
![Page 30: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/30.jpg)
FrmFirst
• เรยงคณสมบตตาม ตวอกษร
![Page 31: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/31.jpg)
คณสมบตของฟอรม
• Name : ชอ ออบเจกตฟอรม• BackColor : สพนหลง • Text : ขอความทปรากฏบนไตเตลบาร• Font : ชนดตวอกษร• Cursor• Windowstate : สถานะของฟอรม Max , Min , Normal
• StartPosition : ต าแหนงของฟอรม เมอ RUN ครงแรก• ฯลฯ
![Page 32: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/32.jpg)
Backcolor
• Custom
• Web
• System
![Page 33: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/33.jpg)
ทดสอบการท างาน
• กดปมน
• หรอกด F5
![Page 34: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/34.jpg)
STOP
• PAUSE
![Page 35: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/35.jpg)
ก าหนดฟอรมใหเตมหนาจอ
![Page 36: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/36.jpg)
FormBorderStyle
• None
![Page 37: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/37.jpg)
Alt + F4 ส าหรบปดฟอรมปจจบน
![Page 38: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/38.jpg)
BackgroundImage
• ขอก าหนดในการเลอกรป
– หามเอารป XXX
– ผดกฏหมาย
![Page 39: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/39.jpg)
![Page 40: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/40.jpg)
BackgroundImageLayout
• ก าหนด Layout ของรปพนหลง
![Page 41: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/41.jpg)
WindowState = Normal
![Page 42: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/42.jpg)
FormBorderStyle = Sizable
![Page 43: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/43.jpg)
MinimizeBox = False
![Page 44: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/44.jpg)
ถาไมได STOP
• จะเขามาแกไข หรอ หนา Design/Code ไมได
![Page 45: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/45.jpg)
การเขยนบน windows
• Event - Driven Programming– อางองตามเหตการณ
• Visual Programming– เชงภาพ
• WYSIWYG : What you see it What you Get.– เหนผลในขณะทยงออกแบบ
![Page 46: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/46.jpg)
C
• #include <stdio.h>• void main() {• …………• ……….• …………• ……………….• …………………..• …………………• ……………………………• …………………………….• ……………..• }
Sequential
![Page 47: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/47.jpg)
Event-Driven Programming
• ขนอยกบเหตการณ
• ถามเหตการณเกดขน จะเขยนค าสงอะไร
• ถาอยากใหโปรแกรมท างานแบบน จะใชเหตการณอะไร
![Page 48: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/48.jpg)
หนา CODE VIEWObjects Events
เตรยมเรมตน / กอนทจะพรอมท างานเอาขอมลของฟอรมเขาสหนวยความจ าเปนเหตการณแรกสด
![Page 49: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/49.jpg)
การเขยน Code ใน VB
• Case Sensitive
– ตวพมพเลก หรอใหญ จะมความหมายเดยวกน ใชไดทงพมพเลกใหญ ถอวาเปนตวเดยว
• ต าแหนงทพมพ กไวยากรณทางภาษา
Syntax : ไวยากรณทางภาษา
![Page 50: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/50.jpg)
Intellisense
![Page 51: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/51.jpg)
กด TAB
![Page 52: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/52.jpg)
2. ภาษา VB ไมมจบประโยค หรอ ;
• int x; int y; x=5; y=8;
• ใน vb ในเบองตน ใหพมพ 1 ค าสง ตอ 1 บรรทด
![Page 53: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/53.jpg)
ภาษา ทมจบประโยค หรอ ;
• Pascal , Delphi
• C
• Java
• PHP
int x; int y; x=5; y=8;
![Page 54: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/54.jpg)
RUN
![Page 55: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/55.jpg)
![Page 56: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/56.jpg)
สรางเหตการณ
• ถาเราตอง คลก ทฟอรม เรา ตองใชเหตการณ Form_Click()
![Page 57: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/57.jpg)
SaveALL
![Page 58: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/58.jpg)
• .sln
![Page 59: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/59.jpg)
• COPY ทง โฟลเดอร
• COPY ลงเครองกอน ถงจะเปด รนได
![Page 60: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/60.jpg)
![Page 61: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/61.jpg)
![Page 62: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/62.jpg)
สถาปตยกรรมเครอขายแบบไฟลเซรฟเวอร
• สถาปตยกรรมเครอขายแบบไฟลเซรฟเวอร เปนสถาปตยกรรมทน าพซคอมพวเตอรทน ามาท าเปนเครองแมขายหรอ เซรฟเวอร ทมหนาทบรการแชรทรพยากรตางๆ ใหกบเครองลกขาย ซงประกอบดวยการบรการแชรไฟล โปรแกรมเครองพมพ และเนอทจดเกบขอมล เปนตน ดงแสดงในภาพท 15.2
![Page 63: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/63.jpg)
PascalCBasic
DOS GUI FileData Base
•.txt•…………..•………….•…………….•……………
•.txt•…………..•………….•…………….•……………
•.txt• ธรภาพ ตาย•………….•…………….•……………
![Page 64: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/64.jpg)
ยค
• DOS
• WINDOWS
– 3.11
– 95
– 98
– ME
– XP
– Win7 …win10
Visual ProgrammingEvent-Driven ProgrammingObject-Oriented Programming
Windows Applications
• VB , VC# , VJ# , VC++• Java • Delphi
![Page 65: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/65.jpg)
Microsoft Visual Studio.NET
• 2002
• 2003
• 2005
• 2008
• 2010
• 2012
• 2015
IDEIntegrate Development Environment
• VB , VC# , VJ# , VC++• Java …. Netbean• Delphi
Software : tools
ภาษา / language
![Page 66: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/66.jpg)
RDBMS
• Access , MySQL , …
• MySQL >> Tool
• Microsoft SQL server >> Tools DBMS
• SQL … Structure Query Language
![Page 67: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/67.jpg)
Microsoft Visual Studio.NET
• Visual Basic.NET 2010
• Visual C#
• Visual J#
• Visual C++
เขยนดวยภาษาทสนบสนน แลวท างานรวมกนได ดวย tool ตวเดยวกน
ท างานบนวนโดว
.Net Framework 4.0เปนกรอบการท างานท รนอยบนอนเตอรเนต หรอมองวาอนเตอรเนตเปนระบบปฏบตการ
![Page 68: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/68.jpg)
การเขยนโปรแกรม
สงทผเรยนเขยนโปรแกรมจ าเปนจะตองม
• Algorithm
• Syntax
![Page 69: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/69.jpg)
Function / Procedure / Method / Sub
• Standard Function
– AVG()
– DATE()
– TIME()
– POW()
– SQRT()
– …
• User Define Function เขยนเองสรางเอง
ลาออก()ตาย()
![Page 70: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/70.jpg)
Prerequisite
การเขยนโปรแกรมและขนตอนวธ
การเขยนโปรแกรมภาษาคอมพวเตอร 1 Syntax ไวยากรณทางภาษาเนอหาสวนใหญจะถงเรอง
ฟงกชน/โพรซเยอร
การวเคราะหปญหาการเขยน/ออกแบบ Pseudo
CodeFlowchart
การเขยนโปรแกรมเชงภาพSyntax ไวยากรณทางภาษาเนอหาสวนใหญจะถงท างาน
กบฐานขอมล
![Page 71: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/71.jpg)
ต.ย. ความเกยวเนองกนของรายวชา
เขยนโปรแกรม
ระบบเครอขายถารเรองระบบเครอขาย กเขยนโปรแกรมบนเครอขายได เชน
Face book / แอพฯ บนมอมอ / ฯลฯ
ถารเรองการเขยนโปรแกรมทดกการระบบเครอขาย กเขาใจ ท า
ไดด
![Page 72: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/72.jpg)
เขยนโปรแกรม OSOS
จดการหนวยความจ า
OSจดคว ใหซพย
![Page 73: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/73.jpg)
ภาษาอะไรทจะเรยน
VB
JAVA
VC#
Basic – VB1.0 –Vb6.0 Vb.net2002 2003 2012
โปรแกรมทวไป งานระบบฐานขอมลควบคมอปกรณ
ขอก าหนดเยอะมแนวปฏบตเยอะ
ตองการใหโปรแกรม Robust สง
นศ. ลองคนควาเพมเตม ด วาแตละภาษามขอดขอเสย
อยางไร ?
![Page 74: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/74.jpg)
VB & java/c/C++
dim x as iNt16 int x;
PDTPDT
จบประโยค
intx;
intx;
iNtx;
![Page 75: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/75.jpg)
Sequence
การเขยนโปรแกรมและขนตอนวธ
การเขยนโปรแกรมภาษาคอมพวเตอร 1 Syntax ไวยากรณทางภาษาเนอหาสวนใหญจะถงเรอง
ฟงกชน/โพรซเยอร
การวเคราะหปญหาการเขยน/ออกแบบ
Pseudo CodeFlowchart
การเขยนโปรแกรมภาษาคอมพวเตอร 2ชนสง Syntax ไวยากรณทางภาษา
เนอหาสวนใหญจะถงท างานกบฐานขอมล
![Page 76: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/76.jpg)
เขยนโปรแกรม
ระบบเครอขายถารเรองระบบเครอขาย กเขยนโปรแกรมบนเครอขายได เชน Facebook /
แอพบนมอมอ
ถารเรองการเขยนโปรแกรมทดกการระบบเครอขาย กเขาใจ ท า
ไดด
![Page 77: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/77.jpg)
เพราะทกภาษาไมไดเหมาะกบทกงาน
• ดงนน ถาเรารธรรมชาต ของภาษานน กท าใหรวาควรเลอกภาษาใดพฒนาระบบงานแบบใด– ถาเรารวาภาษานเหมาะกบงานแบบน กเลอกภาษาน
ท-ป3(2-2)
ท-ป-ต3(2-2-6)
![Page 78: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/78.jpg)
• ความหมายและประเภทของภาษาคอมพวเตอร
– ความหมายของภาษาคอมพวเตอร
– ประเภทของภาษาคอมพวเตอร
• ขนตอนในการพฒนาโปรแกรมคอมพวเตอร
AGENDA
![Page 79: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/79.jpg)
ความหมายของภาษา
ภาษา คอ วธการทมนษยใชสอสารถงกน
![Page 80: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/80.jpg)
คอมพวเตอรจะสามารถท างานไดจะตองมการเขยนโปรแกรมหรอซอรฟแวร เพอสงใหคอมพวเตอรท างาน โปรแกรมตาง ๆ ท เขยนขนมานน จะตองเขยนไปตามกฎเกณฑของภาษาทคอมพว เตอร เข า ใจ เ รยกว า ภาษาคอมพวเตอร
ภาษาคอมพวเตอร
ภาษาคอมพวเตอร คอ ภาษาทคยกบคอม
![Page 81: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/81.jpg)
• ภาษาคอมพวเตอร (Computer Language)
คอ “ค าสงทใชสงใหคอมพวเตอรท างาน”
• ผเขยนโปรแกรม (Programmer)
–ตองเลอกภาษาคอมพวเตอรทเหมาะสมกบงาน
–ตองเขาใจถงกฎเกณฑไวยากรณของค าสง
– วธการเขยนโปรแกรมของคอมพวเตอรทเลอกใช
ความหมายของภาษาคอมพวเตอร
![Page 82: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/82.jpg)
• ปจจบนภาษาคอมพวเตอรมมากมายหลายภาษา และหลายรปแบบใหเลอกใช
– เชน ภาษาฟอรแทรน (FORTRAN) โคบอล (COBOL) อารพจ (RPG) เบสก (BASIC) ซ (C) ซพลสพลส(C++) ปาสคาล (Pascal) วชวลเบสก (Visual Basic)
ความหมายของภาษาคอมพวเตอร
![Page 83: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/83.jpg)
• ภาษาระดบต า (Low Level Language)• ภาษาสญลกษณ(Symbol Language)• ภาษาระดบสง (High Level Language)• ภาษาระดบสงมาก (Very High Level Language)• ภาษาธรรมชาต (Natural Language)• ภาษาเชงวตถ (Object Oriented Language)
ประเภทของภาษาคอมพวเตอร
![Page 84: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/84.jpg)
• เปนภาษาเครอง ใชสญลกษณ 0 และ 1 (ค ำสงเปนตวเลขฐำนสอง)
• ผเขยนตองมความรความช านาญในดานของฮารดแวร • คอมพวเตอรแตละประเภททมสถาปตยกรรมแตกตางกน จะใชค าสง
ภาษาเครองทแตกตางกน • ภาษาเครองเขยนไดยากกวาภาษาอน แตมความรวดเรวในการท างาน
มากกวาภาษาอน เนองจากคอมพวเตอรเขาใจค าสงไดโดยตรง ไมตองผานการแปล (Compile)
ภาษาระดบต า (Low Level Language)
![Page 85: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/85.jpg)
01100101100110011000000111111000000111000011111100000011000000111010110011001100000011111100000011100001111110000001100000
0110010110011001100000011111100000011100001111110000001100000
0110010110011001100000011111100000011100001111110000001100000
0110010110011001100000011111100000011100001111110000001100000011001011001100110000001111110000001110000111111000000110000001100101100110011000000111111000000111000011111100000011000000110010110011001100000011111100000011100001111110000001100000
01100101100110011000000111111000000111000011111100000011000000110010110011001100000011111100000011100001111110000001100000
![Page 86: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/86.jpg)
01100101100110011000000111111000000111000011111100000011000000111010110011001100000011111100000011100001111110000001100000
0110010110011001100000011111100000011100001111110000001100000
0110010110011001100000011111100000011100001111110000001100000
0110010110011001100000011111100000011100001111110000001100000011001011001100110000001111110000001110000111111000000110000001100101100110011000000111111000000111000011111100000011000000110010110011001100000011111100000011100001111110000001100000
01100101100110011000000111111000000111000011111100000011000000110010110011001100000011111100000011100001111110000001100000
2.5GHZ
“A”
![Page 87: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/87.jpg)
• เปนภาษาทเรมพฒนา สญลกษณแทน 0 และ 1 ในค าสงทตองใชบอยๆ ไดแก ภาษา Assembly มตวแปรชอวา Assembler
• เชน ใช IMP แทน รหส 11000011 ซงหมายถง JUMP หรอใหกระโดดไปท างานทก าหนด
• ภาษาแอสแซมบลยงคงเปนภาษาทเฉพาะกบโปรเซสเซอรแตละตวเทานน หากโยกยายไปใชกบเครองทมโปรเซสเซอรไมเหมอนกนไมได ตองเขยนค าสงใหม
ภาษาสญลกษณ (Symbol Language)
![Page 88: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/88.jpg)
• ภาษาแอสแซมบล มความยาว และอานยากกวาโปรแกรมทเขยนดวยภาษา C หรอ BASIC แตท างานไดเรว และใชเนอทนอยกวาโปรแกรมทเขยนดวยภาษาอน
ภาษาสญลกษณ (Symbol Language)
![Page 89: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/89.jpg)
• เหตผลทตองใชภำษำแอสแซมบลมเพยง 2 ประกำร
– ตองการเคนเอำประสทธภำพทงหมดทโปรเซสเซอรมออกมาใหมากทสดเทาทจะท าได (โปรแกรมภาษาแอสแซมบล มกจะท างานไดรวดเรวกวาภาษาระดบสงทท างานแบบเดยวกน)
– เพอเพมควำมสำมำรถในกำรเขำใชงำนฮำรดแวรทมคณสมบตเฉพำะซงภาษาระดบสงท าไมได
ภาษาสญลกษณ (Symbol Language)
![Page 90: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/90.jpg)
• เปนภาษาทใชสญลกษณเตมรปแบบ • ค ำสงเปนรปแบบของอกษรภำษำองกฤษ ใกลเคยงกบขอควำมในภำษำ
มนษย (องกฤษ)
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 91: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/91.jpg)
• องคประกอบหลกของภำษำระดบสง
– ค ำศพท (Vocabulary / Keyword)อาจอยในรปค าศพทเฉพาะ ในรปของฟงกชนหรอ Procedure
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 92: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/92.jpg)
• องคประกอบหลกของภำษำระดบสง
– ไวยำกรณ (Syntax) การน าค าศพทมาเขยนค าสง จะอยในรปประโยคค าสง
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 93: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/93.jpg)
• องคประกอบหลกของภำษำระดบสง
– โครงสรำงภำษำ (Structure) เมอน าภาษาไปเขยนโปรแกรม โครงสรางของโปรแกรมเปนอยางไร
http://www.siam2dev.com การเขยนโปรแกรมภาษาคอมพวเตอรช นสง
ภาษาระดบสง (High Level Language)
![Page 94: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/94.jpg)
• องคประกอบหลกของภาษาระดบสง
– ตวแปลภาษา (Translator) เพอใหคอมพวเตอรเขาใจและท าการประมวลผลได
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 95: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/95.jpg)
องคประกอบหลกของภำษำระดบสง
ตวแปลภาษาสามารถแบงตามลกษณะการแปลไดดงนแอสเซมเบลอ (Assembler) ใชแปลภาษา Assemblyอนเทอพรเตอร (Interpreter) ใชหลกการแปลในขณะท างาน เปนการแปลทละประโยค
คอมไพเลอร (Compiler) เปนการแปลทงโปรแกรม ผลการแปลทงฉบบเราเรยกวา ออบเจคโคด (Object code)
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 96: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/96.jpg)
• ตวแปรภำษำ (Translator Program) เปนสวนทใชในการแปลรหสค าสงของภาษาคอมพวเตอรทพฒนาขนมาเพอแปลงใหเปนเลขฐานสอง (ภาษาเครอง)
ตวแปรภาษา (TRANSLATOR PROGRAM)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 97: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/97.jpg)
• ลกษณะกำรท ำงำนของตวแปรภำษำ• การเขยนโปรแกรมดวยภาษาทใชภาษาเครอง จะถกเรยกวา โปรแกรมตนฉบบ (Source Program) เมอบนทกโปรแกรมลงสอบนทกขอมล เครองจะก าหนดชนดของโปรแกรม (Type) ตามขอก าหนดของแตละภาษาทสรางโดยอตโนมต เชน ภาษาซจะมชนดเปน C หรอภาษา C++ ทจะมชนดเปน CPP มหนาทแปลชดค าสงทใชในรปแบบค าสงทภาษาน น ๆ ก าหนดไว ใหเปนโปรแกรมภำษำเครอง (Object Program) ซงเปนภาษาเดยวทเครองคอมพวเตอรสามารถปฏบตตามค าสงได หลงจากแปลโปรแกรมตนฉบบแลว เครองคอมพวเตอรกจะท าการสรางโปรแกรมเพมขนอก 1 โปรแกรม ใหมชนดของโปรแกรมเปนชนด .EXE หรอ .OBJ เพอใชท างานในลกษณะของภาษาตอไป
ตวแปรภาษา (TRANSLATOR PROGRAM)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 98: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/98.jpg)
• ในการพฒนาซอฟตแวรคอมพวเตอรนน โปรแกรมเมอรจะเขยนโปรแกรมในภาษาคอมพวเตอรแบบตาง ๆ ตามแตความช านาญของแตละคน โปรแกรมทไดจะเรยกวา โปรแกรมตนฉบบหรอซอรสโปรแกรม(source program) ซงมนษยจะอานโปรแกรมตนฉบบนไดแตคอมพวเตอรจะไ ม เ ขา ใ จค าส ง เ ห ล าน น จ งตอ ง มก าร ใชโปรแกรม ตว แปลภาษาคอมพวเตอร (Translator) ในการแปลภาษาคอมพวเตอรภาษาตาง ๆ ไปเปนภาษาเครองโปรแกรมทแปลจากโปรแกรมตนฉบบแลวเรยกวา ออบเจคโปรแกรม (object program) ซงจะประกอบดวยรหสค าสง ทคอมพวเตอรสามารถเขาใจและน าไปปฏบตไดตอไป
ตวแปรภาษา (TRANSLATOR PROGRAM)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 99: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/99.jpg)
ประเภทของตวแปรภาษาคอมพวเตอร
Assembler
Compiler
Interpreter
ตวแปรภำษำ
![Page 100: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/100.jpg)
ประเภทของภาษาทจดวาเปนภาษาระดบสง
พฒนำเมอ ภำษำคอมพวเตอร คณลกษณะเดน
1957 FORTRAN (FORmular
TRANslation)
เปนภาษาทประยกตใชในงานค านวณทางคณตศาสตรหรอการค านวณแบบสตร
1960 ALGOL (ALGOrithmicLanguag
e)
เปนภาษาทมความยดหยนกวาภาษาFORTRAN โดยเนนการค านวณ เพอแกปญหาทางคณตศาสตรและเปนตนแบบของการพฒนาภาษาตาง ๆ หลายภาษา
![Page 101: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/101.jpg)
ประเภทของภาษาทจดวาเปนภาษาระดบสง
พฒนำเมอ ภำษำคอมพวเตอร คณลกษณะเดน
1964 BASIC
Beginner’s All-purpose Symbolic Instruction
Code
เปนภำษำทงำยตอกำรใชงำนและถกออกแบบมำส ำหรบผเรมตนเรยนรกำรใชภำษำคอมพวเตอรและยงสำมำรถน ำไปประยกตใชงำนไดทงทำงดำนธรกจ บรหำร คณตศำสตร กำรค ำนวณทำงสถตและกำรเขยนกรำฟก เปนตน
1969 PASCALตงชอเปนเกยรตแก เบลส ปาสคาล (Blasé Pascal)
เปนภาษาโครงสราง (Structured language) ทใหผลลพธทแนนอนและแมนย า ซงถกเรยกวาเปน ภาษาแหงระบบแบบแผน (Systematiclanguage) หรอเปนภำษำทมระเบยบสงมำก
![Page 102: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/102.jpg)
ประเภทของภาษาทจดวาเปนภาษาระดบสง
พฒนำเมอ ภำษำคอมพวเตอร คณลกษณะเดน
1972 C เปนภาษาทพฒนามาจากภาษา B และเปนภาษาทไดรวมเอาขอดของภาษาตาง ๆ เชน ภาษา Pascal LISP และ CPLจนกลายเปนภาษาโครงสรางทมประสทธภาพในดานการน าไปประยกตใชกบงานไดหลากหลาย
1983 ADAตงชอเปนเกยรตแก
เลดเอดา ออกสตา (LadyAda Augusta Lovelace)
เปนภาษาทถกพฒนาขนมาใชในกระทรวงกลาโหมของสหรฐอเมรกา ลกษณะของภาษาจะคลายกบภาษา Pascal แตซบซอนกวา
![Page 103: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/103.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาเบสก (BASIC : Beginner’s All-purpose Symbolic Instruction Code) เพอใชในการเรยนการสอน เพอฝกทกษะการเขยนโปรแกรมควบคมการท างานของเครองคอมพวเตอร หลงจากระบบปฏบตวนโดวส ซงตดตอกบผใชแบบกราฟก (GUI : Graphic User Interface) ไดรบความนยม และเปนทแพรหลาย บรษทไมโครซอฟตจงพฒนาภาษาวชวลเบสกขนแทน
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 104: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/104.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาเบสก (BASIC : Beginner’s All-purpose Symbolic Instruction Code)
ภาษาระดบสง (High Level Language )
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 105: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/105.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาฟอรแทรน (FORTRAN : FORmula TRANslation) ใชแกปญหางานทางวทยาศาสตร
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 106: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/106.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาโคบอล (COBOL : COmmon Business Oriented Language ) ภาษาทเนนค าสงดานการพมพรปแบบรายงาน เพอใชในงานทางธรกจ
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 107: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/107.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาปาสคาล (Pascal) ใชในงานดานการค านวณทวไป ทงงานทางวทยาศาสตร ธรกจ หรอวศวกรรม พฒนาในยค 1970 ตอนตน
http://www.siam2dev.com การเขยนโปรแกรมภาษาคอมพวเตอรช นสง
![Page 108: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/108.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาเอดา (Ada) เปนภาษาทสรางใหเกยรตแก นางออกสตา เอดา ใชเปนภาษาหลกในงานทางทหาร
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 109: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/109.jpg)
• ตวอยำงของภำษำระดบสง
– ภาษาซ (C) ใชในงานดานการค านวณทวไป ทงงานทางวทยาศาสตรธรกจ หรอวศวกรรม เชนเดยวกบภาษาปาสคาล นยมใชกบระบบปฏบตการยนกส (UNIX)
ภาษาระดบสง (High Level Language)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 110: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/110.jpg)
• เปนภาษายคท 4 (Fourth Generation Language = 4GLs) ผเขยนเพยงก าหนดความตองการวาจะใหโปรแกรมท าอะไรบาง โดยไมตองรวาท าอยางไร
• เชน ภาษา SQL (Structured Query Language) และภาษา QBE (Query By Example)
ภาษาระดบสงมาก (Very High Level Language)
![Page 111: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/111.jpg)
กำรเขยนโปรแกรมเชงโครงสรำง (Structured Programming orFunction Oriented Programming )
กำรเขยนโปรแกรมเชงวตถ (Object-Oriented Programming :OOP)
Paradigm
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 112: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/112.jpg)
1.2.3.4.5.…N
![Page 113: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/113.jpg)
![Page 114: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/114.jpg)
![Page 115: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/115.jpg)
![Page 116: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/116.jpg)
INPUT
Y : __________
1
![Page 117: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/117.jpg)
INPUT
Y : __________
1
X : __________xxx
![Page 118: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/118.jpg)
Y : __________
1
X : __________xxx
![Page 119: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/119.jpg)
Y : __________
1
X : __________xxx
![Page 120: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/120.jpg)
Y : __________
N
X : __________xxx
![Page 121: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/121.jpg)
•
•
•
![Page 122: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/122.jpg)
•
![Page 123: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/123.jpg)
![Page 124: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/124.jpg)
![Page 125: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/125.jpg)
![Page 126: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/126.jpg)
![Page 127: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/127.jpg)
![Page 128: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/128.jpg)
![Page 129: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/129.jpg)
START
STOP
SET X 0
COMPUTE X 2*Y + X
READ Y
DISPLAY X
Sequence AlgorithmsSelection/Decision AlgorithmsLoop/Repeat Algorithms
![Page 130: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/130.jpg)
![Page 131: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/131.jpg)
A = 1.6
A = 2.8A = 4.8
![Page 132: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/132.jpg)
• เปนการเขยนโปรแกรมแบบแยกการท างานเปนโมดลหรอฟงกชน แลวน ามารวมกนเปนโปรแกรมระบบงาน การเขยนโปรแกรมแบบน เปนการสงใหคอมพวเตอรท างานเปนล าดบของค าสง
• ไดรบความนยมเนองจากเขยนโปรแกรมไดงายและรวดเรว• เกบขอมลเปนไฟลหรอฐานขอมลแยกกนกบโปรแกรม• ขอจ ำกด คอ ถาใชงานไปนานๆ การน าโปรแกรมมาพฒนา
ตอนนท าไดยาก
Devide and Conquer
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 133: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/133.jpg)
Devide and Conquer
whale
![Page 134: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/134.jpg)
• เปนการเขยน โปรแกรมทรวมขอมลและชดค าสงเขาไปไวดวยกน เรยกวา “ออบเจกต” (object)
• การเขยนโปรแกรมเชงวตถไมตองเรมตนเขยนโปรแกรมใหม เพยงน าชดค าสงหรอ “ออปเจกต” เดม มาใสชดของรหสค าสงทจะท าให “ออปเจกต” ท างานตามรปแบบใหมทตองการ โปรแกรมกจะท างานไดทนท ถอวาเปนความคลองตว (Reusable)
Reusable
ลอ + เครองยนต
ตนตะขาบ
ปนใหญ ทตก
รถถง
Final
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 135: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/135.jpg)
• เปนภาษารนใหมทนยมใชกนอยางแพรหลายในปจจบน มลกษณะการท างานเชงวตถ มระบบชวยเหลอตางๆ มากมาย
• เชน JAVA, Visual Basic, Visual FoxPro, C++ เปนตน
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 136: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/136.jpg)
• ภำษำวชวลเบสก (Visual Basic)
– พฒนาโดยบรษทไมโครซอฟท ใชพฒนาโปรแกรมเชงวตถไดโดยงาย เพราะมค าสงในรปแบบของเครองมอชวยงาน (Tools) ทเปนออบเจกต (Object) ตางๆ ใหเลอกใชไดโดยงาย เพยงเขยนรหสค าสงเพอใหออบเจกตท างาน
– ปจจบนมการพฒนาจนถงรน .NET ทท างานไดดในระบบปฏบตการ 64 บต WindowsXP, 2000, 2003
ต.ย. ภาษาทใชในการเขยนโปรแกรมเชงวตถ
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 137: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/137.jpg)
• ภำษำวชวลเบสก (Visual Basic)
Private Sub Timer1_Timer() Text1 = Format(Time, "long time")
End Sub
Class Time
End Class
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 138: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/138.jpg)
• ภำษำซพลสพลส (C++ language)
– เปนภาษาซรนทไดรบการพฒนาขนมา โดยเพมคณสมบตการเขยนโปรแกรมเชงวตถเขาไป (object-oriented)
– เรมเปนทนยมเพราะโปรแกรมซเรยนรไดงาย ใชงานเชงวตถได จงท าใหเขยนโปรแกรมในโครงการขนาดใหญไดงายขน
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 139: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/139.jpg)
ภำษำจำวำ (Java)
พฒนาโดย บรษทซน ไมโครซสเตมส จดประสงค ใหสามารถท างานไดกบระบบการท างานของเครองทกชนด ทกระบบปฏบตการ ท าใหจาวามจดเดนทเหนอกวาภาษาอนๆ
สามารถน าไปประยกตใชกบอปกรณอเลกโทรนกสประเภทฝง เชน ระบบโทรศพท
ปจจบนพฒนาเปนโปรแกรมทใชงานผานเครอขายอนเทอรเนตอยางแพรหลาย
ต.ย. ภาษาทใชในการเขยนโปรแกรมเชงวตถ
![Page 140: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/140.jpg)
กำรพจำรณำเลอกใชภำษำคอมพวเตอรเพอพฒนำเปนโปรแกรม
มขอเสนอแนะ คอ • หากพฒนาระบบงานในลกษณะของงานค านวณ ควรเลอกใช
ภาษาคอมพวเตอรประเภทภาษาระดบสง ทมลกษณะเปนภาษาโครงสราง เชน ภาษาซ ภาษาปาสคาล
• หากระบบงานในลกษณะฐานขอมล การแสดงผลเชงกราฟก ควรเลอกใชภาษาประเภทโปรแกรมเชงวตถ เชน ภาษาวชวลเบสก เพราะมค าสงใหเลอกใชงานไดอยางสะดวก และรวดเรว
![Page 141: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/141.jpg)
กำรพจำรณำเลอกใชภำษำคอมพวเตอรเพอพฒนำเปนโปรแกรม
มขอเสนอแนะ คอ • การจะพจารณาเลอกใชภาษา คอมพวเตอรเพอพฒนาระบบงานใดกตาม สง
ทตองพจำรณำเปนอนดบแรก คอ ควำมสำมำรถของผพฒนำโปรแกรมทสามารถใชงานภาษานนๆ ไดอยางมประสทธภาพดวย
![Page 142: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/142.jpg)
ขนตอนการพฒนาโปรแกรม
คอมพวเตอร
1.
2.
3.
4.
5.
6.
7.
การวเคราะหปญหา(Analysis the problem)
ออกแบบโปรแกรม(Design a program)
การเขยนโปรแกรมดวยภาษาคอมพวเตอร (Coding program)
การตรวจสอบขอผดพลาดของโปรแกรม (Testing and Debugging)
การทดสอบความถกตองของโปรแกรม (Testing and Validating)
การท าเอกสารประกอบโปรแกรม(Documentation)
การบ ารงรกษาโปรแกรม(Program maintenance)
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 143: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/143.jpg)
• การระบขอมลออก
– ก าหนดวตถประสงคของงาน
– รปแบบของผลลพธ
• การระบขอมลเขา
– ขอมลทน าเขาสคอมพวเตอรประกอบดวยอะไรบาง
• การก าหนดวธการประมวลผล
– ตองทราบสตรหรอวธการประมวลผล
ขนตอนการพฒนาโปรแกรม
คอมพวเตอร 1. การวเคราะหปญหา
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 144: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/144.jpg)
ตวอยาง ตองการหาพนทของสามเหลยมก าหนดวตถประสงค การค านวณหาพนทสามเหลยม
ขอมลเขา 1. ความยาวฐาน 2. ความสงรปแบบผลลพธ
ความยาวฐาน = ………………..
ความสง = ……………………..
พนทสามเหลยม = ………………………
ขนตอนการประมวลผล1. ปอนความยาวฐาน2. ปอนความสง3. ค านวณพนทสามเหลยม จากสตรพนทสามเหลยม = ½ x ความยาวฐาน x ความสง
1/2
Algorithms
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 145: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/145.jpg)
PSEUDO-CODE
1. ปอนความยาวฐาน2. ปอนความสง3. ค านวณพนทสามเหลยม จากสตร
พนทสามเหลยม = ½ x ความยาวฐาน x ความสง
TH-EN
1. START/BEGIN
2. READ/INTPUT / ENTER
3. PROCESS : COMPUTE / SET
4. OUTPUT : DISPLAY / SHOW / PRINT
5. STOP/FINISH/END
PRINTPRINTS
DISPLAY/SHO
WREAD/INPUT ไมระบอปกรณ
Tapes
INITIALIZATION STAGE
SET x 0
SET y 5
SET PI 3.14
SET VAT 7.0
![Page 146: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/146.jpg)
1. START
2. SET Height 0 , Base 0, TriangleArea0
3. DISPLAY “Please Enter Base…”
4. READ Base
5. DISPLAY “Please Enter Height…”
6. READ Height
7. COMPUTE TriangleArea 0.5*Base*Height
8. DISPLAY “The Result is : ” , TriangleArea
9. STOP
PSEUDOCODE : TriangleAreaInitialization Stage
VB Pascal Java C#
![Page 147: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/147.jpg)
การ Assign Values
• Algo
• Language – Pascal :=
– VB =
– Java =
– C# =
– Delphi :=
– PHP =– C =
![Page 148: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/148.jpg)
2. การออกแบบโปรแกรม• เครองมอทชวยในการออกแบบโปรแกรมเชน ผงงาน, รหสจ าลอง,แผนภม
โครงสราง, ฮโปชารต
• ผงงาน (Flowchart) คอแผนภาพแสดงขนตอนการท างานของโปรแกรมหรอระบบรวมทงการไหลของขอมลตงแตแรกจนไดผลลพธตามตองการ
• ประโยชนของผงงาน
– ชวยล าดบขนตอนการท างาน ใหเขยนโปรแกรมไดไมสบสน
– ชวยในการตรวจสอบและแกไขโปรแกรมเมอเกดขอผดพลาด
– ชวยใหสามารถศกษาการท างานของโปรแกรมไดอยางรวดเรว
ขนตอนการพฒนาโปรแกรมคอมพวเตอร
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 149: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/149.jpg)
2. การออกแบบโปรแกรม (ตอ)
ประเภทของผงงาน แบงไดเปน 2 แบบคอ
1. ผงงานระบบ (System Flowchart)
แสดงขอบเขตของระบบทงหมด
แสดงขอมลเขาถกเกบอยทใดบาง ใชสอบนทกขอมลแบบใด
ประมวลผลและแสดงผลลพธทใด
2. ผงงานโปรแกรม (Program Flowchart)
- แสดงล าดบขนตอนการท างานของโปรแกรมหนงๆ
ขนตอนการพฒนาโปรแกรมคอมพวเตอร
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 150: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/150.jpg)
รปแสดงสญลกษณของผงงานโปรแกรม
เรมตน/จบงาน
การตดสนใจเลอก
แทนการก าหนดคาหรอค านวณคา
อานขอมลเขาหรอแสดงขอมลโดยไมระบชนดสอขอมลทใช
จดเชอมตอ
ขนหนาใหม
แสดงผลลพธบนจอภาพ
ลกศรแสดงทศทาง
แสดงผลลพธทางเครองพมพ
![Page 151: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/151.jpg)
• ใชสญลกษณตามทก าหนด
• สามารถแสดงทศทางการไหลของขอมลจากบนลงลาง ซายไปขวา
• ค าอธบายสน กะทดรด เขาใจงาย
• มลกศรแสดงทศทางเขาออกทกแผนภาพ
• ไมควรโยงเสนไกลกนมากๆ ควรใชสญลกษณเชอมตอแทน
• ควรทดสอบความถกตองกอนน าไปเขยนโปรแกรม
วธการเขยนผงงานทด
ขนตอนการพฒนาโปรแกรมคอมพวเตอร
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 152: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/152.jpg)
ตวอยาง ผงงานการเขยนและสงจดหมาย
เขยนจม.
จาหนาซอง
ใสซองจม.
พบจม.
ปดซองจม.
1
1
มแสตมปหรอไม
ซอแสตมป
ตดแสตมป
สงจม.
ม ไมมเรมตน
จบงาน
![Page 153: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/153.jpg)
ตวอยาง2 ผงงานการหาพนทสามเหลยม
ปอนความยาวฐาน
ค านวณหาพนทสามเหลยม จากสตร= ½ x ฐาน x สง
เรมตน
จบงาน
ปอนความสง
พมพพนทสามเหลยม
![Page 154: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/154.jpg)
• เปนการน าผงงานทเขยนไวมาแปลงเปนโปรแกรมภาษาคอมพวเตอร
• โดยผงงานไมไดขนกบภาษาใดจงสามารถเลอกใชภาษาไดตามตองการ
3. การเขยนโปรแกรมดวยภาษาคอมพวเตอร
ขนตอนการพฒนาโปรแกรมคอมพวเตอร
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 155: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/155.jpg)
ประเภทของขอผดพลาด• Syntax error
– เกดจากการเขยนไวยากรณของภาษาผด
– ตรวจพบไดในขณะท าการแปล (compile) โปรแกรม– สามารถแกไขไดงายทสด
– เชน a:=10;
writtln(a);
Syntax error
Writeln(a);
4. การตรวจสอบขอผดพลาดของโปรแกรม
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
ขนตอนการพฒนาโปรแกรม
คอมพวเตอร
![Page 156: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/156.jpg)
• Run-time error– เปนความผดพลาดของโปรแกรมในระหวางการปฎบตงาน
– ตรวจไมพบในขณะท าการแปลโปรแกรม
– เชน ค าสง 1/x โดยก าหนดให x>=0 และ x <=10 ซงการหารดวย 0 จะท าใหเกดขอผดพลาดตอน Run-time (ซงในการแปลจะไมพบขอผดพลาด)
• Logical error– เกดจากการตความหมายของปญหาผดไป– เปนขอผดพลาดทแกไขไดยากทสด
– เชน x = b เขยน x = b/2*a ตความเปน x = b*a จะผด ทถกตองเปน
x = b/(2*a)2a 2
4. การตรวจสอบขอผดพลาดของโปรแกรม(ตอ)
![Page 157: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/157.jpg)
• การตรวจสอบดวยตนเอง
– เปนการตรวจสอบทละขนของโปรแกรมดวยตนเอง
–อาจเจอ syntax error หรอ logical error
• การตรวจสอบดวยการแปลโปรแกรม
–โดยใชตวแปลภาษา (Compiler หรอ Interpreter)
–อาจเจอ syntax error
–ไมสามารถตรวจเจอ Logical error และ Run-time error ได
4. การตรวจสอบขอผดพลาดของโปรแกรม(ตอ)
![Page 158: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/158.jpg)
• ทดสอบวาโปรแกรมใหผลลพธออกมาถกตองตามทตองการหรอไม
• โดยการปอนขอมลสมมตหลาย ๆ คาทเปนไปไดเขาไปแลวดผลลพธวาถกตองหรอไม
5. การตรวจสอบความถกตองของโปรแกรม
![Page 159: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/159.jpg)
1. เอกสารประกอบโปรแกรมส าหรบผใช(User Documentation)
2. เอกสารประกอบส าหรบผ เขยนโปรแกรม(Technical Documentation)
6. การท าเอกสารประกอบโปรแกรม
ขนตอนการพฒนาโปรแกรมคอมพวเตอร
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 160: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/160.jpg)
• หลงจากทมการใชงานโปรแกรมไปนาน ๆ แลว อาจตองมการปรบปรงแกไขโปรแกรมใหตรงตามความตองการของผใชทอาจเปลยนแปลงไป
7. การบ ารงรกษาโปรแกรม
ขนตอนการพฒนาโปรแกรมคอมพวเตอร
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ
![Page 161: การเขียนโปรแกรมเชิงภาพ Visual Programmingsiam2dev.net/E_Learning/Visual_Programmming/Chapter01... · 2018-07-13 · •Visual Basic.NET](https://reader033.fdocuments.net/reader033/viewer/2022041716/5e4b4fe73ccf60217b235849/html5/thumbnails/161.jpg)
1. ใหนกศกษานยามความหมายของค าวา “ภาษาคอมพวเตอร” ตามความคดของนกศกษา2. การพจารณาคดเลอกใชภาษาคอมพวเตอรในการพฒนาระบบงานนน ผด าเนนการพฒนา
โปรแกรมตองวเคราะหคดเลอกโดยใชองคประกอบใดบาง3. ในการพฒนาภาษาคอมพวเตอรขนมาใชงานนน เหนไดวามการพฒนาตวแปลภาษาขนมาใช
งานดวย ใหนกศกษาอธบายถงความส าคญของตวแปลภาษาทมตอภาษาคอมพวเตอร4. อธบายลกษณะการท างานของตวแปลภาษาประเภทคอมไพเลอร5. อธบายลกษณะการท างานของตวแปลภาษาประเภทอนเตอรพรเทอร
แบบฝกหด
http://www.siam2dev.net การเขยนโปรแกรมเชงภาพ