ไดอา (Dia) = Diagram
Home  Contents KMArticlesMembersSponsorsAbout us

ปรับปรุง : 2556-06-23 (ปรับ template)
ขอบซ้ายขอบบน
ไดอา (Dia)

+ http://www.thaiall.com/article/chantra.htm
+ http://projects.gnome.org/dia/
+ Flowchart by dia
+ Download Dia 0.97.2
(Flash Drive>bin/diaw.exe)
Dia - Diagram Drawing
+ Dia (ไดอะ) เป็นโปรแกรมวาดภาพกราฟฟิกส์แบบเวกเตอร์ที่ออกแบบมา เพื่อให้ใช้ในการ เขียนไดอะแกรมโดยเฉพาะ สามารถเขียนไดอะแกรมได้หลายชนิดอย่างรวดเร็ว Dia มี ชุดออปเจคที่ช่วยในการวาด entity relationship diagram, UML diagram, flowchart, network diagram ,วงจรไฟฟ้าอย่างง่าย ๆ รวมถึงไดอะแกรมอื่นๆ นอกเหนือจากที่กล่าวมา นอกจากนี้ Dia ยังสามารถที่จะเพิ่มเติมชุดออปเจคลงไปได้ ด้วยการเขียนไฟล์ XML
+ Dia อ่านและบันทึกไดอะแกรมด้วยฟอร์แมต XML แล้ว export ไดอะแกรมไปยังฟอร์แมต EPS หรือ SVG ได้ และสามารถพิมพ์ไดอะแกรมออกเครื่องพิมพ์ แม้ไดอะแกรมขนาดใหญ่ที่ใช้หลายหน้ากระดาษ ด้วยการพิมพ์ลงบนกระดาษหลายแผ่น เพื่อให้คุณสามารถนำไปเรียงต่อกันได้
+ Dia is an application for creating technical diagrams. Its interface and features are loosely patterned after the Windows program Visio. Features of Dia include multiple-page printing, export to many formats (EPS, SVG, CGM and PNG), and the ability to use custom shapes created by the user as simple XML descriptions. Dia is useful for drawing UML diagrams, network maps, and flowcharts.
1. เลือกเครื่องมือ
รายการเครื่องมือสำหรับวาดแผนภาพได้หลากหลาย ได้แก่ Assorted, ChemEng, Chronogram, Circuit, Cisco, Civil, Cybernetics, Electric, ER, Flowchart, Jigsaw, Logic, UML เป็นต้น
2. กำหนดชื่อ และข้อมูลเบื้องต้น
เมื่อนำ object มาวางใน sheet แล้ว สามารถกำหนดรายละเอียดของแต่ละ object เช่น class ก็จะกำหนดชื่อคลาสได้
3. กำหนดรายละเอียด (Attibutes) ขั้นตอนการใช้ Dia สร้าง Class (เบื้องต้น)
- ลากวัตถุ Class ใน UML มาไว้ใน Working Area
- กด Right Click บนวัตถุชื่อ Class แล้วเลือก Properties
- เปลี่ยนชื่อ Class เป็น DSam01
- แล้วเลือก Attributes Tab
- กดปุ่ม New เพิ่ม Attribute Data ชื่อ x มี type = int และ value = 5
- แล้วเลือก Operations Tab
- กดปุ่ม New เพิ่ม Operation Data ชื่อ main มี type = void
- กดปุ่ม New เพิ่ม Parameter ชื่อ Args[] เป็นแบบ String
- กดปุ่ม OK
- เลือก File จาก Menu Bar แล้ว Save แฟ้มในห้อง Java/bin ชื่อ DSam01.dia
- เลือก File จาก Menu Bar แล้ว Export เลือก By extension เป็น XSL Transformation filter(*.code) แล้ว Save
- เลือก From: URL To: Java
- ออกจาก Dia ไปเข้า DOS ตรวจสอบว่ามีแฟ้ม .java ชื่อ DSam01 หรือไม่
- ใช้ Compiler ทำการ Compile ตามด้วย Run โปรแกรม DSam01.java และ DSam01.class
4. กำหนด method สำหรับดำเนินการของ class
แต่ละ method จะรับค่าอะไร แล้วคืนค่าอะไรกลับมา เป็นผลจากการออกแบบ เพื่อให้ทั้งทีมเข้าใจตรงกัน แล้วต่างคนต่างแยกย้ายกันไปพัฒนาระบบ เมื่อส่วนของตนสมบูรณ์ก็จะนำมาประกอบเป็นร่าง ที่ขับเคลื่อนไปพร้อมกันได้
5. จัดเก็บแฟ้ม .dia
โปรแกรมจะต้องเก็บแผนภาพที่นำกลับมาแก้ไขได้โดยสมบูรณ์ ต้องกำหนดเป็นสกุล .dia แต่ถ้าเป็นสกุลอื่นก็จะนำไปใช้กับโปรแกรมอื่น แต่หากเปิดแฟ้มสกุลอื่นในโปรแกรม dia ก็อาจได้แผนภาพที่ไม่สมบูรณ์เท่ากับที่เก็บด้วย .dia
6. ส่งออกเป็น .code
หากสร้าง Class diagram แล้วส่งออก (export) เป็น .code ก็แสดงว่าต้องการ source code ที่จะนำไปเข้า editor เพื่อพัฒนาโปรแกรมต่อได้ทันที
7. จาก uml เป็น java
เมื่อสร้าง UML diagram แบบ class diagram แล้ว ก็จะมีตัวเลือกส่งออกเป็น .java เพื่อนำไปพัฒนาต่อได้

Microsoft Windows XP [Version 5.1.2600]
(C) Copyright 1985-2001 Microsoft Corp.
C:\Documents and Settings\Administrator>cd\
C:\>cd j2sdk1.4.2_03\bin
C:\j2sdk1.4.2_03\bin>dir DSam01.*
 Volume in drive C has no label.
 Volume Serial Number is 8850-D461
 Directory of C:\j2sdk1.4.2_03\bin
08/13/2006  08:40 PM               292 DSam01.class
08/13/2006  08:37 PM                 0 DSam01.code
08/13/2006  08:41 PM             1,144 DSam01.dia
08/13/2006  08:37 PM               119 DSam01.java
               4 File(s)          1,555 bytes
               0 Dir(s)  39,018,909,696 bytes free
C:\j2sdk1.4.2_03\bin>type DSam01.java
/*
 */
class DSam01 {
    public int x = 5;
    public final static void main(String args[]) {
    }
}
C:\j2sdk1.4.2_03\bin>javac DSam01.java
C:\j2sdk1.4.2_03\bin>java DSam01
C:\j2sdk1.4.2_03\bin>
การใช้ dia 0.97.2
ทำงานบน Flash drive
22 มิ.ย.56 ใช้ dia ปี 2556 พบว่าใช้งานไม่ต่างกับรุ่นก่อนหน้านี้ ที่วาด class diagram แล้วจัดเก็บเป็น .code และ .java ซึ่งแฟ้ม .java สามารถนำมา compile ผ่าน Java compiler ได้ หากวาด class diagram 2 ภาพ ก็จะได้แฟ้ม .java จำนวน 2 แฟ้มตามชื่อคลาส โดยมีตัวอย่าง code ดังต่อไปนี้

grandfather_dia.zip

grandfa.code
From:	D:\dia_0.97.2_win32\bin\grandfa.dia
With:	D:\dia_0.97.2_win32\xslt\dia-uml2java.xsl
To:	directory='file:///D:/dia_0.97.2_win32/bin\'

grandf.java
/*    
 */
class grandf {
    public String g = 5;
    public final int grand() {
    }
}

father.java
/*    
 */
class Father {
    public double f;
    private final String ma() {    
    }
    public final fa() {    
    }
}
"Imagination is more important than knowledge" - Albert Einstein
Home
Thaiabc.com
Thainame.net
Lampang.net
Nation university
PHP
MySQL
Visual basic.NET
TabletPC
Linux
Online quiz
Download
Search engine
Web ranking
Add website
Blog : Education
Blog : ACLA
Blog : Lampang
Facebook.com
Twitter.com
About us
My dream
Site map
Sponsor
http://goo.gl/72BPC