โฟลชาร์ตแบบ 2 ทางเลือก

โฟลชารต แบบ 2 ทางเลอื ก

E-Book หลกั การเขียนโปรแกรมในหนงั สือ (E-Book) ผจู้ ดั ทาํ ทาํ ข้ึนเพือ่ เป็นส่วนหน่ึง ของการศึกษาเรื่อง โฟลชาร์ตแบบ2ทางเลือก จุดประสงคเ์ พื่อใหน้ กั ฤเรียนนกั ศึกษา ไดศ้ ึกษาหาความรู้จากหนงั สือออนไลนเ์ ก่ียวโฟลชาร์ตเพอื่ มาประยกุ ตใ์ ชใ้ นการ เรียนการสอน และแนวทางในการเขียนโปรแกรม ผจู้ ดั ทาํ หวงั วา่ หนงั สือออน ไลนเ์ ร่ืองน้ีจะเป็นประโยชนแ์ ก่ผอู้ ่าน คณะผจู้ ดั ทาํ 16/12/2562

สารบญั ความหมายของโฟลชารต………………………………………………………………………………….……………1 ความหมาย………………………………………………………….…………………………………………………1 ประวตั ขิ องโฟลชารต……………………………………………………………………………………………………2 การเร่มิ ตนใชโฟลชารต………………………………………………………………………………………………..2 สัญลักษณข องโฟลชารต……………………………………………………………………………………………….3 ความหมายสญั ลกั ษณ… ……………………………………………………………………………………………...3 สญั ลักษณม ีไวทาํ ไม…………………………………………………………………………………………………..4 รปู ภาพสัญลกั ษณ……………………………………………………………………………………………………..5 ผงั งานของโฟลชารต…………………………………………………………………………………………………...6 ผังงานระบบ (System Flowchart)..................................................................................................................7 รูปภาพผังงานระบบ (System Flowchart)........................................................................................................8 ผงั งานโปรแกรม (Program Flowchart)...........................................................................................................9 รปู ภาพผงั งานโปรแกรม (Program Flowchart)................................................................................................10

รหสั เทียม หรือ ซูโดโคด ………………………………………………………………………………………………….11 วิธกี ารเขียนซโู ดโคด……………………………………………………………………………………………………12 ตวั อยา งการเขียนซดู โู คด ……………………………………………………………………………………………….13 การอา น/รบั ขอ มลู ………………………………………………………………………………………………………..14 การทํางานแบบสองทางเลือก…………………………………………………………………………………………..15 การกาํ หนดเง่ือนไข……………………………………………………………………………………………………..16 ในกรณีท่ีมีหลายเง่ือนไข……………………………………..……………………………………………….…………..17 การทํางานเปนรอบ1 (Loop)..............................................................................................................................18 การทํางานเปน รอบ2 (Loop)..............................................................................................................................19 การทํางานเปน รอบ3 (Loop)..............................................................................................................................20 การแสดงผลขอมลู ………………………………………………………………………………………………………..21 บรรณานกุ รม………………………………………………………………………………………………………………22

ความหมาย ผงั งาน (Flowchat) คือ แผนภาพแสดงลาํ ดบั ข้นั ตอนการทาํ งานของ Algorithm,Workflow,Process เป็นเคร่ืองมือใชก้ ารรวบรวมจดั ลาํ ดบั ความคิด เพื่อใหเ้ ห็นข้นั ตอนการทาํ งานที่ชดั เจนและใชว้ างแผนการทาํ งานข้นั แรก โดย สญั ลกั ษณ์Flowchat นแสดงถึงการทาํ งานลกั ษณะ เช่ือมต่อกนั

ประวัติของโฟลชารต์ เริ่มตน้ คร้ังแรก Flowchart ถกู นาํ เสนอโดย Frank Gilbreth เป็นสมาชิกของ American Society of Machanical Engineers (ASME) ในปี 1921 และถูกพฒั นาในวงการอุตสาหกรรมและ วศิ วกรรม จนออกเป็นเวอร์ชน่ั ท่ีเป็นมาตรฐานในปี 1947 ท่ีเราใชก้ นั มาถึงปัจจุบนั ในปี 1949 Herman Goldstine และ John von Neumann ไดน้ าํ มาพฒั นาต่อเน่ืองใหน้ าํ ไป ประยกุ ตใ์ ชก้ บั โปรแกรมคอมพวิ เตอร์ (Computer Program) และการเขียนโปรแกรม (Computer Programming) ต่อมาไดถ้ ูกรับรองโดยวศิ วกรของ IBM และใชต้ ่อจนถึงปัจจุบนั เช่นกนั รูปดา้ น ล่างแสดงสญั ลกั ษณ์ของ Flowchart ในขณะน้นั

สัญลกั ษณ์ของโฟลชารต์ ������สญั ลกั ษณ์ Flowchart คือ รูปภาพท่ีใชแ้ ทนความหมายการทาํ งานใน ลกั ษณะต่างๆ ภายในผงั งาน (Flowchart) ประกอบไปดว้ ย การเร่ิมตน้ (Start), การ จบ (End), การกระทาํ (Process), การนาํ เขา้ ขอ้ มลู (Input), การแสดงผลขอ้ มลู (Output), การตดั สินใจ (Decision), คาํ อธิบาย (Annotation), จุดเชื่อมต่อ (Connector), ทิศทางการทาํ งาน (Direction Flow)

ภาพประกอบลกั ษณะ โฟลชารต์ แบบ2ทางเลอื ก

สัญลักษณ์มีไว้ทําไม? ������สญั ลกั ษณ์เหล่าน้ีเมื่อถกู นาํ มาเช่ือมต่อกนั จะกลายเป็น \"ผงั งาน (Flowchart)\" ท่ีแสดงลาํ ดบั ข้นั ตอนการทาํ งานเพอ่ื ������เป็นเคร่ืองมือในการจดั ลาํ ดบั ความคิด ������เห็นลาํ ดบั ข้นั ตอนการทาํ งานที่ชดั เจน

รูปภาพสัญลกั ษณ์

ผังงานของโฟลชารต์ ❤ทาํ ใหป้ ระเภทของผงั งาน (Flowchart) แบ่งออกเป็น 2 ประเภท 1. ผงั งานระบบ (System Flowchart) คือ ผงั งานแสดงข้นั ตอนการทาํ งานในระบบ 2. ผงั งานโปรแกรม (Program Flowchart) คือ ผงั งานแสดงถึงข้นั ตอนในการทาํ งาน ของโปรแกรม

ผังงานระบบ (System Flowchart) คือ ผงั งานท่ีแสดงข้นั ตอนการทาํ งานของระบบ แสดงถึงอุปกรณ์รับและส่งขอ้ มลู ส่ือ วธิ ีประมวลผล แสดงผลลพั ธ์ และลาํ ดบั ข้นั การทาํ งาน

รูปภาพผังงานระบบ (System Flowchart)

ผังงานโปรแกรม (Program Flowchart) คือ ผงั งานที่แสดงข้นั ตอนของคาํ สง่ั การทาํ งาน เพ่อื วางแผนหรือรวบรวมความ คิดการเขียนโปรแกรม โปรแกรมจะแสดงลาํ ดบั คาํ สง่ั เป็นข้นั ตอน (Step By Step) การ เขียนผงั งานโปรแกรมจะช่วยลดขอ้ ผดิ พลาดในการเขียนโปรแกรมลงได้ ทาํ ใหเ้ ขียน โปรแกรมง่ายข้ึนและถกู ตอ้ ง รวมถึงยงั ช่วยวเิ คราะห์จุดบกพร่องที่เกิดข้ึน ตวั อยา่ งเช่น ปัญหาคอขวด (Bottle Neck) ท่ีเกิดจากการเขียนโปรแกรม

รูปภาพผังงานโปรแกรม (Program Flowchart)

รหสั เทยี ม หรอื ซูโดโค้ด เป็นคาํ สงั่ ท่ีจาํ ลองความคิดเป็นลาํ ดบั ข้นั ตอนโดยใชส้ ญั ลกั ษณ์เป็น ประโยคภาษา องั กฤษ ซ่ึงซูโดโคด้ ไม่ใช่ภาษาโปรแกรมทางคอมพวิ เตอร์จึงไม่ สามารถนาํ ไปประมวล ผลได้ คือ ไม่สามารถสง่ั ใหค้ อมพวิ เตอร์ทาํ งานตามคาํ สงั่ แต่เป็นการเขียนจาํ ลองคาํ สง่ั จริงแบบยอ่ ๆ ตามอลั กอริทึมของโปรแกรมระบบ เพ่ือนาํ ไปพฒั นาเป็นการเขียน โปรแกรมภาษาคอมพวิ เตอร์ได้ รหสั เทียม (Pseudocode) คือ การเขียนโปรแกรมในรูปแบบภาษาองั กฤษที่มีข้นั ตอน และรูปแบบแน่นอนกะทดั รัด และมองดูคลา้ ยภาษาระดบั สูงที่ใชก้ บั เคร่ืองคอมพิวเตอร์ ซ่ึงไม่เจาะจงภาษาใดภาษาหน่ึง

วิธกี ารเขยี นซูโดโค้ด • ประโยคคําสงั่ (Statement) จะอยใู นรปู แบบของภาษาอังกฤษอยางงา ย • ในหนึ่งบรรทัด ใหเขียนประโยคคําสงั่ เพียงคําส่ังเดยี ว • ควรใชย อ หนา เพื่อแยกคาํ เฉพาะ (Keywords) ไดช ดั เจน รวมถึงจัดโครงสรา งการควบคุม ใหเปน สัดสวน ซง่ึ ชวยใหอานโคดไดง าย • แตล ะประโยคคําสง่ั ใหเ ขียนลาํ ดับจากบนลงลาง โดยมที างเขา เพียงทางเดียว และมที างออก ทางเดยี วเทา นน้ั • กลมุ ของประโยคคําสั่งตางๆ อาจจัดรวมกลมุ เขาดว ยกนั ในรปู แบบของโมดลู แตต องมีการ กาํ หนดชอ่ื ของโมดูลดวย เพอื่ ใหสามารถเรยี กใชง านโมดูลน้ันได

ตัวอย่างการเขยี นซูดโู ค้ด ตวั อยา่ ง salary = 1000 Algorithm Problem_1 overTime = 2500 Variables : mLoop, Sum, testScore, average tax = 125 Begin Income = salary + overTime - tag Input Loop Sum = 0 For I = 1 to mLoop Input testScore Sum = Sum + testScore Next average = Sum / mLoop Print average End Problem_1

การอ่าน/รบั ข้อมูล การอ่านขอ้ มลู สามารถใชค้ าํ สง่ั READ, INPUT หรือ GET ได้ โดย ตวั อยา่ ง Readvariables_1 ,variables_2, variables_3 Input variables_1 ,variables_2, variables_3 Input a, b, c Answer = a + b + c Get variables_1 ,variables_2, variables_3 Get current_date expire_date = current_date + READ ใชส้ าํ หรับการอ่านค่าที่มีอยแู่ ลว้ มาเกบ็ ไวใ้ นตวั แปร เช่น Open student_file การอ่านขอ้ มูลจากไฟล์ โดยจะทาํ งานร่วมกบั OPEN (การเปิ ดไฟล)์ 120 Read Id, Name, Address, Sex INPUT และ GET ใชส้ าาํ หรับการรับค่าขอ้ มูลผา่ นทางแป้ นพิมพ์ Variable คือ ตวั แปรท่ีใชเ้ กบ็ ขอ้ มูลท่ีอ่านหรือรับเขา้ มา ซ่ึงสามารถกาํ หนดได้ ตามจาํ นวนตวั แปรที่ตอ้ งการ โดยใชเ้ ครื่องหมาย “,” คนั่ ระหวา่ งช่ือตวั แปร

การทาํ งานแบบสองทางเลอื ก เง่ือนไขน้นั ผลลพั ธ์ที่ไดจ้ ะเป็นจริง (true) กบั เทจ็ (False) ถา้ เง่ือนไขเป็นจริง โปรแกรมจะทาํ งานตามคาํ สงั่ ที่กาํ หนด แต่ถา้ เป็นเงื่อนไขเทโ็ ปรแกรมจะทาํ งานตามคาํ สงั่ ท่ีกาํ หนดอีกชุดหน่ึง

การกาํ หนดเง่อื นไข ตวั อยา่ ง IF sex = “M” THEN If < condition > Then male = male + 1 Activity 1 ELSE Else female = female + 1 Activity 2 ENDIF Endif IF score >= 80 <condition> คือ เงื่อนไขท่ีกาํ หนด ซ่ึง grade = “A” หากเงื่อนไขเป็นจริง จะทาํ กิจกรรมหลงั THEN (activity1) แต่ถา้ เง่ือนไขเป็นเทจ็ กจ็ ะทาํ กิจกรรม ELSEIF score >= 70 หลงั ELSE (activity2) grade = “B” ELSEIF score >= 60 grade = “C” ELSEIF score >= 50 grade = “D” ELSE grade = “F” ENDIF

ในกรณีท่มี ีหลายเง่อื นไข การใช้ IF อาจทาใหต้ รวจสอบโปรแกรมไดย้ าก สามารถใชค้ าสง่ั CASE …. END CASE แทน ตวั อยา่ ง CASE score OF >= 80 : grade = “A” >= 70 : grade = “B” >= 60 : grade = “C” <60 : grade = “F” ENDCASE

การทํางานเปน็ รอบ1 (Loop) การทางานเป็นรอบดว้ ยลปู WHILE … ตวั อยา่ ง num = 1 WHILE num<= 20 ENDWHILE PRINT num num = num + 1 WHILE<condition> ENDWHILE PRINT “STOP RUN” activity1 activity2 activity3 ENDWHILE การทาํ งานของลปู WHILE จะมีการตรวจสอบเงื่อนไขก่อน โดยหากเงื่อนไขเป็ นจริ ง จะทาํ กิจกรรมภายในลปู ซ้าํ ไปเร่ือยๆ จนกระทงั่ เง่ือนไข เป็นเทจ็ กจ็ ะออก จากลปู แต่หากเงื่อนไขที่ตรวจสอบคร้ังแรกเป็นเทจ็ กจ็ ะไม่มีการทา กิจกรรมภายในลูปเลย

การทาํ งานเปน็ รอบ2 (Loop) ตวั อยา่ ง การทาํ งานเป็นรอบดว้ ยลูป DO … UNTIL DO num = 0 DO activity1 activity2 PRINT “HELLO…” num = num + 1 activity3 UNTIL num> 20 UNTIL <condition> การทาํ งานของลปู DO … UNTIL จะทาํ กิจกรรมภายในลปู ก่อนหน่ึง รอบ จากน้นั จะทาการตรวจเงื่อนไข โดยจะวนซา้ ไปเรื่อยๆ จนกวา่ เงื่อนไขจะเป็นจริง จึงหลุดออกจากลูป และถึงแมเ้ ง่ือนไขที่ตรวจสอบ เป็นจริงต้งั แต่แรก แต่ลูป DO…UNTIL กจ็ ะมีการทากิจกรรมภายใน ลูปอยา่ งนอ้ ยหน่ึงรอบเสมอ

การทางานเปน็ รอบ3 (Loop) การทางานเป็นรอบดว้ ยลูป FOR … NEXT FOR i=1 to n activity1 activity2 activity3 Next

การแสดงผลขอ้ มูล การแสดงผลขอ้ มลู สามารถใชค้ าํ สง่ั Print , Prompt, Write ตวั อยา่ ง Prompt \" Enter 3 Value ==> \" print variables_1 ,variables_2, variables_3 Input Value1 , Value2 , Value3 prompt variables_1 ,variables_2, variables_3 Sum = Value1 + Value2 + Value3 write variables_1 ,variables_2, variables_3 Print Sum Open Student _file PRINT และ PROMPT ใชส้ าํ หรับการพิมพค์ ่าขอ้ มูล Input Id, Name, Address, Sex หรือขอ้ ความ Write Id, Name, Address, Sex WRITE ใชส้ าํ หรับการบนั ทึกขอ้ มูลลงในแฟ้ มขอ้ มลู

บรรณานุกรม Flowchart คือ แผนภาพแสดงลาํ ดบั ข้นั ตอนการทาํ งาน Algorithm, Workflow, Proces : http://share.olanlab.com/th/it/blog/view/214 Flowchart : http://vampireluxia.blogspot.com/2013/01/flowchart.html สญั ลกั ษณ์ Flowchart : http://meteeblog.blogspot.com/2015/01/flowchart.html ผงั งาน(Flowchart) :https://sites.google.com/site/computerbcyschool/home/com_m_3/flowchart รหสั เทียม หรือ ซูโดโคด้ : http://c-by-step.weebly.com/-35953641365036043650358836573604.html

อาจารย์ผู้สอน รายวชิ าอินเตอร์เน็ตเพอื่ งานอาชีพ (รหสั วชิ า 2204-2111) ครู วลิ าวลั ย์ วชั โรทยั ตาํ แหน่ง:ครู วทิ ยฐานะครูชาํ นาญการ แผนกวชิ า:คอมพวเตอร์ธุรกิจ วทิ ยาลยั เทคนิคปทุมธานี E-mail: [email protected]

ช่ือ-สกลุ : นางสาว ตมิศา มุมทอง ระดบั ช้นั : ปวช. ปี 1 หอ้ ง 3 แผนกวชิ า : คอมพวิ เตอร์ธุรกิจ ประวตั ิส่วนตวั : 29 ธนั วาคม 2546 อายุ : 15 ส่วนสูง :155 น้าํ หนกั : 49 เช้ือชาติ : ไทย สญั ชาติ : ไทย ศาสนา : พทุ ธ ที่อยู่ : 55/7ซ.พระแม่การุณย์ ต.บา้ นใหม่ อ.ปากเกร็ด จ.นนทบุรี เบอร์โทรศพั ท์ : 062-422-6579 E-mail : [email protected] ประวตั ิการศึกษา : มธั ยมศึกษา : นวมินทราชินูทิศ หอวงั นนทบุรี ปัจจุบนั : วทิ ยาลยั เทคนิคปทุมธานี

ช่ือ-สกลุ : นางสาว พรรณี แยม้ บาน ระดบั ช้นั : ปวช. ปี 1 หอ้ ง 3 แผนกวชิ า : คอมพวิ เตอร์ธุรกิจ ประวตั ิส่วนตวั : 18 ธนั วาคม 2546 อายุ : 16 ส่วนสูง : 148 น้าํ หนกั : 48 เช้ือชาติ : ไทย สญั ชาติ : ไทย ศาสนา : พทุ ธ ท่ีอยู่ : 53/1543 ต.บา้ นใหม่ อ.ปากเกร็ด จ.นนทบุรี เบอร์โทรศพั ท์ : 062-398-1154 E-mail :[email protected] ประวตั ิการศึกษา : มธั ยมศึกษา : นวมินทราชินูทิศ หอวงั นนทบุรี ปัจจุบนั : วทิ ยาลยั เทคนิคปทุมธานี

ช่ือ-สกลุ : นาย สิทธิพงษ์ วรรณะเวช ระดบั ช้นั : ปวช. ปี 1 หอ้ ง 3 แผนกวชิ า : คอมพิวเตอร์ธุรกิจ ประวตั ิส่วนตวั : อายุ : 16 ส่วนสูง : 175 น้าํ หนกั : 69 เช้ือชาติ : ไทย สญั ชาติ : ไทย ศาสนา : พทุ ธ ท่ีอยู่ : 108/472 หมู่ท่ี 1 ต.บางขะแยง อ.เมือง เบอร์โทรศพั ท์ : 062-398-1154 E-mail : [email protected] ประวตั ิการศึกษา : มธั ยมศึกษา : ปทุมวไิ ล ปัจจุบนั : วทิ ยาลยั เทคนิคปทุมธานี

ช่ือ-สกลุ : นางสาว กลุ จิราภา ชินสร้อย ระดบั ช้นั : ปวช. ปี 1 หอ้ ง 3 แผนกวชิ า : คอมพิวเตอร์ธุรกิจ ประวตั ิส่วนตวั : 26 กมุ ภาพนั ธ์ 2547อายุ : 15 ส่วนสูง : 163 น้าํ หนกั : 53 เช้ือชาติ : ไทย สญั ชาติ : ไทย ศาสนา : พทุ ธ ที่อยู่ : 45/420 ม.14 ต.คลองหน่ึง อ.คลองหลวง จ.ปทุมธานี 12120 เบอร์โทรศพั ท์ : 092-836-7089 E-mail : [email protected] ประวตั ิการศึกษา : มธั ยมศึกษา : เทศบาลท่าโขลง 1 ปัจจุบนั : วทิ ยาลยั เทคนิคปทุมธานี

79 หมู 5 ต.บานกลาง อ.เมือง จ.ปทุมธานี วทิ ยาลัยเทคนคิ ปทมุ ธานี ( Pathumthani Technical College) แผนกคอมพวิ เตอรธรุ กจิ ( Business Computer)