โปรแกรมวาดผังงาน: รูปทรง ลูกศร และป้ายใช่/ไม่ใช่ ได้ในเบราว์เซอร์ทันที
ผังงานถูกวาดในเบราว์เซอร์ของคุณและไม่ถูกส่งไปที่ใด
โปรแกรมทำอะไรได้บ้าง
สัญลักษณ์ตามมาตรฐาน ISO 5807 ลูกศรที่อ้อมรูปทรงเองและติดกับด้านของรูปทรง และป้าย “ใช่/ไม่ใช่” ที่ทางออกของเงื่อนไข ปุ่ม “+” วางรูปทรงถัดไปที่เชื่อมไว้แล้ว ส่วน “จัดเรียงอัตโนมัติ” จัดทั้งผังให้ ผังถูกบันทึกในเบราว์เซอร์ระหว่างทำงาน และดาวน์โหลดเป็น PNG, SVG, PDF หรือโค้ด Mermaid ได้
ตัวอย่าง: เลขคู่หรือเลขคี่ ค่ามากที่สุดในสามจำนวน ผลรวม 1 ถึง N ตรวจรหัสผ่าน
วิธีใส่ผังงานลงใน Word หรือ Google Docs
- Word 2019 และ Microsoft 365: ใช้ SVG แทรกเหมือนรูปภาพทั่วไป ผังจะคมชัดทุกระดับการซูม
- Google Docs และ Word รุ่นเก่า: ใช้ PNG 300 dpi เลือกความกว้าง “A4 ระยะขอบเริ่มต้นของ Word” หรือ “US Letter” แล้วภาพจะกว้างพอดีกับเนื้อความ
- LaTeX: ใช้ PDF ขนาดพอดีผัง ซึ่ง \includegraphics แทรกได้โดยไม่เสียความคมชัด
- เร็วที่สุด: กด “คัดลอกภาพ” ในหน้าต่าง “ดาวน์โหลด” แล้วกด Ctrl+V ในเอกสารได้ทันที
ไฟล์ PNG และ SVG ที่ดาวน์โหลดจากที่นี่มีตัวผังฝังอยู่ ลากไฟล์นั้นกลับมาวางบนแผ่นงานแล้วแก้ไขต่อได้
สัญลักษณ์ผังงานและความหมาย
ชื่อตรงกับในแผงรูปทรง ห้าแบบแรกใช้ในแทบทุกโจทย์ที่โรงเรียน ที่เหลือใช้กับผังตามมาตรฐาน ISO 5807
| รูปทรง | ชื่อ | ใช้เมื่อไร |
|---|---|---|
| เริ่มต้น / สิ้นสุด | จุดเริ่มต้นและจุดสิ้นสุดของอัลกอริทึม ทางเข้าและทางออกของโปรแกรมย่อย | |
| การประมวลผล | การคำนวณหรือการทำงานใดๆ เช่น กำหนดค่า คิดเลข สั่งคำสั่ง | |
| เงื่อนไข | การตรวจเงื่อนไข สี่เหลี่ยมขนมเปียกปูนมีทางออกสองทาง คือ ใช่ และ ไม่ใช่ | |
| รับเข้า / ส่งออก | การรับและแสดงข้อมูลโดยไม่ระบุสื่อ | |
| โปรแกรมย่อย | การเรียกโปรแกรมย่อยหรือฟังก์ชันที่อธิบายไว้แยกต่างหาก | |
| การเตรียมการ | การเตรียมลูป เช่น ค่าเริ่มต้น i = 1 | |
| เริ่มลูป | ขอบบนของลูป คู่กับ “จบลูป” ที่มีชื่อเดียวกัน | |
| จบลูป | ขอบล่างของลูป เงื่อนไขออกจากลูปเขียนไว้ที่ขอบใดขอบหนึ่ง | |
| จุดเชื่อม | จุดที่เส้นขาด ลูกศรไปต่อที่จุดเชื่อมต่อที่มีป้ายเดียวกัน | |
| จุดเชื่อมข้ามหน้า | การไปต่อที่หน้าอื่น ใช้ในหนังสือเรียน ส่วน ISO 5807 มีเพียงจุดเชื่อมต่อธรรมดา | |
| หมายเหตุ | หมายเหตุของรูปทรง เชื่อมกับรูปทรงด้วยเส้นประ | |
| ป้อนข้อมูลด้วยมือ | ข้อมูลที่ป้อนด้วยมือ เช่น จากแป้นพิมพ์ | |
| งานที่ทำด้วยมือ | งานที่คนเป็นผู้ทำ | |
| เอกสาร | ข้อมูลบนกระดาษ เช่น งานพิมพ์ แบบฟอร์ม รายงาน | |
| แสดงผลบนจอ | ข้อมูลที่แสดงบนจอ | |
| ข้อมูลที่จัดเก็บ | ข้อมูลที่จัดเก็บไว้โดยไม่ระบุสื่อ | |
| หน่วยความจำภายใน | ข้อมูลในหน่วยความจำหลัก | |
| หน่วยเก็บแบบเข้าถึงตามลำดับ | ข้อมูลบนสื่อที่อ่านตามลำดับ เช่น เทป | |
| หน่วยเก็บแบบเข้าถึงโดยตรง | ข้อมูลบนสื่อที่เข้าถึงโดยตรง เช่น ดิสก์ | |
| บัตรเจาะรู | ข้อมูลบนบัตรเจาะรู | |
| เทปเจาะรู | ข้อมูลบนแถบกระดาษเจาะรู | |
| การทำงานขนาน | จุดเริ่มหรือจุดจบของงานที่ทำพร้อมกัน | |
| ส่วนที่ละไว้ | ส่วนของผังที่ไม่ได้วาดครบ |
ผังงานตามมาตรฐาน ISO 5807
สไตล์ “ISO 5807” ในแผงกำหนดสัดส่วนรูปทรงตามมาตรฐาน สูง a กว้าง 1.5a โดย a อยู่ระหว่าง 15 ถึง 30 มม. ตัวอักษร 10 ถึง 14 pt และหัวลูกศรเฉพาะเส้นที่ย้อนทิศการไหลหรือทุกเส้น ในสไตล์นี้รูปทรงจะไม่ขยายตามข้อความ ถ้าข้อความไม่พอดี คำแนะนำจะบอก
ไอคอนคำแนะนำจะชี้จุดที่ผังไม่ตรงมาตรฐาน เช่น เงื่อนไขที่มีทางออกไม่ถึงสองทาง ทางออกที่ไม่มีป้าย รูปทรงที่ไม่มีทางเข้าหรือทางออก หรือไม่มีจุดเริ่มต้นหรือจุดสิ้นสุด
สร้างผังจากโค้ด Mermaid
ขอให้แชตบอตวาดผังงานเป็นโค้ด Mermaid แล้ววางคำตอบทั้งหมด แม้จะมีข้อความรอบโค้ดก็ตาม ด้วยปุ่ม “วางโค้ด” หรือกด Ctrl+V บนแผ่นงานได้เลย รูปทรง ลูกศร และป้ายกำกับจะมาครบ และจัดวางให้อัตโนมัติ ส่วนทางกลับกัน ใช้ “คัดลอกโค้ด Mermaid” ในหน้าต่าง “ดาวน์โหลด”
แป้นพิมพ์
- Enter — แก้ข้อความในรูปทรง
- Ctrl + Enter — จบข้อความแล้ววางรูปทรงถัดไป
- Ctrl + ←↑→↓ — รูปทรงที่เชื่อมไปทางนั้น
- ←↑→↓ — เลื่อนสิ่งที่เลือก
- Shift + ←↑→↓ — เลื่อนทีละมากขึ้น
- Ctrl + Z, Ctrl + Shift + Z — เลิกทำและทำซ้ำ
- Ctrl + D — ทำสำเนา
- Delete — ลบ
- Space + ลาก — เลื่อนแผ่นงาน
- Ctrl + ล้อเมาส์ — ซูม
ถ้าจะลองอัลกอริทึมเป็นโค้ด เปิด สภาพแวดล้อม Python.
คำถามที่พบบ่อย
มีลายน้ำไหม
ไม่มี PNG, SVG และ PDF ดาวน์โหลดได้สะอาด ไม่มีลายน้ำ และไม่ต้องสมัครสมาชิก
ผังของฉันเก็บไว้ที่ไหน
เก็บในเบราว์เซอร์ของคุณเท่านั้น ไม่มีอะไรส่งไปเซิร์ฟเวอร์ เบราว์เซอร์อาจลบข้อมูลของเว็บไซต์เมื่อพื้นที่ไม่พอหรือถ้าไม่ได้เปิดเว็บไซต์นานๆ ผังที่สำคัญจึงควรดาวน์โหลดเป็นไฟล์ ด้วย “ดาวน์โหลดไฟล์ผัง” ในหน้าต่าง “ดาวน์โหลด” หรือใน “ผังของฉัน”
ใช้บนมือถือได้ไหม
ได้ ลากรูปทรงด้วยนิ้ว ลากที่ว่างเพื่อเลื่อนแผ่นงาน และใช้สองนิ้วเพื่อซูม แตะสองครั้งเพื่อแก้ข้อความ กดค้างเพื่อเปิดเมนูคำสั่ง และรูปทรงอยู่ในแผงด้านล่าง
ทำผังงานตาม ISO 5807 อย่างไร
เลือกสไตล์ “ISO 5807” ตั้งขนาด a และฟอนต์ แล้วตรวจผังด้วยคำแนะนำ สำหรับรายงานหรือวิทยานิพนธ์ ให้ดาวน์โหลด PNG 300 dpi หรือ SVG
ทำไมเลือกข้อความใน PDF ไม่ได้
ใน PDF ตัวอักษรถูกวาดเป็นเส้นขอบ ผังจึงดูเหมือนกันทุกเครื่องแม้ไม่มีฟอนต์ของเรา ถ้าต้องการข้อความที่เลือกได้ ให้ดาวน์โหลด SVG โดยติ๊ก “เก็บตัวอักษรเป็นข้อความ”
เขียนในรูปทรงเป็นภาษาอะไรได้บ้าง
ได้ทุกภาษาของเว็บไซต์ รวมถึงอักษรที่เขียนจากขวาไปซ้าย และอักษรจีนกับญี่ปุ่น ฟอนต์ Noto จะโหลดตามข้อความของคุณ ภาษาอูรดูใช้ตัวอักษรแบบนัสค์ ไม่ใช่นัสตาลีก เพราะฟอนต์นัสตาลีกหนักเกินหนึ่งเมกะไบต์ อีโมจิและอักขระของระบบเขียนอื่นจะแสดงใน PNG ด้วยฟอนต์ของระบบ และจะไม่อยู่ใน PDF หน้าต่าง “ดาวน์โหลด” จะเตือนไว้ก่อน
ผังใหญ่ได้แค่ไหน
ไม่มีขีดจำกัด ผังที่มี 200 รูปทรงและ 300 ลูกศรเลื่อนได้ลื่นแม้บนมือถือที่ช้า ระหว่างลาก ลูกศรจะวาดเป็นเส้นหักแบบง่าย และจะคำนวณเส้นทางจริงเมื่อคุณปล่อยรูปทรง
ใช้ฟรีไหม
ใช่ ฟรีทั้งหมดและไม่ต้องสมัครสมาชิก เครื่องมือทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์ไม่ถูกส่งไปยังเซิร์ฟเวอร์ เซิร์ฟเวอร์จึงไม่ใช้ทั้ง CPU และแบนด์วิดท์ — จึงไม่มีเหตุผลที่จะเก็บเงิน ไม่มีลายน้ำ ไม่มีข้อจำกัดเรื่องขนาดหรือจำนวนไฟล์