การสร้าง diagram online ด้วย draw.io
- Posted by Jirapa Sujiranutham
- Categories Explicit Knowledge, การจัดการความรู้, ชุมชนนักพัฒนา
- Date August 24, 2023
เนื่องจากการสร้าง diagram ในรูปแบบต่าง ๆ ในปัจจุบันมีค่าใช้จ่ายในการซื้อโปรแกรมลิขสิทธิ์ที่มีราคาแพง และต้องมีการติดตั้งโปรแกรมในเครื่องคอมพิวเตอร์ ดังนั้น draw.io จึงเป็นทางเลือกหนึ่งในการใช้งาน ซึ่งสามารถใช้งานในรูปแบบ online โดยไม่มีค่าใช้จ่าย สามารถจัดเก็บ diagram ไว้บน cloud หรือ บนเครื่องคอมพิวเตอร์ของเราได้
เริ่มต้นโดยไปที่เว็บไซต์ www.draw.io จะมีหน้าต่างให้เลือกที่เก็บข้อมูล ดังนี้

ขอเลือกจัดเก็บไว้ที่ device ของตนเอง เนื่องจากบน cloud จะมีการร้องขอสิทธิ์การเข้าถึงที่จัดเก็บ

คลิกเลือก Create New Diagram จะแสดงหน้าต่างให้เลือกประเภทของ diagram ดังนี้
แบบ Basic

แบบ Business

แบบ Charts

แบบ Cloud

แบบ Engineering

แบบ Flowcharts

แบบ Maps

แบบ Network

แบบ Other

แบบ Software

แบบ Tables

แบบ UML

แบบ Venn

แบบ Wireframes

แบบ Layout

ตัวอย่างการใช้งาน คือ คลิกเลือก รูปแบบ diagram ที่ต้องการ ในที่นี้เลือกรูปแบบ Flowcharts โปรแกรมจะแสดงแบบสำเร็จรูปให้เราในเบื้องต้น ต่อจากนั้นให้เรา double click เปลี่ยนข้อความในจุดต่าง ๆ ได้ เพื่อให้เราสามารถตกแต่งเพิ่มเติมภายหลังได้ เมื่อเราเลื่อนรูปภาพที่อยู่ใน diagram ลูกศรก็มีการปรับเปลี่ยนทิศทางไปด้วย ใครที่เคยใช้งานโปรแกรมอื่น ๆ สร้าง diagram ก็สามารถใช้งานนี้ได้อย่างง่ายดาย

ทางด้านซ้ายมือเราสามารถเลือก สัญลักษณ์ต่าง ๆ เข้ามาอยู่ใน diagram เดียวกันได้ แม้จะเป็น diagram ที่แตกต่างกัน เช่น สัญลักษณ์เกี่ยวกับ UML, Entity Relation หรือ Basic เป็นต้น



สามารถ export เป็นไฟล์ต่าง ๆ ได้หลากหลาย เช่น PNG, JPEG, SVG, PDF, VSDX(beta), HTML, XML, URL เป็นต้น หรือมีการจัดเก็บแบบ embed ได้
อ้างอิง : https://www.it24hrs.com/2022/draw-io-diagram-flowchart
You may also like
ในองค์ความรู้นี้จะนำเสนอ การเขียนโปรแกรมบีบอัดและรวมไฟล์รูปภาพในรูปแบบ ZIP สำหรับระบบบัตรพนักงาน มหาวิทยาลัยบูรพา ซึ่งแบ่งเป็นขั้นตอนการดำเนินการ ดังนี้ ทำการดาวโหลดไฟล์รูปภาพจาก MinIO มาลงที่โฟลเดอร์ storage แสดงดังภาพ สร้างฟังก์ชันสำหรับ บีบอัดและรวมไฟล์รูปภาพในรูปแบบ ZIP แสดงดังภาพ ไฟล์ Zip ที่ออกจากระบบ แสดงดังภาพ อ้างอิง https://www.php.net/manual/en/class.ziparchive.php
การสร้าง QR Code ในรูปแบบนามบัตรดิจิทัล (vCard) บน Laravel Framework เพื่อใช้กับระบบบัตรพนักงานของมหาวิทยาลัยบูรพา
ในองค์ความรู้นี้จะนำเสนอ การสร้าง QR Code ในรูปแบบ vCard สำหรับบัตรพนักงาน มหาวิทยาลัยบูรพา ซึ่งแบ่งเป็นขั้นตอนการดำเนินการ ดังนี้ 1. การติดตั้ง Package สำหรับสร้าง QR Code ที่ชื่อ simplesoftwareio/simple-qrcode โดยติดตั้งผ่าน Composer คำสั่ง : composer require simplesoftwareio/simple-qrcode 2. สร้างฟังก์ชันสำหรับ QR Code ในรูปแบบ vCard ซึ่งโครงสร้างข้อมูล ต้องเริ่มต้นด้วย BEGIN:VCARD และจบด้วย END:VCARD และฟิลด์ที่กำหนดค่าที่สำคัญ เช่น ชื่อ (FN) …
ที่มา/ปัญหา เพื่อให้การใช้งาน Docker Volumes ร่วมกับโปรแกรม Cursor และ Git Azure ได้อย่างมีประสิทธิภาพจึงต้องทำการเชื่อมต่อข้อมูลไฟล์ Project กับ Container และใช้ SSH ในการเชื่อมต่อโดยมีขั้นตอนการทำดังต่อไปนี้ สิ่งที่จำเป็นและต้องเตรียม ๑. Docker Desktop ๒. Docker Container ๓. Extension SFTP ของ Cursor หรือ VS Code ขั้นตอนการติดตั้งและใช้งาน ๑. ติดตั้ง OpenSSH Server โดยเข้าไปที่ Container Exec แล้วลองพิมพ์ …
