顯示具有 freemind 標籤的文章。 顯示所有文章
顯示具有 freemind 標籤的文章。 顯示所有文章

2009/03/24

Freemind 讓部份文字變色的方法

之前介紹 Freemind 這一套心智圖 (mindmap) 軟體時,有提到可以針對個別的節點來設定其格式。不論是要將文字放大縮小,或是要將節點的顏色改變都沒有問題。

藉由節點的格式設定,可以讓心智圖看起來比較顯眼明白,一眼就可以看到重點所在。

可是,問題來了,如果我不想要將整個節點文字都變色,而祇想將某幾個字變色就好,那怎麼辦呢?在 Freemind 中似乎沒有這樣的設定方式耶?

前一陣子剛好不小心發現有這樣的功能,今天又看到有網友在問,所以就寫一篇文章來介紹如何在 Freemind 中將某些字改變顏色的方法吧!!

無效的做法

假設底下是我們要處理的心智圖,我們希望將某些重點標記為紅色:

我們想到的就是從『格式 ==> 節點顏色』功能來進行:

可是這樣設定之後,整個節點都變色了,根本無法達成我們的需求:

其實要讓某幾個字變色,其他字不變是有方法的,我們可以用 HTML 來達成這個目的。

利用 HTML 改變 Freemind 字型顏色

什麼是 HTML 呢?嗯,HTML 是構成網頁的基本語言。你在任何一個網頁上按右鍵,選擇『檢視原始檔……』,祇要它不是用 Flash 畫出來的網頁,那麼你都會看到一堆奇奇怪怪的英文與數字的組合,那就是 HTML。

那個太難懂了嗎?不用擔心啦!我們祇要學兩個東西就好了,其他不懂也沒關係。

首先,每一個網頁最開頭一定都是由

<html>

開始,這個指令告訴瀏覽器:『嘿,我是一個網頁,準備瀏覽我吧!』。我們在 Freemind 中要使用 HTML 碼改變文字顏色時,也要先用 <html> 這個指令告訴 Freemind:『嘿,這個節點要用 HTML 代碼喔。』

然後要改變顏色,是用

<font color="顏色">

來進行。比方說要將文字變成紅色,就可以用

<font color="red">

這樣的指令,在這個指令之後的文字都會變成紅色。

你可以用幾個常見顏色的英文 (如 red、blue、black、white、yellow) 來改變文字顏色,也可以用十六進位編號來表示,如 #FF00000 來表示紅色。當你需要的顏色比較特殊時,可以利用一些免費的配色軟體幫你算出顏色的十六進位值,這樣就不受限於幾個常見的英文所表示的顏色了。

有了開始變色的指令,也要有一個結束變色的指令才能正常運作,否則有時可能會出錯。要結束變色,我們用的是

</font>

這個指令。你可以發現其實就是原本的 <font> 加上一個倒斜線就變成了結束指令 </font> 了。一般的網頁就是由一大堆 <XXX> </XXX> 指令組成的。這類指令很多,我們要變色的話,祇需記得 <font> </font> 就可以了。

那要怎麼將 HTML 加進節點之中呢?其實祇要按 F2 編輯節點就可以直接寫 HTML了。不過有時 HTML 一寫就寫很長,所以用 F2 直接編輯不是那麼方便,我們需要叫出另一個編輯畫面,讓我們可以好好的編輯一下。

要叫出編輯畫面,祇要在節點上按右鍵,選擇『編輯節點文字…』即可:

此時就會開啟一個視窗,讓你慢慢編輯啦!

我們在文字的最前方加入 <html> 表示要使用 HTML 碼,然後再於要變色的部份加上 <font> & </font> 指令。

加入變色指令

編輯完成後,按 OK 就發現被 <font> 與 </font> 夾住的字變成紅色了:

利用 XHTML 指令也可以改變顏色

不過剛剛的教學可能有些人要罵我亂教,現在應該用 <span> 指令代替 <font> 啦!

嗯,在 Freemind 中確實也可以用 <span> 來改變文字顏色:

其結果如下:

所以,如果對 XHTML 瞭解的人可以用 <span> 來下變色指令,至於之前不知道 HTML 是什麼的人,我是認為會用 <font> 就好啦!至少 <font> 比較好記,日後有興趣了,接觸多了,想用比較新、比較嚴謹的 HTML 時再改用 <span> 吧!:)

ps: 如果是用 0.9 版的 Freemind 就不需要這麼麻煩了!不過還是寫一下給舊版的使用者知道怎麼變字體顏色!:)

Technorati : , , , ,

2009/03/11

自由軟體推廣經驗分享

前一陣子接到立人國中湯慧玲組長的電話,她希望我能花 10~15 分鐘的時間分享一下在學校推廣自由軟體的經驗。

雖然說也沒什麼好的心得,但能有機會大家一起討論自由軟體的推廣心得應該是一件很不錯的事,如果分享之後能獲得其他老師的迴饋,那就賺到了!所以就答應湯組長的邀請了。

反正丟臉了,後面還有其他學校的分享,大家不會記得我的!!:)

我回家想了一晚上,有什麼是我能夠與大家分享的呢?想來想去,我從推廣如 OpenOffice.org 之類的大軟體,轉而推廣一些小工具的心路歷程,應該是可以分享的部份。

我利用 Freemind 畫好要分享的心得心智圖,再轉入 Xmind 中進行簡報,底下就是今天我上台報告的內容:

推廣自由軟體遭遇的困難

早期我在學校推動自由軟體是挑選 Firefox & Openoffice.org (OO.o) 這兩套軟體來推廣。但是教師已經習慣使用 MS Office 了,要老師改用 OO.o 其實滿困難的。尤其早期的 OO.o 並不是那麼的方便,中文字型的使用常有問題,所以老師在使用時有一堆的問題。

教師們又太聰明,能夠舉一反三,所以在教老師們使用 OO.o 時,老師們常常會問:『我要 XX 效果,在 OO.o 之中要怎麼操作?』

這時候就必須停下來,解決老師的疑惑。結果老師們學到的是滑鼠點點操作,而不是完整的概念,所以下一次遇到另一個狀況就又卡住。卡住的情況一多,老師們最後還是回到已經習慣的 MS Office 懷抱裡。

當然這不能怪老師們,因為 OO.o 雖然是個自由的軟體,但畢竟功能比起 MS Office 還有一些不足之處。即便是今年最新的 OO.o 3.0,它的畫表格功能還比不上 1999 年的 MS Office 2000;讀研究所需要寫論文的老師常會使用 EndNote 幫忙整理文獻,但 EndNote 也不支援 OO.o……總總問題讓 OO.o 的推廣充滿了困難。

那麼 Firefox 應該比較好推廣吧?哎,那可不。

我自己在家使用網路時利用 Firefox 瀏覽完全無礙,但老師必須要上的一些政府網站卻常常是 IE Only,要老師兩套瀏覽器換來換去,大家會覺得:『我就祇用習慣的 IE 就好啦!!』所以 Firefox 要推廣也是困難重重。

所以後來我做了一個殘酷的決定:將學校電腦的 MS Office 移除;IE 也從桌面上移除。

減少推廣的困難:強迫中獎

強迫中獎的方式,讓老師不得不接觸 OO.o & Firefox。不過,有次我們學校邀請育英的王勝雄主任來當研習主講人,王主任看著 Firefox 也不知道該如何是好。他問我:『沒有 IE 嗎?我實在用不慣 Firefox。』

台中市的資訊組長有許多人受過王勝雄主任的照顧,資訊教育他總是衝第一位,如果連王主任都無法適應 Firefox,我可以想像一般教師在使用 Firefox 時會有多少的挫折。

也許有些人會說:『反正用久了就習慣了!!』但我想的是,一個行政人員到底是自己的理念重要 (宣揚自由軟體),抑或是幫助教師重要?我認為是幫助教師比自己的理念更重要。

而且,對一般的教師而言,或許他還沒用習慣 Firefox 之前,就已經因為太多的挫折而習得無助感 (Learned Helplessness) 了。更不用提我為了宣導自由軟體,卻用了不自由的方式來達成這個目標的錯誤心態了。

所以我想,好,不宣導 OO.o、Firefox,將 MS Office & IE 還給老師,尊重老師的選擇。有人會說:『這樣老師給學生、家長的檔案都是不自由的!』沒關係,我安裝 PDF Creater 在教師用的電腦中,老師要把文件資料給學生、家長時大可轉成 PDF 格式,這就沒有什麼檔案格式的問題了。

然後我想,不宣導 OO.o、Firefox 之後,我能教老師什麼自由軟體呢?

我觀察到,大多數的人都是消費者,需要教材、教案,他可能優先上網找看看有沒有現成的資料,真的找不到,才由自己編寫一份教材、教案。所以消費者眾、生產者少,這是一般人使用資訊網路的現象。

既然生產者少,我宣導的主要目標就不以生產教材、教案為導向 (所以 eXe 之類的軟體先擱在一邊),而是以老師切身的需求進行自由軟體的推廣。找不到自由軟體,就用免費軟體來教。

因為這些軟體能切合老師的需求,要辦研習時老師比較有意願參與,等到老師對我有信任感,相信我宣導的東西都是能幫助他們的,那時再來推 eXe、OO.o 也不遲。所以我將老師辦公室的電腦重灌,將一些好用的小工具放在桌面上,並教導老師怎麼使用這些軟體。

新的推廣策略:符合教師需求

不強迫教師使用 OO.o & Firefox 之後,我重新思考推廣策略,將教師視為消費者,想想什麼樣的軟體才是教師需要的。我發現,其實在教學上,能夠真正幫助到老師的軟體並不是很多。

我最常遇到的問題是:『我在 Youtube 上看到一個影片很不錯,想要給學生看看,有沒有辦法把影片抓下來?』OK,針對這個問題,我建議老師可以使用 save2pc,就可以抓到許多 Youtube 上面的影片。

如果有老師想要設計教學大綱,我認為 Freemind (或是 Xmind) 是個很好的輔助軟體;Pointofix 可以當作電子白板;Audacity 可以錄音;Google Earth 可以看到世界各地地景,很適合地理 & 歷史教學使用。

就這樣,沒了。常見的軟體能運用在教學上的真的不太多,能用在國中程度的教學就更少一點了。

不過,教師並不是祇有教學需要用到軟體,教師在準備教材時也需要軟體的幫忙。比方說現在數位相機很方便,很多老師會幫學生拍照,相片一多就需要有方便的看圖軟體及修圖軟體。

在看圖方面,我推薦老師們使用 XnView,它的功能多、看圖快速,比起一般人常用的 AcdSee 方便的多。要修圖,我教老師們使用光影魔術手,功能簡單,但符合需求。

當相片或任何資料多了,備份就是一件很重要的工作。我建議老師們可以使用『資料備份精靈』這一套軟體來做備份,按個按鍵就將所有檔案備份完成,不必擔心有什麼遺漏。

另外一方面,現在景氣不好,雖然對教師這個行業衝擊比較小,但是大家也得擔心超額、解聘的問題,如果能妥善理財,讓自己的金錢不虞匱乏,一旦遭到解聘也還能支撐一陣子,而不會馬上就陷入困境,這樣子教師比較能夠專心的在教學上。

要妥善理財,第一步就是要做好記帳的工作,知道自己花了哪些錢,哪些是可以省下來的部份。這講起來雖然很俗氣,但是卻是很重要的一件事。我發現 AceMoney Lite 這套軟體可以很方便的記帳,也可以提供很清楚的圖表顯示自己的花費,對於個人理財有相當大的助益。

所以,我將這些軟體全都安裝在教師用電腦中,而且儘量使用免安裝版本,讓有興趣使用的教師可以很輕鬆的將學校裡用的程式拷貝回家,在家裡也可以擁有與學校完全相同的作業環境。

目前為止效果還不錯,許多老師向我反映這些小軟體讓他們的工作變方便了。向我詢問『是不是有其他小工具可以用』的老師也不少。當老師們願意主動向我詢問軟體問題時,導入 eXe 之類產出性軟體的時機就逐漸成熟了!

不是用強迫中獎的方式,而是老師自願來學習。我很期待那一天的到來,而我覺得應該快了!!:)

延伸閱讀

Technorati : , , , , ,

2008/12/17

心智圖軟體 XMind 安裝與設定

剛剛收到電子郵件,通知我 XMind 已經更新版本。因為我一直困擾於 XMind 容易當機,所以看到有新版本立刻下載使用,希望新的版本能解決當機的問題。

一打開 XMind,發現畫面變成中文介面了,這應該會讓許多人願意試著去使用它 (雖然說我比較喜歡英文介面……)。所以,原本遲疑不前的人,請勇敢下載 XMind 並使用它吧 (需申請一個 XMind 網頁帳號才可下載)!!

下載後就一步步安裝,沒什麼特別的,就略過不提了。如果你希望將 XMind 安裝在隨身碟中隨時使用,那麼請下載 XMind 3 Portable (可攜版)。Portable 版本稍微特別一點,所以底下說明 Portable 版本的安裝。

XMind Portable 安裝方式

將下載回來的 XMind 3 Portable 解壓縮


解壓縮成功


XMind 資料夾內的內容

進入 XMind 資料夾後,會發現裡面有一些檔案與資料夾,其中 Commons 這個資料夾是最重要的,不可以刪除或更改名稱。其他幾個資料夾放的則是對應不同作業系統所需要的檔案。多數人的電腦安裝的應該都是微軟 Windows,所以我們就進到 XMind for Windows 資料夾吧。

XMind for Windows 資料夾的內容。將所有內容選取後,按右鍵選擇『複製』,然後回到『上一頁』


進入 Commons 資料夾,按右鍵選擇『貼上』


Commons 資料夾現在的內容

這樣一來 Portable 版本的 XMind 就安裝完成。

你可以回到前一頁,將 XMind for Linux、XMind for Linux 64bit、XMind for Mac OS X、XMind for Windows 這幾個資料夾全部刪除,祇留下 Commons 資料夾,這樣可以節省一些隨身碟的空間。當然,如果空間足夠,不刪除這些資料夾也沒關係。

現在點擊 XMind 圖示兩下就可以開始使用 XMind 了。一進入新版 XMind 就會發現已經改用中文介面。

新版 XMind 改用中文選單

XMind 選項設定

安裝完成後就可以開始使用 XMind 了。但為了讓 XMind 使用上更順手,我們可以做一下設定。選擇『編輯 ==> 喜好設定』進入 XMind 的設定畫面。

一開始 XMind 內定可以進行 100 次的復原,但說實話,有幾個人會復原這麼多步驟的?為了節省記憶體,可以將這個數字改少一點。我習慣改為 20。

設定復原次數


取消拼字檢查,加快 XMind 的執行速度


再設定每隔 5 分鐘自動存檔

至此,XMind 已經安裝、設定完成,可以開始盡情使用,剩下的就是個人的創意發揮的空間了。

相關文章

  1. XMind,比 Freemind 更好的心智圖軟體
  2. XMind 心智圖軟體使用範例:科學本質
  3. Xmind 應用實例:規劃 foobar2000 教學文件

Technorati : , , , , ,

2008/11/28

XMind 心智圖軟體使用範例:科學本質

前幾天提到一個比 Freemind 好用的心智圖軟體:XMind,不過在那之後我就沒再用過 XMind。

其實這是不應該的啊,因為少用就無法體會它的優點。所以為了真實感受 XMind 特色,我決定著手撰寫一個心智圖試試。

要寫什麼呢?我想到可以寫個科學本質的介紹。

其實我一直搞不懂科學本質 (Nature Of Science, NOS),雖說 NOS 的意義是 Knowledge about Science,意指關於科學的知識,但我還是不懂!祇好拿著書照抄。反正我寫這個心智圖的主要用意是要熟悉 XMind 的使用,順便整理一下閱讀的內容,所以不用太在意主題了。

底下的心智圖整理自王靜如教授主編的『傳達科學本質之理論與教學實例』這本書的內容。

開始撰寫一個心智圖

開始一個新的心智圖:


按 Ins 鍵新增子項目


再按一次 Ins 鍵新增另一層子項目 (實在主義)。之後在『實在主義』上按 Enter 鍵,就可以新增與『實在主義』同階層的新項目。


輸入各項目的重點


Drill 功能可將子項目獨立顯示

輸入完成後,可能會覺得內容太多,不易瀏覽觀看。像上圖的知識論底下有許多不同的派典介紹,但資料量多,我們很難一次看清楚所有的內容。針對這個困擾,XMind 提供一個功能,可以把某個子項目當作是一個新的心智圖來單獨觀看

例如,我祇想單獨觀看『建構主義』這個項目,其他的項目我暫時不想理會,我就可以把『建構主義』獨立顯示。

滑鼠先選擇『建構主義』,再從選單中選擇『View ==> Drill Down

『建構主義』這個項目就獨立顯示出來,方便觀看、修改。

在這個獨立出來的畫面上,XMind 還很貼心的提示我們現在看的祇是一張大心智圖中的某個子項目。

左上角的『科學本質 > 建構主義』提醒我們目前看的內容隸屬於另一個大心智圖。如果想要回到上一層,祇要按下畫面中間的綠色向上箭頭即可返回。

既然可以將子項目獨立顯示,那麼可不可以將這個子項目另存成一張心智圖?

答案是可以的。

祇要將滑鼠移到左下角的 『Sheet1』字樣上按右鍵,並選擇『Save Sheet As...』


輸入你想要將這個子項目存成什麼檔名,比方說我們將它存成『建構主義.xmind』好了:


在 Xmind 的畫面上,現在多開啟了一個檔案叫做『建構主義.xmind』,內容與剛剛看的子項目內容一模一樣。不過仔細看一下就可以發現剛剛的綠色向上箭頭不見了,也就是說,『建構主義』這個原本隸屬於『科學本質』的子項目現在已經獨立成為一個心智圖了。

除了綠色箭頭消失,左上角的『科學本質 > 建構主義』導覽列也不見了,顯示現在是一個全新的心智圖檔:

Xmind 提供的這個功能真的很方便,如果我們把一個心智圖寫的太龐大,就可以利用這個方式將心智圖分割成幾個比較小的檔案。

讓我們回到原本那個較大的心智圖上。

為每個子項目設定不同圖形類型

從知識論上討論了『科學是什麼?』之後,我們要將科學本質教給學生。讓我們看看九年一貫課程綱要中對於科學本質的能力指標內容。

在『科學本質』上按 Ins 鍵,新增一個『課程綱要』子項目:


課程綱要是依照年段撰寫的,有順序性,似乎滿適合以魚骨圖呈現,因此將『課程綱要』這部份改成魚骨圖:


將各階段的課程綱要整理如下圖:


同樣的,可以祇觀看『課程綱要』這個子項目,也可以在這個單獨顯示的畫面中繼續編修。要回上一層同樣是按綠色向上箭頭:


想一想,魚骨圖似乎不是那麼恰當,所以改成樹狀圖試試:


看起來效果還不錯,就決定使用樹狀圖來呈現『課程綱要』這一部份了:

調整心智圖的主題外觀

編輯完後,發現畫面有些單調,希望做些改變。不過又懶得自己慢慢修改,這時可以利用 XMind 內建的幾個主題,快速變更畫面外觀。

從選單中的『View ==> Themes』叫出主題類型:


目前可用的主題模式有底下幾類,選一個自己看了會喜歡的主題吧:


套用主題後,果然畫面美觀許多:

到目前為止,這個心智圖已經寫完了,可以存檔收工。不過,XMind 目前有個缺點,就是不像 Freemind 有那麼多網路支援,如果想要與朋友分享心智圖,那麼就必須將這個心智圖輸出為 JPG 圖形檔。

匯出心智圖

從『File ==> Export』選擇匯出檔案:


選擇要匯出成什麼樣的檔案:


如果選擇要匯出成 HTML,還可以選擇在畫面最上方要不要有個心智圖:


要輸出成什麼檔名:


設定好後,按下『Finsh』就開始輸出了:

小結

XMind 真的是一個很棒的心智圖軟體。它可以針對每個子項目設定圖型類型,這是 Freemind 比不上的;XMind 又可以把子項目單獨顯示、並單獨存檔,這也是 Freemind 遠遠不及的部份,因此真的值得以 XMind 來取代以前常用的 Freemind 了。

但是 XMind 有沒有缺點?

有!而且是非常嚴重的缺點,那就是很佔記憶體。

之前提到 XMind 時,有提到 XMind 的功能比 Freemind 多、速度又更快,真的很不錯。但是今天真正寫一個比較大的心智圖才發現到後來速度會變很慢。看一下工作管理員,發現 XMind 竟然用了 800MB 的記憶體,難怪要存檔、開檔都要好久,將 XMind 關掉再重啟後才恢復正常。這真是 XMind 的大缺點。

不過,如果祇是存檔、開檔要很久那倒也就罷了,更可怕的是,因為 XMind 用掉太多 RAM,佔了太多系統資源,所以很容易當掉、沒反應。所以,記得要隨時存檔,否則當掉之後再重啟 XMind,那些心血就再也喚不回來了 (我的血淚教訓啊……)。

大家一定要隨時存檔或是設定每隔一段時間自動存檔喔!!

相關文章

  1. XMind 安裝與設定
  2. XMind,比 Freemind 更好的心智圖軟體
  3. Xmind 應用實例:規劃 foobar2000 教學文件

Technorati : , , , ,

2008/11/16

XMind, 比 Freemind 更好的心智圖軟體

剛剛在 Jedi 的網站上看到心智圖軟體 XMind 開放原始碼的消息,下載來使用後,發現 XMind 的功能比 Freemind 多的多,值得試用看看。

先從這裡下載 XMind,並安裝它

執行 XMind,出現標題畫面

Xmind 的畫面可分為編輯區、大綱區與屬性區三大類

如果覺得編輯區太小,可以放大為最大畫面顯示;節點太多時,可以用下方的比例尺改變顯示比例

我們就來試著寫一個新的心智圖。XMind 與 Freemind 的操作方法類似,都是用 Ins 鍵新增子項目,按 F2 鍵修改內容

將編輯區還原,可以看到內容大綱與節點屬性

如果對圖形類型不滿意,也可以修改圖形類型,比方說我想要從心智圖改變成魚骨圖,就可從右下角變更圖形類型為魚骨圖

剛剛的心智圖內容就變成魚骨圖了,非常方便

XMind 可以畫的圖形內容除了心智圖、魚骨圖之外,也可以畫組織架構圖,所以可以視自己的需求,改變圖形類型。這一點比 Freemind 優秀許多。

因為 XMind 功能多,可以畫出遠較 Freemind 複雜的圖形

看了上面的圖片,應該可以體會 XMind 的優點了,不過,對許多人而言,更關心的應該是:『如果改用 XMind,那麼以前用 Freemind 打的心智圖怎麼辦?』這個問題吧?

匯入 Freemind 檔案

其實不用擔心,XMind 也可以讀取 Freemind 的檔案,祇要利用『File ==> Import』功能就可以將 Freemind 的檔案匯入使用

選擇要 Import 的檔案格式為 Freemind 的檔案

選擇要開啟的 Freemind 檔案

程式會詢問你要將 Freemind 的內容存到另一個新檔案,還是開啟到目前的檔案中,視自己的需求選一個就好

然後,Freemind 編寫的檔案就順利的轉成 XMind 的內容了

小結

目前使用 XMind 會遇到的缺點是網路上支援 XMind 的服務比較少,要放到網頁上比較不是那麼方便。雖說可以將 XMind 的心智圖放到 http://share.xmind.net/ 這個網頁上,再內嵌入你的網頁中,但我比較喜歡以前 Freemind Flash Brower 的方式!!

好消息是現在 XMind 已經開放原始碼了,應該很快就會有人寫出支援的服務了吧?:) 它的功能那麼強,應該是未來可期啊!!:D

ps: 如何使用可攜版 (Portable) 的 XMind?

  1. 下載回來的可攜版 XMind Zip 檔有幾個子目錄,先將 Commons 這個目錄內的檔案解壓縮出來 (Commons 這個目錄不可更改名字)。
  2. 依照自己所使用的作業系統,將 XMind for Windows 或 XMind for Linux 內的所有檔案解壓縮至 Commons 之中。
  3. (Windows 作業系統下) 執行 Commons 之中的 xmind.exe 即可開始繪製心智圖。

相關文章

  1. XMind 安裝與設定
  2. XMind 心智圖軟體使用範例:科學本質
  3. Xmind 應用實例:規劃 foobar2000 教學文件

Technorati : , , , , , ,