100學年度第2學期課程綱要
Studies in Web-based Digital Content
吳統雄 Sean TX Wu
一、教學目標
本課程將從「設計、技術、管理」三方面協助學生製作「數位/網路內容」的能力。預期成果為具備自動化、群體作業模式的數位文創作品,上學期為:電子書、影象處理、動畫;本學期則為:視訊、網站、與整合性網路互動內容。學習方法強調實作、與網路群體合作。衡諸「數位內容」不可避免的國際化趨勢,本課程並提供中英雙語講義與實作平臺。
如果願意參與學習,本課程過去經驗顯示,可以將一位對數位工具陌生者,培訓為數位內容製作的領導者。本課程技術、管理的訓練,可以協助學生立即投入相關就業工作;而設計美學的實驗與討論,更可提供未來高深研究的學理準備。
This course addresses the effective use of emerging technology in digital/web-based digital content and information communications including: versatile digital publishing, website design, web community development, digital imaging, animation, video and media production management. As a specific objective, we emphasize to cap off a team project more than an individual task.
This course takes account of the inter-discipline of humanities and information technology through media application. The learning method focuses on problem solving oriented approach. The learning activity designates a hands-on assignment and requires a complete output in the form of publishable presentation.
This assignment may be collaborated by students from different campus, even different countries. It will be the first step for accessing the virtual integrated campus and the virtual international interactive classrooms. It will also be the leading experiment on developing remote group-work model of project management. Students will experience the roles of both vertical and horizontal integration of the project. They will touch the holistic sprit and process of a real project and raise the confidence to organize and guide a team.
All assignments will be published on the web-based magazine "College Youth Web Magazine" also known as "GreenCot".
There are various applications categorized by the output of digital contents:
1. Electronic Publishing, Desk Top Publishing (DTP), Corporate Publishing, and portable document: they are hard copies prepared by information technology.
2. CD-book, CD-magazine, multimedia title (such as computer slide show) and document: they are electronic files authored by various types of software and stored in CD-based or mass storage media.
3. Web Publishing, webpage, website, and web community: they are not necessary to have a local storage; they are virtual interaction in the cyber world.
4. Extended forms from web-based media, such as E-book, E-magazine, which use specific player instead of PC.
5. Mobile media.
6. Digital TV: an emerging media.
The second semester of this course will focus on the third application, video and 3-D media. Prerequisite of the training of the previous two applications, static graphics and 2-D animated media in the first semester is required for the students who want to take this course. (*Students who skips the first semester must study the fundamental skills by themselves.)
This course designates triple goals: design, technology and management.
DESIGN. We will introduce "TX's theory on Digital Aesthetics" to explore what are the tips of successful media design. The answer will be "Style and Formation". The class also will learn "TX"s theory on Process Engineering" to accomplish the media design practice in professional, longitudinal, large-scaled, portable and group work requirements.
TECHNOLOGY. This course will illuminate the concept of "tool independency". We will explain and reason the technology more than demonstrate the techniques. The knowledge of this course can be applied to any software. However, under the concerns of the popularity, availability, future usability and price of the tools, we have to adopt Microsoft and Ulead families』 tools including platform and application. The teacher will guide to use tools in editing text, graphic, image, animation, video, sound, music and web. This course also will employ peripherals and production equipment such as digital camera, digital video recorder, MIDI…etc. The teaching of advanced tools will be decided by the progress of students』 assignment.
MANAGEMENT. Management is a work more than words. Students will have good opportunity to experience the implication of goal, method, and action in management during the assignment of this course. They can learn what is planning and implementation, teamwork and integration, production and marketing. During the group work they will really touch what is communication and negotiation, one for all and all for one, incentive and checking assessment, leadership and the preparation from a team player. The teacher will also emphasize the ideas of market, risk, budgeting, profit and the media as business.
This course will lead students entering this promising interdisciplinary territory or getting ready for further research. It is an interactive place for students form pluralistic majors to enlighten and encourage each other. This course is engaging students who can take care of the whole thing and can look out the future.
Enjoy the course!
二、授課方式 Meeting and Counseling
1. Class meeting and Hand-on practice. Since this course has a thorough continuity in course design, students should avoid to miss any topic of the learning chain.
2. Individual counseling: Tue.-Thur. afternoon by appointment. Extra-hour counseling may be available, if it is for volunteering learning activity.
3. Telephone counseling: (02)2236-8225 Ext.63347, 0921807365
4. Email counseling: txwu@ntu.edu.tw
5. Online counseling: http://tx.liberal.ntu.edu.tw;
三、教學大綱與進度 Course Outline
|
[Date] |
[Agenda] |
[Activities] |
| 2/24 |
Introduction Learning resources | Electing representative of class |
3/2 |
IIS Management Setup a simple website Hand-on practice |
|
3/9 |
Media resources and tools |
Post your idea to recruit teammates |
3/16 |
TX's tip: Aesthetics and Design |
Hand-on practice Introducing your neighbor |
3/23 |
Hand-on practice @Assignment charts finalizing | |
3/30 |
||
4/6 |
Spring Break |
|
4/13 |
Midterm Exam: Video comments |
@Management, scheduling charts finalizing |
4/20 |
Proposal for project management charts and video storyboard |
@Selection of a video proposal: Assignment and rehearsal |
4/27 |
Field work rehearsal Cast and crew |
|
5/4 |
Production of video |
Field work |
5/11 |
Web design-1, TX's tip: 5 steps |
Check web project proposals Hand-on practice |
5/18 |
Hand-on practice |
|
5/25 |
Annual contents: preparation |
@Project templates finalizing Hand-on practice |
6/1 |
IS design presentation Web/Server management Dynamic web/database |
Final presentation scheduling |
6/8 |
Project delivery |
Final exhibition and presentation |
6/15 |
Project delivery |
Final exhibition and presentation |
*Prepared by the representative of class every time unless further notice.
@In charge by JME, ME and all management.
四、成績評定 Requirements and Grading
1. Project Accomplishment 學期團體成果(50%):網站成果、視訊設計、實作分工與進度管理、期中檢討、期末報告。
2. Project Process Review and Class Participation 平時成績(20%):課堂參與。
3. Comment on Video Design 視訊評論(10%): Storyboard analysis and comment, 1-3 min. 1-3分鐘的視訊與劇本分析。(2)網站個人化實作(10%):視覺標誌3件以上,於展示日網路上傳、書面繳交。
4. 學習心得分享(10%)。在「設計(含教學理念)、技術、管理」中各擇1題,期末網路上傳、書面繳交。
5. Extra Contribution特別加分:在100分外的額外鼓勵。包括參與和教學活動有關的服務、群體作業工作(for team management)或其他對教學的回饋(enlightenment of learning, especially in design and management),表現優良。並授權群體幹部提出推薦分。
6. 學習成果提示事項
7. 網路繳交報告注意事項
Individual: http://cg@tx.liberal.ntu.edu.tw/txcomm/&ewmedia/
Presentation URL: https://seantxwu.pages.dev/TxCG/GCotyear/FolderName
EIC or Team leader: http://cg-eic@tx.liberal.ntu.edu.tw/TxCG/UniGCotFeat/
五、參考書目 Required Readings and Learning Materials
六、成果製作與報告方法 Instruction for Presentation
以群體或個人作業方式,設計編輯1個網站、與1部3D視訊影片。群體作業為4人以上。 每人負責寫作編輯4頁(每頁至少2螢幕,合計8螢幕)以上。如為群體作品,則責任頁數為4頁×人數。
影片應包括設計、劇本、攝製、剪接、與後製技術處理。
鼓勵以群體作業方式製作,設計編輯一個網路社群,甚至實現跨校製作,推選若干位幹部組織作業。
課堂上口頭報告分作2次,期中是動態視覺設計;期末是網站、影片成果,與製作管理經驗。
期末報告提示:「技術」部分之「結構與樣式」分別用 template.dwt (無內容的真正範本) template2.htm (範本功能展示)說明。
網路繳交 Online Hand In
(1)三線上管理報表:企畫案、分工表、進度表。
(2)視覺設計案-劇本、分鏡
(3)網站、影片成果檔案
(4)小作品分享-學習與實作心得:此為加分項。
Voluntary online sharing. (For extra incentive grading)
書面繳交 Hard Copy Hand In
(1)自評表 Self Evaluation Checklist
請將本評分表列印繳交,並依評分項目順序報告。
評分參考事項
|
項目 |
成果 |
配分 |
|
管理 |
準時、書面資料、線上資料(作品、各種管理表)、團隊精神狀況。 加分項:如有另自增輔助管理工具或資料;說明是否按分工、進度完成,成果是否有整合性,企畫實現之檢討,資料視覺是否相得益彰,標題是否有功力。 |
群體:10 個人:管理5+心得分享2則﹦10 |
|
設計 |
網站主題與內容設計。 動態影象-動態媒體:動畫、視訊企畫與劇本。 |
10(期中) |
|
技術 |
視訊部分 鏡頭-3種以上。 運鏡-3種以上。 後製作-剪接、個人化開場、配音。 |
30 結構、意義重「統一」應反映在範本上。 視覺技術重「變化」呈現在各作品中。 |
|
|
網站部分 結構-頁數、網站虛擬與實體規畫、自訂區處理、動態範本頁。(自訂範本必須加入 社群ID碼) 意義-CSS樣式(非CSS網站,扣10分)。 視覺技術部分 主圖/頂圖、標準字/標準圖、橫幅、年度處理。 加分項:首頁視覺輔助之主畫面與內容之呼應、動力感、空間、色彩、對比之處理。提供更多識別系統物件。 如有屬課外補充、或Advanced教材者,請增加1列說明,均為額外加分項。 |
(2)三管理報表 Three Management Tools
如視訊製作係參加跨組製作,務必在分工表中註明。
如有討論區之學習與實作心得,請一併附上。
Members who are exempted from video production must be noticed in the assignment chart.
Any documents that may be good for evaluation are welcome to be attached.
(3) 幹部推薦表 Recommendation from the Project Leader
另紙提出,包括「實際工作內容、推薦成績」2欄。根據出席、參與群體作業的程度,由幹部以合理工作分擔為基準,在「總人數*3分」內推薦。應避免不分高下,齊頭式推薦。這是額外的加分,不影響正常成績。



