แนะนำเครื่องมือวาดไดอะแกรม (diagram) บีพีเอ็มเอ็น (BPMN)

การใช้งานและ แนะนำโปรแกรมเกี่ยวกับ งานบัญชี และ ERP อีอาร์พี

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
md040
PHP Super Member
PHP Super Member
โพสต์: 265
ลงทะเบียนเมื่อ: 07/11/2016 10:37 am

แนะนำเครื่องมือวาดไดอะแกรม (diagram) บีพีเอ็มเอ็น (BPMN)

โพสต์โดย md040 » 16/11/2016 3:52 pm

บีพีเอ็มเอ็น (BPMN) เป็นมาตรฐานของการสร้างแผนภาพกระบวนการทางธุรกิจที่มีกระบวนการที่มีจุดเริ่มและจุดจบที่ชัดเจน ที่ให้เกิดเข้าใจที่ตรงกันระหว่างลูกค้า และทีมพัฒนาระบบ เพื่อลดปัญหาระหว่างการพัฒนา

Bpmn2.png
Bpmn2.png (16.71 KiB) เปิดดู 536 ครั้ง

เครื่องมือวาดไดอะแกรม (diagram) บีพีเอ็มเอ็น (BPMN) ทั้งแบบติดตั้งบนพีซี หรือทำงานผ่านอินเตอร์เน็ต (internet) ทำการ login (ล็อกอิน) และสร้างไดอะแกรมบนหน้าเว็บเบราว์เซอร์ (web browser) ได้เลย

>>รวมข้อมูลเครื่องมือในการพัฒนา
screenshot-bpmn.io-2016-11-16-15-30-25.png
screenshot-bpmn.io-2016-11-16-15-30-25.png (38.96 KiB) เปิดดู 536 ครั้ง

ตัวอย่าง เครื่องที่ใช้สร้างไดอะแกรมบีพีเอ็มเอ็น (BPMN)
    - https://www.draw.io (ออนไลน์) ฟรีไม่มีค่าใช้จ่าย สามารถสร้างไดอะแกรมได้เลย หรือจะ login (ล็อกอิน) ก็ได้
    - Visual Paradigm (ติดตั้งลงบนเครื่องพีซี) สำหรับตัวนี้มีค่าใช้จ่าย
    - bpmn.io (ทดลองออนไลน์, ติดตั้งบนเครื่องพีซี) สำหรับตัวนี้เป็น Open Source (โอเพ่นซอร์ส)
    - Eclipse (ติดตั้งบนเครื่องพีซี) สำหรับตัวนี้เป็น Open Source (โอเพ่นซอร์ส)
    - Eunomia Process Builder (ติดตั้งลงบนเครื่องพีซี) มีค่าใช้จ่าย
    - Calligra Flow (ติดตั้งบนเครื่องพีซี) สำหรับตัวนี้เป็น Open Source (โอเพ่นซอร์ส)
ที่มาภาพ: http://www.bpmn.org/

ภาพประจำตัวสมาชิก
md040
PHP Super Member
PHP Super Member
โพสต์: 265
ลงทะเบียนเมื่อ: 07/11/2016 10:37 am

Re: แนะนำเครื่องมือวาดไดอะแกรม (diagram) บีพีเอ็มเอ็น (BPMN)

โพสต์โดย md040 » 16/11/2016 6:18 pm

แนะนำขั้นตอนการสร้างไดอะแกรม บีพีเอ็มเอ็น (BPMN) ด้วยโปรแกรม Calligra Suite (แควลิก้า สวีท)
โปรแกรม Calligra Suite (แควลิก้า สวีท) เป็นเครื่องมือสำหรับวาด Diagram (ไดอะแกรม) และ Flowchart (โฟรชาร์ท) เป็นโปรแกรม Open Source (โอเพ่นซอร์ส)
สามารถดาวน์โหลดมาติดตั้งได้ฟรี สำหรับระบบปฏิบัติการ Ubuntu (อูบุนตู) สามารถติดตั้งผ่าน ubuntu software center (อูบุนตู ซอร์ฟแวร์ เซ้นเตอร์) ได้เลย แค่ค้นหา Calligra Suite (แควลิก้า สวีท) กด install (อินสตอล) เป็นอันเสร็จสิ้น
>> หน้าแรกเมื่อเริ่มต้นโปรแกรม โปรแกรมให้เลือกว่าจะ
    - Empty Landscape Document (เอ็มตี้ แลนด์สเคป ดอกคิวเม้น) คือการสร้าง file (ไฟล์) ใหม่ในแนวนอน
    - Empty Portrait Document (เอ็มตี้ โพทริท ดอกคิวเม้น) คือการสร้าง file (ไฟล์) ใหม่ในแนวนอน
    -หรือ Recent Documents (รีเซ้นต์ ดอกคิวเม้น) คือเปิด file (ไฟล์) เก่าขึ้นมาแก้ไขใหม่
Selection_313.png
Selection_313.png (47.16 KiB) เปิดดู 532 ครั้ง

หลังจากเลือก Empty Landscape Document (เอ็มตี้ แลนด์สเคป ดอกคิวเม้น) จะได้หน้าว่างขึ้นมา
Flow [modified]_304.png
Flow [modified]_304.png (69.67 KiB) เปิดดู 532 ครั้ง

กล่องเครื่องมือ สัญลักษณ์ของไดอะแกรม (Diagram) ต่างๆ เช่น BPMN (บีพีเอ็มเอ็น), cisco (ซิสโก้) เป็นต้น
Selection_307.png
Selection_307.png (54.35 KiB) เปิดดู 532 ครั้ง

ขั้นตอนการวาด Diagram (ไดอะแกรม) ก็ไม่ยากเพียงแค่ลากสัญลักษณ์จากกล่องเครื่องมือมาวางที่ workspace (เวิร์คสเปซ) และลากลูกศรเชื่อมโยงกันระหว่างสัญลักษณ์
Selection_311.png
Selection_311.png (17.88 KiB) เปิดดู 532 ครั้ง

Selection_315.resized.png
Selection_315.resized.png (90.49 KiB) เปิดดู 532 ครั้ง

การใช้สัญลักษณ์ใดนั้น ก็ขึ้นอยู่กับไดอะแกรม (Diagram) ที่เรากำลังจะวาด
แต่โปรแกรมนี้ก็มีจำกัดที่เวลาบันทึก file (ไฟล์) ได้แค่สองชนิด คือ .odg (ดอทโอดีจี), .otg (ดอทโอทีจี)
.odg สำหรับรูปกราฟิก และ .pdf (ดอทพีดีแอฟ) เท่านั้น

>> Download สำหรับระบบปฏิบัติการอื่นๆ

ที่มารูปภาพ : https://commons.wikimedia.org/wiki/File:Bpmn2.png

wilawan
PHP Super Member
PHP Super Member
โพสต์: 340
ลงทะเบียนเมื่อ: 04/06/2018 9:58 am

Re: แนะนำเครื่องมือวาดไดอะแกรม (diagram) บีพีเอ็มเอ็น (BPMN)

โพสต์โดย wilawan » 28/06/2018 6:06 pm

การเขียน BPMN ด้วยโปรแกรม draw.io

1. ไปที่เว็บไซต์ http://www.draw.io แล้วเลือก Create New Diagram

รูปภาพ

2. ตั้งชื่อแผนภาพที่ต้องการ เลือก Template ที่ต้องการ แล้วกดปุ่ม Create

รูปภาพ

3. เลือกโฟลเดอร์ที่ต้องการจัดเก็บไฟล์ แล้วกดปุ่ม Select

รูปภาพ

4. แสดงหน้าจอการทำงาน (1) เมนูต่างๆ (2) สัญลักษณ์ต่างๆ (3) ส่วนปรับแต่งสัญลักษณ์ (4) พื้นที่การแสดงแผนภาพ

รูปภาพ

5. จะเห็นว่า เมื่อเลือก Template ที่ต้องการมาแล้ว โปรแกรมจะแสดง template เป็นดังภาพ หากไม่ต้องการส่วนใด ให้ลบออก โดยคลิกที่สัญลักษณ์ที่ต้องการลบออก แล้วคลิกขวา เลือก Delete

รูปภาพ

6. สามารถค้นหาสัญลักษณ์ BPMN จากช่องค้นหาทางด้านซ้ายได้

รูปภาพ

7. คลิกเลือกสัญลักษณ์ที่ต้องการจากทางด้านซ้าย แล้วลากไปวางบนตำแหน่งที่ต้องการ (รู้จักสัญลักษณ์ BPMN)

รูปภาพ

8. จากนั้น คลิกที่สัญลักษณ์ที่ต้องการปรับแต่ง แล้วไปตั้งค่าต่างๆ ได้ที่ทางด้านขวาของหน้าจอ

รูปภาพ

9. ในกรณีที่มี Process หลายกล่อง ต้องการให้เรียงแถวอยู่ในแนวเดียวกัน เว้นระยะห่างเท่ากัน ปรับขนาดกล่องให้เท่ากัน สามารถไปตั้งค่าที่ Arrange > Size เพื่อปรับขนาด และ Arrange > Position

รูปภาพ

10. เมื่อสร้างแผนภาพเสร็จสิ้น สามารถส่งออกไฟล์ เพื่อนำไปใช้งานต่อได้ โดยไปที่เมนู File > Export as > … ซึ่งมีให้เลือกรูปแบบที่หลากหลาย ตามการใช้งาน

รูปภาพ

11. กำหนดค่าตามต้องการ แล้วกดปุ่ม Export

รูปภาพ

12. เนื่องจากไฟล์นี้ เป็นการทำบน Google Drive เราสามารถที่จะแชร์งานนี้ เพื่อให้ผู้อื่นร่วมดู แก้ไข ได้ โดยไปที่เมนู File > Share

รูปภาพ

13. ระบบแสดงหน้าสำหรับกรอกอีเมล ผู้ที่ต้องการจะแชร์งานนี้ไปให้ แล้วกดปุ่ม เสร็จสิ้น

รูปภาพ


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 163 และ บุคคลทั่วไป 0 ท่าน