2014年6月5日 星期四

網頁版心智圖軟體

目前市面上繪製心智圖的軟體相當多,主要可分為本機網頁兩種執行環境,本機模式指的是提供使用者安裝執行檔以便安裝於PC,它的執行效率佳且提供相當多的圖形及附加功能,但是無法解決在不同的設備及作業系統執行的問題,因此不方便攜帶使用;而網頁模式則解決了攜帶性的問題,只要有提供上網及支援瀏覽器的環境便能讀取及編輯心智圖,相當適合於目前多設備使用(如PC、平板、手機等)以及不同作業系統使用(如Windows、Linux、Mac OS)的複雜環境;因此近年來,提供網頁心智圖軟體的廠商愈來愈多,且大部份多以月租方式收費。



本機及網頁兩種執行環境的比較:


本機
網頁
僅提供使用
可自行安裝
需不需要安裝
需下載安裝
直接使用,不需下載安裝
需下載並安裝於自己的伺服器
執行方式
執行於本機PC
執行於廠商的伺服器
執行於自已的伺服器
是否免費
少部份為試用版需收費
大部份皆需收費
免費
是否需上網
不需要
需連網才能執行
不需連網但需能連到伺服器
提供功能與圖形
心智圖即時共用或分享
大部份不可
少部份可
可:WiseMapping
不可: Mindmaps
心智圖儲存於
個人PC
廠商的伺服器
自己的伺服器
攜帶性
,需在不同的設備安裝相對應的軟體。
,可同時在不同的設備中開啟。
,可同時在不同的設備中開啟。
存取性
,只要能連上網便能開啟
,僅開放在企業內部使用
安全性
(放置於個人PC)
(放置於廠商伺服器)
(放置於自己的伺服器)
工具種類
執行效率
(直接於本機執行)
(視internet速度及廠商主機效率而定)
(視local網路速度及主機效率而定)
範例工具

一)WiseMapping與Mindmaps
本文要介紹的網頁心智圖軟體WiseMapping與Mindmaps,為目前僅有的少數兩套開源免費軟體,它們相當適合要求安全性與主控性的公司企業使用,由於必須安裝於伺服器上,因此安裝與設定比起其它類型的心智圖軟體較為複雜;其中,WiseMapping在之前的知識文件中有專文介紹,所以我把之前的重點節錄於本文中,另外再加入Mindmaps的部份。

WiseMapping與Mindmaps兩者用途的差異,在於前者功能較多,可與企業的AD結合創造多人共享的心智圖環境,後者則屬於單人用途,適合應用在會議或演講等需要快速製作心智圖的場合。

A)WiseMapping
  Wisemapping是一套免費開源的軟體,採用HTML 5 + Java Web開發並建構於Web server上,它與其它市面上常見的mind mapping tools不同的之處,在於除了可安裝建置於公司內部之外,還支援多人分享及共同編輯等功能,因此,除了作為個人使用的mind mapping tool之外,亦適合作為團體的Brain storming ideas工具。

如果我們連到Wisemapping的網站,會發現它的說明文件便是直接用mind maps的方式來製作(https://app.wisemapping.com/c/maps/3/try),相當一目瞭然,使用者也直接就清楚了wisemapping的特色和可達到的功能。

    如同大部份的mind mapping tools,我們可以直接在Wisemapping網站上(https://app.wisemapping.com/c/login)註冊自己的帳號並開始使用,所建立的圖表將會直接儲存在網站上,往後在任何地方或使用任何工具,只要登入帳號便可繼續使用,這種方式也是大部份市面的線上版本(均為商業性付費版),如MindMeister、Mind42.com、Mindomo、bubbl.us、Spinscape等等mind mapping軟體所採用的方式;但儲存於第三方的網站空間而非儲存自己硬碟上總是讓人不放心,尤其是企業用戶,因此,Wisemapping也開放直接下載,一般人也可以安裝在自己的Linux機器上使用。

I)環境準備:
準備一台建置於VMWare的虛擬機器:
    • RAM: 1GB
    • HD: 15GB
    • IP: 172.30.8.115 (server網段)
    • OS: CentOS 6.0 64bits 預設安裝
II)安裝Wisemapping:
  1. 安裝 Java Development Kit 7 (或以上) 的Java SDK,可從http://java.sun.com/javase/downloads/index.jsp下載
  2. https://docs.google.com/a/wisemapping.com/forms/d/1k2VanrKTgBQBl4dut85weWOZdYvP-NE7KSdmTbmn7yI/viewform下載Wisemapping source(需先註冊,目前為wisemapping-v3.0.2版本)
  3. 將下載的wisemapping-v3.0.2解壓至/usr/local下(其它目錄也可)
  4. 下載的source已包含了jetty這套Java HTTP Servlet Server,預設port為8080,wisemapping的目錄則位於webapps/之下.
  5. 進入/usr/local/wisemapping-v3.0.2,下此command便可啟動jetty web server:java -Dorg.apache.jasper.compiler.disablejsr199=true -jar start.jar
  6. 開啟瀏覽器,進入網址http://172.30.8.115:8080/wisemapping即可看到如下畫面
III)將後端資料庫更改為mysql:
Wisemapping的資料庫預設是使用HyperSQL,它是一套用java編寫輕量型的資料庫;但若要將wisemapping作為production使用,官方建議後端要更改為mysql DB.
      1. 安裝mysql server:
我們可透過yum或者下載source( http://dev.mysql.com/downloads)來安裝.
但需注意的是,mysql版本需求為5.5以上,若需要用更新方式升級,可採用下列的方法:
        • 增加升級mysql到5.5的來源
rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm
        • yum upgrade mysql-server
      • 啟動mysql server並更改root預設密碼.
      • 進入/usr/local/wisemapping-v3.0.2/config/database/mysql,透過mysql執行下列的sql:
create-database.sql: 建立資料庫及使用者帳戶
create-schemas.sql: 建立表格和索引.
test-data.sql: 建立範例檔和測試帳號 ("test@wisemapping.org" with password "test")
      1. 進入/usr/local/wisemapping-v3.0.2/webapps/wisemapping/WEB-INF,修改app.properties檔案,將所有HSQL的區域用「#」mark起來,mysql區域則將「#」清除.
      2. 執行java -Dorg.apache.jasper.compiler.disablejsr199=true -jar start.jar即可啟動jetty server.
IV)修改相關的icon檔案:
我們可以修改位於/usr/local/wisemapping-v3.0.2/webapps/wisemapping/images的圖片/Logo檔,將整體網站修飾為公司的形態如下:
V)使用說明:
    1)進入網址:http://172.30.8.115:8080/wisemapping
    2)註冊自己的帳號
Wisemapping有支援LDAP的認證,但在與Microsoft AD的認證方面,目前測試無法成功連線,尚待更深入的測試研究,因此暫時需要由使用者自行註冊帳號來登入.
    3)使用者在註冊後便可直接登入使用:
    4)將mouse停在按鈕上方便會顯示其功能:
   
5)將檔案與其他人共用:

6)將檔案公開,任何登入的同仁皆可看見:

7)詳細的檔案修改記錄,並且可以回復或瀏覽:

8)支援多種格式的匯出勁能:
ps. JPG, PNG, PDF的格式匯出後,檔案大小為0,因此無法開啟,此為系統的bug,已有其他網友詢問中,此問題尚待解決.

B)Mindmaps
    這套軟體是一位目前服務於IT顧問公司CompuCom,名為David (drichard)工程師的大作,由HTML5編寫,整體的使用相當簡便,不需要說明也能很快的上手,繪製出的圖形相當簡捷有力,透過拖拉每個節點上的紅點,便可以快速的產生與繪製心智線條;不過也因為太容易使用了,所以附加的功能與圖形變化也相當少,基本上,就只有文字大小、顏色、粗細的調整,連節點的外框也無法選擇,但若在會議或演講等需要快速繪製心智圖的情況下,這是最佳的選擇。

I)環境準備:
    建議可安裝在與wisemapping相同的主機上,兩者預設使用不同的port(Wisemapping: 8080,Mindmaps:80),且使用群不同(Wisemapping: 多人共用分享,Mindmaps: 單人使用),因此並不會衝突。

II)安裝
    先安裝NodeJS及NPM
$sudo yum install nodejs npm
    下載安裝檔,解壓並執行下列步驟:
unzip master
cd mindmaps-master/
npm --unsafe-perm install
jake -f Jakefile.js
mv bin /var/www/html/
cd /var/www/html/
mv bin mindmap

III)使用及操作
        安裝後便可以直接使用:http://mindmap.sunplusit.com.tw/mindmap/










    按鈕說明:

    工具列說明:
C)將連結整合於Notes的首頁
   


沒有留言:

張貼留言