95學年度第 2 學期課程綱要
網路媒體編輯學
Studies in Web-based Media
吳統雄 Sean TX Wu﹙ 2007/1/5 ﹚
一、教學目標 Course Objectives
The goal of this course is to introduce students to the effective use of emerging technology in digital/web-based media and information communications including: versatile electronic publishing, webpage and website design, intranet administration, web community development and media 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 three applications categorized by the output of digital/web-based media:
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-based Publishing, webpage, website, and web community: they are not necessary to have a local storage; they are virtual interaction in the cyber world.
However, there are new growing extended forms from web-based media, such as E-book, E-magazine, which use specific player instead of PC, and mobile media.
The second semester of this course will focus on the third application, animated and 3-D media. Prerequisite of the training of the previous two applications, static and 2-D media in the first semester is required for the students who want to take this course. (*Students who miss the first semester must study the fundamental skills by themselves.)
This course focuses triple posts: design, technology and management.
DESIGN. The teacher will introduce ‘TX’s theory on Media 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 scanner, digital camera, digital video recorder, MIDI…etc. The teaching of advanced tools will be decided by the progress of students’ assignment.
MANAGEMENT. Management is works 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] |
|
3/2 |
Introduction Learning resources |
Electing representative of class, *Projector, PC or internet |
|
3/9 |
Media resources and tools |
Setup a simple website Hand-on practice |
|
3/16 |
Online roll call, Post your idea to recruit teammates, Hand-on practice |
|
|
3/23 |
Introducing your neighbor Team-up Video planning and designing Hand-on practice |
|
|
3/30 |
Check teams and video plans Hand-on practice |
|
|
4/6 |
Spring break |
|
|
4/13 |
TX’s tip: 2 secrets TX's tip: 5 steps |
@Management charts finalizing @Draft video design and assignment *Proposal scheduling |
|
4/20 |
Proposal for video planning |
@Video plan presentation Evaluation and competition of proposals |
|
4/27 |
Assignment and rehearsal of video production |
|
|
5/4 |
Production of video |
Field work |
|
5/11 |
-Blocks-1 |
Check web project proposals Hand-on practice |
|
5/18 |
-Blocks-2 |
Hand-on practice |
|
5/25 |
*Remote Management of Managing Editor Hand-on practice | |
|
6/1 |
Video post production |
@Project templates finalizing Hand-on practice |
|
6/8 |
Web/Server management
SharePoint Dynamic database |
*Presentation scheduling Hand-on practice Project polishing and publishing |
|
6/15 |
Project delivery |
Final exhibition and presentation |
|
6/22 |
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 Process Review and Class Participation 平時成績(20%):課堂參與。
2. Project Accomplishment 學期成果(80%):網站成果、視訊設計、實作分工與進度管理、期中檢討、期末報告
3. Extra Contribution特別加分(10%):參與和教學活動有關的服務、群體作業工作(for team management)或其他對教學的回饋,表現優良。
4. 學習成果提示事項
5. 網路繳交報告注意事項
Individual: http://cg@tx.liberal.ntu.edu.tw/txcomm/&ewmedia/
Presentation URL: https://seantxwu.pages.dev/TxCG/GCot06/WebPhysicalName
EIC or Team leader: http://cg-eic@tx.liberal.ntu.edu.tw/TxCG/UniGCotFeat/
DB manager: ftp://cg-vote@tx.liberal.ntu.edu.tw
Supervisor of features: ftp://cg-features@tx.liberal.ntu.edu.tw
Required Readings and Learning Materials
1. 線上教材
RequiredWu, Tung-Xiung, Online Research Papers and Teaching Handouts; ../../../RwdColorStone/resource.htm#docs
Wu, Tung-Xiung, Online Learning Materials; ../../../RwdColorStone/resource.htm#tools
Wu, Tung-Xiung, Online Application Tools; https://seantxwu.pages.dev/Tools
Wu, Tung-Xiung, Online Media files; https://seantxwu.pages.dev/Mediafiles
Wu, Tung-Xiung, Online Design Demos; ../../../RwdColorStone/DesignDemo
2、 參考書 Secondary
林佳生、林麗琴(編著);〈隨手翻系列:中文版FrontPage 2003〉; 臺北:松崗;2006
新形象出版公司編輯部; ﹤中國文字造形設計:實用篇、應用篇﹥;臺北縣,永和市:新形象; 1990
榮欽科技; 〈Publisher
2003〉;臺北:松崗; 2006鄧文淵,陳惠貞(編著);〈快快樂樂學FrontPage 2003使用技巧〉; 臺北:學貫;2006
Microsoft; Maintaining a Microsoft Windows Server 2003 Environment; 2003
Microsoft; Office family; 2006
Nelson, Roy Paul; Publication Design; Dubuque, IA: Wm. C. Brown; 1991
Vaughan, Tay; Multimedia: Making It Work (6th ed.); Berkeley: McGraw-Hill; 2004
六、 成果製作與報告方法
Instruction of Project Presentation以群體或個人作業方式,設計編輯1個網站、與1部3D視訊影片。群體作業為4人以上。 每人負責寫作編輯4頁(每頁至少2螢幕,合計8螢幕)以上。如為群體作品,則責任頁數為4頁×人數。
影片應包括設計(劇本、
分鏡)與製作(攝製、剪接、後製技術處理 )2部分。鼓勵以群體作業方式製作,設計編輯一個網路社群,甚至實現跨校製作,推選若干位幹部組織作業。
課堂上口頭報告分作2次,期中是動態視覺設計;期末是網站、影片成果,與製作管理經驗。
期末報告提示:「技術」部分之「結構與樣式」可用 template.htm (真正使用的範本) template2.htm (其他功能展示)說明。
Each project includes 1 website and 1 video. The minimum pages of a website are 4 pages* number of team members.
Video presentation consists of 2 parts: planning (screenplay, shooting script) and production (shooting, editing, post production etc.)
There will be 2 oral presentations. The midterm presentation focuses on video planning while the final presentation covers website, video production and management.
Note: you may use templates to present required techniques/ functions that are not used in your website.
Online Hand In
(1)三線上管理報表:企畫案
、分工表、進度表。(2)視覺設計案-劇本、分鏡
(3)網站、影片成果檔案
(4)討論區-學習與實作心得:此為加分項。
(1) 3 management tools: planning, assignment, scheduling.
(2) Video planning, shooting script.
(3) Website, video (included in website)
(4) Voluntary online discussion. (For extra incentive grading)
Hard Copy Hand In
Evaluation Checklist
請將本評分表列印繳交,並依評分項目順序報告。
評分參考事項
|
項目 |
成果 |
配分 |
|
管理 |
三管理表完整;另自增輔助管理工具或資料;按進度完成、成果有整合性;團隊精神佳。 內容企畫、訪問、資料相得益彰;標題有功力。 |
群體:10 個人:5 |
|
設計 |
靜態視覺輔助-視覺輔助之主畫面與內容之呼應、動力感、空間、色彩、對比之處理。 標準字、年度處理。 |
10 |
|
|
動態影象-動態媒體:動畫、視訊企畫與劇本。 |
10 |
|
技術 |
結構-頁數、網站虛擬(3 levels or above)與實體(folder check)規畫、頁面規畫(4區以上)、示範頁(含框架、雙導覽)、News 頁。 |
10 |
|
|
樣式-預設為標楷、自訂embedded樣式 (5以上)、跑馬標題; 段間不空行;布景主題個人化(banner)處理。 | 10 |
|
|
圖文框-分欄、與表、表圖、插欄等高級應用(2 or more)。圖文整合、圖片重疊、影象地圖。 | 10 |
|
|
自動化-自訂連結(mail, common icon, bookmark, new window, specified bookmark of outside page)、relation (mega tag or behavior) 設計實施、Status messaging、共用元素或網頁。 範本頁(manual display)與範本網站。 |
10 |
|
|
多媒體-動態媒體:視訊或動畫拍攝、後製作、個人化開場;音訊處理(background or embedded)。 |
10 |
Please 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 management tools; Match of result and planning; Teamwork. Contents; Readability; Design of titles. |
Group:10 Individual:5 |
|
Design |
Main visual attraction: visual story, dynamics, completion, color system. Standard logo; Year logo. |
10 |
|
|
Video planning. Screenplay; Shooting script. |
10 |
|
Techniques |
Structure: pages, virtual navigation (3 levels or above), physical structure (folder check), page plane design (more than 4 areas, frame design, double navigation design, pop-up page. |
10 |
|
|
Meaning: default font design, embedded styles (more than 5), marquee, paragraphs without blank line, personalization of theme (at least on banner) |
10 |
|
|
Blocks: multiple columns, table, diagram, text box, overlay of graphics and text, image map. |
10 |
|
|
Automation: link, send mail, bookmark, new window, specified bookmark of outside page, common icon, relation (mega tag or behavior) ,status messaging, common elements (such as common page), templates page (manual display) and template web. |
10 |
|
|
Multimedia: Video shooting, editing, post production; Audio display (background or embedded)。 |
10 |
3 Management Tools
如視訊製作係參加跨組製作,務必在分工表中注明。
如有討論區之學習與實作心得,請一併附上。
Recommendation from the Project Leader
另紙提出,包括「實際工作內容、推薦成績」2欄。根據出席、參與群體作業的程度,由幹部以合理工作分擔為基準,在 正負10分內推薦。應避免不分高下,齊頭式推薦。未獲任何推薦者,沒有成果成績。

