ePortfolio 數位化之教學檔案網頁建置 台中市國教輔導團資訊深耕種子教師 台中市立育英國中總務主任 王勝雄 2005.06.10 研習中心／網路中心

本講義授權 License 本投影片可依據創意公用非商歸屬同享 2.0 授權條款，於非商業使用之前提下，可以自由地重製、散佈、展示及使用，或衍生創作；同時源自本投影片之衍生著作亦需遵照此授權條款。

參考資料 Reference 這份講義最早是由Mark Wu的「宜蘭縣教育研習中心pLog 入門課程」講義編修。 阿孝札記中的「部落格在教育上的運用」也是份很重要的參考資料。 Plog中文文件計畫 是後來編修這份講義最主要的資料來源。

講課大網 教學檔案(Portfolio) 什麼是教學檔案? 為什麼要製作教學檔案? 教學檔案應有的內涵（項目） 教學檔案的實例 Question & Thinking

講課大網(續) 數位化教學檔案(ePortfolio) 網誌(Blog、Weblog) 實務操作(以Plog為例)

教學檔案 什麼是教學檔案(What?) 教學檔案為教師為展現教師專業知識與教學技巧而有系統整理之文件或資料，透過教學檔案的紀錄與資料，教師可對其教學作有系統的反省與改進，進而達到追求教學卓越之目標。 教學檔案可說是教師的「知識管理」具體實現。

教學檔案 為什麼要製作教學檔案(Why?) 教學檔案可作為考評教師成績的依據 教學檔案可敦促教師在蒐集文件、紀錄與反省思考中，不斷的專業成長 教學檔案可作為教師在應徵教職或介聘時，說明其專業表現水準的有利證據

教學檔案 教學檔案應有的內涵（項目）(How?) 自我描述：自我簡介、教育信念、教學理念、專業背景… 課程設計與教學：課程計畫、單元設計、學習單… 班級經營：班級經營計畫、常規管理策略、師生互動、親師關係經營… 教學觀察：教學現場觀察、同儕互動的回饋… 學習評量：多元評量以及評量結果的運用… 省思與運用：過程的反省札記，以及透過同儕互動所得到的成長經驗…

教學檔案 教學檔案的實例

教師教學檔案一定要做成一本本的資料冊嗎？ 教學檔案內容該不該分享？或提供其他教師觀摩？ 動態的影音檔案如何 在傳統的教學檔案中 被保留下來？ Question & Thinking 教師教學檔案一定要做成一本本的資料冊嗎？ 教學檔案內容該不該分享？或提供其他教師觀摩？ 動態的影音檔案如何 在傳統的教學檔案中 被保留下來？ http://share.tpc.edu.tw:8080/FileSys/

數位化教學檔案 (ePortfolio) 數位化之教學檔案網頁建置 Part Ⅱ

數位化教學檔案 (ePortfolio) 什麼是ePortfolio？ 教學檔案用電子媒體或數位服務來建構。 一個個人數位記錄，包含個人的經歷、文件資料的整理與蒐集等等資訊。 ePortfolio可以混合使用應用軟體及網路平台的服務。 ePortfolio可以離線使用(ex.DVD)，或連線使用(ex.BLOG)，或者兩者兼具。

數位化教學檔案 (ePortfolio) 使用ePortfolio的優勢 容易保存 容易分享 容易複製（重製） 容易使用(可隨時存取) 節省製作成本

數位化教學檔案 (ePortfolio) ePortfolio 標準 文件格式(e.g. pdf, html, xml, etc.), 可存取性(e.g. WAI), 資料格式(e.g. learner profile), 認證 (e.g. certificates), 存取權限

數位化教學檔案 (ePortfolio) ePortfolio的建置模式 過去的方式：個人電腦資料夾整理

數位化教學檔案 (ePortfolio) ePortfolio的建置模式 過去的方式：教師個人教學網頁(Webfolio)，九○年代中期的說法。 靜態的資料呈現。

數位化教學檔案 (ePortfolio) ePortfolio的建置模式 現在的方式：動態化、資料庫化 實例：Blog、CMS

Blog 是什麼？ 數位化之教學檔案網頁建置 Part Ⅲ

Ｂlog 什麼是Blog? Blog 指的並非任何一套特定的軟體，也不是特定的系統或服務； Blog 實際上是一種強調吸收資訊及分享的生活態度，象徵著代表作者的價值觀與信念，是一種以作者為中心的傳播媒體。 Blog 一開始正是 Weblog 的縮寫，而 Weblog 這個字眼最早是由 jorn barger 在 1997 年左右提出來的，weblog顧名思義就是web-log，簡稱blog。 (http://jedi.org/blog/archives/003856.html#entry)

Blog 的歷史(上) Web log Weblog 機械式的紀錄 網頁伺服器的存取資訊 常用於除錯與統計 BBS 個人板 明日報個人新聞台 Jorn Barger 在 1997 年底提出來的 Weblog 指的是 Web 格式的個人 Log （日誌），跟 Web Log 不同

Blog 的歷史(下) We Blog Blog Peter Merholz 在 1999 年四、五月間開始把 Weblog 唸成 We Blog 從此 Blog 不祇是 Weblog 的簡稱，更成為一個動詞 Blog 按照各自的規則來整理資訊的方法 把「在網路上書寫」回歸生活中的基本使用 資料的搜集與整理 記載、內省及分享

Blog 的特色(一) 文章彙整 全文搜尋 評論迴響 依照日期彙整 依照分類彙整 可以用關鍵字搜尋 可以限定搜尋範圍 可以使用複雜的搜尋條件 相當於每一篇文章都有專用的留言板 最簡單立即的互動機制 使用者與文章間的溝通

Blog 的特色(二) 引用回溯 小組串聯 進階的互動機制 能夠提供回應的作者、站台、回應內容的摘要等資訊 可以讓讀者在相關的站台或頁面間跳躍 文章與文章間的溝通 小組串聯 能夠隨時掌握其他相關成員的動向 能夠提供自己最新動向給其他同儕 網誌與網誌間的溝通

一般 Blog 的架構

Blog在教育上應用 學生方面 文字撰寫 資料蒐集 整理分類 快速更新維護 個人風格 旁徵博引 作品發表 家長、社區 Community 其他學校 Community 圖：東行記八仙過海：Blog在中小學教育教學中的應用構想

Blog在教育上應用 老師部份 展現專業 隨時授課 隨地授課 課程累積 瞭解學生 教學記事 教學分享 建構領域社群 家長、社區 Community 老師部份 展現專業 隨時授課 隨地授課 課程累積 瞭解學生 教學記事 教學分享 建構領域社群 學校 Blog 平台 學生 Blog Community 教師 Blog Community 其他 Blog Community 其他學校 Community 圖：東行記八仙過海：Blog在中小學教育教學中的應用構想

Blog在教育上應用 行政及其他方面 最新公告 讀者互動 增加知名 行政透明 家長、社區 Community 學校 Blog 平台 其他學校 Community 圖：東行記八仙過海：Blog在中小學教育教學中的應用構想

Blog的教育社群(以使用plog為例) Your's Blog 部落格 :: 安生老師誠摯歡迎您來寫相片日記 宜蘭縣教育局國教輔導團BLOG 台中縣教網部落格 蘇澳國小部落格 東湖國中部落格 台中市立育英國中 安瀾國小 桃園縣中小學資訊教育成果網站 英語資優班 pLog 台中市大德國中教師 Blog 思影兒童部落格 資料來源：台灣 pLog 網誌社群串連

如何取用Blog 免費申請、使用 付費使用 自己架設 學校的Blog (育英) 商業網站的免費Blog 技術性略高，如Plog、MoveType.. 技術性略低，如Gblog、Simple Blog

Blog實務操作─以pLog為例 數位化之教學檔案網頁建置 Part Ⅳ

什麼是pLog 的歷史 誰發明了 pLog 版本歷史 Oscar - 專案發起人/程式架構師 Fransec - 程式架構師 Michael - 行銷與文件 Mark - 客製化與外掛程式管理 Reic – 亂包版的作者 Lss – 檔案中心中文化的作者 Minstrel – 網站統計的作者 Bcse – wordpLog 模版的維護者 版本歷史 目前版本1.0 (2005.04.01推出)

pLog 的特色 可架設多個網誌 優秀的媒體檔案管理 內建特殊功能 防止垃圾迴響機制 簡易網站統計

pLog 的特色(續) 超多的外掛程式功能 最近迴響列表 最近文章列表 Blog 閱讀排行榜與發言冠軍 網站內部搜尋 最新相簿/隨機連結 新聞聯撥 首字放大 … 還有很多很多

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定

註冊一個新的 Blog

註冊一個新的 Blog

練習 建立一個你自己的網誌 名稱為 「○○老師的網誌」或自訂網誌名稱。 帳號跟密碼都要自己記住喔。 記得去收確認信，並且啟用它。

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定

登入管理介面 登入介面(登入方式) http://blog網址/admin.php http://blog網址/summary.php 網頁版面的超連結

登入管理介面 管理面板

登入管理介面 管理面板

練習 試著用你剛剛註冊的帳號跟密碼登入你的網誌後台管理介面

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 管理 文章 分類 發表 文章 迴響 引用 重新 編輯

文章分類與文章(＆迴響) 每一篇文章只能對應到一個文章分類

管理文章分類 註：如果要刪除文章分類，分類中還有文章的話是無法被刪除的。

管理文章分類

練習 新增下列分類 教學日誌 學習單 心情雜記 刪除下列分類

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 管理 文章 分類 發表 文章 迴響 引用 重新 編輯

文章的結構 你寫的 他人寫的 標題 內文（摘要） 延伸內文（文章主體） 迴響 引用 顯示在網誌首頁 一定要按下顯示內文 的連結才會出現 他人對你這篇文章的看法 引用 他人根據你這篇網誌加以延伸 的「他人」網址資訊

發表文章 標題 內文（摘要） 延伸內文（文章主體）

發表文章(標題＆內文)

發表文章(延伸內文)

發表文章(日期＆分類＆狀態) 日期 狀態： 文章分類 迴響 發送引用通告 為文章編輯、發布時間，如果調整到以後日期，不會立即出現在網頁上。 定稿：文章公布 草稿：文章暫存 已刪除：文章(暫時)刪除 文章分類 迴響 發送引用通告

發表文章結果 標題 日期 內文 分類 迴響 延伸內文

練習 發表一篇新的文章，標題為『○○老師的第一篇 Blog』，內文隨便你打了。文章分類選擇『教學日誌』。

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 管理 文章 分類 發表 文章 迴響 引用 重新 編輯

迴響 迴響是對文章的回饋 或延伸的討論

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 管理 文章 分類 發表 文章 迴響 引用 重新 編輯

引用 引用是自己的文章被別人運用時，呈現對方資訊。 被引用對方的文 章標題及超連結 自己的文章 對方文章的摘要 對方的網誌名稱

引用 反之，如果文章有引用他人網誌 作品，要使用「靜態連結網址」 進行通知。

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 管理 文章 分類 發表 文章 迴響 引用 重新 編輯

重新編輯 由文章列表點選文章標題即可重新編輯

網站連結 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 進階 設定 管理 連結 分類 新增 網站 連結

連結分類與網站連結 每一網站連結只能對應到一個連結分類。 類似「我的最愛」的網站標記功能。

新增連結分類

新增連結分類

練習 建立一個新的連結分類『教學資源網站』 在建立一個連結分類『我的學生們』 把『我的學生們』這個連結分類刪除

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 管理 連結 分類 新增 網站 連結

新增網站連結

新增網站連結

練習 建立一個新的網站連結 再建立一個新的網站連結 把 Yahoo 這個網站連結刪除 自己學校的網站，例如育英國中 http://www.yejh.tc.edu.tw 再建立一個新的網站連結 Yahoo http://www.yahoo.com.tw 把 Yahoo 這個網站連結刪除

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 新增 資 料 夾 上傳 檔案 檔案 與文 章的 結合

新增資料夾 新增檔案前，一定要新增資料夾。

檔案列表 呈現檔案目錄及檔案

練習 建立一個新的資料夾，名稱為『我的相簿』 建立另一個新的資料夾，名稱為『pLog 上課情形』，並且讓這個資料夾放在『我的相簿』之下 在建立另一個資料夾，名稱為『程式共享』。再把他刪除。

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 新增 資 料 夾 上傳 檔案 檔案 與文 章的 結合

新增檔案 可利用新增上傳欄位 一次上傳多個檔案

檔案列表

練習 到網路上下載兩張任何你喜歡的相片 把這兩張相片上傳檔案到『我的相簿』資料夾 刪掉其中的一張相片 察看他的內容與檔案資訊

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 新增 資 料 夾 上傳 檔案 檔案 與文 章的 結合

檔案與文章的結合

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 基本 設定 管理 網誌 使用 者 管理 網誌 模板

基本設定 網誌設定 使用者設定 外掛中心 統計資料 名稱、模板... 全名、密碼修改.. 須由系統管理者增加 外掛程式。 由操作者或系統管理 者啟動。必要時得修 改模板。 統計資料 逆向連結、點擊數..

練習 修改你的個人資料 當然，你的密碼也可以嘗試些改。但是一定要記得喔！ 修改你的模版

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 基本 設定 管理 網誌 使用 者 管理 網誌 模板

管理網誌使用者 網誌可以共同經營 （邀請別人一同寫 網誌）。 新增的使用者名稱 須要已存在同一平 台。

pLog 學習的路徑 註冊 一個 新的 Blog 登入 你的 管理 介面 文章 管理 網站 連結 管理 檔案 中心 個人 網誌 設定 系統 一般 設定 系統 進階 設定 基本 設定 管理 網誌 使用 者 管理 網誌 模板

新增網誌模版

網誌模版列表

練習 新增指定模板 新模板位置： 設定你的模版