การสร้าง 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
การลงทะเบียนและการตั้งค่าบริการ API Google’s OAuth 2.0 เพื่อให้เว็บแอปพลิเคชันสามารถเข้าสู่ระบบ (Login) ผ่าน Google Account มีขั้นตอนดังนี้ 1. พิมพ์ URL https://console.cloud.google.com และคลิก Select a project 2. คลิก New project 3. กรอกข้อมูลชื่อโครงการ (Project name) ให้ครบถ้วน จากนั้นคลิกปุ่ม Create 4. คลิกเมนูหลักที่มุมบนด้านซ้าย เพื่อให้แสดงเมนูทั้งหมด 5. คลิกที่เมนู APIs & Services จากนั้นเลือก Credentials …
จากการปฏิบัติงานพัสดุสำนักคอมพิวเตอร์ มหาวิทยาลัยบูรพา ที่ผ่านมาพบปัญหาเรื่องของการบริหารสัญญางานจัดจ้างเหมาทำความสะอาดอาคารสำนักคอมพิวเตอร์ และอาคารเฉลิมพระเกียรติฉลองสิริราชสมบัติครบ 60 ปี (KB) (พื้นที่ให้บริการ IT Services ชั้น 1) จำนวน 1 งาน เนื่องจากผู้ปฏิบัติงานของคู่สัญญางานจัดจ้างเหมาทำความสะอาดอาคารสำนักคอมพิวเตอร์ได้ขาดงาน ดังนั้น การจัดทำสัญญาตามพระราชบัญญัติการจัดซื้อจัดจ้างและการบริหารพัสดุภาครัฐ พ.ศ. 2560 ประกอบระเบียบกระทรวงการคลังว่าด้วยการจัดซื้อจัดจ้างและการบริหารพัสดุภาครัฐ พ.ศ. 2560 สำนักคอมพิวเตอร์ ในฐานะผู้ว่าจ้าง จะต้องจัดทำสัญญาและบริหารสัญญา ให้เป็นไปตามเงื่อนไขหรือข้อกำหนดในสัญญา เพื่อรักษาสิทธิและประโยชน์ของหน่วยงานหรือคู่สัญญา ทั้งจะต้องปฏิบัติงานตามระเบียบ ข้อกำหนดของทางราชการ และข้อกฎหมายที่เกี่ยวข้อง ด้วยความเป็นธรรม และตรวจสอบได้การบริหารสัญญาเป็นหน้าที่ของคณะกรรมการตรวจรับ ตามพระราชบัญญัติการจัดซื้อจัดจ้างและการบริหารพัสดุภาครัฐ พ.ศ. 2560 ข้อ 100 ความว่า ในการดำเนินการตามสัญญาหรือข้อตกลง …
Excel AI Insight: ปลดล็อกพลังการวิเคราะห์ข้อมูลอัจฉริยะ
Excel AI Insight: ปลดล็อกพลังการวิเคราะห์ข้อมูลอัจฉริยะ หลายครั้งที่เรามีข้อมูลจำนวนมาก และต้องใช้เวลานานในการสรุปผล สร้างกราฟ หรือหาคำตอบให้ผู้บริหาร แต่ปัจจุบัน Excel มีเครื่องมือที่ช่วยให้การวิเคราะห์ข้อมูลเป็นเรื่องง่ายขึ้น นั่นคือฟังก์ชัน Analyze Data เครื่องมือนี้เปรียบเสมือน “นักวิเคราะห์ข้อมูลส่วนตัว” ที่ใช้ AI ช่วยมองหาความสัมพันธ์ แนวโน้ม และประเด็นสำคัญจากข้อมูลให้เราโดยอัตโนมัติ …
