O2O 概念在教學上的應用
康佳鈴 國立政治大學教育學系碩士班研究生 郭昭佑 國立政治大學教育學系教授兼系主任一、前言
隨著翻轉教育的教學模式盛行， 網路學習已成一種風氣，同時凸顯出 學校教育正因為數位時代的來臨而產 生了變化，教育不再只是學生單方被 動式的學習，教師在教學過程中的教 學主導權也已過時。如今教師在網路 上尋找適合學 生程度 的線上學習素 材，便能讓學生只要透過網路就可以 隨時自主學習，並依照自己的學習步 調，不再受限於教室環境。線上學習 後，在課堂上學生能與教師討論並延 伸課程的深度與廣度，進一步強化對 知識的理解、掌握和運用，此種在線 下學習課堂適當的運用線上學習媒材 的學習模式便是 O2O 概念（Online to Offline、Offline to Online）。二、線上學習的應用與限制
MOOCs 概念開啟了教育的新時代， 把課程大量的分享給線上使用者，讓學習 者自由選擇參與課程，帶動其他線上教學 平臺如雨後春筍般相繼出現，提供學生線 上學習服務。可汗學院 (Khan Academy) 的創辦人 Salman Khan，當時在美國工作 和讀書，受人之託幫忙教小孩數學，由於 距離遙遠，於是 Salman Khan 將課程教學 內容和解題過程放到 youtube 上，讓他們 可以不受時空影響進行線上學習，後來 Salman Khan 陸續增加線上科目和內容， 演變為現今的可汗學院 (郭珮君，2015)。TED 大會邀請 Khan 來演講，演講時 Khan 提到「教師可利用可汗學院提供的資源， 實現翻轉教室的理想」，這段演講內容說 明出翻轉課堂的核心與優點，並表達其所 呈現的學習影響力，「翻轉教室」的概念 才更廣為人知（廖怡慧，2013）。 翻轉教室(flipped classroom)的概念來 自於2000年邁阿密大學的Maurren J. Lage 和 Glenn J. Platt 以及禮來製藥公司的 Michael Treglia 在《經濟學教育雜誌》，並 可被翻譯成翻轉課堂、易位課堂、顛倒課 堂、顛倒教室或反轉課堂等(何依珊， 2014；吳清山，2014)。2007 年美國科羅 拉多州洛杉磯林地公園高中(Woodlang Park High School)化學教師 Aaron Smith 及 Jonathan Bergmann 首先提倡此一概念 （Bergmann, 2011），由於班上同學因時常 參加活動而無法在教室中學習，兩位教師 思考如何運用科技來協助這些缺課同學 學習已經講授過的課程。兩位教師開始運 用軟體錄製上課教學影片並上傳到網路 上，提供這些缺課學生自由上網學習的機 會，只是沒想到連有出席上課的同學也跟 著上網學習，透過這樣的學習模式，教師 發現學生的學習成效居然提升了，便將此 教學模式運用到全體學生：教師先讓學生 在上課前自行上網學習，課堂中教師設計 活動來檢驗學生學習成效，同時解決學生 觀看線上課程後的疑惑（廖怡慧，2013； Fulton, 2012）。
翻轉教室改變了傳統教學模式，教師 的教學模式和學生的學習模式不再是單 向，教師以學生為中心調整教學模式，用 課堂時間替學生解惑、檢測和個別化的幫 助，可以更瞭解學生的學習需求，更進一 步協助學生發展能力。在整個學習過程 中，培養學生主動學習的能力，並瞭解自 己的問題進而深入思考解決方式，才能讓 學習成效提升，同時也增進學生的學習動 機和學習態度，獲得良好的學習成效（宋 述強、高瑄、鍾曉流，2014 ; 劉怡甫， 2013;Acedo, 2013）。 翻轉教室讓傳統教室授課模式變得 更多元，其線上課程不僅將傳統教學課程 轉變為數位化課程，更是讓教師轉變成協 助學生將知識深化、內化的推手，讓教師 從知識傳遞者晉升為知識的引導者，讓學 生主動找到問題並嘗試解決疑惑，這也使 教師在翻轉教室中扮演更重要的角色（劉 怡甫，2013）。翻轉教室讓學生可以在家 用自己的速率學習、思考問題及發揮個人 的創造力，學生可以將線上學習時遇到的 問題於課堂中提出討論，下課後再針對有 興趣的內容進行課程延伸學習。2011 年 Mazur 提出「知識的吸收和內化」和「知 識的傳遞」兩種學習過程（Mazur，2011)， 但傳統教學法卻只著重於知識的傳遞，忽 略讓學生學習知識並內化的時間，無法顧 慮到多數學生學習進度，表一整理了翻轉 教室與傳統教學法的差異性。 表 1 翻轉教室與傳統教學法的差異 模式 翻轉教室 傳統教學法 教學 模式 課前學生先預 習教師規定學 習進度 學生不會課前預 習 重點 以學生為主 以教師觀點為主 模式 翻轉教室 傳統教學法 強調 學生課程參 與、學生主動學 習動機 以知識傳遞與教 科書內容為 主 教師 角色 協助學生，引導 學生學習 教師單方面講述 課程，不給學生 提問 學習 時間 有彈性 沒有彈性 學習 性 師生雙方有互 動 師生雙方無互動 溝通 方式 多元溝通 以教師單向為主 資料來源：研究者自行整理。 由上表可知，翻轉教育和傳統教 學法有很大的差異，雖然傳統教學教 師在進入翻轉教室學習法的過程中， 需要多花一些時間適應不同的教學方 法與環境，但如果教師可以在翻轉教 室中利用科技的輔助，將科技運用在 課堂教學上，對教學方面將會有很大 的助益，也可提升學生的學習成效。 只是，線上學習在課堂上的應用 仍 有 些 限 制 ( 詹 志 禹 ， 2015; Tucker, 2012; Herreid& Schiller, 2013)： 首先，在翻轉教室中，教師錄製 了線上課程內容，讓學生可以自由地 學習，但學生在校課業繁重，在家幾 乎沒有多餘的課外自主學習時間，常 會有學生無法完成學習；況且若不同 科目之間同時使用翻轉教室，學生負 擔加重，漸漸地便會排斥此種學習方 式。
另一方面，學生依賴傳統的學習 方式，習慣由教師給予第一手的知識 內容，教師也會因為課程進度，忽略 了給學生提問的機會，逕自以課堂小 考衡量學生的學習能力，在如此多次 被動式學習的模式下，課堂變成只有 聽講、考試和沒有師生互動的牢籠， 學生學習成效自然無法顯著提升。 再 者 ， 翻 轉 教 室 的 學 習 固 然 活 潑、有趣，但多數家長仍然堅信傳統 教學模式：背誦、聽講、考前與考後 不斷的練習，才是可以提升成績的不 二方法，對於翻轉教室家長通常持保 留的態度，認為其教育價值觀點仍未 全面變革，因此不信任新方法足以提 升學生學習成就的可能性。
三、O2O 概念的發展
O2O 是「消費者在實體商店中享 受服務或取得商品，但卻是在網路上 付費」，為了兼顧實體通路與虛擬通 路，開始出現整合的需求，成為電子 商 務 中 最 大 的 商 機 (Rampell, 2010; Prestipino, 2013; Tsai, Yang, & Wang, 2013; Reuters, 2014) 。 美 國 Alex Rampell 於 2010 年提出 O2O 概念，分 析一些商務模式，像是 Groupon.com， EzTable 線上訂位及 Restaurant.com… 等 公 司 ， 其 中 最 著 名 的 例 子 是 Groupon.com，它提供全世界的團購訊 息和團購卷服務，也因為這樣的服務 保留了特色商家，營業收入便跟著增 長了；Alex 發現這些店家都有共通點 就是：他們都促進了線上(online)─線下 (offine)(O2O)的商務發展，並利用電子 商務的特性，將虛擬的電子商務運用 新的技術和營運模式開發出新的消費 者，同時能擴大市場。這種從網路概 念走到真實情況，讓使用者可以直接 體驗的模式，稱之為「線上─線下」 商務(Online to Offline)，簡稱 O2O，此 模式也能運用於教育上，教師運用線 上教學平臺和線下教育相輔相成，就 形成 O2O 教育(張宏裕，2013; 郭春 才、金義富，2015; Groupon, 2015; Kim Yoon, 2014)。 O2O 運用新的技術和新的營運方 式，展開了嶄新的消費者使用模式， 節省了過去繁瑣的流程，同時也減少 龐大的人力成本，消費者透過上網可 以直接線上(online)購買實體店的商品 或服務，線下可以到實體商店提取已 購買的商品或服務，像是常見的團購 卷活動。反之，消費者也可以先到實 體商店享受服務，再透過線上付費完 成交易，如 Homeplus 虛擬商店、支付 寶(張宏裕，2013; George & Odgers, 2015)。 圖 1 Online to Offline 概念圖 資料來源：研究者整理 克雷頓．克里斯汀生在《富比世》 （Forbes）雜誌報導中被票選為「世界 最有影響力的商業思想家」，他表示 O2O（online to offline，線上與線下連 結）是最創新的舞台，並將成為趨勢 網路購 買服務 實體商 店享受 服務（劉致昕，2012），也因為如此，各業 界開始重視這類模式，O2O 概念逐漸 在學術和實務領域中受到重視。
四、O2O 在教學上的應用
O2O 教育以線上學習平臺當作媒 介，透過 O2O 的商業模式，結合線上 資源和線下資源的優點，將兩者優點 最大化，讓學生可以透過線上系統化 課程的課程，有效掌握學習技能，提 升學習成效，同時學生也依照自己的 學習進度去挑選適合自己的學習內容 來做學習(張如敏，2015)。而 O2O 教 育的概念其實並不新鮮，如先前提過 的翻轉教室，就是基於 O2O 的進階探 究。 O2O 教育模式中，教師會要求學 生每次上課前須透過線上平臺學習並 參與單元測驗，學生在線上(online)必 須完成測驗並自由超前進度學習，同 時線上平臺會紀錄學生學習進度及測 驗成果，提供 教師掌 握學生學習弱 點，讓教師能在線下(offline)引導、延 伸教材內容、解決學生疑惑…等，此 種教學模式結 合傳統 教學和線上教 學，讓學生可以專注在線下的課程內 容，亦讓教師預先綜整課程及教授內 容，達到雙向良性互動（郭春才、金 義富，2015; 張如敏，2015）。 O2O 在線上(online)的課程，提供 課程讓學生可以在線上互動學習，學 生也 可依照個 人目標 及興趣安排進 度，並在線上課程結束後直接填寫測 驗練習，確保自己的學習成效，並達 到主題式的學習效果。而線下（offline） 教師提供了學 生自主 學習發揮的機 會，教師也可針對線上課程講授延伸 教學，亦可以在教學過程中帶入團體 協作的課程，這樣的教學變革，將教 師和學生在 O2O 教育模式中緊緊融 合，是故，教師尋找適合學生的程度 的線上平臺也益發重要。 在過去的傳統教學中，學生必須 被逼著在規定的時間及地點上課，導 致部分學生學習效果不彰。為解決此 一現象並發展 良性互 動教育，透過 O2O 教育模式可讓學生自主學習，使 用時下方便快速的網路作為媒介，學 習者只要透過網路就可以隨時在不同 的地方上網做學習，讓學習的時間和 空間效益最大化，推翻過去填鴨式教 育及被動式學習，提升學生的學習自 主性，同時鼓勵學生思考，教師也有 更多的時間可以和學生互動，可以將 學生的知識做延伸和鞏固。 研究者綜整 O2O 概念應用在教育 的優勢如下(張如敏，2015；邱琳， 2015 ； 郭 春 才 、 金 義 富 ， 2015 ； A. Rampell.,2010）： (一) 課前－推翻過去被動式學習，打 造專屬個人學習模式 過去翻轉教育教師需要花時間拍 攝教學影片放到網路上，要求學生線 上學習，但學生學習程度不一，影片 也無因材施教，學生學習效果受到限 制；傳統教學中，教師通常以身作則， 言教就是身教，同時也帶給學生威嚴 感，學生對教師產生恐懼的心理，也 因為上課的時間有限，難以充足地給予學生獨立思考的機會與時間，況且 有時教師因進度落後一味的趕課，會 相當程度地忽略學生的學習成效，被 動式學習，學習效果也受到限制；但 O2O 在教學上卻有很大的不同，教師 尋找適合學生程度的線上學習平臺， 學生課前和教師討論學習進度，學生 可依照自己的學習進度做學習，也可 以選擇適合自 己的 學 習 內容 繼 續進 修。 (二) 課中－立即得知學習成效，學生 從中獲取學習成就感 過去翻轉教育讓學生透過網路看 影片，但卻未 追蹤出 學生的成效如 何，教師無法掌握學生的學習進度， 教師只能放牛吃草，單方面信任學生 會主動學習；而傳統教學中，學生的 上課時間就只 能依照 課表的時間上 課，顯得重複而呆板，學生被動的學 習教師想教的目標和內容，因為教學 時間有限，教師無法因材施教，所有 在課堂中的學生被迫學習一樣的內容 和進度；O2O 的上課環境則是線上學 習搭配線下教室學習，學生可隨時調 整學習進度，線上單元學習後也可立 刻線上填寫單元測驗，馬上得知自己 的學習成效，並從中獲取成就感，教 師也可以透過線上的學生評量測驗， 了解學生的學習成效後，在線下課程 中，延伸課程的深度和廣度。 (三) 課後-線下課程有教師可以協助學 生 解 決 疑 惑 ， 幫 助 學 生 知 識 延 伸，同時也兼顧了學生的多元發 展和興趣探索 翻轉教育雖提供了網路媒介讓學 生線上學習，但學生對課程有疑惑， 卻沒有教師可 以解惑 ，只能自我摸 索；而傳統的 教學就 只能在教室上 課，學生統一接受相同的教學內容， 亦無法培養自我學習興趣；O2O 教育 模式則將教學重點放在教學互動上， 線上透過學生學習以及評量測驗，教 師上課前可得知學生的學習成效，線 下學生將遇到的問題帶到課堂中與教 師討論及延伸，教師可針對課程內容 發展協作教學，協助學生延伸所學知 識，並讓學生從中培養獨立思考的能 力，課堂中教師可以有更多時間來幫 助學生解惑，有助於知識延伸，同時 教師兼顧了學生的多元發展和興趣探 索，提升教育的實質意義。
五、結語－O2O 在教學上的應
用之可行性
O2O 教育結合線上(Online)和線 下(Offline)的優點，在教學中教師和學 生互為主體，教師選擇適合學生程度 的線上平臺，學生透過線上學習平臺 學習，每個單元學習完成後皆有單元 評量測驗，教師可以迅速發現學生學 習盲點，並掌 握學生 學習進度和成 效，再利用課堂時間解決學生疑惑。 在師生互動良好的情況下，亦能鼓勵 學生表達意見 ，提供 獨立思考的機 會，學生也可和教師共同制定出學習 的目標和進度，培養學生自主學習和 思考的能力，學生可以從中獲得更大 的成就感，學習過程變得多元化，提 升學生學習成效，讓教育不再是單一 軌道。參考文獻 何依珊（2015）。國民小學翻轉課 堂政策可行性之研究。臺北市立大學 教育行政與評鑑研究所碩士論文，臺 北市。 吳清山（2014）。翻轉課堂。教育 研究，238，135-136。 宋述強、高瑄、鍾曉流（2014）。 從翻轉課堂到翻轉會議-O2O環境中學 術會議的組織模型及技術支撐體系研 究。遠程教育雜誌，4，38-44。 邱琳（2015）。基於O2O模式的高 職電子商務實際教學探索。課程教育 研究，3，226-227。 張如敏（2015）。O2O學習模式在 終身教育領域的實踐探索-以寧波市為 例。濰坊工程職業學院學報，28( 6)。 張宏裕（2013）。以消費價值觀點 探討O2O(Offline to Online)模式之使 用意願-以Homeplus虛擬商店為例。大 同大學資訊經營研究所碩士論文，臺 北市。 郭春才、金義富（2015）。基於未 來教育空間站的O2O應用模式研究。 中國電化教育，341(345)。 郭珮君（2015）。翻轉教室於國中 數學學習成效之研究。南華大學資訊 管理學系碩士，嘉義縣。 詹志禹（2015）。翻轉教室為何卡 關？ 親子天下雜誌，67。取自 https:/ /www.parenting.com.tw/article/5067408 -%E7%BF%BB%E8%BD%89%E6%95 %99%E5%AE%A4%E7%82%BA%E4 %BD%95%E5%8D%A1%E9%97%9C %EF%BC%9F/ 廖怡慧（2013）。深耕教與學電子 報36期。2016年1月15日，取自輔仁大 學教師發展與教學資源中心 http://www.teachers.fju.edu.tw/epapers/i ndex.php?option=com_content&task=vi ew&id=366&Itemid=369
Acedo, M. (2013). 10 Pros and
cons of a flipped classroom. Retrieve
d from http://www.teachthought.com/tr ends/10-pros-cons-flipped-classroom/ Bergmann, J. (2011). The flipped
class blog: The history of the flipped class. The Flipped Class Blog. Retrieved
from http://blendedclassroom.blogspot.c om/2011/05/history-of-flipped-class.htm l
Fulton, K. (2012). Upside down
and inside out: flipped your classroom to improve student. Retrieved from
http://files.eric.ed.gov/fulltext/EJ982840 .pdf?ref=bulabul.com
Mazur. (2011). From questions to
concepts：interactive teaching in phy sics. Retrieved from: http://www.youtu
Reuters (2014). China’s Wanda,
Tencent, Baidu to set up $814 millio n Ecommerce Company. Retrieved fro
m:http://www.reuters.com/article/ us-w anda-tencent-baidu-idUSKBN0GT0402 0140829.
Prestipino, P. (2013). Has O2O c
ommerce arrived? Sort of Website Ma gazine. Retrieved from: http://www.we
bsitemagazine.com/content/ blogs/posts /archive/2016/11/19/has-o2o-commerce-arrived-sort-of.aspx
Rampell, A. (2010). Why Online
2Offline commerce is a trillion dollar opportunity Tech Crunch. Retrieved
from: http://techcrunch.com/2016/ 08/0 7/why-online2offline-commerce-is-a-tril lion-dollar-opportunity/
Tsai, T.-M., Yang, P.-C., and Wa ng, W.-N. (2013). Pilot Study toward Realizing Social Effect in O2O Com merce Services. Lecture Notes Compu
t. Sci Lecture Notes in Computer Sci ence.,.8238, pp. 268–273.
Groupon (2015). Quarterly result
s for investors. Retrieved from : http:
//investor.groupon.com/results.cfm. Kim Yoon (2014). A systematic approach for new service concept gen eration: application of agent-based si mulation. Expert Systems with Applic
ations, 41 (6), pp. 2793–2806
George, M. J., & Odgers, C. L. (2015). Seven fears and the science o f how mobile technologies may be in fluencing adolescents in the digital ag e. Perspectives on Psychological Scie
nce, 10(6), 832–851.
Tucker, B. (2012). The flipped c lassroom: Online instruction at home frees class time for learning. Educati
on Next（Winter）, 82-83.
Herreid, C. F. & Schiller, N. A. (2013). Case studies and the flipped classroom. Journal of College Scienc
