華園-網路硬碟使用說明

(本文是寫給國華國中教職員工看的,當然也可以提供給有 Synology NAS 的單位參考)

網路硬碟空間可以減少同仁隨身碟帶來帶去會忘記或遺失,甚至資料毀損的問題,在任何一台可上網的電腦都可以使用,例如在家中做好一份講義,上傳到網路後到學校就可下載列印,在班上也可以下載使用,某方面比隨身碟好用不少。[@more@]

本校欲申請網路硬碟請 mail 給老爹,註明姓名即可,前20名申請同仁硬碟空間限額100G,後面申請同仁視狀況酌減,所以請趕快申請。

網路硬碟採Web介面及網路芳鄰兩種型式提供服務,其他功能視申請同仁多寡及網路負荷再視狀況開放

首先來說明Web介面

登入網路硬碟可由老爹網站首頁左方 “網路硬碟” 選項登入

(老爹網站 http://ghcat.ghjh.ilc.edu.tw )

01

登入首頁該主機名稱為 CBN-DS (後面介紹 “網路芳鄰” 時會用到)

不想經過老爹首頁可以直接用 http://ghcat.ghjh.ilc.edu.tw:5000/ 登入

02

輸入帳號及密碼後按 -> 登入 (本說明使用 applemom 為帳號)

本校同仁帳號一律使用 EIP 帳號,密碼老爹會給一組臨時密碼供第一次使用,記得要更改成自己的設定 (後面會說明)

03 

登入後看到介面很簡單,首先來看檔案總管 (按一下就可以)

04

跳出一個視窗,如要移動位置可以用滑鼠按住最上面移動

每個人都會有一個 home 資料夾,至於 photo 資料夾就不一定

05

如果要自己寫網頁,或者要在網路上分享檔案給別人,請務必在 home 下面建一個 www 的資料夾 (教網 mail 跟 部落格 都有單擋 10MB 的限制,所以大型檔案無法分享,本伺服器沒有這個問題,不過使用 “Web介面” 上傳太大的檔案有時會受限於網路,最好改用 “網路芳鄰” 方式)

資料夾中放入符合網站要求檔名的檔案即可,如本例使用 index.htm (怎麼上傳後面會講)

06

未來 applemom 這個帳號的個人首頁即為 http://ghcat.ghjh.ilc.edu.tw/~applemom

請特別注意帳號前面的 ~ 符號,不要忘了

07

上傳檔案有兩種模式,一種是覆寫,一種是略過

08

選一個檔案或多個檔案後按確定即可上傳

09

上傳過程右方還會有提示 (一次上傳多個檔案就會出現一長串)

10

如果檔案要在網路上分享,在自己的首頁網址後方加上 / 及檔名即可 (注意中間沒有空白)

11 

當然可以在網站上建立不同的資料夾

12

中文都沒有問題

13

不過如果是空的資料夾

16 

網址列輸入中文

14

連結後除了會回應 “頁面不存在” 的訊息以外,網址列還會出現亂碼

15 

如果有放檔案

17

我們直接輸入檔名

18

除了能正常連結,網址列也不會變亂碼

19

檔案總管左側還有 我的電腦,是呈現本機的硬碟,如果沒有這些,表示沒裝 java 套件,系統會提醒,依序裝一下就可以

29 

檔案要下載時點選檔案後按 “操作” 裡面就有 “下載” 選項 (可以一次選很多檔案)

30 

直接在檔案上按右鍵也可以

31 

如果一次下載多個檔案,系統是會自動壓縮成一個檔案,下載後需要解壓縮,這點請注意 (不習慣用壓縮檔的同仁請一個一個檔案下載)

37 

前面提到的上傳方式,當然也可以在我的電腦中選檔案後按右鍵上傳

32 

點選檔案的上傳方式還可以在上傳過程建立資料夾

35 

確定存檔的位置按確定即可

36 

比較特殊的是可以用拖拉的方式上傳 (下載不能用拖拉的)

33 

出現對話框選擇上傳方式即可

34 

系統還提供一些搜尋選項,有興趣可以試一下

20 

不需要在網路上分享的檔案,請自行在 home 下面建資料夾存放 (當然直接放在 home 中也可以)

23 

行政同仁有需要上傳照片或影片的,會多一個 Photo 資料夾 (學校首頁公開的相簿)

22 

向下按鍵上還有一些其他功能,除了檔案總管跟說明以外,目前僅開放 File Station 及 Photo station,還有就是很重要的 “選項”

24

File station 是另一套檔案總管

25

用法相同,說明在右方

26

如果不要用其他功能,它有自己的登入介面,以本機為例,網址為 http://ghcat.ghjh.ilc.edu.tw:7000/

(未來視申請使用人數多寡,可能會請資訊組在學校首頁建立連結)

38 

Photo station 就是我們的網路相簿 (沒有 Photo 資料夾的人沒有這一項),裡面有很多東西可以設定,需要的自己試

27 

選項中的 “帳號” 是修改密碼的地方,第一次使用的同仁請務必修改,請兩格輸入相同密碼後按確定即可,下一次登入時請輸入新密碼

(密碼忘記不要來問老爹,請 mail 給老爹,我會幫你改一個新的回信給你,然後再自己改)

其他的東西就自己試一下 (有一些是風格設定,可以玩一下)

(本校同仁請勿修改姓名,以免增加管理困擾)

28 

前面提到使用網路硬碟的第二個方式是 “網路芳鄰”,本機名稱為 “CBN-DS”,校內的電腦直接在電腦的檔案總管中輸入 CBN-DS (本校班級電腦因為網路走 hinet,不是學術網路,所以無法使用網芳)

就可以找到這台伺服器,輸入你的帳號、密碼就可以存取,最好把 home 設成網路磁碟機,當成電腦的一個硬碟使用 (行政同仁特別可以將這個網硬碟當成備份磁碟,將行政資料存一份在這裡,已備不時之需)

不會使用的同仁歡迎詢問

本伺服器還有很多好用的服務,未來視狀況再陸續開放及說明

(特別提醒,不要把網路硬碟當垃圾筒,請隨時做好分類管理,也請不要跟別人分享非法檔案,謝謝)

祝各位使用愉快

使用 UMPlayer 下載 Youtube 影片超簡單

老爹前面教過 YouTube 影片下載與剪接(1):利用 Firefox 下載影片,這個方法當時是很棒的,隨後 Google Chrome 也有套件推出,這些方法都很好,現在老爹要介紹一個更直覺的方法,就是使用 UMPlayer 影音播放程式直接下載 Youtube 影片。

UMPlayer 是一個完整的影音播放程式,不只免費,而且中文化完整,更厲害的是跨平台,Windows 、 Linux 跟 Mac 都可以使用,學一套就可以播影片、下載影片,而且沒有瀏覽器還要裝 Flash 軟體的問題,相當好用。

首先連上 UMPlayer 官網,按下 Download (官網是英文的,安裝過程也是英文,沒關係,跟著老爹做就是)

01 

[@more@]選擇使用的作業系統 (使用 EzGo 系統的人請選擇 Ubuntu),老爹用 Windows 為例

02 

跳出下載位置,隨便選一個 (老爹選第一個)

03 

按 Download Now

04 

等一下出現廣告後自動跳出下載

05 

使用 IE 的人可以直接執行,使用 Firefox 或 Chrome 的人請儲存後執行 (這裡下載的只是安裝程式,而不是軟體本身)

06 07 

按 Install

08 

這時才真的開始下載軟體並安裝

09 10

下載完成後按 Next

 11

按 I Agree

12 

再按 Next,使用內定值安裝即可

13 

再按 Install

14

等待安裝 (安裝過程有點久,因為它是多國語言版,所以要裝的小檔案很多)

15 

完成 Finish 執行程式

16 

UMPlayer 執行起來就是中文了,第一次使用要確認語系,直接按 OK 就行

17 

因為是內定值安裝,所以電腦中的影音檔案圖示都會變成 UMPlayer 的圖示,表示以後檔案點兩下後會以 UMPlayer 播放,以前安裝的 KMPlayer 或 PotPlayer 等播放器都將退居二線,如果要改回來,自行使用那些播放器的檔案關聯選項去改。

30 

老爹習慣把播放器放大再使用

18 

UMPlayer 視窗上方是功能表列,功能表下方式快捷列,上面都是中文,使用上應該沒有問題,視窗下方是視覺化的播放按鈕,使用更沒問題,老爹要介紹的是右上角的 Youtube 搜尋工具

直接在上面輸入要搜尋的影片名稱,按 Enter 或放大鏡圖示,出現搜尋到的影片

19 

點選要看的影片就可直接觀賞,想要把影片錄下來再看,可點選下方播放工具按鈕的紅色錄影鍵即可,是不是很簡單?

(不用急著下載,先往下看)

20 21 

要錄多個影片,可繼續搜尋及錄影,它會自動加入並下載

22 

下載完成後按 "Open Folder",可以開啟影片資料夾 (Clear List 可清空下載佇列)

27 

點選影片兩下就會自動播放

不過老爹不喜歡這個位置,所以要進行設定變更 (最好在第一次使用前就設定)

28 

接下來就是設定的部份,錄下來的影片放在哪裡?請按 "選項" ,再按 "偏好設定"

23 

Screenshots 是存放影片快照的資料夾,Recordings 是存放影片的資料夾,老爹建議這兩的資料夾都改到自己常用的位置,比如 “D” 磁碟中的 "Youtube影片" (使用學校電腦時,請改到自己的隨身碟)

24 25 

還有一個地方要改,"效能" 中的 "Youtube",內定值 Playback 的 Quality (影片播放解析度) 是 360p,Recording 的 Quality (影片錄影解析度) 是 1080p,如果網路速度夠快,老爹建議 Playback 改為 720p (因為沒有 480p 可選),如果網路速度不夠快,Recording 則改為 720p (學校中如果要放到投影機,720p 就夠了)

UMPlayer 的作法,Playback 跟 Recording 都是由設定值向下找,比如 Recording 設 1080p,錄影時會先找該影片有沒有 1080p,如果沒有,自動向下找 720p,如果還是沒有就再向下找,一直到找到為止,所以錄影可以錄到比較好的畫質,而不用像其他錄影軟體或套件要自己選,很方便的

另外 Recording 的 Format 也可以改,mp4 或 flv 兩種可以選,如果要在特殊的作業系統上使用 (如 ipad / iphone),建議用 mp4 就好

26 

選完按 ok 即可

29 

其實設定中有很多可以改的,不過老爹就不詳細介紹,因為目前這樣已經夠用,祝各位使用愉快

善用 Google Chrome 讓學生帶走老師所有設定

這篇文章主要是寫給各校資訊組長或有教授資訊課程的老師看的,所以依據老爹的慣例,大部份會使用藍色字體。

一般老師使用學校會還原的電腦教學時,對於瀏覽器的使用一向都是不方便的,老師要用的網站連結不是沒有,就是要大費周章地解開還原保護,設定好網站再複製所有電腦,除非老師把要上的網站連結做到老師的網站上,然後讓學生上老師的網站連結,最後還要在上課時補充一句,『請學生回家後要把老師教的網站加到自己家中的瀏覽器」,這實在很麻煩。

如果是像老爹先前教的 Firefox 下載 YouTube 影片的套件,就要請學生回家後要自己安裝一次套件,雖然這也是一種技能教學,不過說真的成效有多少就很難說了。

如果能夠讓學生在學校上完資訊課或其他融入資訊的單元以後,回家就可以直接連上在學校用過的網站或者安裝過的套件,而不用多一道手續,其實是很理想的。

Google Chrome 的 "個人化同步設定" 就是一個很好的解決方案,這個同步設定已經有很多高手寫過文章,老爹只是班門弄斧重新把這個步驟再說一次,然後帶入整個教學過程而已。

[@more@]第一次的設定會比較麻煩,趁著暑假重新整理學校電腦時,老爹建議把 Google Chrome 當成一個重點。

(會還原的電腦最好先進入總管模式,如果設定的過程要在一般電腦進行,最後才要把帳號資料帶到學生用電腦當然也可以,不過要注意最後的步驟)

首先是依據教學需求,把要用的網站一個個加入 "書籤",當然最好能分類用 "資料夾" 的形式呈現最好。

01 02 03 

完成後把 "永遠顯示書籤" 勾起來

04 

書籤列就會出現

05 

接著進入 chrome 線上應用程式商店,把會用到的應用程式一個個安裝起來 (請先登入 google 帳戶,否則無法安裝程式)

如果沒有登入

06 

按 "安裝" 後會出現未登入訊息

07 

當然也可以在這個時候辦一個帳號

12 

不過先出現的訊息是英文的 (可以按翻譯,會變成中文)

13 

所以老爹建議一開始就辦一個帳號登入,這裡指的辦一個帳號登入是辦一個新的,為了以後管理方便,不要跟自己常用的帳號設定混淆,老爹建議要有一個專門用來管理學生電腦要有哪些書籤及應用程式的帳號

09 

申辦帳號的過程大家應該都清楚,老爹就不多說,往後也要要求每個學生申辦帳號 (目前不能用教網的的學生 smail,以後會不會可以就不知道了)

10 11 

申請好了回來登入

15 

然後回到 chrome 線上應用程式商店,安裝任何應用程式都會正常

17 

安裝完自動跳出 "新分頁" 就會看到已安裝的應用程式

18 

這時會看到瀏覽記錄在下頭,這是 chrome 很討厭的地方,如果這個設定最後是要給學生用的,最好在結束設定前,清空所有瀏覽記錄,方法很簡單,先按 "工具",再按 "清除瀏覽資料"

19 

出現對話框,再按一次 "清除瀏覽資料"

20 

看畫面是不是清爽多了

21 

接下來要做 chrome 設定及帳號同步設定,按 "選項"

22 

在 "基本選項" 中有一些設定可以做

23 

老爹習慣都把它設一下,比如首頁可以設定到學校首頁等等

24 

接下來是重頭戲的 "個人化設定",按 "設定同步處理"

25 

這時候再輸入剛才申辦的帳號及密碼,按 "登入"

27 

可以直接按 "確定",也可以 "自訂"

28 

如果設定過程中不小心有設到自動記憶密碼,這時最好用自訂,然後把 "密碼" 的勾選取消,畢竟最後電腦是要給學生用的,把老師的密碼留下來基本上沒有意義

29 

一下子就完成同步,到這裡這個 chrome 的資料已存到 google 的雲端,如果設定還沒有完成,比如書籤還不夠,或是應用程式還沒裝完,可以繼續完成

設定一次沒設好也沒關係,因為所有設定都已到了雲端,就算下次換一台沒設定過的電腦也沒關係,只要 "設定同步處理",所有的資料都會回來

30

當所有的設定都完成以後,就要停止同步,只把設定留下來

(這時候一定是在會還原的電腦上進行,而且這時一定要在總管模式,如果 google 有登入,一定要記得登出)

按 "停止同步處理這個帳戶",再按 "停止同步功能"

31

一下子同步功能就停止,回到原始狀態,可是所有的設定都還在,這時記得要 "清空瀏覽資料" 然後才能接下去做

到此大功告成,關閉瀏覽器以後可以進行電腦對拷,讓所有的電腦都有這些設定

32

接著老爹以自己的帳號作說明 (不是前面的那個帳號設定的),如果老爹教學上要用的 "書籤" 如下圖

33 

要給學生用的程式如下圖

34

上課時要先教會學生申請 google 帳號,前面說過要要求每個學生申辦帳號

申辦號的過程就略過,以下是給學生看的,字體恢復黑色

執行 google chrome 瀏覽器後,直接按右上角的板手圖示,選擇 "選項"

50

按 "個人化設定",再按 "設定同步處理"

35

輸入自己的 google 帳號及密碼

(老爹這裡用本文一開始的帳號,其實是沒關係的,因為真正設定的過程不是用這個,接下來這個帳號就當學生帳號使用)

36

直接按 "確定" 即可

51

馬上出現同步完成,這時 chrome 上的設定都已存入自己的帳號

37 

接著所有的操作,包括 "書籤"、"程式" 等等,也都會存到自己的帳號裡去

43

回到家使用 chrome 時,只要再做一次同步

(家裡的電腦要先安裝 google chrome,沒有的請到 這裡下載 安裝)

家裡沒做過設定的電腦原本可能沒有書籤跟應用程式,按右上角的板手圖示,選擇 "選項"

44

跟在學校的步驟相同,按 "個人化設定",再按 "設定同步處理"

45 

輸入自己的 google 帳號及密碼

46

直接按 "確定" 即可

47 

經過一下子,所有學校電腦中的設定都會出現

48

有部分的程式會出現他們的首頁,沒關係,關掉就好

52

當然包括所有程式都出來了

49

接著所有的操作,包括新增的 "書籤" 或 "應用程式" 等等,都會持續存到自己的帳號裡去

回到學校使用電腦時,因為學校的電腦會還原,記得每次都要設定帳號同步,這樣家裡設定的東西也都會出現在學校的電腦中

家裡的電腦因為不會還原,只要設定一次就可以,如果在學校電腦有新增書籤,回家上網就會看到,是不是很方便

這個方法也可以把自己的設定一下子就轉給其他同學或朋友,只要先取消同步,再由其他帳號同步即可 (請看上面的取消同步)

老師們如果要對電腦的設定進行變更,就要比較麻煩,如果只是新增書籤,只要解開還原、新增書籤、對拷。

如果還要新增應用程式,則需要解開還原、登入、同步、新增程式、登出、取消同步、清除瀏覽資料、對拷。

不過如果可以讓學生能夠完全同步老師的設定,清楚老師要教的知識跟技能,其實這是值得的。

(目前老爹發現的問題是多個帳號不斷同步後,資料會不斷累加,造成一點點困擾)

簡報美工好幫手:使用 PhotoCap 去除背景

經常我們看到很多簡報,尤其是貼上一些圖片的簡報,總覺得貼圖有些奇怪,常看到一張張美麗的圖片直接貼在美美的背景上,原本都是美美的東西一下子卻 "失色" 了

01 [@more@]02

當然有人會有些巧思,換一張背景,讓色調看起來更好看

03 04

但這並不是長久之計,如果圖片不是單色背景,那一切都是白費

05

所以如果能夠把圖片的背景適度的處理,貼上來的結果就會更有專業水準

06 07 

好了,要用什麼軟體進行去背景的動作,其實最常用的免費軟體 PhotoCap 就可以使用 (沒有的請自己上 PhotoCap官網 下載)

進入 PhotoCap 後載入要編輯的圖片,最基礎的可以用橡皮擦慢慢擦,橡皮擦的形狀跟大小、壓力、柔邊可以自行改變 (試一下就知道效果),如果做錯了,左上角有 "復原" 按鈕可以使用

08

老爹其實比較喜歡使用魔術橡皮擦,點選橡皮擦圖示旁的倒三角形,選取魔術橡皮擦

09 

魔術橡皮擦需要調整 "差異度" 跟 "不透明度",不透明度在單純去背景的狀態維持在 100% 就可以,除非要把背景變成朦朧的感覺,那就可以調小一點

10 

重點在差異度,差異度由 1 到 255,共 255 個色階,代表你擦下去那一點擴散出去的狀況,擦下去那一點當然會被擦掉,跟他相鄰的點,就要來比較一下,假設我們差異度訂為 1,表示相鄰的點如果顏色跟它一模一樣,才會被擦掉,如果顏色差一點點,就不會被擦掉

11 

如果我們把差異度訂為 10,表示相鄰的點如果顏色差異在 10/255 的範圍內的,都會被擦掉,然後一直擴散出去,因此一下子就可以把相似的顏色擦掉,一張單純一點的圖只要點幾下,大概就可以把背景擦的很乾淨了

12 

適當的放大圖片,可以看的更清楚 (使用上面的按鈕)

13 

擦掉的部分在 PhotoCap 下會顯現黑白方格,我們可以把它看成桌布,不用理它

部分的地方有可能會留下來,小心檢查一下

14 15

當然差異度越大,會被擦掉的範圍理論上就會越多,所以不可以調太大,以免把不應該擦掉的地方也擦掉了,那就要復原重來

19 20

因為我們去背景是為了把圖片貼在簡報上,老爹建議不用擦到很乾淨,只要貼上去不是白白或黑黑一大塊就可以,有的時候留下一些邊,也會有不一樣的美感或趣味

(有的時候切成橢圓形或其他不規則形狀效果也不錯,可以試一下)

21

再來是最重要的存檔,因為一般 JPG 圖片並不支援透明區域,所以存檔時我們要把 "影像類型" 改為 "PNG","位元格式設定" 要選 "32位元格式(含透明度的資訊)"

16 17 18

這樣當我們把這張圖片貼到簡報時,就會有很棒的結果

易學好用的 「PhET 自由的線上物理、化學、生物、地球科學及數學模擬教學」,以 "光的折射" 為例

PhET 自由的線上物理、化學、生物、地球科學及數學模擬教學」是一套很棒的線上模擬教學軟體,而且中文化完整,對於國中及高中的學生及老師,是不可或缺的科學學習工具。

在網站 關於 PhET 中寫到

PhET 提供了具趣味性、互動性及 以研究為主 的自由物理現象模擬教學。相信從這些先驅的研究及測試下,這些以研究為取向的整合發現將可作為學生在現實生活的科學現象及基礎科學原理作一聯結,加深其對於物理世界的了解及喜愛。

為了幫助學生以視覺理解這些科學觀念,PhET 模擬教學動畫利用大量的圖形及直覺性控制,例如:按鍵及拖曳的操作、選項比例調整按鈕等方式。為了鼓勵更多的定量上的探索,模擬教學也提供了測量工具,如:尺規、碼錶、電壓計及溫度計等。當使用者操作時,這些互動式的工具可立即的反應模擬的狀況,如此一來,能夠更有效的闡明因果關係及其相關的陳述。

所有的模擬教學都是經過測試及評估,以確保在教育上的有效性及實用性。這些測驗除了在各種環境上實際的使用,講課、團體工作、家庭作業及實驗室外,也包含學生親身體驗。我們的 分級 也說明了在每一個模擬教學中測試的階段是否完成。

所有 PhET 網站 的模擬教學都可以自由取得而且是容易使用的,並且能夠整合到課堂上的教學。這些程式是以 JavaFlash所寫,而且也可使用在已安裝 FlashJava 的瀏覧器中。

這樣的網站跟軟體,其實還是有很多老師不知道,所以沒有介紹給同學,老爹就來簡單介紹一下

[@more@]首先進入網站首頁,按 開始玩教學… >

 01

左邊是分類及說明,中間就是教學主題,上面還有搜尋可以用

 02

點選任一教學主題進入 (老爹以 光的折射 為例)

國中生學到這個主題時,如果光靠老師在課堂上畫入射線、法線、折射線、反射線、入射角、折射角、反射角等,少部分的聰明學生可以學得來,但大部分學生其實是搞不清楚狀況的,老爹建議老師們先在課堂中透過單槍使用本軟體教學,然後帶學生進電腦教室實際練習,這樣學生才不會忘記。

如果課程沒有時間讓學生進電腦教室的話,找幾個學生在課堂上讓他們練習一下也可以,最重要要把網址給學生,讓學生能回家再練習。

老爹不建議下載,雖然下載以後第二次使用會比較快,但是因為網站會更新,所以建議不下載較理想

點選 "開始!"

03 

出現 JAVA 下載,等一下 (部分主題會比較久)

04

05 

出現主題視窗就可以開始用了

06 

點選光源上的紅色按鈕就可以射出光線,馬上可以看到折射線、反射線,而且還有明暗不同 (老師可稍作解釋,因為部分實驗呈現出來的結果超過國中課程)

07 

滑鼠移到光源按鈕後方,會出現綠色箭頭,按住滑鼠可以移動光源角度,這時可以看到折射線、反射線都改變了

08 09 

觀察完現象以後,就可以實際測量角度,用滑鼠把左下角 "工具箱" 中的 "量角器" 移出來,放到水面入射點,可以測量入射角、折射角、反射角等

因為量角器無法旋轉,可以很清楚的讓學生知道夾角在哪裡

如果不要用量角器了,可以把它移回工具箱

10 11 

右邊的介質可以改變,國中階段光由空氣射入水中,或由水射入空氣中,可以很清楚的呈現 (高中階段還可以進行折射率跟角度的計算)

12 

全反射的狀況也可以看到

13 

法線的輔助可以隨時取消,這樣就更貼近實際狀況

14 

工具箱中還有光強度計可以使用,可以看一下折射光跟反射光的強度,以及改變入射角時,折射光強度的變化

15 16 

左上角可以把 "光線" 改成 "波",折射的狀況就更有看頭,尤其在波的寬度上,可以好好思考一下

17 18 

稜鏡的折射有更多好玩的現象,除了三稜鏡外,凸透鏡及凹透鏡都是很好的教材,老爹就不再介紹,請大家好好玩一下

19 20 21 22 

老師們如果想要把 PhET 嵌入學校網頁或個人部落格,每個主題都有嵌入功能可以使用,老師們請自行研究一下

23 

跟國中課程有關的實驗主題相當多,甚至部分主題國小學生都可以學習,期待大家來玩 PhET

全能影音解碼器 K-Lite Codec Pack 安裝設定

現在的影音撥放軟體大多自帶解碼器,因此解碼器的需求日益降低,不過如果要使用一些影音轉檔或剪輯的軟體,往往因為這類軟體並未自帶解碼起或者解碼器不完整,導致轉檔或剪輯時出現問題,所以為電腦安裝一套完整的影音解碼器在影音剪輯工作上面,確實是需要的。

網路上的解碼器很多(其實越來越少了),老爹推薦的還是老牌的 K-Lite Codec Pack,直接到 軟體王 下載安裝即可,非常方便,老爹建議下載 K-Lite Codec Pack XXX Full 版本即可。

01

[@more@]以下是老爹的安裝過程截圖,大致上都用內定植,老爹只改了兩個地方,都用紅色圈起來,為何要改,以下有說明。

02 03 04 05 06 07 08

H.264 的影片很多,尤其來源是 YouTube 的影片,建議勾起來

09

因為大家都已經有影音撥放軟體,建議就不要勾,以免關聯設定都被改掉

10

這個選項可以按 Select all 也可以直接下一步,老爹通常不改

11 12 13 14 15

安裝完成會出現網站,關掉就好

16

 

祝各位順利使用

YouTube 影片下載與剪接(2):透過 Avidemux 快速剪輯、合併

當我們的影片影已經透過 Firefox 下載後,除了繁雜的編輯以外,其實我們常常只是要簡單的剪出一段或是把兩段影片合併,這樣的動作,如果還要出動 "會生會影" 或 "威力導演" 這樣大部頭的工具,除了殺雞用牛刀外,時間也不經濟,因為這類軟體,會將影片重新編碼,當然產生影片的時間需要比較長,而且任何的重新編碼,對影片的畫質其實會多少有些影響,所以不重新編碼才是簡單剪輯的必要條件。

Avidemux 本身是一套完整的影片轉檔編輯軟體,不過我們並不使用它的轉檔功能,我們只要使用它的簡單 "剪"、"接" 兩個功能而已。

Avidemux 官網

01 

[@more@]Avidemux 官網下載點提供各式作業系統的形態,請自行下載安裝,當然如果要使用中文版或免安裝的版本,請自行上 google 搜尋,老爹一向使用英文原版,因為操作很簡單。如果要用免安裝版本,老爹推薦使用 阿榮版

安裝過程省略,使用標準安裝即可,執行起來就可以使用,畫面如下

上面是檔案工具,左邊是格式工具,下面是播放工具及控制項

02

老爹先示範比較簡單的合併,先載入第一部影片,使用左上角的 OPEN,選擇第一個要合併檔案,因為我們的影片來源是 YouTube,它的壓縮格式為 H.264,所以一載入會出現 H.264 的修正畫面,老爹一向選不修正 "No",以免後續出現錯誤

03

下面出現影片的相關資訊,如影格數、片長等,因為我們不剪片,所以 A、B 點就是頭跟尾 (後面再說明)

04

Avidemux 本身對 YouTube 影片的播放支援並不好,所以有些影片在上面播放會出現問題,這時可以使用拉桿或右方的飛梭旋鈕

06 

載入第二段影片使用 Append 功能,一樣會出現 H.264 的修正畫面,還是選 "No",影片就會接到後面,我們會看到影格數、片長都增加了 (注意不同格式的影片不可以合併,比如 480P 跟 360P 的影片一定不可以合併,就算都是 480P,寬度不同的也不可以)

05

如果要再加第三段,重覆執行 Append 功能,全部完成以後,就進行輸出作業,注意左邊的格式工具,因為我們對 Video、Audio 本來就只是 Copy 而已,所以不用改,至於 Format 因為不轉換格式,所以要選原來 YouTube 的格式,也就是 MP4 (360P 或 240P 的影片如果存檔後無法觀看,或根本無法存檔,請改為 MP4 (PSP) ),不管你的檔案附檔名是 "flv" 或 "mp4"

07

存檔直接按工具列左方第二個圖示(磁碟片),選定存檔位置,輸入檔名,記得附檔名一定要加,因為 Avidemux 不會自動加上附檔名,附檔名要用原來的

08

合併速度很快,一下子就完成了

09 10

再來介紹剪片作業,剪片就是要找出要剪的頭尾,在這裏是 A、B 點,尋找剪片點可以使用拉桿、飛梭旋鈕、步進或快進,慢慢找到最好的裁切點

11

找到以後用 A、B 按鈕裁切

右方的 A、B 代表畫格位置,按一下可以回到你設定的裁切點,最右方是音量大小,不需要調整

12

最後就是存檔作業,不再贅述

重複剪片與合併,可以把一些片段剪成一個有趣味的影片,如果再上傳到 YouTube 並利用其後製功能,加上配樂或字幕,就可以成為很棒的作品。

有著作權的影片請勿任意剪輯再上傳,以免觸犯法令

YouTube 影片下載與剪接(1):利用 Firefox 下載影片

YouTube 影片對網路使用者來說是一個很好的知識來源,對教師來說也是一個很好的教材庫,但當我們真正要使用它時,往往發生網路連線速度不足,或無法快速移到需要的片段,造成很多困擾。

本系列文章將以最簡單的方式,透過 Firefox 擴充套件,說明影片的下載,與透過 Avidemux 快速的剪片、接片。

Firefox 的安裝老爹就不介紹了(使用 portable 版本也可以,還可以帶著走),開啟 Firefox 後,進入 Firebox 首頁的  社群嚴選:擴充套件 Top 15

老爹建議至少安裝 No.7 Easy DragToGo 與 No.9 DownloadHelper ,勾選 "□列入安裝清單"

01

[@more@]

移到最下面,按 "安裝套件"

02

Firefox 跳出一個安裝訊息,按 "允許"

03

軟體安裝視窗,按 "立刻安裝"

04

除了兩個套件以外,會自動加入 Microsoft .NET Framework Assistant

05

安裝完成重新啟動 Firefox

06

出現附加元件視窗,關掉就好

07

Firefox 會自動進入套件的網站,不想瞭解關掉就好

08 

安裝完成套件的 Firefox,在工具列會出現三個小圓球的 DownloadHelper 圖示,沒有可下載的影片時是灰色的

10

當我們找到咬看的影片時,因為先前有安裝 Easy DragToGo,可以用拖拉的方式把影片開在新分頁,方法是把縮圖或有連結的文字按住滑鼠向下輕拉,縮圖或文字會被拉出來,這時放開按鍵,該影片就會出現在新分頁 (畫面還是停留在原頁面)

(如果是向右輕拉然後放開按鍵,該影片出現在新分頁並且畫面會跳到新分頁)

因為已經有影片可以下載,所以三個小圓球的 DownloadHelper 圖示會變成彩色並且不斷旋轉提醒使用者下載

11

我們可以點選該圖示,就可以開始下載影片 (先暫停一下,說明其他狀況)

12

如果是第一次使用 Firefox 上 YouTube,影片是不會出現的,影片框會有提示,直接點選右方安裝

13

安裝外掛按 "下一步"

14

點選 "我同意" 並按 "下一步"

15

等待下載

16

點選 "接受" 並按 "安裝"

17

裝完按 "完成"

18

回到 Firefox 就可正常顯示

(以上安裝過程如果是使用宜蘭縣國中小租賃案電腦標準安裝,其實都不用裝,因為系統內定都裝好了,如果電腦由學校自行安裝或廠商另外安裝,記得要在總管模式把該裝的都裝好,才不會造成困擾)

19

再回到下載,點選 DownloadHelper 圖示,會出現所有 YouTube 提供的影片格式,可能會有 [240p]、[360p]、[480p]等,甚至有[720p]、[1080p]等,數字越大一般代表畫質越好 (不過也有假的),看需求下載需要的畫質 (其他的選項不要管它)

一般有到 720p 的影片,老爹都會下載 720p,不過有 1080p 的,老爹就不見得會下載,除非只是單純觀賞,如果要後製,720p 已經夠了,甚至 480p 也可以,畫質越高,檔案必然越大,後製需要的電腦運算能力跟時間都必須增加 (舊的租賃案電腦播放 720p 時都有點吃力)

20

點下去後出現下載位置視窗,內定值下載位置老爹建議更改

21

比如改到 D: 磁碟,新增一個 "YouTube影片",下載檔名就不改了,直接按 "儲存"

22

跳出下載視窗 (不要理他,可以做其他的事去) (前面的圖示是該電腦的播放軟體設定,每個人不見得相同,不用理會)

23

下載完成關閉即可

24

DownloadHelper 可以做進一步的設定,在 "工具" >> "DownloadHelper" >> "偏好設定" 中

25

老爹只改一個地方

26

"服務" 裏的 "下載",把下載模式的最大下載數,由 2 改為 3~5 (我們學校的網路很慢,改成 3 就到頂了,家裡如果速度不慢,改成 5 都可以)

儲存目錄也可以在這裡改,不過老爹都是在下載時改,這裏自然會同步

27

再回來看一下,DownloadHelper 圖示右方的數字代表還有多少影片要下載

28

下載視窗隨時都可以 "清空下載清單" (完成的檔案),或者 "暫停"、"刪除" 正在下載的影片,如果有影片下載到一半斷掉,也可以在這裡重新下載

29

"工具" >> "DownloadHelper" >> "下載佇列" 視窗可以顯示還在等待下載的影片

30

老爹常常在家裡一次設定一堆,放著讓它跑,最後再來收拾。

有著作權的影片請自行判斷適法性再進行下載,以免帶來困擾

<<未完待續>>

信業 DBS 教學廣播系統使用指引

長期以來,教師進到電腦教室使用電腦教學時,對硬體廣播系統的使用往往只停留在 "全體廣播" 一項,好像偌大的廣播系統對教師來說只有兩個按鍵有用途,其他都是無用的,要不然就是要先拉著資訊組長或資訊教師問個明白,而事實上資訊組長或資訊教師也不見得能夠瞭解廣播系統的全部功能,也或許無法在一時之間說明清楚,所以老爹就把這個租賃案的系統一次說明白,讓使用的老師能夠有所瞭解,也方便日後查找。

信業 DBS 教學廣播系統除了看得到的硬體以外,交貨時附有一張光碟跟一張簡易說明(如下圖),簡易說明如果不見了,點下圖放大自己再印一張吧!

[@more@]dbs

光碟內有詳細說明,不過包含信業全產品,找起來要花一點時間,老爹就把檔案放在下面,需要的請下載 (我相信大家都懶得看)。

<<信業 DBS 教學廣播系統使用手冊>>

進入主題,廣播系統的配線等,都不是老師需要知道的,老師只要會操作控制面板就可以,控制面板如下

02

左邊是學生燈號區 (只有綠燈、黃燈會亮),右邊是功能按鍵區,不過因為我們的機種只有螢幕功能,所以很多按鍵是沒有功能的,有作用的按鍵如下圖紅圈

03

下面以需求為導向介紹本機功能

針對全體學生操作

A1. 全體廣播:按 "老師廣播",結束廣播按 "自行操作" (所有功能結束都是按 "自行操作",以下不再說明)

04

A2. 全體黑屏 (學生螢幕變黑,老師不受影響):按 "警示教學"

A3. 輪流監看全體學生畫面:按 "監看/AVC" (正被監看得會閃黃燈),監看中如要停在某學生畫面,可按 "暫停",繼續輪流監看再按一次 "暫停",輪流監看時間長短可按 "+"、"-" 變更,LED 螢幕會顯示秒數,因我們液晶螢幕的關係,反應時間很慢,也就是每個學生畫面跳出來的時間很長,廠商說如果把老師機改為傳統 CRT 螢幕,反應會比較快

A4. 將某學生螢幕廣播給全體:先按學生按鍵 (指定小老師),再按 "學生廣播",再按 "執行"

05

針對部分學生操作

B1. 對部分學生廣播:先按要廣播的學生按鍵 (可多選,會亮黃燈),再按 "老師廣播",再按 "執行"

B2. 讓部分學生黑屏:先按學生按鍵 (可多選),再按 "警式教學"

B3. 監看單一學生或輪流監看部分學生畫面:先按學生按鍵 (可多選),再按 "監看/AVC",暫停如上說明

B4. 將某學生螢幕廣播給部分學生:
方法一:先按學生按鍵 (指定小老師),再按 "學生廣播",再按要廣播的學生按鍵 (可多選),再按 "執行"
方法二:先按要廣播的學生按鍵 (可多選),最後按指定的小老師,再按 "學生廣播",再按 "執行"

※行列多選:選擇學生可以使用行、列方式選擇,如要選 01、02、03…這一列,先按其中一個,再按 "選擇列",如要選 01、11、21…這一行,先按其中一個,再按 "選擇行"

06

※增減學生:要增加學生,可以按學生按鍵 (可多選),再按 "新增",要減少學生,可以按學生按鍵 (可多選),再按 "移除",但監看時正在監看的學生 (閃黃燈) 無法移除

※清除選擇:要把所選的學生全部取消可按 "清除選擇" 或 "清除求助"

投影機及筆記型電腦

C1. 投影教師螢幕:當老師沒有使用廣播系統時,投影機內定是不顯示的,如果老師不想對學生廣播,只是要對投影機輸出 (比如要讓學生跟著操作),按 "輔助螢幕" 即可

07

C2. 投影學生螢幕:當老師要把某學生螢幕單獨秀到投影機 (不會同步到老師機),先按學生按鍵,再按 "輔助螢幕"

C3. 監看學生螢幕:同 B3,投影機與教師螢幕同步顯示 (哈哈,這時會看到投影機先秀出來,液晶螢幕慢好久才出來)

C4. 廣播筆記型電腦給全體學生:廣播系統留有一條 VGA 線,接上筆記型電腦後,可廣播筆記型電腦螢幕,先按 "設定鍵/NB",再按 "老師廣播" (投影機會同步出現,但老師螢幕不會出現)

C5. 廣播筆記型電腦給部分學生:先按 "設定鍵/NB",再按學生按鍵 (可多選) [以上兩個順序可互換],再按 "老師廣播"

C6. 投影筆記型電腦:"設定鍵/NB","輔助螢幕" [以上兩個順序可互換],接著隨時按 "設定鍵/NB" 可切換老師螢幕與筆記型電腦

每一個程序最後都要以 "自行操作" 結束後,才能進行下一個程序,如要把 01同學及 02同學螢幕廣播給全體 (或部分),必須廣播完 01同學螢幕後,先 "自行操作",再廣播 02同學螢幕,對部分學生操作時會很麻煩,因為要全部重選,無法記憶。

對全體的廣播時,包含老師廣播、學生廣播、筆記型電腦廣播,都是整間教室所有螢幕都會亮 (螢幕電源沒關狀態下),不管有沒有開機,只有對部分學生操作時,沒開機的電腦螢幕才不會亮 (也不能選),所以如果沒有要學生操作電腦,其實只要用螢幕廣播就可以,學生不用開機。

<<教學廣播系統簡易操作說明>> 老爹整理的,有需要的請印出來放在廣播主機旁邊供老師們參考

陪孩子們玩部落格(後記)–部落格與 Live Writer 問題與解答

寫完一系列部落格文章後,原以為可以輕鬆放寒假、好好過年,結果發現不少先前沒注意到的問題,有學生提出的,有同事提出的,就是沒有人在部落格迴響,不知是我寫得太詳細,還是大家都沒碰到問題,當然最好不是沒有人要理我。

總結部分已知的問題進行回答,希望對遇到問題的老師或同學有所幫助。

問題:做好的 Live Writer 隨身碟,在學校的電腦可以使用,但在家裡的電腦卻無法執行,等好久都不會反應?

解答:部分同學遇到相同的問題,經過詢問,家中的電腦都是很單純的 XP 系統,而且平常只用來上網跟文書作業,幾乎沒安裝遊戲軟體,查了一下 Live Writer 網頁,發現 Live Writer 需要在 Microsoft .NET Framework 2.0 或更高版本下運作,這些電腦因為太乾淨了,所以連 .NET Framework 都沒安裝,解決方法有兩個,一個是自行安裝 Microsoft .NET Framework 2.0 或更高版本,一個是直接安裝 Windows Live Writer (非可攜式版本),因為在安裝過程系統會自動安裝 .NET Framework。

[@more@]問題:使用 Live Writer 發佈一篇文章後,繼續編輯第二篇文章,發佈第二篇文章後發現第一篇文章不見了?再編輯一篇發佈,前一篇又不見了,非常奇怪?

解答:哈哈!天才學生做的天才事,原來該生發佈完文章後,把 Live Writer 上的內容清空,然後直接編輯下一篇文章,當然在發佈後,會直接取代前一篇文章。正確使用方法是發佈文章後,要按 "新增" 才能夠編輯新文章,不能把原來的文章清空重來。

問題:把網路上的圖片貼到 Live Writer 上,發佈後在部落格上出不來?

解答:這是一項 Live Writer 跟 Word 的差別,Word 可以接受任何來源的複製、貼上動作,這些圖片會真的放到文件中,Live Writer 接受電腦裏面檔案的複製、貼上動作時,會自動把照片上傳到部落格,但網路上的圖片直接複製、貼上時,只是把網址做插入的動作,所以當網路上的照片不存在了,自然發佈到部落格的文章就看不到照片 (變成一個空白框以及左上角出現 X 符號),因此網路上的圖片最好先下載到電腦中 (請注意著作權問題),再進行複製、貼上動作比較保險,這個不算缺點的缺點如果微軟重視的話,或許以後會改進 (如貼上時出現選項,選擇下載圖片後貼上或直接貼網址)。

問題:上傳的檔案在下載時,明明看到原來的檔名,但按下去時 "檔案下載" 對話框的 "名稱" 卻變成一串數字?

解答:這是教網的部落格 (Life Type 平台) 的一個特殊設計,老爹認為是為了避免 "中文衝碼" 以及 "檔名重複" 的好方法,不過對下載者確實是一個不方便。

先來解析這串數字檔名,這串數字由兩組數字組成,第一組數字其實就是每個人部落格的代號,第二組數字則是流水號,檔案上傳到部落格時,教網的主機把檔案的檔名跟檔案本身分開儲存在不同的資料庫,檔案本身給一個編號,再把這個編號跟檔名記載到另一個資料庫,就好像很多診所的病歷表一樣,在病歷表電腦化以前,每個人的病歷表並不是依照姓名來分類,因為每個姓氏的人口數差異很大,所以很多診所就按照出生年月來歸檔,這樣整理起來就很方便。

當檔名跟檔案分開,就沒有中文檔名的問題,也沒有檔名長度的問題,當然重複的檔名也可以 (系統會在重覆的檔名前面自動加流水號),想要修改檔名,其實不會動到檔案,只是修改對應的資料庫而已,這是有好處的,因為部落格的檔案往往都是為了在文章中連結,如果檔案上傳後沒有給一組新檔名,而是用原來的檔名,想一想如果我們改了檔名,接下來是不是要再把跟這個檔案連結的文章都改一遍,這會造成很大的困擾的。

所以 Life Type 平台的設計者很聰明的把這兩個東西分開,讓每個檔案只剩下編號,以後上傳檔案後,可以看一下自己被編到幾號了,就知道我們的資料庫有多少檔案 (很恐怖的大,而且每天在長大),這樣的編碼方式還有其他好處,下面會再說明。

如果下載檔案時想要保留原來的檔名,如果是在 "資料夾" 中下載,記得先將檔名框起來 "複製",點下去下載時再 "貼上" 檔名,如果是在 "文章" 中下載,也是先把有底線的檔名框起來 "複製" (不太好框),點下去下載時再 "貼上" 檔名,至於文章中貼上的照片,因為沒有檔名,就沒辦法了,除非知道在哪個資料夾,直接到資料夾中去找。

問題:上傳到部落格的檔案,如果想要搬到其他的資料夾,原來的文章連結要不要重改?

解答:不需要,理由跟上面相同,在文章中的連結,其實只是記錄數字檔名,並沒有記錄資料夾名稱,所以搬移資料夾或是改變資料夾名稱都不影響連結,其實一層一層的資料夾只是方便使用者管理而已,資料庫中並沒有資料夾的存在,所有的資料夾只是 "標籤",在檔名的資料庫對應不同的標籤,就好像數字檔名跟上傳檔名的對應,在加上一個資料夾標籤,如果常用 GMail 信件管理功能的人,應該不難了解 "標籤" 的意義。

問題:需要密碼或隱藏的資料夾裏面的檔案,為何在文章連結中還是可以被下載?

解答:理由還是一樣,資料夾是否需要密碼或者隱藏,也只是一個標籤,由部落格上面 "資料夾" 項目進入時,自然需要密碼或隱藏看不到,但文章的連結已經直接連到檔案,當然可以被下載。

問題:上傳照片到需要密碼或隱藏的資料夾裏面,而且沒有貼到文章中也沒有在文章中連結,為何部落格首頁的 "最新相簿" 還是會秀出來,點進去也可以被下載?

解答:理由還是一樣,密碼或隱藏只是標籤,"最新相簿" 不會管你有沒有密碼或隱藏,直接就在資料庫中把照片挖出來,老爹認為這是因為系統不夠聰明,沒辦法再加一道判斷手續,解決方法就到 "外觀管理" 裏的 "網誌區塊管理",把 "最新相簿" 這個區塊刪除,這樣自己的網誌就看不到照片輪播了,不過在教網部落格平台首頁 "最新照片" 中還是會被抓出來,如果真的不想讓人家看,最簡單的方法就是不要放,哈哈!

部落格的使用,還有很多功能沒有辦法介紹,老爹只能介紹比較常用以及好用的功能,其他的功能需要的人可以自行研究。可能還有很多老爹不知道或沒遇到的問題,希望有人不斷提問,老爹會想辦法解答。