Flowchart คืออะไร?

มาวาด Flowchart กันเถอะ

เราได้เรียนเกี่ยวกับ Flowchart กันมาแล้วในมหาวิทยาลัย แต่เราไม่รู้เลยว่า เวลาทำงานจริง ๆ นั้นมันจำเป็นต้องใช้จริง ๆ หรอ

ในบทความนี้จะมาเล่าให้ฟังว่า Flowchart สำคัญแค่ไหนในการทำงาน โดยเฉพาะอย่างยิ่งในระบบซอฟต์แวร์

หมายเหตุ — ในบทความนี้จะเน้นเกี่ยวกับการเอาไปใช้ในการทำงานจริงๆ มากกว่าการเอาไปใช้สอบ :)

Flowchart มันคืออะไรนะ

นิยามของ Flowchart อย่างเข้าใจง่าย ๆ คือ Diagram ชนิดหนึ่ง ที่ใช้อธิบายการทำงานของระบบ ว่าระบบนี้ทำงานอย่างไร เริ่มจากไหน และจบที่ไหน เป็นแบบ Step by step

ทำไมถึงจำเป็นต้องมี Flowchart

• ช่วยลำดับขั้นตอนของการทำงานของระบบได้อย่างถูกต้อง
• ลดระยะเวลาการประชุม
• สร้างความเข้าใจที่ตรงกันของทีม และผู้ที่เกี่ยวข้อง
• สามารถลด และเพิ่ม Step การทำงานของระบบที่จำเป็น และไม่จำเป็น
• ช่วยให้สามารถวิเคราะห์การทำงานของระบบได้ดีขึ้น

สัญลักษณ์ Flowchart

โดยปกโดยปกติทั่ว ๆ ไปจะใช้สัญลักษณ์เหล่านี้อยู่บ่อยๆ

• Beginning block: วาดลงไปเป็นอันแรกเลยของไดอะแกรม ใช้เป็นจุดเริ่มต้นของ Flowchart
• Termination block: วาดเป็นจุดสุดท้ายของไดอะแกรม ใช้เป็นจุดสิ้นสุดของ Flowchart
• Process block: เวลาทำงานใช้สัญลักษณ์นี้ในทุก ๆ กระบวนการทำงานก็ได้
• Decision block: เมื่อต้องมีเงื่อนไขหรือทางเลือกมากกว่า 1 ทางให้ใช้สัญลักษณ์นี้
• Connector: ใช้เชื่อมส่วนหนึ่งของ Flowchart กับอีกส่วน แบบถ้าเส้นมันโยงยุ่งยากมากเกินไป ก็ใช้สัญลักษณ์นี้เข้ามาช่วยให้เส้นมันสวยขึ้น
• Flow line: ใช้บอกลำดับการทำงาน ว่ามีทิศทางไปทางไหน หรือลูกศรนั่นแหละ

Flowchart Notation

และสัญลักษณ์ที่ใช้บ้าง แต่ไม่บ่อยมาก หรือใช้เฉพาะบางระบบ

• Input/Output (data) block: รับข้อมูลเข้า หรือ ส่งข้อมูลออก แบบมีการกรอกข้อมูลเข้ามา
• Predefined process block: เป็นการรวมกลุ่มของการทำงาน เหมือนแบบ Group รวมการทำงานบางส่วนที่ใช้บ่อย ในหลาย ๆ ฟีเจอร์ เพื่อลดความใหญ่ของ Flowchart เช่น ระบบการส่ง OTP ถ้าทั้งโปรแกรมมีการส่งใช้การส่ง OTP ในหลาย ๆ ที่ เช่น Login, Forgot password ก็วาดระบบการส่ง OTP เพียงครั้งเดียวแล้วใช้สัญลักษณ์นี้แทน ระบบการส่ง OTP เป็นต้น
• Document symbol: ข้อมูลที่ออกมาเป็นเอกสาร หรือสามารถ print ได้ แต่สามารถใช้สัญลักษณ์ Input/Output (data) block แทนได้
• Annotation symbol: เรียกง่าย ๆ ว่า comment อะแหละ โน๊ตเผื่อลืม หรือขยายความ

Flowchart Notation

ลองดูตัวอย่างกันซักนิด

University admission process

Image from Business Process Management (BPM) — SIT at KMUTT

Image from Business Process Management (BPM) — SIT at KMUTT

Login process

Example login flow

หวังเป็นอย่างยิ่งว่าบทความนี้จะช่วยให้หลาย ๆ คนเข้าใจ และสามารถวาด Flowchart ได้อย่างถูกต้องจริง ๆ

แต่เอาเข้าจริง…

ในชีวิตคนเรา ไม่มีอะไรถูกต้อง 100% หรอก