關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
貨幣主義
數位貨幣‧投資行為
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
雄歌經典音樂廳
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
我唱我歌-詞曲創作專欄
片言片語-歌曲評論專欄
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
網路數位內容編輯學

99學年度第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/25

Introduction

Learning resources

Electing representative of class

3/4

Fundamental 1,  and 2

LAN & Remote Management

Remote Interactive & Mgt Platform

Login Tips 

IIS Management

Setup a simple website

Hand-on practice

3/11

Pretest--(1)--(2)--(3)

Team organization

Team-up tools

Media resources and tools

Online roll call

Online Greeting

Post your idea to recruit teammates

3/18

TX's tip: Aesthetics and Design

Visual design,

Case study 1 &2

Hand-on practice

Introducing your neighbor

3/25

Video design

Video equipment, DV recorder

Speakers Guide

Hand-on practice

@Assignment charts finalizing

4/1

Midterm Exam: Video comments

@Management, scheduling charts finalizing 

4/8

Proposal for project management charts and video storyboard 

@Selection of a video proposal: Assignment and rehearsal

4/15

Web development basics  

Field work plan

Field work rehearsal 

Cast and crew

4/22

Production of video

Field work

4/29

Media design, TX's tip: 5 steps

Process engineering

-Structure

Check web project proposals

Hand-on practice

5/6

-Meaning

-Blocks: Tables

Hand-on practice

5/13

-Blocks: Pics

-Automations

Hand-on practice

5/20

-Multimedia

Digital Music

Templates

Hand-on practice

5/27

Video post production

Annual contents: preparation

@Project templates finalizing Hand-on practice

6/3

Video file converting

Video broadcast

Upload works

Last words

Web/Server management

Dynamic web/database  

Annual contents

Presentation scheduling

Collaborative autonomy

Grading reminder

6/10

Project delivery

Final exhibition and presentation

6/17

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 視訊評論(20%): Storyboard analysis and comment, 1-3 min. 1-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 levels or above)與實體(folder check)規畫、頁面規畫(5區以上)、腳注區、雙導覽、動態範本頁。

社群ID碼

30
每未達成項目,扣2分

結構、意義重「統一」應反映在範本上。

圖、自、多重「變化」呈現在各作品中。

 

意義-樣式預設為標楷、CSS樣式(系統修改與自訂各5以上)、跑馬標題; 段間不空行;布景主題個人化(banner)處理。

 

圖文框-表、表圖、插欄等高級應用(2 or more)。分欄、圖文整合、圖片重疊、影象地圖、內置框架。

 

自動化-自訂連結 (mail, common icon, bookmark, new window, specified bookmark of outside page) 自動轉頁 (mega tag應用) 自動編號、共用News網頁。

 

多媒體-動態媒體:視訊或動畫拍攝、後製作、個人化開場;音訊處理(background or embedded)。

〈如有屬Advanced教材者,為額外加分項,請增加1列說明。〉

Please printout and hand in the following checklist. Present the required items by the order. You may evaluate your grading range in advance by yourself.

Items

Requirement

Grading Range

Management

3 hard copies of online management tools; Explain the result and the  planning; Describe the accomplishment and teamwork.

Demo the contents; readability; design of titles.

Group:10

Individual: Mgt5+Discussion 5=10

Design

Main visual attraction of the home page: visual story, dynamics, completion, color system.

Standard logo; Year logo.

Video planning.

Screenplay; Shooting script. 

10

Techniques

Structure: pages, virtual navigation (3 levels or above), physical structure (folder check), page plane design (more than 5 areas, frame design,  double navigation design, footnote area, dynamic template.  Community ID Codes

30

 

Meaning: default font design, CSS styles (selector and class: more than 5), marquee, paragraphs without blank line, personalization of theme (at least on banner)

 

 

Blocks: table, diagram, text box(2 or more), multiple columns, overlay of graphics and text, image map.

 

Automation: link, send mail, bookmark, new window, specified bookmark of outside page, common icon, auto redirection (mega tag) ,common page.

 

Multimedia: Video shooting, editing, post production;

Audio display (background or embedded)。

(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分」內推薦。應避免不分高下,齊頭式推薦。這是額外的加分,不影響正常成績。

回頁首 Up to page head 至頁尾 Down to page bottom
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to next page
留言區因雲端系統重整,暫停開放。敬請以電子郵件留言。 同類別內相關主題

數位文創線上講義總目

數位文創目錄 數位美學‧數位文創導論目錄

Introduction to Digital Aesthetics and
Digital Contents/ Cultural Content Creation

數位文創目錄 數位文創製作管理目錄

Project Management in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位視覺設計‧影象處理目錄

Visual Design and Digital Imaging
Design and Production

數位文創目錄 數位出版(DTP)設計製作目錄

Digital Publishing/ Desktop Publishing
Design and Production

數位文創目錄 網路文創設計製作目錄

Web-based and Interactive Cultural Creation
Design and Production 

數位文創目錄 數位視訊設計製作目錄

Storyboard and Digital Video
Design and Production 

數位音樂特區 數位音樂特區目錄 TX Midi Zone

Listening Design and Digital Music
Design and Production 

數位文創目錄 數位文創設計製作習題

Exercises and Hand-on Works in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位文創庫存講義目錄

Achieved Readings and Deprecated Techniques

創用 CC 授權條款 此作品衍生自「統雄網路社群 TX Web Community」,由 吳統雄 Sean TX Wu 製作,以 創用CC 姓名標示-非商業性-相同方式分享 3.0 Unported 授權條款 釋出。此條款之授權同時適用於 https://seantxwu.pages.dev/ 下,與 http://tx.shu.edu.tw 下,除特別標明外之所有媒體形式著作物。
本網群為公益服務,瀏覽者須接受以下聲明方可瀏覽: 著作權聲明-Copyright © 吳統雄: 申請引用資訊- 免責聲明- 鳴謝:本網路社群之開發曾受國內外機構、包括臺灣大學補助。

Copyrights of TX Web Community This is a public service web community under a "Creative Commons" license. You must accept the following statements before entering: Copyright © Sean TX Wu, All Rights Reserved. Request for Citation, Disclaimer, and Acknowledgement.
內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍
取用模式研究國際團隊 Adoption Modeling International Research Team 合作群組取用模式
國際研究群
吳統雄的研究、教學、與作品 Sean TX Wu's Research, Teaching and Art Works 內容網站第3類知識
互動群組研究方法
內容網站數學樂學
內容網站美語樂學
內容網站人文社會
互動群組產學合作
資訊管理/資訊科技/資訊系統 Information Management/ Information technology/ Information Systems 合作群組資管教育
互動群組資訊管理
內容網站電子商務
內容網站網路教育
數位文創 Digital Cultural Content Creation 內容網站數位文創
合作群組大學青年
合作群組數位電視
互動群組美學實驗
數位音樂 Digital Music 內容網站數位音樂
內容網站社會參與
內容網站文學創作
投票行為、選舉預測與其他行為研究 Election Prediction and Other Behavioral Research 內容網站選舉行為
互動群組其他專題
第3類知識 The 3rd Knowledge 合作群組接龍實驗
互動群組招親實驗
互動群組公投實驗
互動群組量尺實驗
互動群組舞者實驗
年度20大點播音樂

偶然
金蟠桃
水調歌頭
請你,天明再離開我
點燭
別離
挖呀挖
稚情(嫦娥)
天亮歌
願意
墟
思念
華靈廟
Panda
團團和圓圓

相逢
媽媽的愛心
從此
笑笑歌
幕落(必然)
上山打野狼

研究與講義目錄

研究方法講義目錄
統計多變項分析講義
資訊管理講義目錄
數位文創/數位內容講義目錄
數位音樂講義目錄
產學合作-就業進修講義目錄
人文素養-人與社會講義目錄
人類行為+資訊管理研究目錄
網路使用/電子商務研究目錄
網路教育研究目錄
數位音樂作品目錄

在「瀏覽時間」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)。粉底文章亦同屬年度20大瀏覽時間。

統雄-統計神掌 因素分析篇
性幻想行為簡說:格雷的五十道陰影
作業流程圖範例
UML
:統一塑模語言與流程圖

信度與效度分析
統雄-統計神掌 共變數分析篇
統雄-統計神掌 調節模型篇
統雄-統計神掌 多元迴歸篇
投考-甄試研究所之自傳秘笈
統雄-統計神掌簡單迴歸/相關分析
統雄-統計神掌 變異數分析篇
MIS:管理資訊系統
多氯聯苯大追兇
和聲與和弦進行設計
統雄-統計神掌SPSS篇
統雄-統計神掌中介模型分析篇
學術論文寫作法
統雄-統計神掌因素效度分析篇
研究所甄試之研究計畫秘笈
統雄-統計神掌多變項精華篇
問卷設計流程圖-範例
電子郵件亂碼的解決
統雄-統計神掌易筋經
定量方法對定性方法
統雄-統計神掌因徑/結構方程模型1
六藝:多元學習的詮釋與實踐
個案研究法/參與觀察法
文獻研究法
和聲與和弦分析
實驗法、準實驗法
歷史記錄

在「點閱數」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)、與已經出現在同屬「年度20大點閱數」之頁。

網路使用行為研究方法
視訊後製作程序
爸爸
大學青年‧網路雜誌
網頁3大基本語言與編輯軟體
科學知識產生的程序
打二房別亂了套 
1篇30年後引起迴響的文章
向老大哥WGA說不! 
知識美學與數位美學 
我,被禁唱的民歌手
金蟠桃 第一幕 樂園
偶然、或然、必然 音樂劇4
接龍實驗-結果討論
MIS專案進度管理甘梯圖
知律,破律,又合於律
真實美語/生活英語選
當代流行歌 又吵又欠缺變化
職業化快閃影片創作品析
驗證式SEM解析篇-計畫行為論
歷史記錄

這裡有我在30餘年教學經驗中的學習與分享。

教改‧我先走了三十年教改‧我先走了三十年
教學的理念、實踐與感受教學的理念、實踐與感受
其實,每個人都可以唸臺大其實,每個人都可以唸臺大
2012總統選舉預測 2012總統選舉預測
大任務‧小使者大任務‧小使者
Fulbright Project Fulbright Project
統雄老師領導的美國喬治亞理工
Adoption Model國際研究群
Westgate FraudWestgate Fraud
e世代公共服務新聞宣言e世代公共服務新聞宣言
虛擬整合校園虛擬整合校園
請將連結不到網頁的網址,寄給統雄老師,謝謝!連結不到網頁

請按此,至友站列表。並歡迎同好加入友站。