JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Software Engineering  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友    訂閱主題
reply to topicthreaded modego to previous topicgo to next topic
本主題所含的標籤
無標籤
作者 嘗試自行架構WEB UML
id21





發文: 12
積分: 0
於 2010-01-06 01:09 user profilesend a private message to usersend email to id21reply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
以前畫UML圖習慣用window 的smartdraw程式,但畫完的圖要放到web上時,只能轉成JPG或GIF檔,變成圖片後,如果想說要點某些指定區塊圖形,類似超連結去開啟指定視窗或執行指定功能,就必須事後重新作區塊定位,顯得有些麻煩,另外變更設計也需重新轉出圖檔再放到web上,也是不方便之一.如果原UML構圖過程中的物件點選與向量繪圖功能可以保留到web上的話,就會相對方便許多.

發現SVG領域有人開發出Raphael,此js library可以讓向量圖形在 web上面呈現的工作變成比較簡單些,個人就用Extjs與其Ajax開始搭配Raphael實作一些自己會用到的UML工具,目的是透過web跟team組員或客戶直接在web上溝通一些系統分析的事情,先寫table relation示意圖,雛形如下

http://www.idon.com.tw/uml.jsp

上面範例是某客戶專案中的客戶產品檔的table配置圖,當來自給Extjs的panel內含的SQL子句定義,透過Ajax讀出與js解析後,會自動產生table 圖框,與其關連配置線形與說明.

未來會再增加多種圖形,如三角形,多邊形,圓形,線形等流程圖.示意圖常用物件選單.這樣操作者面對WEB UML圖就可直接進入WEB資料庫應用系統,另外再開放加註意見框或直接修改系統流程的權限,對於系統初期架構與需求分析溝通應該會很方便.

目前只測試瀏覽器chrome,safari,firefox,在IE上還不太正常.

Raphael 網址:http://raphaeljs.com/index.html


id21 edited on 2011-12-18 23:50
reply to postreply to post
作者 Re:嘗試自行架構WEB UML [Re:id21]
akin





發文: 24
積分: 0
於 2010-01-19 12:28 user profilesend a private message to usersend email to akinreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
id21 wrote:
以前畫UML圖習慣用window 的smartdraw程式,但畫完的圖要放到web上時,只能轉成JPG或GIF檔,變成圖片後,如果想說要點某些指定區塊圖形,類似超連結去開啟指定視窗或執行指定功能,就必須事後重新作區塊定位,顯得有些麻煩,另外變更設計也需重新轉出圖檔再放到web上,也是不方便之一.如果原UML構圖過程中的物件點選與向量繪圖功能可以保留到web上的話,就會相對方便許多.

發現SVG領域有人開發出Raphael,此js library可以讓向量圖形在 web上面呈現的工作變成比較簡單些,個人就用Extjs與其Ajax開始搭配Raphael實作一些自己會用到的UML工具,目的是透過web跟team組員或客戶直接在web上溝通一些系統分析的事情,先寫table relation示意圖,雛形如下

http://www.idon.com.tw:8080/myapp/flyjs/uml_svg_test.html

上面範例是某客戶專案中的客戶產品檔的table配置圖,當來自給Extjs的panel內含的SQL子句定義,透過Ajax讀出與js解析後,會自動產生table 圖框,與其關連配置線形與說明.

未來會再增加多種圖形,如三角形,多邊形,圓形,線形等流程圖.示意圖常用物件選單.這樣操作者面對WEB UML圖就可直接進入WEB資料庫應用系統,另外再開放加註意見框或直接修改系統流程的權限,對於系統初期架構與需求分析溝通應該會很方便.

目前只測試瀏覽器chrome,safari,firefox,在IE上還不太正常.

Raphael 網址:http://raphaeljs.com/index.html


有夢最美....


reply to postreply to post
作者 Re:嘗試自行架構WEB UML [Re:id21]
id21





發文: 12
積分: 0
於 2010-03-26 15:50 user profilesend a private message to usersend email to id21reply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
有夢就有機會完成一些設計,有夢沒動手做,就甚麼都沒有,不是嗎?

最近將此程式再修改了一些,方框,圓框,菱形,圖片,連接線等都已加上去,也將類似Excel 的氣泡說明框也放上去,這樣在線上跟客戶溝通問題,或寫分析文件.操作手冊等,都很方便.也有客戶開始在上面貼東西了.

未來再套用網路字型,就可線上設計名片,型錄,日曆等,因為這些會用到很多字體,SVG套用網路字型還蠻可行的.

它的方便性在於可於WEB上呈現,在習慣以附檔mail 的溝通方式,word寫手冊之外,多一項溝通與文件管理的選擇,也多一些即時性效果.若說它是UML也許還有段距離,但個人感覺還蠻像WEB上的便利貼.


reply to postreply to post
作者 Re:嘗試自行架構WEB UML [Re:id21]
sing522





發文: 105
積分: 0
於 2010-03-28 16:40 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
感覺好棒喔!!Big Smile

reply to postreply to post
作者 Re:嘗試自行架構WEB UML [Re:sing522]
didifong





發文: 44
積分: 0
於 2010-03-28 18:03 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
超強
這樣直接在web實作UML
也不錯哩


reply to postreply to post
class Holo
{
public static void main(String arge[])
{
String str = "大家好阿!!";

System.out.print(str);
}
}
作者 Re:嘗試自行架構WEB UML [Re:id21]
id21





發文: 12
積分: 0
於 2011-12-19 00:17 user profilesend a private message to usersend email to id21reply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
好像蠻少人用javascript SVG 在寫 web 繪圖,有看過 cacoo 的作品,不過有人說 cacco 是用 flash 寫的.

一下子又經過兩年了,還是不多人用javascript 在寫web 繪圖,可能沒市場還是甚麼,無從得知,但因為自己用到所以有時也抽空繼續在改此程式,當給客戶的商業系統開發中或完成後,均可將開發細節繪在上面,就像在寫系統規格書,或 knowhow 筆記,另外也可做一些開發工程等管理,如連結 table或 function code 等管理,甚至可跟客戶工程師線上共同討論與編輯,感覺還蠻方便的.

目前繪的圖也可用 jquery 定義任一 DIV,然後塞在該 DIV 裡面,以前寫html 網頁插流程圖,習慣把圖存成JPG 圖檔再由 html 掛進來,碰到修改的時候還要再匯出圖片一次,現在只要改流程圖,不必再匯出圖片,該 html 就可直接呈現,變方便多了.


reply to postreply to post
作者 Re:嘗試自行架構WEB UML [Re:id21]
id21





發文: 12
積分: 0
於 2018-05-04 14:29 user profilesend a private message to usersend email to id21reply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
不經意又看到8年前的貼文,好感動,只是感覺論壇沒有以前熱絡..

reply to postreply to post
作者 Re:嘗試自行架構WEB UML [Re:id21]
qrtt1





發文: 1748
積分: 31
於 2018-05-05 07:28 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
id21 wrote:
不經意又看到8年前的貼文,好感動,只是感覺論壇沒有以前熱絡..


就新手比較少 (汗


reply to postreply to post
蝸牛角上爭何事?石火光中寄此身,隨富隨貧且歡樂,不開口笑是癡人。
my notes
作者 Re:嘗試自行架構WEB UML [Re:id21]
kentyeh





發文: 643
積分: 6
於 2018-05-07 01:32 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
id21 wrote:
不經意又看到8年前的貼文,好感動,只是感覺論壇沒有以前熱絡..

應該是網路可以查到的資訊越來越多,不太需要到這裡來問了吧!
而且在PTT上看到的討論
我覺得Java到了Oracle手上,Oracle只是把Java當作用來斂財的
工具,跟本沒有想要繼續好好發展Java的心思


reply to postreply to post
» JWorld@TW »  Software Engineering

reply to topicthreaded modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8