Information Technology in EFL Teaching and Learning

2016/3/6

林淑媛 Chere Lin 1

林淑媛 Chere

臺北市興雅國中林淑媛 Chere Lin

林淑媛 Chere

林淑媛 Chere

講義下載

https://goo.gl/3DGJKu

2016/3/6


林淑媛 Chere

林淑媛 Chere

21世紀5C關鍵能力與未來學校

1. Communication 溝通

2. Collaboration 合作

3. Complex Problem Solving 解決複雜問題

4. Critical Thinking 批判思考和

5. Creativity 創意

2016/3/6


林淑媛 Chere

真心話，不必冒險！

1

林淑媛 Chere

Discussion 1

資訊科技為何要融入教學？

2016/3/6


林淑媛 Chere

一堆煙火式的教學資源和活動？

徐式寬 2008《國民中小學資訊科技素養自評系統》

1. 正向：教學效率、教材豐富度之助益

2. 負向／持疑：

能否有效提升學生學習成績

對於低成就或弱勢學生有所幫助，

同領域教師合作討論議題

使用資訊科技所需達成之教學目標應要更嚴

肅及深入地探討。

林淑媛 Chere

For ESL/EFL Teachers

1. authentic materials for study

2. to enhance students’ achievement

3. greater interaction

4. independence from a single source of

information

5. global understanding

6. …

為何要資訊科技融入英語教學？

2016/3/6


林淑媛 Chere

For Students = For Teachers + …

1. experiential learning

2. motivation

3. individualization

4. …

為何要資訊科技融入英語教學？

林淑媛 Chere

這是我們未來要面對的孩子…

2016/3/6


林淑媛 Chere

Discussion 2

我做過的資訊科技融入教學的方式

林淑媛 Chere

哪些是「資訊科技融入教學」？

1. 用錄音機、錄影機播音樂影片，「翻轉教

學」？

2. 用電腦編寫講義、考卷、教材？

3. 把講義的內容搬到PPT播放？

4. 使用電子書？

5. 用電子白板、平板電腦互動？

6. 用手機瀏覽搜尋資料？

2016/3/6


林淑媛 Chere

103年臺北南港國小《閱讀，「動」起來》

http://goo.gl/59X6AH

林淑媛 Chere

PIRLS？ePIRLS！

國際閱讀素養研究, 2016

Progress in International Reading Literacy Study

1. 學生能夠理解並運用書寫語言的能力

2. 能夠從各式各樣的文章中建構出意義

3. 能從閱讀中學習

4. 參與學校及生活中閱讀社群的活動

5. 由閱讀獲得樂趣

2016/3/6


http://timssandpirls.bc.edu/pirls2016/downloads/P2016_ePIRLS_Brochure.pdf

林淑媛 Chere

103年臺北南港國小《閱讀，「動」起來》

您把資訊科技融入教學的

焦點放在哪裡？

2016/3/6


林淑媛 Chere

教育部中小學資訊教育白皮書

每一位教師都應有將資訊科技有效應用於：

1. 提升教學知識與技能

教學設計

教學管理

教學評鑑

2. 提升工作效能（？？？）

3. 專業發展

http://goo.gl/neDoLm

林淑媛 Chere

換個方式測驗

補救教學，利用電子白板進行測驗

2016/3/6


林淑媛 Chere

安裝教學設備，煩不煩哪？

林淑媛 Chere

實物投影機

2016/3/6


林淑媛 Chere

手機投影

手機＋EZ Cast

林淑媛 Chere

Computer Technology

AssistedInfused

IntegratedApplied

Learning/Teaching

2016/3/6


林淑媛 Chere

Discussion 3

資訊科技融入教學要做到什麼程度？

林淑媛 Chere

資訊科技融入教學的深淺

2

2016/3/6


林淑媛 Chere

等級說明

0 無教學中沒有使用任何資訊科技。

1 分離資訊科技與課程沒有連結，只用來教學生如何使用資訊科技。

2 補充資訊科技在教學活動中只是補充的角色，偶爾用來作為教學的工具。

3 支援資訊科技在教學活動中扮演支援的角色，亦即在大部分的教學活動中運用了資訊科技。

4 整合資訊科技已融入教學活動之中，師生很自然地運用資訊科技來進行教學。

資料來源：Wang, C. S., & Li, C.C. (2000). An assessment framework for information technology integrated instruction. Paper presented at ICCE(International Conference on Computers in Education)/ICCAI(International Conference on Computer-Assisted Instruction)2000, Taipei, Taiwan.

資訊科技在教學中的角色深淺表

林淑媛 Chere

資訊科技融入教學的方式

Moersch (1995) 教師資訊科技融入教學的層級理論

Levels of Technology Implementation

1. 未用

2. 察覺

3. 探索

4. 注入

5. 整合

6. 擴展

7. 精進

2016/3/6


林淑媛 Chere

Teacher-centered Student-centered

培養學生的資訊能力


林淑媛 Chere


邱瓊慧，民91 中小學資訊科技融入教學之實踐。資訊與教育雜誌，88，3-9

Moersch(1995)將運用資訊科技於教學中的

程度分為七個層級，每位老師依其運用資訊

科技的情形可以歸屬到不同的等級中，當老

師的教學從一個等級進展到下一個等級時，

教學活動也將從以教師為重心逐漸改變成以

學生為中心，最後學生將能隨時隨地且主動

去學習。七個層級摘要如下


2016/3/6


林淑媛 Chere



1. 未用(Nouse)：教師的教學以傳統教具為主

，未使用到任何資訊科技。

2. 察覺(Awareness)：僅在電腦教室中使用及

操作電腦軟、硬體。


林淑媛 Chere



3. 探索(Exploration)：以資訊科技為工具來補

充傳統的教學活動。

4. 注入(Infusion)：讓學生利用資料庫、文書

處理等軟體處理資料。

5. 整合(Integration)：讓學生針對一課程主題

或問題綜合運用資訊科技。


2016/3/6


林淑媛 Chere



6. 擴展(Expansion)：學生能主動利用資訊科

技去解決課程外的問題。

7. 精進(Refinement)：學生能於日常生活中充

分運用各種資訊科技。


林淑媛 Chere



3. 探索(Exploration)：以資訊科技為工具來補

充傳統的教學活動。

搜尋、補充教學資

教學活動工具


2016/3/6


林淑媛 Chere

趣味英語社

利用線上資源進行補救教學

http://www.chere.idv.tw/teach/call/710_810_funeng.htm

林淑媛 Chere

Voice Acting

Dubbing

1. imitating the role’s voice expression

2. creating a role and reading aloud

http://www.imsdb.com/scripts/Finding-Nemo.html

2016/3/6


林淑媛 Chere

Worksheet Generator

puzzle maker / worksheet generator

http://puzzlemaker.discoveryeducation.com

http://www.esl-galaxy.com/worksheetmakers.htm

林淑媛 Chere

單字大集合 Word Bank

4. 字謎遊戲 word puzzle

Hangman Game Maker – 網路版，教師可自

行輸入單字。http://www.hangman.no

2016/3/6


林淑媛 Chere

聲音的刺激—英語歌曲

http://www.lyricstraining.com

林淑媛 Chere https://getkahoot.com

用行動載具即時測驗

2016/3/6


林淑媛 Chere



4. 注入(Infusion)：讓學生利用資料庫、文書

處理等軟體處理資料。

指導搜尋引擎使用

利用資料庫

文書軟體處理資料

北市線上資料庫數位典藏

wedding The Mona Lisa


林淑媛 Chere

Database for Kids

2016/3/6


林淑媛 Chere

帶孩子做報告的歷程

也是一種「學、思、達」

1. 訓練閱讀理解能力：綜合理解、整理資訊

2. 訓練簡報製作能力：簡報版面、精簡內容

林淑媛 Chere



5. 整合(Integration)：讓學生針對一課程主題

或問題綜合運用資訊科技。

PPT 電子小書

多媒體應用

專題式學習 PBL（階層5、6、7）


2016/3/6


林淑媛 Chere

多媒體 multimedia

a term used to describe multiple means of media which are used to convey information (text, audio, video, graphics, animation, and interactivity). It is also often used to describe any computer media.

http://www.websters-online-dictionary.org/definition/english/wi/wikipedia.html



林淑媛 Chere

學生應用多媒體於英語語言表現

寫作訓練

1. 教師節寄發 e-card

2. 課文寫作

3. 班班有網頁

email

文書軟體處理資料

blog

FB

…

http://www.chere.idv.tw/share/essay/CET_IT_eng921004.pdf

2016/3/6


林淑媛 Chere


口語發表

1. 配合課文寫作，上台報告

2. 錄音帶說故事、唱歌錄音

3. From 2005，結合PowerPoint簡報

林淑媛 Chere

口語發表

1. 利用課本圖片，

看圖說故事。

2. 電腦的錄音程式

3. 學校供應耳麥

4. 學生也可手機錄音

傳輸給老師


2016/3/6


林淑媛 Chere

口語發表


林淑媛 Chere


From 2005，學生建立個人部落格

2016/3/6


林淑媛 Chere



6. 擴展(Expansion)：學生能主動利用資訊科

技去解決課程外的問題。

7. 精進(Refinement)：學生能於日常生活中充

分運用各種資訊科技。


林淑媛 Chere



http://www.chere.idv.tw/share/essay/GCCCE2011.pdf

http://www.chere.idv.tw/teach/call/WQchere/index.htm

2016/3/6


林淑媛 Chere


Dole, et al. (1991)

…teachers do not pour information

from their store into the heads of

waiting and willing students, …


林淑媛 Chere


Dole, et al. (1991)

… but that students actively interpret and

organize the information they are given,

fitting it into prior knowledge or revising

prior knowledge in the light of what they

have learned.


2016/3/6


林淑媛 Chere

我個人觀察

contents vs. techniques

1. 電腦教學

2. 教師自製多媒體教材教具、線上教學

3. 教師設計課程、教案、活動

4. 教師利用資訊媒介、科技產品與教材教具

5. 指導學生搜尋、整理資料

6. 學生運用科技媒體製作作業

7. 學生應用媒體發表與存檔


林淑媛 Chere

教師的資訊能力


1. 未用

2. Word, IE – 取用既有的資訊、資源

3. PPT – 具備自編、編修能力

4. Multimedia – 多重表現

5. Expert – 4 + 會教人


2016/3/6


林淑媛 Chere


1. Word, IE – 教師自己做（Teacher-centered）

2. PPT – 教師自己做（Teacher-centered）

3. Multimedia –多給學生表現（partial

student-centered）

4. Expert – 4 + 會教人



林淑媛 Chere


2. Word, IE

教師自己做（Teacher-centered）

取用既有的資訊、資源

不一定用到電腦教室，只提供給學生資訊



2016/3/6


林淑媛 Chere


3. PPT

教師自己做（Teacher-centered）

具備自編、編修能力，教師自／改編教材

會用到電腦教室，會給學生多一些Task



林淑媛 Chere


4. Multimedia

多給學生表現（partial student-centered）

教師有多重表現，會自製／創教學媒材

會用到電腦教室，會給學生多一些Task



2016/3/6


林淑媛 Chere

Moviemaker MS Producer

教師有多重表現

會自製／創教學媒材

1. 影片剪輯

2. 自製教學媒材

林淑媛 Chere


會用到 student-centered task的教師特質：

1. technology skills

2. curriculum design

3. time consuming

上述三項表現層次豐富多樣，不會只有

curriculum design



2016/3/6


林淑媛 Chere

教師的角色

Mark Warshauer

As a result of all these changes, the

teacher has become a facilitator of

learning rather than the font of wisdom,

and will find, select, and offer information

in a variety of ways on the basis of what

their students must learn in order to meet

diverse needs.


林淑媛 Chere

interpreter 翻譯者

transformer 轉化者facilitator 催化者

creator 創作者

教師的角色

我的想法


2016/3/6


林淑媛 Chere

改變的觀念

1. 單打獨鬥團隊合作

2. N 項全包尊重專業

3. 默默耕耘分享擴展


林淑媛 Chere

http://goo.gl/PYJ3UD

標竿學校

2016/3/6


林淑媛 Chere

台北市士林國小董素芬老師

國際學校網界博覽會比賽白金獎(2000)

國際學校網界博覽會比賽白金獎(2001)

國際學校網界博覽會比賽銀牌獎(2002)

掌中歲月

芝山岩風雲

台北溫泉鄉

改變的觀念


林淑媛 Chere

從九年一貫課綱看「資訊教育」


2016/3/6


林淑媛 Chere

資訊科技融入教學



教師的角色

改變的觀念

九年一貫課綱「資訊教育」

林淑媛 Chere


1. 九年一貫培養十大基本能力

2. 「資訊」的意義

3. 「資訊」的來源

4. 「資訊」的應用與處理


2016/3/6


林淑媛 Chere


1. 九年一貫培養十大基本能力

規劃、組織與實踐的能力。

運用科技與資訊的能力。

主動探索與研究的能力。

獨立思考與解決問題的能力。


林淑媛 Chere


2. 「資訊」的意義

教育部九年一貫課程綱要「運用科技與資

訊能力」定義：所謂資訊，係指將字、符

號、圖形、聲音、影像、等原始資料加諸

系統化處理程序所得的結果。

PISA測驗能力之一：

「資訊整合、判斷」


2016/3/6


林淑媛 Chere


3. 「資訊」的來源

狹義的概念—電腦、網路。

廣義的概念—電腦、網路、書報雜誌、

傳播媒體、口耳相傳…。

也因為廣義的概念，更需要指導學生「資

訊的整合、判斷、詮釋能力」


林淑媛 Chere

歷史海報報告


4. 「資訊」的應用與處理

九年一貫課程綱要「運用科技與資訊能力」

定義：較偏重電腦與網路的應用。

我個人認為要再加上：書報雜誌、傳播媒

體等訊息來源的分析、整合與應用。

http://www.mdnkids.com/nie/

http://www.tvcr.org.tw/


2016/3/6


林淑媛 Chere

思考，深思考！

1. 把講義的內容搬到PPT？

2. 學校的設備不夠充裕？

3. 學校的行政不配合？

4. 學生家裡沒電腦？

5. 家長禁止玩電腦？

6. 我的電腦技術不夠高超？

7. 我不知道要怎麼設計教學活動？

林淑媛 Chere

資訊科技融入英語教學有哪些樣貌？

4

2016/3/6


林淑媛 Chere

CALL 的演變

Mark Warshauer (2000)1. beginning in 1970s behavioristic

2. beginning in 1980s communicative

3. beginning in 1990s integrative

林淑媛 Chere

2016/3/6


林淑媛 Chere

CALL 的演變

Mark Warshauer (2000)2. beginning in 1980s communicative

Communicative CALL focused on

communicative activities using the

computer.

2016/3/6


林淑媛 Chere

Action Maze

1. 設計有意義的生活情境，讓學生練習英語對話。

2. 學生要應用所學的英語，相互討論，解決問題、

預測猜想等，是綜合語言能力與思考的合作學習。

Communicative CALL

林淑媛 Chere

VR—Virtual Reality

中大桃花園 http://ip.csie.ncu.edu.tw/

Communicative CALL

2016/3/6


林淑媛 Chere

CALL 的演變

2. beginning in 1980s communicative

Washback：Kenning and Kenning (1990)

CALL itself contributed “marginal”

elements of language learning instead

of the core requirements of language

education. (Kenning, M.-M., Kenning, M, J., 1990)

Warshauer: 1990s integrative CALL

CALL 的演變

林淑媛 Chere

CALL 的演變

Mark Warshauer (2000)3. beginning in 1990s integrative

The computer is used naturally and

regularly together with other tools

and media “serving the creation of an

enriched work place for accessing

resources and using language

constructively ” (Barson & Debski, 1996)

2016/3/6


林淑媛 Chere

Project-Based Learning

Integrative Learning

• http://www.chere.idv.tw/share/essay.htm#專題式的英語學習—以IEARN為例

• http://www.chere.idv.tw/share/essay.htm#國際教育社群組織對外語教學的助益

http://www.pbworks.com/

林淑媛 Chere

Paraphrasing

Indigenous People Around The World

https://www.youtube.com/watch?v=CcMsSzufXJ0

2016/3/6


林淑媛 Chere

2. 您還在相信「互動式光碟」的神蹟嗎？

3. 「互動」的定義在哪裡？

4. 您相信電腦可以取代老師嗎？

5. 您還存有「科技恐慌症」嗎？

CALL 的演變

打破迷思

林淑媛 Chere

English Teachers' Barriershttp://iteslj.org/Articles/Lee-CALLbarriers.html

英語老師的心理障礙

1. financial barriers

2. availability of computer hardware and

software

3. technical and theoretical knowledge

4. acceptance of the technology.

2016/3/6


林淑媛 Chere

Firm BeliefEnglish Teachers' Barriershttp://iteslj.org/Articles/Lee-CALLbarriers.html

I am a firm believer in

“people first, technology second”.

You can’t force people to use technology

just because it’s there.

林淑媛 Chere

1. 資訊教育／電腦技能

2. 統整課程／融入課程 integrate／infuse

3. 英語專業／全能全才

幾個迷思

2016/3/6


林淑媛 Chere

1. 依英語課程目標設計活動

2. 融入／統整 infuse ／ integrate

3. 術業有專攻，師不必賢於弟子

4. 去電腦化：Bax, 2003 “Normalization”

5. 廣義的資訊融入教學

6. BYOD

打破迷思

CALL 的演變

林淑媛 Chere

打破迷思

1. 依英語課程目標設計活動

從英語專業的角度來看資訊科技融入教學

三效合一：效率、效能、效果

效率：要容易上手。

效能：達到語言學習目的。

效果：學生可以學得更好。

contents vs. techniques

CALL 的演變

2016/3/6


林淑媛 Chere

資訊科技在教育上的應用趨勢

5

林淑媛 Chere

Discussion 4

您覺得，資訊科技融入教學的趨勢？

2016/3/6


林淑媛 Chere

https://youtu.be/UFwWWsz_X9s

林淑媛 Chere

科技在教育上的應用十大變革

美國教育科技標準小組，1999

The National Educational Technology Standards

1. 教學由教師導向學生導向

2. 課程發展由單一路徑多元路徑

3. 教育刺激由單一感官多重感官

4. 教學應用媒體由單一媒體多媒體

5. 教學模式由訊息傳遞訊息交流

2016/3/6


林淑媛 Chere

科技在教育上的應用十大變革

美國教育科技標準小組，1999

The National Educational Technology Standards

6. 學習者由獨自學習合作學習

7. 學習者由從被動學習互動參與學習

8. 學習者由被動回應主動回應

9. 學習模式由事實的學習探索與探究式學習

10.教學現場由孤立或人為脈絡真實世界的脈

動

林淑媛 Chere

美國國家教育科技計畫，2016

National Education Technology Plan, 2016

1. Future Ready Learning：

Reimagining the Role of Technology

in Education

重新想像科技在教育中的角色

2. 從學習、教學、領導、評量、

基礎建設等五面向討論。

http://tech.ed.gov/netp

2016/3/6


林淑媛 Chere

擴增實境應用

2015.12.30 App擴增實境課本變3D跳出來

https://youtu.be/6pCtsvr8k3khttps://youtu.be/6pCtsvr8k3k

林淑媛 Chere

擴增實境應用

AR + Google Glass https://youtu.be/C5SuC1LxPv0

2016/3/6


林淑媛 Chere

擴增實境應用

Google Glass in Language Learning

https://youtu.be/RTVprhQqgvE

林淑媛 Chere

資訊科技融入／應用於

教學的思考方向

6

2016/3/6


林淑媛 Chere

Discussion 5

資訊科技融入／應用於教學要思考哪些問題？

林淑媛 Chere


AR + iPad 是萬靈丹嗎？

2016/3/6


林淑媛 Chere









林淑媛 Chere

忠告：1. 把學校環境瞭解一番！

2. 教學前充分設計與規劃。

3. 符合教學目標與培養的能力。

2016/3/6


林淑媛 Chere


很多資訊融入教學失敗，

問題不在科技，

是在教學設計！

2016/3/6


林淑媛 Chere

TPACK 科技內容教學知識

TPACK

Technological Pedagogical Content

Knowledge

Mishra＆Koehler（2006）：數位時代教師

教學應當考量到七種知識，依序分別為：

1. 學科內容知識（Content Knowledge, CK）

2. 教學知識（Pedagogical Knowledge, PK）

3. 科技知識（Technological Knowledge, TK）

林淑媛 Chere

TPACK 科技內容教學知識

TPACK

4. 內容教學知識（Pedagogical Content

Knowledge, PCK）

5. 內容科技知識（Technological Content

Knowledge, TCK）、

6. 科技教學知識（Technological

Pedagogical Knowledge, TPK）

7. 科技內容教學知識（TPACK）

2016/3/6


林淑媛 Chere

WebQuest blog

建構論學習

PBL

專題導向學習 PBL

Web-Quest

部落格的春天

林淑媛 Chere

結語7

2016/3/6


林淑媛 Chere








8. 我不想資訊科技融入教學！


林淑媛 Chere

1. 節省作業堆積的空間

2. 符合環保

3. 增進教學效率

4. 多元學習

5. 綜合的語言應用

6. 培養學生學習解決問題的能力

一些想法

2016/3/6


林淑媛 Chere

1. 每頁盡量不超過七行，字體勿小於28級。

2. 說明文字盡量簡單扼要。

3. 標題分類要有層次：顏色、字的級數、行間距區

隔。

4. 勿插入與主題無關的圖文。

5. 切勿整節課放映，最好控制在十五分鐘以下。

PowerPoint 簡報製作要點

PPT_fault

林淑媛 Chere

網路資源運用

8

2016/3/6


林淑媛 Chere

1. 著作權的相關法令

2. 版權與授權

3. 自由軟體與網頁另開視窗

法令要點

林淑媛 Chere

實作9

2016/3/6


林淑媛 Chere

實作演練

教學設計（從TPACK思考）

1. 學科內容

2. 教學法

3. 科技內容

林淑媛 Chere

分享10

2016/3/6


林淑媛 Chere

歡迎常聯絡

林淑媛 Chere Lin

臺北市興雅國中英語科教師

02-2723-2771

[email protected]

http://www.chere.idv.tw