1

做了！就對了！—跨領域指導的恐懼與悸動

張碧暖

臺北市立士林高級商業職業學校

壹、緒論

一、研究背景與動機

根據國家教育研究院(103 年)發佈十二年國民基本教育課程綱要總綱，該課程綱要以「成

就每一個孩子—適性揚才、終身學習」為願景，是第一個以學生為中心的課程綱要。

「新課綱要求各校必須依據學校願景和特色，發展校訂必修課程 4 到 8 學分。每個學校

不同課程。校訂必修是跨領域的課程。因此，學校和老師要有開發選修課的能力。而孩子將

依照自己的興趣、性向，選擇自己有興趣的學問，向下延伸。教室裡的教與學風景必須改變。」

(張益勤，2016)面對 107 課綱，改變就在眼前，老師要規劃什麼課程，引起學生學習的動機？

二、研究目的

因為筆者在本校 103 學年度設計非升學科目的翻轉，以及 104 學年度在松山家商蹲點交

流的方式，有了這兩年教學蛻變的歷程，讓本人更加篤定未來將以系統化方式從事教學的創

新。因此本校在 104 學年度 7 月暑假，由各科規劃跨領域專業特色課程，目的是希望提供學

生另一個多元學習選擇的機會。1筆者依據自己專長開設特色課程，名稱訂為「超人氣網路商

店的開設實務」，並以全校非商經科學生為對象。

「『突破框框、跨界結合，往往能帶來意想不到的創新。』別小看這 16 個字，許多令人

驚艷的產品與行銷活動因之而起。」(曾光華，2013) 因此，當學生具備不同領域間的學習經

驗時，要如何提昇跨領域之專業視野與體驗，考驗者教師的智慧，而筆者也因為跨領域成功

的結合，點燃教學創意的火花，帶來創新的突破，讓老師重新看到學生發亮的眼睛。

三、研究方法

(一)研究對象

本研究因受人力、時間等限制，研究對象僅限於 104 學年度 7月暑假參與特色課程之商

管群與設計群的學生為限，故其他學生均不在本研究調查之對象內。

(二)資料蒐集

課程規劃參考 103 學年度《電子商務實務》實施的課程架構；問卷調查部份，請同學填

答筆者自編「超人氣網路商店的開設實務問卷」，以了解學生在此課程學習獲益情形。

(三)成果展現與回饋分析

學生活動後的成果有二，一是以士商人文風景為對象創作的明信片；另一是電子商店開

店的作品成果。還有活動後問卷的敘述性統計結果。

1 為本校課程與教學領先計畫(104 年-106 年)的子計畫《專業達人－群科特色 專業課程》。

2

貳、文獻探討

本文獻理論探討有二，一是問題導向學習（PBL）理論，另一是合作學習理論。兩者關係

為問題導向學習（PBL）法須透過合作學習策略，以促進學生學習。

一、問題導向學習（PBL）理論

本文理論基礎仍延續上一篇筆者撰寫的行動研究理論−問題導向學習(Problem-based

learning，簡稱 PBL)，是一種「以學生為中心」、「以問題為教材」、「以小組為平台」及

「以討論為方式」的教學方式，PBL 強調合作、群體的學習。(關超然、李孟智，2013)

「所謂 PBL，巴羅斯以及唐伯琳則定義為由努力了解及解決問題的歷程而造成結果之學

習。」(周天賜，2015) 目的是讓教師以貼近生活情境的問題，協助學生主動參與學習。

二、合作學習理論

「分組合作學習」是「以學生為中心」的教學模式，可使學生積極主動參與學習，進而

提升學習成效。

有關「分組合作學習」的定義，根據教育部國民及學前教育署委託國立臺北教育大學推

動為期四年的「活化教學—分組合作學習的理念推廣與實踐方案」(教師教學的春天網站，

2012)。對於「合作學習」(cooperative learning)有明確的定義：「是一種教學型態，是指

2 位以上的學習者，透過彼此的互動互助及責任分擔，完成共同的學習任務，或達成共同的

學習目標。這種教學方式著重學習者的參與，及以學習者為中心的教學設計，提供學生主動

思考、共同討論分享或進行小組練習的機會，使教學不再侷限於老師的直接教導。在學習的

過程中，每位學習者不但要對自己的學習負責，也要幫助同組的成員學習。

三、商業管理群與設計群教育目標

12年國教新課綱欲培育的技職人才，會因商業管理群與設計群的教育目標而有明顯差異，

故在不同群科的教育目標下，教育部規劃高一及高二專業及實習的必修科目，以及各群科養

成的軟實力，整理並比較如下表。

3

表 1：商業管理群與設計群的比較差異表

內容 商業管理群 設計群

教育目標

1. 培養學生具備商業與管理群共同核心能力，並為相關專

業領域之學習或高一層級專

業知能之進修奠定基礎。

2. 培養商業與服務業分工所需之基層技術人力，奠定學習

商業管理知能之基礎，涵養

職業道德及服務精神及適應

環境與產業變遷之能力。

1. 培養學生具備設計群共同核心能力，並為相關專業領

域之學習或高一層級專業

知能之進修奠定基礎。

2. 培養健全設計相關產業之實用技術人員，能擔任設計

領域有關廣告、包裝、展

示、編輯、印刷、媒體、產

品及室內設計等工作。

高一及高二

部定必修科目

專業及實習

商業概論

計算機概論

會計學

經濟學

色彩原理、基本設計

基礎圖學、設計概論

繪畫基礎、創意潛能開發

數位設計基礎

軟實力 商業概論

Word 文書處理

商業廣告、專業攝影

PhotoShop 與 Illustrator

軟體

資料來源：整理自商管群與設計群群科中心學校的《課程綱要》網站

参、跨領域合作學習的教學計畫

一、跨領域特色課程的精神

本特色課程設計的精神，乃是將商業管理群的商學結合設計群的美學，從混搭概念中創

造新意，擴展學習的面向，成就跨域的視野，激發學習的自信。

二、教學目標

本教學目標是以電子商務商品上架營運為目標，採分組合作學習方式，同學在分組中扮

演自己所學的專長，發揮各自科系的專業能力，以增加同學對科系的認同感及對自己專業的

自信心，如下說明：

1. 瞭電子商店的開設過程、步驟與方法解並熟悉其運作流程。 2. 建立學生成果展示與書面撰寫報告的能力。 3. 提升學生問題解決、跨群團隊合作分工、創新與整合的能力。

三、教學活動設計

撰寫跨領域選修課程–「超人氣網路商店的開設實務」之實施計畫(如表 2)，並製作招

兵買馬之宣傳海報(如圖 1)，以吸引學生參加。

4

表 2：實施計畫

臺北市立士林高級商業職業學校 105 年度學生

跨領域選修課程–「超人氣網路商店的開設實務」之實施計畫

一、依據：士林高商 10 4 年度至 10 6 年度課程與教學領先計畫辦理。

二、目的：透過跨領域選修課程，統整其專業知能，並藉此培養溝通協調、團隊合作，以達

到多元學習及整合應用力

三、承辦單位：商業經營科(聯絡人：劉敏慧主任，聯絡電話：2831-3114#507)

四、活動時間：105 年 7 月 1 日(am9:00~pm16:00，6 節)、7 月 4 日(am9:00~pm16:00，6 節)、

7 月 5 日(am9:00~pm12:00，3 節)，共 15 節。

五、活動地點：本校力行樓第二視聽教室(7/1 早上集合地點)、第五電腦教室

六、參加對象：本校一、二年級同學

七、活動費用: 免費

八、報名事宜：

(一)報名日期：即日起至 6月 24 日(星期五)中午 12 點 40 分止

(二)報名方式：於報名期限內，將報名表繳交至教務處教學組

3. 招生人數：預計招收 36 名同學，若報名人數超過招生人數時，將依報名先後順序決定

九、經費：活動費用由士林高商課程與教學領先計畫款項支應

十、本計畫經臺北市政府教育局核備後實施，如有未盡事宜，得另行補充說明

5

圖 1：招兵買馬的宣傳海報

四、教學實施與方法

(一)課程設計內涵

本課程為多元內涵課程，包括電子商店上架操作實務、明信片與電子商店美學觀(包括

LOGO 設計、攝影、文字美學)。

(二)學員背景分析

活動前，得知報名參加的成員來自商管群與設計群，其中高一資處科 6 位、高二會計科

19 位、高二廣設科 10 位，共 35 位。電子商店美學觀是設計群學生的強項，課程要如何設計，

才能讓設計群的學生有參與感，而商管群的學生也可貢獻商學知識，彼此跨界交流，進而激

勵到別群的同儕，而這問題一直縈繞我心。

(三)解決方案

引進以學生為中心的問題導向學習（PBL）模式，把學習設定到電子商店開設場景中，透

過分組教學與團隊合作模式以解答開店問題，讓具有美學專長的設計群與商業知識專長的管

理群，彼此跨界交流與激盪。

(四)實行細部規範

6

1. 採分組方式進行，根據科別屬性(異質)分組，讓學生在能力不同的同儕溝通與互動下，共同為彼此的學習負責，以合作的方式互相支援、幫助而達成個人成就和團體

目標的學習型態。故以廣設科 10 位同學作為分組，分為 10 組，其他組員須有 1~ 2

位會計科與 1位資處科同學，故每組為 3 至 4 人；組長的產生，由各組組員票選。

2. 同儕的協同教學：「美學觀」由每組廣設科的同學，擔任攝影指導員與美學的編排；「商業知識」則由每組商管群的同學，擔任電子商務知識的講解。

3. 上課內容：電子商店開設過程與運作流程、分組、確定開店主題、成品製作、相關成果展示、書面報告製作等。

五、教學活動歷程與實施

根據 103 學年度《電子商務實務》課程的架構，修訂成適合跨領域課程的架構(如表 3)。

表 3.1：課程架構(接下頁)

階段 課程名稱 教學的內容 階段目標 節數

前置準備

階段 ~組合期~

根據科別屬性予以分

組，以達到交流目的

每組約 3~4 位成員，由組

員票選組長

促進未來學習的多樣化

與他人合作互動，增進學習

為未來合作學習作舖成 一節

觀摩見習

階段 ~觀摩期~

觀摩學長姐開店的成果

作品

藉由學長姐的作品，了解未

來開店的樣貌

確定主題

階段

~發想期~

討論未來欲販售的商品

類別後，架構商業模式

圖，以便快速掌握商業模

式的概要

根據商業模式圖架構，決

定店名、Logo(商標)與商

店主題等

能夠集體創作屬於該店的

商業模式圖，有助於凝聚開

店共識

集體創作店名的由來、Logo

的口號以及想要營造的商

店主題，發揮團隊精神

二節

~暖身期~ 專業攝影技巧的講座 介紹商品呈現方式與拍攝

的技巧 一節

7

士商秘境明信片的拍攝

決定各組校園拍攝主題

確定各組主題，再由各組設

計群同學帶領，以專業角

度，觀察並拍攝校園的美

一節

~創作期~

士商秘境明信片製作 透 過 設 計 群 同 學 輔 以

Photoshop、Illustrator 繪

圖軟體進行協同教學

一節 根據各組店名、Logo 口號

與商店主題的內容，由組

員應用軟體自由創作與

發揮

一節

商品管理

階段

~蒐集期~ 介紹電子商店商品的類

別及其對應的品項

每位組員至少提供同一類

別三種品項

三節

~實作期~

行銷企劃的基本元素，以

行銷 4P 策略展示產品

(Product) 種 類 、 價 格

(Price)決定方式、通路

(Place) 的管道與促銷

(Promtion)活動或手法

介紹撰寫購物須知的原

由與內容

每位組員拍攝商品後，並將

產品命名與描述其特特色

引導商管群同學在小組中

向設計群同學表達商業知

識：說明價格與促銷方法，

再由組員依訂價與促銷活

動創作

能合作撰寫購物須知

表 3.2：課程架構(承前頁)

階段 課程名稱 教學的內容 階段目標 節數

成果展現

階段

~競賽期~

為了激發學習動機，分別

進行各組間的商業模式圖

團隊競賽以及 Logo 設計的

競賽

合作學習：票選前三組最佳

商業模式圖團隊

票選商管群與設計群最佳

Logo 設計獎一名

一節

~網頁集~

介紹如何在數位果子提供

的模擬電子商城系統註冊

介紹電子商城網頁開店流

程

在電子商城上建構專屬自

己的網路商店

每位組員註冊成為會員

後，登入並申請成為商家會

員

上傳自己設計的 LOGO、商店

介紹、商店主題與購物須知

等，以便進行店面管理

二節

~作品集~

說明作品呈現的架構

提供上屆優秀作品供參

撰寫整個活動課程學習的

心得

仿作：透過優秀作品，學習

如何將成果組合成一本專

屬於自己的備審 二節

根據表 3的架構，以下說明觀摩見習、確定主題、商品管理與成果展現等四個階段。

8

(一)觀摩見習階段

1. 教學準備：準備教學簡報與 103 學年度優秀作品。 2. 教學方法：透過上一屆學生姐成功的學習經驗−推甄作品，說明他們是如何分工合作

逐步完成作品，進而激發起學生見賢思齊的學習動機。

3. 教學內容：說明如下

(1) 《講解》開課主題 (2) 《講解》此課程可兼顧就業與升學

(3) 《講解》如何分工完成 (4) 《講解》課程架構圖

(5) 《講解》觀摩見習-A 班優秀作品 (6) 《講解》觀摩見習-B 班優秀作品

9

(7) 《講解》觀摩見習-A 班電商平台 (8) 《講解》觀摩見習-B 班販賣商品

(二)確定主題階段

1. 教學準備：準備教學簡報、商業模式圖作品與空白明信片。 2. 教學方法：合作學習法與同儕協同教學法。 3. 教學內容：說明如下

(1) 《講解》網路商店開店的基本要素 (2) 《講解》商業模式圖的架構(制式化)

(3) 《實況》暖身期：每一組學生討論與聚焦開店的型態、店名與商業模式

10

(4) 《講解》暖身期：小試身手−透過相機或手機拍攝士商的人文風景，以製成明信片；每組學生討論拍攝的主題，最後由每一組設計群同學帶領，進行主題拍攝

(1) 《講解》由具有攝影專長的設計群學生協助《專業攝影技巧》講座

(2) 《實況》某組創作士商秘境的 slogan (3) 《實況》每組設計群指導如何拍攝

“最好的相機就是你需要時在你身邊的那台”

-Chase Jarvis

11

(4) 《實況》設計群同學指導如何擺動作 (5) 《實況》設計群同學指導後製照片

(6) 《成果》設計群創作的明信片 (7) 《成果》商管群創作的明信片

(1) 《成果》士商秘境網路商店首頁 (2) 《成果》平台上呈現每組拍攝的主題

(3) 《成果》網站上每一位學生創作的明信片(局部)

(三)商品管理階段

1. 教學準備：準備教學簡報、提供上一屆優秀學生的商品品項範例。 2. 教學方法：以合作學習法與同儕協同教學法，提供同學獨立思考和自主學習的機會，

讓學生大展身手。

12

3. 教學內容：如下說明

(1) 《講解》商品如何命名、訂價與描述 (2) 《講解》提供優秀範例

商管群作品之一 設計群作品之一

(3) 《成果》實作期：每組學生根據該組店名與風格，自行發揮創意設計商店介紹

商管群作品之一

設計群作品之一

(4) 《成果》實作期：每一組學生個別蒐集三個商品品項，並討論行銷 4P(每一組商管群學生提供協助)，教師再適時指導。

(四)成果展現階段：教學評量與成果

1. 教學準備：準備獎品與海報。 2. 教學方法：進行學習表揚，以合作學習產生的商業模式圖(小組集體表現)，與透過

協同教學方式產生的 logo(個別表現)學習成果，採同儕評量方式，以呈現學生之多

元能力表現，最後進行表揚，以彰顯學習成效。

3. 教學成果：如下說明

13

(1) 《成果》競賽期：商業模式圖前三名(每一組得獎模式圖皆跳脫制式化格式)

(2) 《成果》競賽期：透過同儕評量，票選商管群與設計群 logo 設計的第一名

(3) 《講解》實務作品呈現架構 (4) 《講解》提供上屆優秀作品範例

14

(5) 《成果》商管群作品集之一，透過仿作方式，以呈現 15 小時課程成果。

15

(6) 《成果》設計群作品集：10 位設計群同學中，只有 4位完成書面報告，另 6位只有完成電子商店平台的作品，故即使提供優秀範例，仿作仍有其侷限性。

16

(7) 《講解》最後，以「藝術需要堅持、企業理念需要堅持、商品交易需要妥協」、「誠信，就像一張紙，皺了，就算撫平，也恢復不了原貌」作為勉勵；此外，要感謝參

與的同學，以及本校商經科主任大力協助，讓活動圓滿成功。

肆、學生回饋分析

一、問卷設計與調查結果

以下問卷設計的構面有三，分別為合作學習、情境學習以及自我評估等，每一個構面設

計 3~4 個題目。

課程結束後，由同學透過 google 表單填寫，學生共計 35 人，回收 34 份，有效填寫率為

97%，茲將結果分析如下：

(一)合作學習構面

1. 《有關跨領域的分組，對你/妳》之分析

2. 《有關 Photoshop 軟體的基本操作》之分析

17

3. 《對於團體架構商業模式藍圖，對你/妳》之分析

(二)情境學習構面

1. 《有關網路商品的體驗活動，對於網路商店開設》之分析

2. 《有關攝影知識方面的學習》之分析

3. 《有關提供寫作範例方面》之分析

18

(三)自我評估構面

1. 《經過此次課程的學習後，整體的能力》之分析

2. 《對於課程規劃》之分析

3. 《是否學到網路商店基本開設實務》之分析

4. 《如果再讓你選擇，你/妳還會報名嗎?》之分析

透過上述三個構面問卷的結果，得知每一問項，同學們持正向回答，高達 80%以上，而

且就教育目標、課程規劃、學到的基本能力等，達成率高達 80%以上，最後是否再次選擇本

課程，有 85%以上會再次選擇。

二、心得回饋

19

(一)商管群心得

1. 以前我以為架設一間網路商店只要拍拍照、進銷貨就好，在上完電子商店實務課程後，原來在架設商店前的前置作業是一件馬虎不得且繁重的作業程序，而且在這之中運用了

不少平時所學的商業概念，例如 4P 行銷，讓我能學以致用，理解得更透徹。另外，因為

這個活動，我也新認識了 Photoshop 這個繪圖軟體，能利用它設計獨一無二的 logo，令

我覺得受惠良多。而在這過程中與組員共同討論商業經營模式，也讓我了解到一個企業

的成功是經由各個人員各司其職所創造出來的，這份樂在其中的參與感是我在這其他課

程中體會不到的。

2. 本次的特色課程讓我了解到「電子商務」的奧妙，真實地從課本中體驗到開設商店的感覺，雖然並不是開設實體商店，但是虛擬商店的流程規劃、行銷企劃一樣相當重要。我

想這次的企劃讓我感受到開店的艱辛，為自己對商業的了解有更進一步的認識，讓我收

穫良多，也感謝組員和指導老師的教導。

3. 透過這一次 3天 15 堂的課程，學習網路商店的架構，使我明白，原來開設一間商店，並不只是想店名、要賣什麼，如此簡單而已，其實還有目標客群，要帶給社會的價值、核

心目標、合作夥伴的關係經營、商店容易讓人了解的 LOGO、簡單明確的 Slogan……等各

種繁瑣的規劃。經過這次的課程，是將平時在學校所學立即應用的生活中，才發現自己

並沒有將課本上的知識透徹了解，這三天，也許並沒有學到什麼專業技術，但我學到了

開設網路商店的基礎架構，事前事後的規畫整理，以及運用 Photoshop 的小知識。

(二)設計群心得

1. 升高三的途中，想不到還能上如此有趣的課程，與不同科系的同學合作，各自發揮自己的專長，看似很簡單，其實很繁雜的電子商務，與平時所學的內容相互接應，不再只是

單純的課本內容，而是與社會接軌。再上這門課之前，我一直認為開設網路商店是件很

容易的事情，比起實體店面的管理來說，然而電子商店並非我想的那麼輕鬆簡單，事前

的準備與構思都是同等的重要，沒有事前先想好要訂定的位置，與傳達的價值，我想這

間店是不會成功的，只有打下穩固的基礎與萬全的準備，才會成功。

2. 透過上述架設電子商店的流程，從一開始申請會員，到最後設計行銷方案及製作，全部都是和組員一起製作出來，感覺就像是一家公司成立的階段，裡面的成員各司其職各自

提出不同的意見來規劃、架構，讓人做起來相當有真實感，尤其其中學到以前不曾學到

甚至聽過的商業藍圖和 4P 原則，再來是設計主題、LOGO、標準字、SLOGAN 等符合我本

人專業的內容，能與組員取長補短，非常的有成就感。

伍、省思與結論

一、省思

「電子商店實務」是一門教導同學如何從無中生有的課，以學生為主，老師為輔，筆者

的教學目標是從中協助學生如何應用理論所學，以及從團隊合作中培養溝通與問題解決力。

20

如今，筆者經過二年「電子商店實務」教學經驗的累積，本次參加行動研究，除了課程

內容的架構，與過去的行動研究相同外，此次還包括從跨領域的觀點，談合作學習與協同教

學對學生的啟發與影響。雖然，這樣的方式非常辛苦，但也非常希望透過「跨領域」的結合，

善用「各群科專長」的模式，帶動不同領域的同學交流，進而開啟不同的視野。

張德銳教授曾說：「教學是一門智慧，教師須透過不斷反省、自我覺察，運用實務與理論

建構自己的教學理論。」從此課程中最大的收穫是成功跨群結合，儘管過程中遇到瓶頸，但

正因為有突破、有成果，在人生的路程上才有足跡，學生也因為這門課意外發現到自己的潛

力無窮。這也是教授其他理論學科所沒有的成就感與收穫。有關十二年國教新課綱的施行，

做了！就對了！

二、結論

此次活動的貢獻，讓學員各自有所長發揮專業知識，建立專業自信心，對所學有更高的

認同感。在過程中傳達產品的價值觀念與商業行為的內涵，以「藝術需要堅持、企業理念需

要堅持、商品交易需要妥協與誠信」互勉，並以活動告知「誠信，就像一張紙，皺了，就算

撫平，也恢復不了原貌」，相信這一理念已深深在學員心中埋入一顆商業行為與創新的種籽。

參考文獻

張益勤(2016/04/28)。解析 107 課綱：翻轉教育最後一哩路。親子天下。網址：

https://flipedu.parenting.com.tw/article/2311

國家教育研究院 (103 年 )。十二年國民基本教育課程綱要總綱發佈。網址：

http://www.naer.edu.tw/ezfiles/0/1000/attach/87/pta_5320_2729842_56626.pdf

教 師 教 學 的 春 天 網 站 (2012) 。 教 育 部 國 民 及 學 前 教 育 署 。 網 址 ：

http://www.coop.ntue.edu.tw/index.php

關超然、李孟智(2013)。PBL 問題導向學習之理念、方法、實務與經驗(第二版)。台北：愛

思唯爾公司

周天賜(譯)(2015)。問題引導學習 PBL(原作者：Robert Delisle)。新北市：心理出版社股

份有限公司

黃政傑、林佩璇(2013)。合作學習。台北市：五南文化事業

商 業 管 理 群 群 科 中 心 學 校 的 網 站 。 商 管 群 的 課 程 網 要 。 網 址 ：

http://ba.tchcvs.tc.edu.tw/schema01.asp

設 計 群 群 科 中 心 學 校 的 網 站 。 設 計 群 的 課 程 網 要 。 網 址 ：

http://dc.chsc.tw/main.php?fid=14&page_name=list&layout_id=3