การสร้าง Flowchart ด้วยเว็บไซต์ Diagram.net เป็นการสร้างผังงานผ่านเว็บไซต์ Diagram.net ซึ่งเป็นเว็บไซต์เขียนผังงานออนไลน์ที่เข้าถึงง่าย มีประสิทธิภาพ และสะดวกต่อการใช้งาน ซึ่งผังงานถูกสร้างขึ้นมาเพื่ออธิบายกระบวนการหรือลำดับขั้นตอนต่างๆของโปรแกรม ในรูปแบบของสัญลักษณ์ที่เรียงต่อกันอย่างเป็นระบบ เพื่อทำให้ผู้ใช้เข้าใจขั้นตอนการทำงานของโปรแกรมหรือระบบได้อย่างชัดเจน อีกทั้งยังช่วยให้ผู้ใช้สามารถทำงานร่วมกับผู้อื่นได้อย่างมีประสิทธิภาพมากขึ้นอีกด้วย

ขั้นตอนการเข้าใช้งานเว็บไซต์ Diagram.net

1. เปิดเว็บบราวเซอร์อย่าง Google Chrome หรือ Microsoft Edge ขึ้นมา

2. พิมพ์ที่ช่องค้นหาว่า draw io แล้วกดปุ่ม Enter

3. จากนั้นคลิกไปที่เว็บไซต์ Draw.io

4. เมื่อคลิกเข้ามาแล้ว ภายในเว็บไซต์จะมีลักษณะเป็นหน้ากระดาษสีขาวๆ ให้คลิกไปที่ช่องค้นหารูปร่างบริเวณซ้ายมือ และพิมพ์คำว่า Flowchart แล้วกดปุ่ม Enter

5. คลิกไปที่ปุ่มแสดงผลลัพธ์เพิ่มเติมซ้ำๆจนกว่าจะไม่มีปุ่มขึ้น เพื่อแสดงสัญลักษณ์ของผังงานทั้งหมด เพียงเท่านี้เราก็สามารถวาด Flowchart ได้โดยไม่ติดขัดปัญหาอะไรแล้ว

ขั้นตอนการสร้าง Flowchart ด้วย Diagram.net

1.คลิกเลือกที่สัญลักษณ์ที่ต้องการจะใช้วาด Flowchart อาทิเช่น รูปวงรี รูปสี่เหลี่ยมผืนผ้า รูปสี่เหลี่ยมคางหมู รูปวงกลม เป็นต้น

*เราสามารถคลิกขวาที่สัญลักษณ์และคลิกที่ปุ่มทำซ้ำ เพื่อสร้างสัญลักษณ์เดิมซ้ำขึ้นมาอีกครั้ง

2. คลิกเลือกสัญลักษณ์ซ้ำๆจนกว่าจะมีสัญลักษณ์ครบจำนวนตามที่เราต้องการ

3. เรียงสัญลักษณ์ให้ตรงกัน ตามรูปแบบของ Flowchart ที่ต้องการจะวาด

4. ดับเบิ้ลคลิกที่สัญลักษณ์แล้วพิมพ์ข้อความหรือขั้นตอนลงไป

5. พิมพ์ข้อความลงไปในสัญลักษณ์ให้ครบทุกสัญลักษณ์

6. เลื่อนเม้าส์มาจ่ออยู่ที่สัญลักษณ์ จากนั้นเลื่อนเม้าส์ลงมาบริเวณขอบด้านล่างที่มีสัญลักษณ์เป็นรูปลูกศรสีฟ้า และคลิกที่สัญลักษณ์รูปลูกศรนั้น เพื่อสร้างเส้นเชื่อมโยงระหว่างสัญลักษณ์

7. โยงเส้นระหว่างสัญลักษณ์ให้ครบทุกตัว เท่านี้ Flowchart ของเราก็เสร็จสมบูรณ์แล้ว

8. เมื่อโยงเส้นเสร็จสิ้นแล้ว ให้คลิกที่แถบหัวข้อ “ไฟล์” บริเวณซ้ายมือด้านบน จากนั้นคลิกที่ปุ่มส่งออกเป็น และคลิกที่ปุ่ม JPEG… หรือ PNG…

9. คลิกที่ช่องข้อความในหัวข้อความกว้างของเส้นขอบ และกรอกเลขลงไป เพื่อกำหนดระยะห่างระหว่างขอบและ Flowchart ของเรา (มาตรฐานคือ 10) จากนั้นคลิกที่ปุ่มส่งออก

*ในกรณีของการเลือกเป็น PNG… เราสามารถคลิกที่ปุ่มพื้นหลังโปร่งใสได้ เพื่อทำให้ภาพ Flowchart ของเราไม่มีพื้นหลัง

10. ตั้งชื่อ Flowchart ของเรา จากนั้นคลิกที่ปุ่มบันทึก

11. เพียงเท่านี้เราก็จะได้ภาพ Flowchart ที่เป็นระเบียบเรียบร้อยและสวยงามมาใช้งานแบบฟรีๆแล้วครับ