การเขียน flowchart เตรียมพร้อมก่อนเขียนโปรแกรม

การเขียน flowchart เตรียมพร้อมก่อนเขียนโปรแกรม

กระบวนการเขียน flowchart ขั้นตอนการเขียน flowchart และตัวอย่างการเขียน flowchart

บทความนี้ไม่เชิงเป็นบทความเท่าไรครับเพราะว่า ช่วงนี้ผมก็ทำโปรเจคด้วย และพอดีว่า โปรเจคที่ทำ มันออกแนวมาทาง computer สักหน่อย (เท่าที่ดูน่าจะเต็มขั้นล่ะ) แต่ด้วยความที่ว่าตัวเอง เรียนไฟฟ้าอิเล็ก เรื่องพวกนี้เลยไม่ได้เรียน (เรียนภาษาซีอยู่วิชาเดียวเอง กรรม...) ก็ไม่ได้เรียนคอมฯ นี่นะ ไม่เป็นไรครับ ศึกษาไปพร้อมกัน และพร้อมผมนี่ล่ะครับ หุๆๆๆ

ก่อนอื่น ผมต้องบอกก่อนว่า บทความนี้เป็นการผสมกันระหว่าง http://www.geocities.com/S_Analysis/FlowChart3_new.html และ http://en.wikipedia.org/wiki/Flowchart เพื่อให้ได้ความถูกต้องมากที่สุดนะครับ

ออ สำหรับผู้ที่รู้อยู่แล้วไม่ต้องอ่านก็ได้นะครับ แต่ผมขอเขียนเอาไว้เผื่อในอนาคตอาจจะได้ใช้ครับ (และการเขียนทำให้เราต้องศึกษา และมันจะจำได้ครับ)

เริ่มต้นจาก Flowchart คือ อะไร flow chart หรือภาษาไทย เค้าเรียกว่า ผังงาน ก็คือเครื่องมือที่ช่วยในการออกแบบ การทำงานของระบบใดที่เราต้องการ โดยตัว flowchart เองเป็นสัญลักษณ์ที่คนอ่านนั้นสามารถเข้าใจได้ง่ายและรวดเร็ว -ฝั่ง wikipedia บอกว่า เป็นรูปสัญลักษณ์ ที่บ่งบอกถึงขั้นตอนการดำเนินงานในแต่ละขั้น ซึ่งมีอยู่ทั้งหมด 7 รูปแบบ

ทำไมจึงต้องเขียน flowchart สำหรับคำถามนี้ ได้คำตอบว่า
-ช่วยลำดับขั้นตอนการทำงานของโปรแกรม และสามารถนำไปเขียนโปรแกรมได้โดยไม่สับสน
-ช่วยในการตรวจสอบ และแก้ไขโปรแกรมได้ง่าย เมื่อเกิดข้อผิดพลาด
-ช่วยให้การดัดแปลง แก้ไข ทำได้อย่างสะดวกและรวดเร็ว
-ช่วยให้ผู้อื่นสามารถศึกษาการทำงานของโปรแกรมได้อย่างง่าย และรวดเร็วมากขึ้น

สัญลักษณ์ที่เป็นมาตรฐาน ซึ่งจะบ่งบอกถึงหน้าที่ในแต่ละช่วงการทำงานนะครับ

สัญลักษณ์หน้าที่/ความหมาย
จุดเริ่มต้น จุดจบ flowchart จุดเริ่มต้น และจุด สิ้นสุดของโปรแกรม (เป็นสิ่งแรกและสิ่งสุดท้ายที่จะต้องวาดในการเขียน flow chart)
เส้นทางการไหลของ flowchart เส้นทางการไหลของโปรแกรม เพื่อช่วยในการเชื่อมแต่ละขั้นของโปรแกรม
การประมวลผล flowchart การประมวลผล การทำงาน การคิดคำนวน
รับข้อมูล/ส่งออกข้อมูล flowchart รับข้อมูล/ส่งออกข้อมูล เช่นรับข้อมูลจากผู้ใช้ หรือแสดงผลค่าตัวแปร
เงื่อนไข flowchart เงื่อนไข เป็นจุดที่มีเงื่อนไขให้เลือกทำ หรือเช็คค่าตามเงื่อนไข
เอกสาร การส่งออก flowchart เอกสาร การแสดงผลออกทางเอกสาร
จุดเชื่อมต่อ flowchart จุดเชื่อมต่อ คือจุดรวมจากหลายเส้นทางของโปรแกรมเข้ามาเส้นทางเดียวในกรณีที่ขั้นตอนต่อไปจะทำงานเหมือนกัน
ขึ้นหน้าใหม่ flowchart ขึ้นหน้าถัดไป ในกรณีที่เขียนหน้าเดียวไม่เพียงพอ
บันทึกข้อมูล flowchart เก็บข้อมูล เช่นบันทึกข้อมูลลงสื่อบันทึก
สื่อ flowchart disk magnetic คือสื่อบันทึกข้อมูล เช่น Harddisk

ก็มีเท่านี้ครับ สำหรับเรื่อง flowchart มันจะช่วยเราในงานที่ค่อนข้างซับซ้อน จะทำให้เราคิดออกมาเป็นขั้นตอนได้อย่างเห็นภาพมากขึ้น และยังช่วยในการลดความซับซ้อน สำหรับงานใหญ่ๆ

ซึ่ง flowchart นี้สามารถประยุกต์ในการเขียนเว็บได้ด้วยเหมือนกันนะครับ เพราะการเขียนเว็บก็เป็นการเขียนโปรแกรมอย่างนึงเหมือนกัน

ตัวอย่างเช่น ส่วนการสมัครสมาชิกของเว็บ จะเขียนออกมาเป็น flowchart ได้ดังนี้ครับ

ตัวอย่าง flowchart ระบบสมัครสมาชิก

ต่อไปนี้การเขียนโปรแกรมก็ไม่เป็นเรื่องยากอีกแล้วใช่ไหมครับ หากเรารู้จักใช้งาน tool ต่างๆ ก็จะช่วยงานเราได้เยอะครับ

สำหรับโปรแกรมที่ใช้เขียน flow chart อย่างตัวอย่างนี้คือ OpenOffice Draw หรือโปรแกรม dia นะครับ เป็นของฟรี หากใครชอบใครของละเมิด เอ้ย ของเสียเงิน ก็คงเป็น Microsoft Office VIsio นะครับทำงานในหน้าที่เดียวกันครับ

[PRINT VERSION] เขียน: 2007-07-29 07:00:00 แก้ไข : 2007-07-29 07:00:00 อ่าน : 287814
tag : การเขียน flow chart, flow chart, flow chart คืออะไร, flow chart หมายความว่าอย่างไร, อะไรคือ flow chart , flow chart เขียนอย่างไร

Comment

Comment
BeYourCyber - 28/07/2007 23:00:00 -
ร่วมพูดคุยในหัวข้อของบทความ การเขียน flowchart เตรียมพร้อมก่อนเขียนโปรแกรม
<p>กระบวนการเขียน flowchart ขั้นตอนการเขียน flowchart และตัวอย่างการเขียน flowchart</p>
ice - 07/07/2010 10:21:53 - 119.42.77.124
อุ่ย...ใครถาม

nan - 07/07/2010 10:22:50 - 119.42.77.124
ประโยคบอกเล่า 5555555555555+

Guest01 - 17/09/2010 08:46:46 - 203.172.212.2
ไม่พูดไม่ได้หาว่าเป็นใบ้ข้างบน
Guest - 01/12/2010 09:54:00 - 223.206.115.56
ดีๆๆๆคัฟ
Guest - 04/12/2010 09:12:09 - 58.9.253.103
ขอบคุณมากคับเป็นความรู้สำหรับผมเลยคับกำลังศึกษาอยู่แต่ไม่เข้าใจ
จีน - 20/12/2010 10:49:24 - 125.27.223.215
ช่วยบอกทีว่าการที่เราจะอธิบายแต่ละข้อมูลแต่ละข้อมูลทำไมมันยากอย่างนร้เพราะว่าเราไม่เข้าใจหรือว่าเราทำไม่ได้กันแน่เพราะว่าสิ่งที่ครูสอนนั้นดีมากแต่ไม่เข้าใจในสิ่งที่ควจะเข้าใจเพราะว่ามันยากมากช่วยอธิบายให้มันกระจ่างกว่านี้

ขอบคุณคะ
BeYourCyber - 20/12/2010 11:39:53 - 125.25.61.90
ลองดูอันนี้ครับ
http://meewebfree.com/site/basic-website/295-create-flowchart-for-program
ก่อนเขียน flowchart คุณต้องเขียน algorithm ได้ก่อน แต่ถ้าคนที่เชี่ยวชาญ algorithm ก็จะวาดออกมาได้เลยครับเพราะว่า algorithm อยู่ในหัวแล้ว
PangYa Luciaz - 17/01/2011 20:14:23 - 223.207.51.191
ขอบคุณมากค่ะ ! ^^' เนื้อหาก็ใช้ได้นะคะ , แต่ว่า...อาจจะเพิ่มเนื้อหาอีกนิส สส ส นึง ง ! (พยายามลากเสียง = =') , แต่ก็ถือว่าดีในส่วนหนึ่งค่ะ ' เข้าใจง่ายด้วย ไม่เยอะไปจนเวียนหัว 0.0' , ยังไงก็ขอบคุณมากค่า ~ ^w^
จินนี่ ด.ญ.ปภาวรินทร์ อนันตเสรีวิริยา
Guest - 13/05/2011 14:06:46 - 118.173.44.241
งงนิดหน่อนอ่ะค่ะ
ขอโทดนะคะช่วย
่เขียนให้เข่าใจกว่านี้หน่อย
nanan - 01/06/2011 14:54:11 - 61.19.73.91
ขอบคุณมากๆๆๆเลยค่ะ
เรื่องนี้เต้าให้อ่านเองอ่ะตอนคาบคอม
พิมพิกา - 21/04/2012 14:13:21 - 202.29.95.6
อยากได้ตัวอย่าง fiowchart เกี่ยวกับเว็บไซต์
กรุณาส่งกลับด้วยด่วนมาก
นายจ๊ากกรู๊ - 09/07/2012 09:18:27 - 203.148.200.98
อยากได้ Flowchart เกี่ยวกับการสมัครเข้าอบรมอ่ะครับ แบบว่าไม่ต้องมี username password อ่ะนะครับ ขอบพระคุณล่วงหน้า
maxza - 26/02/2013 12:28:02 - 58.10.12.235
เก่งเก่งดีดีจุงเบย
vaner - 16/06/2013 20:08:34 - 182.53.245.62
ขอบคุณมากงับ
ถึงขนาดกราบตีนกันเลยทีเดี๋ยว 555
แค่เข้ามาก็เข้าใจถึงใส้ติ่ง