寫這篇文章的時候,已經是時隔一年的 2017 年 9 月了,我在去年(2016) 9 月的時候,接下了我校資工系柯老師的課程 - 「 網站架設 」。

初起,教學對我來說已經不是一件難事,我教學的弱點是不知道如何找到和對象們之間的梗、話題或創造樂趣,所以基本上我只顧教學,而這門課的柯老師則是懂得如何創造同學之間的樂趣,加強互動,這樣的搭配則是非常完美。

我至今帶過的課程,有:

  • 電機碩一,數據分析 (兩次)
  • 電機碩一,無線感測網路 (兩次)
  • 資工二,計算機程式語言
  • 資工三,立體動畫建模
  • 資工一,網站架設

挑著網站架設出來講,是因為這門課籌備的太完美了,寫下這篇文章來記錄我自己的過程。 (雖說帶碩班的助教應該是很厲害可以炫耀,但不過碩班的助教有三人協助籌備,所以基本上我做的事情只有不多次的協助教授回答學生問題或指教,而又實際上教學平台是很多人籌備的,就不值得講了。)

課程規劃

課程的目的是為了讓學生了解並能夠自己架設一個網站,並不需要教太多程式語言之類的,因此我在協助老師規劃上課要教的東西的時候,選用 WordPress 架站來作為目標,並且陸續可以導入一些 Domain Name 購買、 Host 租用到一些 Google Analytics 之類,部落客必備的工具知識,(2016) 年時,我使用 WordPress 的經驗已經有 4 年,我想這樣的情況下,我也有把握傳遞正確的知識到學生身上。

之後我提的課程規劃如下:

第四週: 主題一 內容圍繞於網頁設計知識基礎,以及建造一個網站的基礎。

第五週: 主題二 分配學生的網站空間,以及介紹 WordPress ,並且安裝完畢,可瀏覽。

第六週: 主題三 內容圍繞於網站操作,基礎的網站樣式介紹、修改。

第七週: 主題三 、主題四 將內容操作指導妥當,並介紹佈景系統操作、安裝,嵌入 Google Analytics 和介紹 Google Ad sense。

第九週: 主題四 教導佈景系統安裝,並實際操作安裝在網頁上,並可以修改佈景參數。

第十週: 主題五 外掛系統邏輯。

第十一週: 主題五 外掛系統進階應用,安裝多個外掛在自己的頁面上。

第十二週: 主題六 指導學生使用 Google Form 來製作自己的表單。

第十三週: 主題七 指導學生申請自己的 Domain Name 且了解 Domain 網址運作 (Dot.tk)。

第十四週: 主題八 介紹 WooCommerce 系統,以及金流,商品。 並安裝外掛。

第十五週: 備份自己的部落格、文章,並且恢復至新的 WordPress。

第十六週: Wix、Weebly 線上架站服務資源介紹

籌備項目

最主要的籌備項目,其實就是主機,學生都需要有自己的 WordPress ,上課才能用,所以我自己辛苦的把每位學生的 WordPress 都準備好,然後放到我在系上的主機,由於我有校內網路管理的權限,所以很輕鬆幫主機拿到一個 IP,並且可以讓同學自己使用。

順帶一提主機是用 XAMPP 架設的 (能用就好)。

籌備主機預期就是讓學生每次上課,多點時間可以發點廢文、或多修改自己的網站,不要每次都不操作,只看不做,我認為學習效率會非常低。

但是主機會延伸出附載問題,學生可能會同時下載外掛、或請求資源,因此我就只好幫主機架上一個 CDN (雖然沒有明顯的效果)。

上課

初起上課時,外系學生來修課的比例不在少數,這代表著我不能講得太複雜,不然會引發公憤,一開始上課是請同學在本地端架設 WordPress ,用 XAMPP 架設,為了方便同學,我把 WP, XAMPP安裝檔案先放到伺服器給學生下載,然後... 我就十分的體驗到主機的哀號。 (最後還是讓學生到網站去下載)

從第二次上課後,我必須幫所有學生在 WWW 目錄放好各自學號當作資料夾名稱的 WordPress 目錄,還有 MySQL 的帳號密碼,在上課時發放,並讓同學自己安裝。

接下來的課程其實也都只是教同學認識 WordPress 安裝一些有用的外掛、佈景之類的,就沒什麼好提的。

不過上課有時還是會發生 WordPress 帳號密碼忘記的時刻,只好幫學生手動先更改,再請學生自己上去改密碼。 (因為密碼是加鹽,所以就找一個 WordPress Password Generator 產生密碼,在 Update 進資料庫就可以了)

總之,上課過程都還蠻順利的,而且每次上課前,我都會把要上課的東西打成一篇文章,如果上課跟不上老師進度,可以自己看文章來操作。

期中考

期中考之前,我打算就用自動化上機考試,所以用 C# 寫了一個考試軟體,直接發佈在課室電腦中,期中考除了紙上考室外,上機考就會受到我的軟體監控,從上機按下開始後,計算 1 小時,偵測學生是否有將 WordPress 安裝,並且有做好資料庫安全設定 (需要移除所有無密碼帳號,並要停用無密碼登入機制)。

考試前我就從課室移除對外網路,不開放上網,為此,我的 Server 就要從實驗室搬出,放到課室連上同一個區域網路,當作考試用統計伺服器。

還蠻酷的,如果學生 1 小時沒有作答完,電腦就會自動關機,然後上機考就 0 分。

最後成果是只有 1 個上機考是 0 分,其他都有完成,實在太高興了。

期末考

期末考的分數統計,有大部分是來自前 3 週的課程題目 "專題製作" ,並分成 3 個專題,學生製作完後留言在課程的網站上,我就會收到並且記錄學生的成績。

每次專題我會在不久後貼出一個影片教學,指導一些可行的做法來給同學參考,並用 Mac 內建螢幕錄影、Apowersoft 的錄影工具來錄製,不過最後一次的專題沒有做螢幕錄影教學,而是我用 After Effects 做了一段動畫影片,來唬一下同學。

我在期末考考試後,我挑選了幾本 WordPress 實用的架站指南書,頒發給專題做完的前 3 名學生,雖然獎品可能學生覺得很爛,不過我覺得哪天突然翻翻,有個架站的小夢想也可以照著實現,我也會覺得很感動!

一個溝通的平台

我個人認為課程最大的特色,就是建立一個平台,作為輔助學生的用途。

每次上課都詳實路過程並把文章寫在平台上,然後挑選一些週末來多寫補充的文章,學生也可以上來發問,課程中我也把每個學生的網站網址,放在一個設定密碼的頁面中,讓修課學生可以來看看別人做的網站。

上課建立平台的概念,初起都是從 Coursera, Udemy...etc 等很多開放式課程平台中看到,就想說來架一個網站,給這個課堂使用,想不到效果十分的顯著。

心得

與學生之間的互動,是很重要的,其實多數學生自己有問題,都不會想提出來舉手問,因為他們害怕發問,基於以前帶中小學資訊夏令營的經驗,我一樣的在上課中不斷的來回逛走道,看看哪些人卡在某個畫面,直接去幫他,不過這樣的好處也很多,帶來上課的秩序,學生通常看到我走過去,都會把手機或畫面關掉,稍微來操作一下,這樣一點小小的督促也不錯。

期末的助教問卷調查,有趣的是,基本上 問卷都是比較高的評價,不過我收問卷有按照順序,大概知道匿名問卷是誰填寫的,結果爆負評的學生都是沒有認真上課,曠課超多的學生,這我就不解釋了ㄏ。

這個網站叫 Let's Mandarin (letsmandarin.club ,網域馬上就要到期了,我也不打算續約),這個名子的取名是因為想到 「 說華語 」就有一種文青的感覺,所以就直接拿來當網域名稱了。

課程基本上進行得很順暢,不過意外的是我接任助教的期間,我跟其他課衝堂,所以我跟兩邊之間的課程互相跑,差點嚇死我了,這大概是我學生生涯做過最狂的事情,重點是我修的那門課,被曠課到剩最後一節就掰掰,結果還沒被當掉,這種驚險的事情應該不會有第二次了。

這個課程的學期初,我接任了資工系學會會長,並就在期末考前幾週用盡心力的舉辦了聯合別系學生的聖誕餐會和交換禮物活動,我也順便籌備遊樂項目 (VR, LEAP 專案和 Logtech G27 專案) 出來玩,壓力還蠻大的,有段時間沒有好好照顧自己帶助教班上課的學生,哈哈。

學校上課所教導的技術其實大多並不新,老師、教授也不是時時可以接觸時事、或是知道很多新玩意兒的人,而學生比較有空去玩新技術,我透過帶助教班,將一些最近大家常用的技術,作為範例帶給學弟妹看,同時,其實也是老師、教授和助教互相學習的一種方式,所以在畢業前,我也會繼續去接課程助教。