課程資訊
課程名稱
文學數位應用與實作
Web design for Chinese Literature 
開課學期
104-2 
授課對象
 
授課教師
 
課號
CSX0001 
課程識別碼
H03 00100 
班次
 
學分
全/半年
半年 
必/選修
選修 
上課時間
星期三7,8,9(14:20~17:20) 
上課地點
 
備註
優先開放20名予中文系學生,上課教室:計中110電腦教室。兼基本能力課程。與吳旻旻、張元鴻共授。兼通識AB*。。可充抵基本能力課程。
總人數上限:30人
外系人數限制:10人 
Ceiba 課程網頁
http://ceiba.ntu.edu.tw/1042CSX0001_chinese 
課程簡介影片
 
核心能力關聯
本課程尚未建立核心能力關連
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

本課程屬於中文系與電資學院合開之「CS+X:中文電資跨領域系列課程」之初階課程。每週課程由中文與電資教師共授,分析討論文學數位應用案例,並介紹相關數位技術,進而指導修課學生完成實作。
課程內容包含三個單元:
第一單元「文字的創意詮釋」(1~5週)
介紹多種中文字主題的平面設計或工藝產品,討論其中文字形音義的詮釋與創造。本單元的實作分為兩部分,第一部分將以Photoshop與illustrator為主要的工具,帶領同學逐步將自己的想法用工具展現出來。第二部分介紹3D列印的技術發展概況,並指導同學使用Tinkercad實際建立可供列印的文字模型,體驗自造者的樂趣。
第二單元「數位文學的無國界溝通」(6~11週)
首先介紹數位文學發展歷程、瓶頸與前瞻性,進而引導同學進行數位文學的創作或文學網站的建置。
實作單元,將帶領大家進入網頁的世界,從基礎的HTML與CSS開始,搭配Bootstrap快速將創意呈現在網路的世界中。
第三單元「讀者參與的數位互動」(12~18週)
延續第二單元,深入文學數位化趨勢的探討,介紹人機互動設計的基本方式,並完成簡易的互動式文學創作。
實作單元,將帶領大家一窺程式設計,學習Javascript與jQuery讓網頁更具有互動性更有趣。
本課程特別歡迎中文系及文學院各系的同學選修,課堂上所講授的數位軟體或程式,皆經老師擇選與重新設計,以利同學進入數位世界,希望同學運用已有的人文知識與涵養,嘗試和數位科技結合,開拓學習面向。亦歡迎其他院系同學選修,以跨領域的角度,一起思考如何拓展文學與數位應用的效果。
 

課程目標
﹙一﹚、介紹Photoshop、網頁設計與JavaScript程式語言,使學生經由練習能獨立完成文學數位應用之基本製作。
﹙二﹚、在各單元搭配運算思維及相關計算機科學概念,使學生能依照個別興趣及背景,進一步主動選擇、學習其他適用之軟體,深入了解單元目標背後所需之資訊知識及技術概要。
﹙三﹚、引導學生結合文學知識與資訊技術,發揮文獻蒐集、解讀能力與個人創意,以數位多媒體方式嘗試深刻細緻的文學詮釋或興味盎然的互動閱讀。
(四)、為加強學習與實務應用效果,期末成果將邀請專家學者審查學生作品,給予評分和建議,表現優良者將頒發評審簽名之證書並收錄於相關網站。 
課程要求
﹙一﹚、由於課程包含大量電腦操作,修課同學請自備筆記型電腦。
﹙二﹚、跨領域課程須快速學習不同學門之知識,希望修課同學準備無限勇氣面對挑戰,以積極態度參與課程,有問題隨時提問,準時繳交每項作業,並欣賞其他同學的作品,提供回饋意見。
(三)、因教室座位有限,初選成功者,第一堂課未到視同自動退選,空出名額將保留給現場出席者抽籤。總人數至多32名,不再加簽,請同學把握機會。

 
預期每週課後學習時數
 
Office Hours
 
指定閱讀
教師合編教材。 
參考書目
待補 
評量方式
(僅供參考)
 
No.
項目
百分比
說明
1. 
單元一實作A成果簡報B過程書面報告 
30% 
A、B各15% A同儕互評,評分標準:技術性50%創意表現50% B任課教師共同評分,評分標準包含:文字資料運用,畫面構思,技術實踐,學習態度,四項各25%。  
2. 
單元二實作A成果簡報B過程書面報告 
30% 
A、B各15% A同儕互評,評分標準:技術性50%創意表現50% B任課教師共同評分,評分標準包含:文字資料運用,畫面構思,技術實踐,學習態度,四項各25%。  
3. 
期末小組實作成果發表 
20% 
同儕互評,評分標準:網頁技術50%文學性50% 
4. 
期末小組實作歷程及心得書面報告 
20% 
任課教師共同評分,評分標準包含:遊戲設計網站文學專業度30%,遊戲原創性與完成度40%,團隊合作30%。 
 
課程進度
週次
日期
單元主題
第1週
2/24  以下為預定進度與內容,開學後將視情況予以調整。
課程說明,專題分組,加選方式說明 
第2週
3/02  [主題一:文字、影像、創意與實作]
漢字平面設計的創意, 業界人士經驗分享 
第3週
3/09  [主題一:文字、影像、創意與實作]
平面設計案例,Photoshop 影像編修入門(1) 
第4週
3/16  [主題一:文字、影像、創意與實作]
漢字藝術活動案例,Photoshop 影像編修入門(2) 
第5週
3/23  [主題二:當3D列印遇上文字創意]
漢字實體產品,3D列印與3D建模軟體簡介 (期末專題proposal繳交) 
第6週
3/30  [主題二:當3D列印遇上文字創意]
3D建模軟體入門,動手設計自己的創意模型 
第7週
4/06  [主題二:當3D列印遇上文字創意]
3D列印的前置準備工作,3D列印動手玩,實際列印自己的模型
(交作業一 平面設計)
 
第8週
4/13  [主題二:當3D列印遇上文字創意]
台北自造者空間的參訪,認識自造者朋友們 
第9週
4/20  [主題三:數位時代的閱讀]
文學網站介紹,HTML與CSS動手玩(1) 
第10週
4/27  [主題三:數位時代的閱讀]
陳徵蔚老師演講 破碎與拼貼:數位文學的發展與影響;
HTML與CSS動手玩(2)
(交作業二 3D設計)
 
第11週
5/04  [主題三:數位時代的閱讀]
網路文學的今昔,行動時代的網頁設計 RWD 動手玩 
第12週
5/11  [主題三:數位時代的閱讀]
文學創作與數位閱讀,網頁版型的設計框架 Bootstrap動手玩 
第13週
5/18  [主題四:與程式結合創造新的閱讀體驗]
文本互動設計案例(1),網頁程式初體驗:Javascript 手把手教學(1) 
第14週
5/25  [主題四:與程式結合創造新的閱讀體驗]
文本互動設計案例(2),網頁程式初體驗:Javascript 手把手教學(2)
(交作業三 網頁設計)
 
第15週
6/01  [主題四:與程式結合創造新的閱讀體驗]
文本互動的創新,更輕鬆的與使用者互動:jQuery 動手玩(1) 
第16週
6/08  [主題四:與程式結合創造新的閱讀體驗]
結局安排與主題反思,更輕鬆的與使用者互動:jQuery 動手玩(2) 
第17週
6/15  [主題四:與程式結合創造新的閱讀體驗]
UI,UX設計新趨勢,動畫、效果微互動 
第18週
6/22  期末成果發表(期末專題成果發表:文本互動設計案)