หลายคนมักจะละเลยผังงานของระบบ ซึ่งเป็นสิ่งแรกที่ควรมีก่อนเริ่มทำงาน ถ้าไม่เคยมีมาก่อน ก็สร้างมันขึ้นมาโดยอ้างอิงจากระบบเดิมที่เป็นอยู่ (ที่เราจำเป็นต้องไปเกี่ยวข้องด้วย) ในวีดีโอนี้เราจะใช้แผนภาพกระแสข้อมูล (Data Flow Diagram) สร้างแบบจำลองกระบวนการทำงาน เพื่อช่วยในในการวิเคราะห์และออกแบบระบบที่มีความซับซ้อน เราจะค่อยๆแบ่งออกเป็นงานย่อยๆ ดูว่ามีอะไรติดต่อกับระบบบ้าง ข้อมูลไหลไปทางไหน ทำให้เข้าใจการทำงานของระบบขึ้น ถูกต้อง ไม่ตกหล่น สามารถใช้เพื่อออกแบบระบบงานทั่วไป หรือใช้สำหรับการพัฒนาซอฟต์แวร์ก็ได้ Data Flow Diagram จะแตกต่างกับ Flow Chart มาก เพราะจะเป็นภาพรวมของระบบ แทนที่จะเป็นกลไกการทำงานเฉพาะจุด เราสามารถแตกระบบงานออกเป็นส่วนย่อยๆ ขึ้นกับความซับซ้อนของระบบ ในวีดีโอเป็นตัวอย่างการใช้งานเบื้องต้น แสดงตัวอย่างการสร้างระบบลงเวลาเข้าโรงเรียน/ที่ทำงาน

[แบบฝึกหัด]
ในวีดีโอเป็นแค่ตัวอย่าง ไม่ได้ทำจนเสร็จ แนะนำให้ลองคิดออกแบบทำจนเสร็๗สมบูรณ์ การดูวีดีโอแล้วทำตามอาจจะไม่ค่อยได้อะไรเท่าไหร่ เราควรลองเขียนแผนภาพกระแสข้อมูลของระบบงานที่เราคุ้นเคยอยู่แล้ว เช่น ถ้าที่บ้านเป็นร้านอาหาร ลองสรุปการทำงานในร้านออกมาเป็น DFD วิธีการสั่งผ่านหน้าร้าน/on-line ส่งรายการไปที่ครัว สมัครสมาชิก การเรียกคนส่งของ ฯลฯ ถ้าเราสามารถเขียนได้แสดงว่าเราเข้าใจวิธีการเขียน Data Flow Diagram แล้วสามารถทำงานออกมาได้จริง ๆ กิจกรรมในที่ทำงาน ที่บ้าน หรือโรงเรียนก็สามารถเอามาเขียนได้เหมือนกัน

[Note]
- ถ้าไม่ได้ทำระบบเป็น Software ขึ้นมาก็อาจจะไม่ต้องมีส่วนเก็บข้อมูลก็ได้ หรือถ้าจะให้มีก็ให้ระบุว่าเป็นจดลงรายการ(กรอกลงกระดาษ)
- ในตัวอย่างไม่ทำจนเสร็จ Level 2 ทำจริงควรทำจนเสร็จครับ (2.1, 2.2..., 3,1,3.2...,4.1,4.2...)
- ในตัวอย่างไม่ได้ลากลูกศรระหว่างโพรเซสให้เห็นชัดเจน เช่น ขบวนการอ่านบัตรแล้วไปเป็นตัวกระตุ้นให้ระบบถ่ายรูปทำงาน ก็มีเส้นลากจากอ่านบัตรไปที่ถ่ายรูป หรือมันไม่ขึ้นแก่กันก็ไม่ต้องลากเส้น เช่นต้องเดินไปถึงจุดที่กำหนดระบบถ่ายรูปถึงจะทำงาน
- ระบบลงเวลาเป็นตัวอย่างของระบบเสริมเชื่อมโยงข้อมูลกับระบบบริหารทรัพยากรบุคคล ถ้าระบบเราไม่ต้องยุ่งกับใคร(Stand alone) ก็ไม่จำเป็นต้องมีส่วนนั้นก็ได้
- แนะนำให้อ่านเอกสารเพิ่มเติมจะละเอียดกว่า
http://academic.udru.ac.th/~samawan/c...

[Draw.io]
- Download
https://www.diagrams.net/
- ใช้งานผ่านเวป
https://app.diagrams.net/
- ไฟล์ที่ทำในวีดีโอ (คลิกขวาที่ปุ่ม raw แล้วเลือก save link as)
https://github.com/schooltechx/youtub...