2010年11月30日 星期二

教學活動:等比例放大

前一陣子我們學校校慶,藝文領域的老師們在向上藝廊展出許多大型畫作,每一幅畫都超過一個人的高度,在向上藝廊一字排開,實在很壯觀。

我原本以為這些是美術老師的作品,問了一下向上藝廊今年的負責人采青老師之後才知道,這都是學生上課的成品。學生的作品在向上館藝廊展示的情形就像這樣:


圖、向上藝廊的學生作品

另一面牆也掛滿了同樣尺寸的巨作。祇不過左邊這面牆拍起來有一些缺憾,我拍照時沒注意到,回家才發現有倒在地上的垃圾,實在是很破壞畫面。後來問了女童軍,才知道那是我們可愛的女童軍喝到一半的飲料。


圖、左面的四幅學生巨作

雖然相片中呈現的祇有 9 幅作品,但旁邊的幾面牆上還有更多的畫作。看到這些作品我覺得很訝異,因為我們學校並沒有美術班,都是一般的班級而已,我們跟其他學校一樣每週祇有一節美術課,學生怎麼能完成這麼大幅的作品呢?


圖、向上藝廊展出的學生作品

再仔細看一下,每一張大圖的旁邊都有一張小圖片,以及幾個學生的相片。


圖、小圖與學生合照相片

看一下這張小圖 & 學生相片後,大概可以猜得到這是張大圖是全班同學合作的結果。不過經過采青老師的解說,才知道采青老師 & 淑蓉老師設計的這個課程讓學生的合作學習變得很有趣,這一定要記下來的啊。

利用九宮格等比例放大

一年級下學期的美術課教到等比例放大的部份,學生知道要將某個小圖案放大,可以先在小圖片上畫一個九宮格,再於另一張比較大的紙張同樣畫上九宮格,然後就把小圖片上的圖案,依照相對位置重繪至大紙張之上。畫的準確的話,就可以將小圖片放大成另一張大圖了。

當然,如果繪製的格線越多,對應起來就越準確,所以雖說課程內容是教九宮格等比例放大,但是要畫 16 格、25 格那都是 OK 的。

學到這邊,理論上學生都知道怎麼將圖片放大了,所以采青 & 淑蓉就想要讓學生親自體驗,實作一次圖片等比例放大,讓學生瞭解『知道是一回事,真的去做又是另一回事』。

豆干展開式

某天上美術課的時候,每位學生都拿到一小塊,大小約 7cm*5cm,豆干大小的圖片,『各位同學,你們每個人手上都拿到一張小圖片了對不對?請你們利用之前上課教的等比例放大方式,把你手上的圖片放大為 八開 (39.3cm * 27.2cm,略大於 B4) 大小。』

聽到這個學生就開始哇哇叫了,要把那麼小的一張圖片放大成八開 (以面積來算,約是放大 31 倍),實在是超乎想像啊!不過,還沒完咧。

『喔,對了,忘了告訴你們。老師其實是把一張名畫印成 A3 尺寸再切成 32 份,你們每個人拿到的圖片都是這一張名畫的 1/32。等到你們把圖片放大之後,還要與其他同學拼成一張大圖。如果你放大圖片時比例沒弄對,到時候要跟同學拼接的時候就會發現拼不起來喔。』

這個課程最有趣的地方是,每個學生都不知道原圖長什麼樣,拿到的小豆干也是隨意抽取的,所以相鄰兩個學生拿到的圖片沒辦法直接拼接起來 (淑蓉老師分配小豆干時則依座號分配)。

想像一下,你拿到上圖中馬臉頰的部份,整張豆干幾乎都是白色畫面,祇有某個角落有點污漬,哪一邊是上下左右也不知道,為了屆時能與其他同學的圖片拼接成功,也祇能想辦法將這張白色、有點污漬的豆干放大為八開大小,這挑戰真是好大啊!

學生是一種神奇的生物

如果不是看到采青老師 & 淑蓉老師的課程成品,我聽到課程的說明後,會覺得這個幾乎是不可能的任務嘛!這個課程的困難點在於:

  1. 每個學生都願意完成作品,祇要有一個打死不畫,那就不可能完成了。
  2. 每個學生放大出來的作品不能比例相差太多,否則無法拼接成功。

針對第一個問題,采青老師有動點小手腳,讓原本不太願意畫畫的學生抽中比較容易畫的部份,並想辦法鼓勵學生參與活動,讓每一個學生都能完成自己抽中的部份。至於第二個問題,采青老師她們讓學生彼此檢核:『啊,你這邊比例不對啦,應該還要再多畫過來一點。』讓學生彼此檢核作品,監督彼此的進度,以免失真太多。

藉由采青老師 & 淑蓉老師的努力,學生竟然完成了我認為不可能成功的作品。不得不說學生真是神奇的生物,祇要引導的方式正確,年紀還小的學生也能完成複雜的工作。

Tools of the Mind

采青老師讓學生彼此檢核作品的教學方法讓我想起 Vygotsky 的社會建構學習理論。Bodrova & Leong 兩位教授延伸 Vygotsky 的學習理論設計了一套課程,將這個課程運用在學習成就低落 (at risk) 的學生身上。想不到這個課程成效太好,以致於每次研究都進行一半學生就脫離 at risk 的狀態迫使研究中止。

Bodrova & Leong 兩位教授的課程設計中有一部份就是三個學生一組,一個負責設計,比方說要堆積木,就設計要堆成的模樣;一個負責執行;最後一位負責審核,看看第二位執行的結果與第一位的設計是否不同。利用這樣的過程讓學生學習設計、執行與審核,結果學生的學習成就大幅提昇。

兩位教授的課程設計可以參考:

  1. 心靈幫手 -- Vygotsky 學派之幼兒教學法 (個人覺得這本不太好讀,不知道是不是中文翻譯的問題。)
  2. Tools of the Mind (雖然是英文論文,但容易多了)

讓學生彼此審核的優點是,我們很容易發現別人的缺點,卻很難看見自己的缺失。藉由讓學生彼此審核,學生可以糾正彼此的錯誤,並且回映至自己的作品:『我沒有剛剛○○○的錯誤吧?』讓學生面對自己作品時,能更容易找出問題,進而提昇作品的品質。

這種彼此審核的教學方式,我在學習特定瓦斯器具裝修時見識過它的威力,現在帶學生的 Scratch 社團,也是利用同儕審查,祇是再做一點變化讓過程有趣一些 (去高雄演講時分享過,下次有機會再詳談)。總之,這是個很好用的教學方式。:)

拼圖完成作品

因為采青老師並不是依照座號分配小豆干,因此完成作品後要花點時間慢慢拼圖。學生並不知道班上一起完成的這個作品原圖是什麼樣子,也不知道自己手上的圖片上下左右位置,而且八開紙張四邊都是平的,不像一般拼圖有凹凸邊緣可以嵌接,因此每班 32 張小圖片要拼成一大幅圖也花了學生許多時間。

為了讓過程更加緊張刺激,采青老師還每組計時,看看哪一班最快完成最後的大圖。

拼裝出來的圖片有多大呢?因為每個學生是用八開繪圖,所以每八個學生的圖片就可以組成一張全紙 (78.7cm * 109.2cm,一張四六版),全班共組成四張全紙,成為 314.9cm * 436.8cm 大小的大型作品。

拼接過程並非單純的好玩而已,在過程中學生相互觀摩作品、彼此幫助讓圖片能夠拼接完成,進一步延續了合作學習,有趣又有意義。

綜觀整個學習活動,學生學習到等比例放大的理論與實務;學習如何進行合作學習;彼此審查作品,反饋提醒自己不要犯相同的錯誤;拼接大圖完成後,再與原圖對照,對於原畫家的作品又有深一層的體會。這樣課程實在太有趣了,我也想用在生物課程中!

生物老師一起來想想要怎麼樣轉化成生物課程吧!:D

附註:

Technorati : , , , , ,

2010年11月26日 星期五

你瞭解東加王國嗎?

2009 年 3 月 18 日,位於臺灣東南方的東加王國外海的海底火山爆發,火山灰與海水噴上高空,形成壯觀的景像。

當時剛好有記者在附近海面,所以即時拍攝了火山灰噴上空中的影像。從影片中可以看得出來濃厚的火山灰被衝上高空,在空中形成靄靄灰霧。另外,火山岩漿的高熱也使海水蒸發成水汽噴入空中:

前幾天我將影片播放給一個國小三年級的小朋友觀看後,這個小朋友問了我一些問題:

  1. 哥哥,為什麼東加王國會有海底火山爆發啊?火山為什麼會爆發呢?
  2. 哥哥,東加王國除了有火山之外,他們還有什麼特別的啊?
    (我:什麼叫特別啊?我不懂你的意思?我不知道怎麼回答耶。)
     
    啊就是,嗯,他們在哪邊啊?他們的國旗也是青天白日嗎?我以前都沒聽過這個國家,所以都不瞭解啊。他們也是像我們一樣的黃種人嗎?

哎,被這個小朋友一問我也傻眼了,我也回答不出來耶,所以我就跟他說先給我幾天時間,我查好後再回答他。後來我想,大家今年是七年級,講的話應該國小三年級的小朋友比較容易理解喔,可能你也有弟弟、妹妹,常常在跟他們聊天,會比較瞭解這個年紀的小朋友一點。

所以請你查一下大英百科全書之中關於東加王國的介紹後,幫我寫成國小三年級小朋友看得懂的說明吧。對了,對了,你從哪一頁查的也請你記下來,這樣子小朋友如果有興趣的話,也可以依循你的步驟,自己去查一下,所以就請你把在哪邊查的資料都放在『參考資料』那一部份吧,這樣小朋友比較容易再去查閱。

麻煩你嘍!!:D

Technorati : , , , , , , , ,

讓學生畫心智圖的一些規畫

是這樣的,因為好友生病請長假,所以要幫她代幾節資訊課。

雖說要請長假,但如果休養的不錯,依照好友的個性是一定又會跑回來自己上課的,到時候就希望她一回來能馬上接手上課。

因此,如果課程內容依照她原本的規劃來走的話,到時候她能夠比較好上手。所以我就問她原本的規劃是什麼啦。

她說原本是要讓學生做心智圖,利用心智圖來整理文章重點,預計是先給學生一篇短文,讓學生練習將文章整理為心智圖後,再給一篇長文讓學生再做一次。

聽到她的規劃,我想說大概就是之前做過的教學內容,所以沒什麼困難的。

不過以往的經驗發現學生都會隨便 copy 一段文字就貼到心智圖 (or 簡報) 中,沒有用心去處理資料。他們不想讀文章,也懶得思考文章的意思,並整理出關鍵字。

如果學生會那麼努力的話,老師們就不用一天到晚幫學生畫重點啦。

但是原本規劃這個課程是希望學生能學習自己找重點的技巧,這樣整段貼到心智圖軟體去並沒有達到課程目標,完全失去教學的意義。所以我在想,到底要怎樣才能讓學生心甘情願的將文字精簡、摘錄出關鍵字呢?

讓學生做他們有興趣的內容

最先我有想說要設定幾個主題,然後用顏國雄老師的戳戳樂來讓學生選主題。不過,這樣做雖然有些樂趣,但應少有學生能選到自己最有興趣的內容喔?

後來想,還是讓學生選擇幾個生態系做一下介紹,並介紹生活於在該生態系中他最喜歡的一種生物,嗯,或者應該反過來說,請他介紹一種最喜歡的生物,及該生物所處的生態系。既然是他最喜歡的,這樣學生應會有意願去閱讀資料。

比方說介紹森林生態系 & 長臂猿;沙漠生態系 & 響尾蛇。這樣還可以叫學生去查大英百科全書,順便推廣一下大英百科的使用。如果讓學生用 Google Earth 抓幾張該生態系的空照圖,那就更棒了。

利用加分策略激勵學生

心智圖完成後,要請學生把心智圖檔匯出成 word,每個人都用 Word 功能算字數,字數少的加分。

這樣雖然能讓學生去閱讀文章內容,找出關鍵字來,但會不會有些學生根本就亂做,犧牲了內容豐富度?應該會,所以要請學生針對自己做的心智圖內容出三個簡單的問題。

出好問題後,找 5 位學生報告心智圖,他們都報告完後,把這 5 位學生的問題收起來,丟到百萬富翁小遊戲中讓其他同學出來玩 (這個很容易,要學生出題時就請他們到 Google Docs 去填答問卷,到時候把結果貼到阿簡設計的 Excel 檔案中就好了。)

看誰的心智圖字數夠少,可是同學看完之後又能完全瞭解,得以回答百萬富翁中的問題,那個心智圖的作者可以拿到老師的神秘小禮物。:-P 當然,能通過 15 題問題的學生也要鼓勵的!

本來還在想說第一個心智圖做完後,要讓學生以大雄主任設計的 WebQuest 活動:防災 e 起來做第二個心智圖的,但現在想一想,第一個做完應該就到學期末了,大概沒辦法進行第二個心智圖了吧?防災 e 起來就留著下學年再來給明年的學生玩好了!:-P

參考資料

Technorati : , , , , , , , , , , , , , , , , ,

2010年11月24日 星期三

Click-N-Type 螢幕虛擬鍵盤

因為辦研習的關係,我常需要使用螢幕上的虛擬鍵盤進行教學,用以跟參加研習的老師指明要按哪些按鍵。

比方說教老師們使用 XMind 這套心智圖軟體時,跟老師們要說按 Ins 鍵可以增加一個子項目,但有許多老師不知道 Ins 鍵長在哪邊,這時候利用 Windows 內附的螢幕小鍵盤,直接在螢幕上指出 Ins 鍵的位置,老師們就都懂了。


圖、以螢幕小鍵盤指示操作按鍵

不過來參加研習的老師應該都有聽過我的低聲咒罵:『啊,又衝到了,!%*)^』然後就在那邊切換來切換去的。那是因為我用嘸蝦米輸入法,這個呢,是要有版權才能使用的。所以我的原版嘸蝦米輸入法就裝在家裡,出門時帶著『偽‧蝦米』到別的電腦上進行輸入。

很不幸的,『偽‧蝦米』跟微軟螢幕小鍵盤有點衝突,所以常常按一下按鍵:『啊,哇咧,又衝到了!老師抱歉,我先把螢幕還給各位,我先處理一下這個狀況……』這樣的情況每次研習都上演一遭,為此我感到滿困擾的,所以一直想要找個替代的螢幕鍵盤程式。

測試一堆的螢幕鍵盤程式後,今天發現 Click-N-Type 這套可攜版螢幕鍵盤滿符合我的需求,在國外的網站上也發現它的評價相當不錯。

Click-N-Type 資訊

程式首頁:Click-N-Type
程式下載一:可攜版下載
程式下載二:中文化版本
按鍵編輯外掛:按鍵編輯器下載

Click-N-Type 使用介紹

下載執行 Click-N-Type 之後,畫面上就出現一個螢幕鍵盤供我們使用了。


圖、Click-N-Type 執行畫面

不過這個鍵盤與我們常見的鍵盤長的不太一樣,它是依照英文字母順序排列的。我們常用的 QWERTY 鍵盤字母順序是亂的,Click-N-Type 卻排列的整整齊齊。


圖、鍵盤依英文字母順序排列

為什麼會這樣呢?這其實是與螢幕鍵盤的用途有關的。

QWERTY 鍵盤歷史

我們常用的 QWERTY 鍵盤是沿續打字機的排列方式而來的,當年打字機剛出來時還沒辦法應付人類快速的輸入速度,所以故意把字母順序弄亂,讓大家得花點時間尋找字母,這樣打字機才有時間處理剛剛輸入的字母。

後來個人電腦發明出來了。雖然電腦不再有打字機處理不及的問題,但是個人電腦一開始也都是用於文書處理上,為了讓原本用打字機的人能順利轉換到電腦上,所以電腦的鍵盤沿用打字機的奇怪鍵盤設計。

不過螢幕鍵盤原意是要給身障朋友使用的,原本身障朋友要輸入文字就已經比較不容易了,再設計為需要尋找鍵盤的 QWERTY 排列方式就未免太整人了。因此 Click-N-Type 這一套程式就以最直覺的方式來安排鍵盤 (放心,也可以調為我們習慣的排列方式,後面會提到)。

仔細看一下 Click-N-Type 的畫面會發現它祇有字母的部份,那麼如果要輸入 F1~F12 這些特殊功能鍵怎麼辦?它在畫面右下方有個 F1~F12,大方的按下去吧。


圖、叫出 F1~F12 功能鍵

按下按鍵後,畫面就變了,原本為了節省畫面所省略的一些按鍵都出現了。再按一下按鈕 (現在按鍵變成 A-Z 了) 就切換回英文字母畫面。


圖、Click-N-Type 的功能鍵模式

切換為 QWERTY 模式

我找螢幕鍵盤的用意是為了要展示按鍵與真實鍵盤的對應,所以 Click-N-Type 的原始設定不符合我的需求,我想要的是 QWERTY 鍵盤模式,這樣才方便展示給老師們觀看。

針對這樣的需求,Click-N-Type 的作者有把 QWERTY 鍵盤模式放進來,不過要自己選擇一下。我們可以從『File ==> Select a User Keyboard』來選擇其他的鍵盤排列方式。


圖、選擇其他鍵盤排列方式

之後會出現一個視窗讓我們選擇想要的鍵盤排列方式。作者提供了好幾個,選擇需要的 QWERTY 101-Long 排列方式後,按下確定即可。


圖、選擇 QWERTY 鍵盤

選擇好鍵盤模式之後,鍵盤就切換為我們想要的外觀了。


圖、QWERTY 101 鍵盤模式

特教教師的應用方式

Click-N-Type 提供按鍵編輯程式,祇要下載按鍵編輯程式,就可以自己設計一套螢幕鍵盤使用 (網頁上解說很明白,我就不再寫了)。我想到這可以提供特教教師依個別學生的需求設計一套適用的鍵盤給學生使用。

比方說針對身障學生,設計一個祇有上下左右的螢幕鍵盤,將其他用不著的部份捨棄,以免誤按。或是弄一個虛擬鍵盤在螢幕上,利用電子白板上課時就不用來回跑,直接在螢幕上輸入就可以。

關掉鍵盤音

使用 Click-N-Type 輸入時,每按一次按鍵就會有鍵盤音,這也是方便身障朋友確認自己是否有按成功的方式,不過如果你覺得很吵想關掉的話也是可以的。從『Options ==> Keyboard Preferences』去設定即可。


圖、選擇鍵盤選項

進入鍵盤選項後,選擇靜音,這樣輸入時就不會發出聲音了。


圖、設定為靜音

Click-N-Type 這套軟體雖然功能簡單,但想一想,能做的應用還滿多的。如果需要中文鍵盤的話,網頁上也可以下載到中文語言包。祇要下載語言包,在 Click-N-Type 執行的情況下安裝語言包,重新啟動後就有中文鍵盤了。或是下載我已經整理好的版本也可以。


圖、中文標示

附註:

  • 這篇文章寫到一半才想到,我遇到的『偽‧蝦米』與螢幕小鍵盤相衝的問題,其實祇要改一下『偽‧蝦米』的快速鍵就好了。不過文章都寫了,而且 Click-N-Type 的功能較多,應該會有一些特教老師有需求,所以還是繼續寫完這一篇。:p

Technorati : , , , ,

2010年11月21日 星期日

Firefox, 老花眼的好伙伴

有些網頁一開始就把字型設的很小,造成閱讀時很不方便。家中父母若年紀大了有老花的問題,那就更是吃不消。

昨天研習時,光明國中的吳建章組長就提到他現在因為老花的關係而看不清許多網頁的內容;前一陣子 glglace 也在問說是不是有方法可以調整網頁的字型大小?我想,調整字型大小這應該是許多人的需求,所以就來提一下吧!

『等一下!啊就用 Ctrl-+ 來調整頁面大小就好了啊,還需要調整什麼字型?』嗯,事情沒有那麼簡單,我們就先來做一下實驗吧!

寫個用 8pt 字體呈現的整人網頁

首先,我在 Notepad++ (類似 Windows 記事本的程式) 中寫一個簡單的網頁,內容一共有三段:第一段用一般的字型大小;第二段用 8 點 (pt, points) 的字型大小;第三段用 20 pt。

所謂的 8 pt、20 pt 字型大小,就是你在 Word 中選擇的 8 & 20 字型大小。在 Word 等國外的程式都是用 pt 來計算字型大小。每一英吋有 72 點,所以 8pt 的字體印出來就是 1/9 英吋。

測試字型大小的網頁原始碼
圖、測試字型大小的網頁原始碼

這一個網頁,在 IE 底下看的話,可以清楚看到三個段落字體大小有很顯著的差異,第二段的字體小的像螞蟻一樣,真是找讀者的麻煩。

過小的字體不易閱讀
圖、過小的字體不易閱讀

調整 IE 的字體

遇到這樣的問題你可能會想要把 IE 的字體放大,好,我們就來試看看。從『檢視 ==> 字型 ==> 最大字型』這邊,我們把顯示的字型調到最大。

選擇最大字型觀看網頁
圖、選擇最大字型觀看網頁

ㄟ,結果是祇有第一段的字型變大;第二、三段的字體大小完全沒有變化,中間這個段落還是很不容易閱讀。

調整顯示字型無法改變小字
圖、調整顯示字型無法改變小字

這是因為 IE 的功能祇對那些沒有指定字型大小的段落有作用。第一段沒有指定字體大小,所以修改 IE 的顯示設定後,畫面上的字型就隨之改變;第二段 & 第三段我都事先指定字型大小 (分別為 8 pt & 20 pt),這時 IE 對它們就沒有作用了。

調整 IE 的頁面顯示比例

好,我們還可以調整頁面的顯示比例,利用這一招應該就可以將字型放大了吧?讓我們試著把頁面調整為 200% 的大小試看看。

將畫面放大為 200%
圖、將畫面放大為 200%

嗯,將畫面放大為 200% 之後,第二段的字體可以閱讀了,但是第三段的字又變得過大了。一行才少少幾個字,變得要一直拉網頁才能繼續閱讀。

這樣還是很不方便,弄得我們在閱讀不同網頁時,需要不斷的 Ctrl-+ & Ctrl-- 來調整頁面大小,這樣也很惱人。

放大頁面後,正常字體變得過大
圖、放大頁面後,正常字體變得過大

顯然 IE 沒辦法達到我們的需求,放棄它吧。那麼,相同的網頁在 Firefox 底下又是呈現什麼模樣呢?

Firefox 下設定最小顯示字體

ㄟ,竟然祇有第三段字體不一樣,第一段、第二段的字體是相同大小?這是怎麼一回事?

第一、二段的字體大小相同
圖、第一、二段的字體大小相同

其實在 Firefox 中會這樣子顯示是因為我做了一點設定的關係。

七、八年前我常看大陸的網頁,大陸的網頁設計者不知道在想什麼,都喜歡用 8pt 字來呈現網頁,根本是在找碴!為了舒適的觀看大陸網頁,所以我努力調整 IE,嗯,達不到我想要的結果。既然 IE 無法達到我的需求,我就改用 Firefox 試試。

改用 Firefox 後,Bingo,一下子成功了,不管大陸的網頁設計為 8pt 還是 7pt、6pt,甚至是 1pt,我都能用最舒適的字體大小來觀看。

要設定 Firefox 這樣顯示也很簡單,祇要在 Firefox 中,選擇『工具 ==> 選項』就可以進入字體設定頁面。

選擇『工具 ==> 選項』
圖、選擇『工具 ==> 選項』

進入選項頁面後就可以看到設定字體的選項,但是在這邊還無法達成我們的需求,我們還要選擇『內容 ==> 進階』做進一步設定。

選擇進階設定
圖、選擇進階設定

進入字型的進階設定後,有個『最小字型大小』的功能,這就是我們所要的功能。我自己是設定為 16pt,你可以自己調整。

設定顯示時最小的字體尺寸
圖、設定顯示時最小的字體尺寸

我在這個功能設 16pt 的用意是:如果網頁上有任何小於 16pt 的字體,就以 16pt 顯示;如果超過 16pt,就以網頁的設定為準。

所以觀看剛剛的網頁時,第一段沒有指定字體大小,用 16pt 顯示;第二段是 8pt,小於我們設定的 16pt,因此以我們設定的 16pt 來顯示;第三段 20pt,大於我們的設定值,因此以網頁預定的 20pt 來顯示。

最小的顯示字型為 16pt
圖、最小的顯示字型為 16pt

Firefox 這樣的設計比起 IE 的放大頁面會更容易使用。IE 的放大頁面會讓原本就已經夠大的字體變得太大而不易閱讀,但 Firefox 就沒有這樣子的困擾。顯見在字體大小設計這一點上,Firefox 是比 IE 來的方便許多。

如果你想要試用一下 Firefox,可以從這裡下載我設定好的 Firefox,解開就可以使用了。我設定好的 Firefox 還有其他功能,都值得試一試。

同場加映 Chrome 的設定方式

既然 Firefox 可以設定最小的顯示字體尺寸,那麼比 Firefox 晚出現的 Google 瀏覽器 Chrome 可以有這樣的功能嗎?

Chrome 也有字型設定選項,讓我們設定為 16pt 試看看……結果無效。

Chrome 的字體設定頁面無法達成需求
圖、Chrome 的字體設定頁面無法達成需求

我們在 Chrome 的設定頁中設定所有字型都要 16pt,結果顯示時還是沒有改變,Chrome 讓我們失望了。

Chrome 的顯示沒有改變
圖、Chrome 的顯示沒有改變

其實 Chrome 是可以改變最小的字體尺寸的,祇不過比較麻煩一點,必須要用記事本之類的程式直接修改 Chrome 的設定檔。

首先,請你關掉 Chrome,這樣我們才能編輯它的設定檔。

再來,請用記事本 (或類似的程式) 打開 Preferences 這個設定檔。這個檔案存放在比較深的地方,要找一下。

  1. 如果你用的是 Win7,這個設定檔的存放位置是:
    "C:\Users\使用者帳號\AppData\Local\Google\Chrome \User Data\Default\Preferences"
     
  2. 如果你用的是 WinXP,那麼這個設定檔放在:
    "C:\Documents and Settings\使用者帳號\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences"
     
  3. 而我用的是可攜版 ChromePlus,設定檔放在:
    "ChromePlus\ChromePlusUserData\Default\Preferences"

找到檔案後以記事本開啟,找到 webkit 這一個段落,在其中加入:

"minimum_font_size": 16,

注意,引號 & 最後的逗號都不能省略喔。加好這一串文字後存檔。

手動加入 Chrome 的字體大小
圖、手動加入 Chrome 的字體大小

設定好後,再開啟 Chrome 觀看剛剛的整人網頁,第二段就以 16pt 字體大小來呈現了。

Chrome 也可以無視整人網頁
圖、Chrome 也可以無視整人網頁

利用設定最小顯示字體的功能,我們可以讓 Firefox & Chrome 無視網頁設計者的整人設計,直接以對我們而言最舒適的字體大小呈現網頁,這是非常人性化的一項設計。

如果家中有年紀大的人要上網,可以考慮改用這兩款瀏覽器。考慮設定的難易程度,可能 Firefox 對於年紀大的使用者會更便利,祇要在程式中點一點、選一選就可以設定好字體大小,哪天老花程度加重還可以很容易的改變設定值,這樣長輩也可以自己改設定了。

參考資料:

  1. glglace 老師:瀏覽器-設定最小字型
  2. 感謝新竹瘋浪客 & bstc 網友幫忙找尋 Chrome 設定字型的方式
  3. 下載設定好的 Firefox
  4. 8pt 的整人網頁

Technorati : , , , , ,

2010年11月20日 星期六

[Scratch]外章:顯微鏡使用口訣

上次提到顯微鏡的使用口訣。大學同學跟我說她在國中時就聽老師講過,所以這是流傳已久的口訣啊!

昨天上 Scratch 課時,要教學生從別的程式畫圖,再匯入 Scratch 中使用。嗯,我實在是不會用軟體畫圖,實在是沒辦法畫個人物出來。想來想去,ㄟ,顯微鏡我會畫!都是直線線條,沒什麼困難的。

所以就在課堂上用五分鐘的時間畫一個顯微鏡給學生看,然後教他們怎樣把圖片存檔、匯入 Scratch 中。好啦,匯進來之後要做什麼呢?就順道講解一下顯微鏡的使用吧!所以又順便做了一下動畫。

2010年11月12日 星期五

顯微鏡使用口訣

進行顯微鏡教學的時候學生常常搞不清楚要如何使用,錯用、誤用的情況非常頻繁。講了許多次,學生還是無法記住正確的使用方法。

後來從敏芝老師那邊聽到不知道打哪兒傳出來的顯微鏡使用口訣,啊哈,原來教學生使用顯微鏡這麼簡單!後來這個口訣在阿簡及其他老師那邊也都有看到過,應該是流傳已久的武林心法,祇是我比較晚才知道有這個秘寶。

先低後高
先光後焦
先動粗,後調ㄒㄧˋ

真的是簡單明瞭,14 個字就把使用顯微鏡的重點大致提了一遍,有了這個口訣,教學生使用顯微鏡時就快多了。

教會學生使用顯微鏡之後可以進入更細緻的部份。國中教的顯微鏡有兩種,一是複式顯微鏡,一是解剖顯微鏡,兩種顯微鏡的使用方式有差異,觀察的對象也不同,學生對此也常常有疑問。

所以我跟學生講:『要解剖嘛,比方說你們最期待的解剖青蛙--很不幸,國中沒有,不過你們就知道,要解剖青蛙就要用刀子去切割。好啦,所以要被解剖的東西要比刀子大還是比刀子小?當然是要比刀子大啊,就像青蛙就要比刀子大,要不然怎麼用刀子將青蛙分開?像細菌那麼小的,你就不能用刀子去切它了嘛,對不對?所以解剖顯微鏡是看大的東西。』

『然後,你們有沒有在鏡子裡擠痘痘還是拔白頭髮的經驗啊?有吧?好不好擠?好不好拔啊?很難吧?因為鏡子裡左右相反,常常弄錯邊對不對?所以,如果解剖顯微鏡的呈像也是上下顛倒左右相反,我想你可能會常常割到自己的手吧?所以解剖顯微鏡的呈現要跟肉眼一致,這樣我們才好解剖東西嘛!

好啦,所以解剖顯微鏡的口訣如下:

解剖要用刀子割,東西必須比較大顆。
呈像正反如肉眼,下刀不會割錯邊。
兩眼一起用力看,影像具有立體感。
細胞、血球太微小,解剖顯微鏡看不了。
小魚尾巴看血球,複式顯微鏡剛剛好。

記住這個口訣的話,以後就不會分不清楚複式顯微鏡 & 解剖顯微鏡的差別啦!來,全班跟我唸一次!』

這個口訣是今年要代課前想到的,我看學生是唸的挺樂的啦,但因為祇有代一節課,也不知道學生之後是不是真的記住了。未來如果自己還有上生物課,我再來試看看!:P

Technorati : , , , ,

2010年11月9日 星期二

辦公室內分享檔案:HFS

之前提到 Everything 這一套快速找尋檔案的程式時,有提到利用 Everything 分享檔案的進階用法。

同一個辦公室中利用 Everything 來分享檔案,好處是方便,可以搜索檔案後馬上下載,但因為就是太方便了,一旦被誤用時殺傷力也是很強的,為了自己的安全起見,這東西還是收起來比較好。

那麼要在辦公室內分享檔案,有沒有比較方便的工具呢?有的,那就是 HFS 這一套程式。

不是脫褲子放屁

你可能會想:『在同一個辦公室分享檔案?用隨身碟就好啦!要不然用 Email 也可以啊!幹嘛還用什麼 HFS 呢?真是多此一舉。』

沒錯,大家都在同一個辦公室了,竟然還要用一套程式來分享檔案,確實有點奇怪,不過你可以想一下,用隨身碟分享檔案,很容易就把病毒也一起分享了。

可以的話,我完全不想把我的隨身碟交給他人,也不想使用別人的隨身碟。

利用 Email 分享檔案,聽起來不錯,不過 Email 的夾檔大小有限制,以 Gmail 來說是 25mb,超過 25mb 的檔案就不適合用 Email 來分享了。有時候一個 Word 檔案裡面貼多一點相片,你就沒辦法用 Email 將這個檔案寄給同事、朋友了。

所以,辦公室內分享檔案雖然不難,但是現有的方案都不太理想,因此找尋其他的替代方式還是滿有需要的,而 HFS 這套程式就能滿足我們的需求。

HFS (Http File Server) 資訊

HFS 官方網站:http://www.rejetto.com/hfs/
下載點一:自官方網站下載
下載點二:下載包含 HFS 的 PStart 軟體包

發送端用 HFS,接收端用瀏覽器

利用 HFS 分享檔案時,接受檔案的一方祇要用瀏覽器 (如 IE、Firefox) 就可以下載檔案,祇要能上網就能接受檔案,完全不需要其他特別的程式,所有的工作就是要分享檔案的一方執行 HFS 分享檔案,等著接受檔案的一方來下載檔案即可。
圖、分享與接收端需執行的程式

雖說祇要分別執行 HFS & 瀏覽器即可分享、下載檔案,但有一個問題:『要到哪邊去下載檔案啊?』

『嘿,我家的貓超可愛的,你也很愛貓,要不要哪天到我家玩貓啊?!隨時歡迎過來坐坐喔!』

『好啊,不過你家在哪邊?給我住址吧!要不然我要怎麼去你家呢?』

『喔,對喔,忘了跟你說我家在哪邊了,我家的地址是 XX 路 YY 號。』

『好,下次我就去你家看看你家的貓!』

平常我們要去某個地方需要有該處的地址,接收端要連線至分享端的電腦下載資料也要知道分享者的電腦地址。

IP 位址就是電腦的地址,每一台電腦都有獨一無二的 IP 位址,要將檔案分享給他人,也需要把自己的 IP 提供出來,這樣人家才有辦法循址拜訪。否則網海茫茫,一點線索也沒有的話,怎麼知道要到哪裡下載檔案呢?


圖、分享檔案者需提供 IP 資訊

『聽起來好像很難?又要分享檔案又要什麼 IP 網址的,太難了吧?我不會啊!!』

執行 HFS

其實並不會,一點都不難,不但不難,還很簡單!祇要一分鐘你就會用了。好,那我們就來吧!首先我們要把 HFS 執行起來。


圖、HFS 程式外觀

HFS 一執行後,同時間你可能會看到 Windows 防火牆跳出一個畫面,問你是否要解除 HFS 的封鎖?因為我們要讓 HFS 能夠連上網路分享檔案,所以就點選『解除封鎖』吧。如此一來,防火牆就會對 HFS 網開一面,讓它可以連上網路。


圖、解除 HFS 的封鎖

解除了 Windows 對於 HFS 的封鎖後,讓我們回到 HFS 本身。其實在 HFS 的畫面上就已經提供了 IP 位址的訊息。真的嗎?在哪裡呢?畫面上方的網址列就是我們這台要分享檔案給別人的電腦的 IP 位址。


圖、分享資料的電腦 IP

讓我們把剛剛的圖片放大一些,再仔細看一下這個 IP,把這個 IP 位址記下來,我們到時候要把這個 IP 位址的資訊提供給別人,以便他們連上來我們的電腦下載檔案。


圖、HFS 上的 IP 位址資訊

好,執行 HFS、知道 IP 位址,再來就要選擇要把哪些檔案分享給別人了。要選擇分享的檔案也很容易,就是從『我的電腦』去找到我們要分享的檔案,然後滑鼠左鍵直接拖拉到 HFS 的視窗上,放開滑鼠左鍵就完成了。


圖、要分享的檔案拖拉至 HFS 視窗

放開滑鼠後,會看到 HFS 上出現了我們要分享的檔案、資料夾。


圖、檔案分享的設定完成

分享的資料中如果有資料夾的話,HFS 會問我們要用哪一種方式來分享資料夾,基本上選擇任何一個選項都可以。


圖、資料夾的分享方式

到這邊,資料分享者的工作全部結束,辦公室內的其他同事、朋友已經可以連接到分享者的電腦中下載檔案。

下載檔案

『ㄟ,怎麼下載呢?』

還記得嗎?要下載檔案的話要先知道 IP 位址,然後用瀏覽器就可以下載。所以要接收檔案的人可以打開瀏覽器,輸入分享者的電腦 IP,然後就可以看到分享出來的檔案。


圖、利用瀏覽器連上分享電腦

找到要下載的檔案後,按滑鼠右鍵選擇另存新檔,就可以把檔案下載回來。


圖、按右鍵另存新檔

把所有檔案一次打包回家

在下載檔案的時候你會發現我們祇能一次下載一個檔案,如果檔案很多的話,要一個個下載也很煩。光是想到一個個檔案去按右鍵另存新檔,再選擇檔案貯存的地方就累了。

幸虧新版的 HFS 有提供一次打包下載的功能可以解決這個困擾,祇要點選畫面右下方的『Fold archive』,就可以把所有檔案打包成一個壓縮檔下載回來。


圖、把所有檔案壓縮起來

按下『Fold archive』按鈕後,會跳出一個畫面問我們要把檔案存在哪裡,就把它存到自己找得到的地方吧!


圖、把打包好的檔案貯存起來

存下來的這個檔案是 .tar 檔案,這在 Unix 系統中非常常見的檔案,但是在 Windows 下比較少人知道它。

目前 Windows 下常見的解壓縮程式有 7-Zip & WinRAR 可以解壓縮 .tar,以 7-zip 來說,祇要選擇這個 .tar 檔案,然後選擇要解壓縮到哪裡去就好了。


圖、利用 7-Zip 解壓 .tar 檔案

利用 HFS 分享檔案在設定上非常簡單,他人要下載也很容易,而且因為所有分享的檔案都是自己加入的,所以比較不需要擔心中毒的問題。另一方面,HFS 的功能不像 Everything 那麼強大,所以誤用時殺傷力比較輕,可以放心使用。

遇到:

  1. 要分享檔案給別人但是擔心中了隨身碟病毒
  2. 要給朋友的檔案大於 25mb,不易用 Email 傳檔
  3. 要換一台電腦編輯檔案
  4. 把檔案拿到有印表機的電腦上列印

等狀況時,就利用 HFS 來傳檔案吧,好用又安全唷!

Technorati : , , , , ,

2010年11月7日 星期日

[進階資訊檢測]以 PhotoFiltre 修飾圖片

很早之前我就想要介紹 PhotoFiltre 這一套繪圖軟體的,不過一直拖著拖著,拖了好幾年一直還沒有介紹它。

剛好進階資訊能力檢測中有一些實作題要應考者抓取螢幕另存成圖,並在圖片上加文字。針對這樣的題目,也許有人會想要用 PhotoImpact 來做,不過說實話,祇是簡單的需求,動用 PhotoImpact 這樣的大傢伙實在是太誇張了。

以考試的需求來說,用 PhotoFiltre 就很夠了,而且因為 PhotoFiltre 小巧、快速,搞不好 PhotoImpact 還沒開起來,我已經用 PhotoFiltre 做完了!:p

PhotoFiltre 資訊

PhotoFiltre 網頁下載:http://photofiltre.free.fr/download_en.htm
下載點二:下載包含 PhotoFiltre 的 PStart 軟體包

下載後執行的畫面如下,因為我們還沒有開啟檔案,也沒有編輯圖片,所以一切還是空蕩蕩的。


圖、PhotoFiltre 畫面

抓取螢幕畫面

接下來,我們來抓取螢幕上執行的畫面。這個很容易,祇要按一下鍵盤上面的 Print Sceen 鍵 (鍵盤上可能寫為 Prt Scr),就可以把現在的螢幕畫面存到剪貼簿去。


圖、按下 Print Screen 鍵將螢幕畫面複製至剪貼簿

回到 PhotoFiltre 後,按滑鼠右鍵選擇『貼上成為新的影像』這個功能,把剪貼簿中的資料貼到 PhotoFiltre 之中。


圖、將影像貼入 PhotoFiltre

經由『貼上成為新的影像』這個步驟,剛剛按 Print Screen 鍵複製到剪貼簿的螢幕畫面就貼入 PhotoFiltre 中成為新的圖片,可以供我們編輯了。


圖、將剪貼簿的資料轉成圖片

裁掉多餘的畫面

剛貼上的螢幕抓圖有太多我們不需要的部份,如果能將那些部份裁掉的話,可以讓畫面變得比較簡潔,免得其他不相干的內容影響。

要裁掉多餘的畫面,我們得先將我們想要的範圍圈選起來,再將不要的部份刪除。挑選『選擇工具』後,直接用滑鼠在圖片上選擇一塊區域,就可以把我們想要的部份圈選起來了。


圖、利用圈選工具選擇想要的範圍

如果選擇的範圍不對,可以將滑鼠移至圈選的虛線上,就可以調整圈選的範圍。利用這功能可以將選擇的範圍調整到最適當的大小,不會留下一堆礙眼的傢伙。


圖、調整圈選範圍

如果覺得選錯範圍想要整個取消掉,可以從『選取範圍 ==> 隱藏選取範圍』取消圈選的部份。


圖、取消圈選範圍

假設我們沒有選錯範圍,已經確定要將選取區以外的部份刪除了,那麼就在選取區內按滑鼠右鍵吧!按了滑鼠右鍵會出現一個功能表,選擇『裁切』功能,就能將選取區以外的部份完全抹除。


圖、選擇『裁切』功能

選擇裁切後,整個畫面祇留下我們選擇的部份,其他部份就消失在虛空中了。所以嚴格說起來,在 PhotoFiltre 要裁切圖片祇要兩個步驟:圈選、裁切,非常便利。如果你還在用小畫家修改、裁切圖片,就趕緊跳槽吧!


圖、裁切後祇保留住圈選的部份

強調重點:加框、加文字

平常使用解說圖片時,都會在圖片上加框 & 解說文字。在 PhotoFiltre 中不論是要加框或是要在圖片上加文字都是很容易的事。我們一個個來。

首先,我們先在圖片上加上強調內容用的方框。要加上方框,首先也是先用滑鼠選擇要加框的部份。選擇好要加框的區域後,在選擇區域內按右鍵。到這邊都與前面『裁切圖片』的步驟一樣,但是接下來我們要選擇『畫筆與填滿』。


圖、利用畫筆與填滿功能在圖片上加框

選擇了畫筆與填滿功能後,會跳出一個小視窗,在這邊我們可以設定方框的顏色 & 線條粗細。我們先將顏色設定為紅色,線條設定為 10 ,設好後就按確定。填滿的功能不要勾選,否則會出現一個實心的方塊,那不是我們要的結果。


圖、選擇方框的顏色 & 粗細

按下確定後,就可以看到圖片上多了一個紅色的方框。接下來我們要為這個紅色方框加上說明文字,選擇工具列上的文字工具就可以加入說明文字了。


圖、選擇文字工具

按了文字工具按鈕後,會跳出文字視窗。在這邊可以選擇字型、字體大小,以及輸入說明文字。文字輸入完成後,按下確定即可。


圖、設定字型、大小 & 說明文字

在文字視窗中將說明文字設定完成後,按下確定就可以在圖片上加上說明文字了。你可以用滑鼠將這個說明文字移動到適當的地方。


圖、圖片正確加上說明文字

你也許會認為這加上去的說明文字不太好看,那就再重新設定一次字型即可。之前在講 Word 文字格式設定時,提到楷體其實閱讀不易,在這邊你應該可以發現用楷體真的不怎麼好看。

我的圖片說明文字的外面還有一圈白色線條,那要怎麼做到呢?嗯,你『祇要』先放一個字體比較大的白色說明文字,然後再重新放一個比較小、顏色不同的說明文字,然後將兩者疊在一起就可以了。是滿耗工的,不過我部落格的圖片就是這樣一張張弄出來的。

不過在今年七月我發現 PhotoScape 加說明文字簡單的多,不過那是另一個故事了 (對了,今年七月我也發現 Xmind 可以匯至 Word,真是排課排到瘋了,整天不想工作就在亂玩……XD )。

調整色階與尺寸大小

進階資訊檢測中有一題要求考生將圖片灰階化。這對於 PhotoFiltre 真是輕而易舉,祇要按一下工具列上的灰階工具,整張圖片轉變成為灰階呈現。


圖、使用工具列上的灰階按鈕

按下灰階按鈕後,你看,就變成灰階圖片了。你也許以為這就是黑白相片,但灰階圖片與黑白相片是不太相同的,黑白相片的黑白對比會比較強烈,而灰階應該祇是把色彩飽和度降為 0 而已,沒有改變對比。

將圖片改為灰階後所呈現出來的樣子就是狗、貓所看到的世界樣貌。狗 & 貓是全色盲,所以牠們的世界祇有黑與白,沒有其他色彩。


圖、圖片成為灰階圖片

在灰階按鈕的左邊有許多調整色彩的功能按鈕,你可以自己試試那些功能。雖然不在考試範圍,但試一下滿好玩的。反正怎麼玩電腦都不會爆炸的,不用擔心。

在 PhotoFiltre 之中除了可以裁切圖片、調整色調外,我們還可以很容易的調整圖片大小。祇要選擇『影像 ==> 影像尺寸』就可以進入調整圖片大小的功能。


圖、調整圖片尺寸

在調整圖片尺寸的視窗中,你可以決定調整後的圖片要不要保留原始圖片的長寬比例。如果你決定保留長寬比例,那麼祇要寬度的數值改變了,高度的數值就會自動改變,反之亦然。如果你不想保留原始比例,那麼就要自己輸入寬度 & 長度兩種資料了。

前面的圖片大小是 1045*760,我要把它改為寬度 400。當輸入 400 後,因為我勾選保留原始比例,所以 PhotoFiltre 就自動幫我算出來在寬度 400 的情況下高度應該是 291。


圖、設定圖片大小

按下確定後,原本 1045*760 大小的圖片就變成 400*291 了,嗯,還真是好小一張啊!


圖、圖片尺寸縮小

儲存檔案

做了那麼多的修改後,我們得記得將檔案儲存起來,要不然前面的修改都做白工了,選擇『檔案 ==> 另存新檔』來儲存檔案吧。


圖、儲存檔案

存檔時記得選擇存檔類型,否則內定值是存為 BMP 檔。BMP 檔案沒有經過壓縮,所以檔案會比其他格式的圖片大上許多。如果圖片沒有要沖洗成相片、印成書面資料,那麼可以選擇用 JPEG 來貯存。

JPEG 檔案格式會破壞圖片內容,但是祇要破壞的程度不要太嚴重,我們人眼是分辨不出來的。但是破壞圖片內容讓 JPEG 檔案變得很小,有時檔案大小才 BMP 檔的 1/20 大小,所以這是犧牲一些我們人眼無法分辨的細節來換取小圖片的方法。

如果你不希望破壞圖片,又希望圖片比 BMP 小一些,那就選擇 PNG 檔吧。當然,檔案大小不能與 JPEG 相比了。


圖、選擇 JPEG 格式存檔

選擇 JPEG 格式存檔後,PhotoFiltre 會問我們要將圖片破壞至何種程度。我習慣是將破壞程度設在 5% 就好,讓圖片品質保持在 95% 以上。即使設定破壞 5%,整個圖片大小就已經變小很多了,所以不要太貪心。設破壞 20% (品質 80%) 的話,肉眼就可以分辨。至於破壞程度更高的,你可以自己試看看!:)

存完檔後記得將檔案關閉再重開,你才會看到圖片被破壞後的模樣喔!


圖、設定以 95% 品質存檔

如果以刀子來做比喻的話,PhotoImpact 可能是關公的青龍偃月刀吧,戰力強,可殺敵無數,不過扛起來重的很。平常一些切切小菜的工作不用動用青龍偃月刀,祇需瑞士小刀一把即可。PhotoFiltre 小巧、快速,功能不像 PhotoImpact 那麼豐富,但是平常使用也足夠了。如果你平常都祇用 PhotoImpact,那麼不妨看一下 PhotoFiltre 這個小工具,它的快速會讓你很滿意的!:)

Technorati : , , , , , , , , ,