Week 8: 期中讀書心得報告, 請於下列四本書籍中, 選擇一本閱讀:
Week 16: 期末讀書心得報告, 指定書籍:
星期三, 9月 10, 2008
本課程 97 學年度之指定閱讀
本課程並不採用期中考, 期末考的方式來評定學生成績, 取而代之的是在第 8 週與第 16 週分別繳交讀書心得報告。( 至少 1500 字 )
Week 8: 期中讀書心得報告, 請於下列四本書籍中, 選擇一本閱讀:
Week 16: 期末讀書心得報告, 指定書籍:
Week 8: 期中讀書心得報告, 請於下列四本書籍中, 選擇一本閱讀:
Week 16: 期末讀書心得報告, 指定書籍:
星期二, 9月 09, 2008
Book: Linux 傳奇
挑戰微軟，挑戰軟體權威。數位時代英雄傳奇！20 年前 Linux 的發明，改變了現在的科技世界。芬蘭的大二學生托瓦茲開創軟體的傳奇故事首度曝光！
開放原始碼傳奇有許多戲劇性十足的篇章，其中有大師級駭客、先驅 Linux 作業系統首席工程師托瓦茲故事，也有全球無以數計熱誠程式設計人員，自動攜手並肩完成把 Linux 塑造成殺手級應用系統的故事。最後，它也涵蓋精靈古怪的雷蒙、駭客天才史托曼，以及創造與界定開放原始碼軟體運動奇才逸士畢生志業。
Book: 世界是平的
《世界是平的》自 2005 年推出以來，影響力一直在擴大。從耶魯、史丹福大學，到北京、上海的重點中學，校長都在叮嚀學生快快去讀《世界是平的》。
美國 YMCA 自 2007 年起，亦針對初中學生在暑假舉辦為期一週的「世界是平的」夏令營(Camp Flat World)，教導青少年如何以本書為起點，思考自己的未來。
許多中產階級讀了《世界是平的》，當下的感受都是非常恐慌。作者推出增訂版，有大半就是為了回應這種恐慌。許多方法和實例，有針對個人的，亦有針對父母或學校的，皆為原版所無。
只要有策略，有雄心，中國和印度絕對搶不走我們的飯碗。
Book: IDEA 物語
IDEO是全球頂尖、引領產品風潮的設計公司，不但創造無數的市場寵兒（例如拍立得相機、Palm V），二十年來，更創造了一○○多項獲獎的輝煌紀錄。這要歸功於他們緊扣的一項能力──創新。除了嬉鬧玩笑引爆創意，敏銳觀察、活力團隊、動腦會議、製作原型、期待意外、“異花授粉”、活在未來等的經營哲學與操作技術，才真正是 IDEO 出奇制勝、威力超強的火藥庫。
然而就因為美國廣播公司（ABC）的“夜線”（Nightline）一次的專題報導──深掘（deep dive），首度將 IDEO 發展產品的驚人創新能力，完整呈現在全美觀眾的眼前，引起了廣大的迴響──詢問如何創新的電話不斷。為饗渴求創新理念的大眾，IDEO 總經理（亦即創辦人 David Kelley 之弟）Tom Kelley，於是著手整理 IDEO 創新的秘訣。於是有了本書的誕生。
Book: i 狂人賈伯斯
賈伯斯會不會是下一種科技管理者的典型？
他憑什麼能縱橫電影、音樂、資訊三大產業？
賈伯斯靠什麼去抓住蘋果“Ⅰ”字號產品迷人的流行元素？
許多書談論過蘋果。許多文章說過賈伯斯的出身與他這種第一批創業矽谷人的傳奇。但沒有一本書像《Ⅰ狂人賈伯斯》一樣，把這個人與事業道路真正地結合在一起，從這本書你會發現：賈伯斯既有運氣又有偏執狂，但當他每次向自己的頑固低頭時，總是來在最關鍵的時候。他對產業與人類生活消費的誇張想像，有些要他付出代價，有些讓他與他的公司跳躍式成長。
《Ⅰ狂人賈伯斯》裡的賈伯斯，最迷人的，不是他有什麼企業家的傳奇性，而是他成功的難以預測性；這位老兄的人生實在有夠扯，或者你簡直可以說他是個科技時代以來最幸運的傢伙。本書主角不是什麼創新或管理的神，但他真的影響了你的科技娛樂生活。
Book: 翻動世界的 Google
如果沒有 Google，日子要怎麼過？
Google 現在不只是一家企業，也是一種文化現象。《經濟學人》
一個完美的搜尋引擎，
將可以處理、通曉全世界所有資訊。
那正是 Google 要達到的境界。
──賽吉．布林∕Google 創辦人
賦予個人無限可能，徹底改變資訊獲取方式，
全世界最有創新能力的公司，就是 Google！
? 為什麼網路泡沫中 Google 絲毫不損，還進而壯大？
? 為什麼 Google 的股價可以突破每股 400 美元的天價？
? 為什麼 Googl e的市值可以超越多數國家的股市總市值？
（譬如 2005 年底 Google 市值超過 1,400 億美元，而印尼約 720 億美元）
? Google 憑藉什麼吸引全球最優秀的人才？
一家能克服文化、語言和地域差異的公司，未花錢做廣告或促銷品牌，成為人們心中所愛，這樣的成就堪稱絕無僅有！
清新、人性化、易於使用的特質，使 Google 具有特殊的吸引力。它如何擊敗其他搜尋引擎，成為使用者與投資人的最愛，從此改寫網路與人類生活，《翻動世界的 Google》將揭開其神祕面紗！
平均 1 秒處理 1 萬筆查詢的 Google，在大多數使用者心中仍充滿神祕。《翻動世界的Google》便是有關這家平民媒體公司的權威性紀錄，描述這家公司如何在最先進的技術驅動下不斷前進，以及如何在短短幾年內便對資訊世界帶來革命性影響，徹底改變人們獲取各種資訊的方式。現在，「Google」這個字不但成為消費者最愛的品牌，還變成一個全球都通用的標準動詞。當網路世界以快過你想像的速度擴大，搜尋引擎就是你唯一的工具。
你，今天 Google 了嗎？
星期一, 9月 08, 2008
寫在 97 學年開課之前
『數位媒體概論』這門課在銘傳資工系已經是第三次開課了。
前年第一次開課是和黃世育老師一起上課的。通常, 我們會在一起來學校的途中, 討論上課時該如何引導學生? 要和學生討論的重點是什麼? 上課進行的模式通常會由黃老師先上場, 給學生一個方向去思考, 然後再由我在引導學生做進一步程式方面的練習。
為了讓學生聚焦於本身的學習, 我們會要學生在白板上先寫下自己再學習時所遭遇的問題, 然後再於第三堂課時進行討論。
我們兩位老師一致覺得上課的效果不錯, 不過進度並不多就是了。如果學生本身沒有什麼學習興趣, 下課後本身沒有進一步摸索課程內容, 僅靠課堂上學到的技術, 仍然不足以應付未來銜接課程的需求。
去年第二次開課, 修課人數增加到 40 人, 課程除了 C++ Builder 程式學習之外, 我們增加了指定閱讀的部分, 每週規定同學閱讀教科書的內容, 然後由同學在 Homework Show @ DMC 提出問題, 希望藉由指定閱讀的方式增加同學在數位媒體領域的涉獵廣度。
由於 C++ Builder 程式設計在課堂上討論的份量, 比第一年開課時明顯減少, 同學在期末的檢討報告中, 有不少同學希望加重課堂上對於 C++ Builder 程式設計的討論。另外, 關於程式設計, 去年並沒有規定同學一定要購買 C++ Builder 的參考書, 因此同學在遭遇問題時, 手上並沒有相關書籍可查閱, 我相信這也是部分同學為什麼始終無法上手的原因之一。因此, 這學期我會規定同學手上一定要有一本 C++ Builder 的相關書籍, 上課時將會不定期檢查。我並不硬性規定使用哪一本 C++ Builder 的書當作教科書, 但就是一定要帶本 C++ Builder 的書來上課。
C++ Builder 6 完全攻略: 金禾圖書網站, aNobii 網路書櫃
至於指定閱讀的部分, 這學期我不再用指定教科書的方式, 決定用指定雜誌的方式。畢竟資訊領域的變化太快, 持續閱讀相關雜誌將有助於培養同學對最新趨勢的敏感度。數位內容雜誌是一本我個人認為非常不錯的雜誌, 因此, 這學期我將指定同學閱讀這本雜誌, 每個月一次在 Homework Show @ DMC 寫下自己的看法。
去年, 我們開始使用 學習分享系統 讓同學繳交的作業讓大家分享, 不過, 佔成績的比重極低。從這學期起, 同學們的平時成績將全部由同學之間的互評成果決定, 因此, 請同學繳交作業時, 一定要認真做。
前年第一次開課是和黃世育老師一起上課的。通常, 我們會在一起來學校的途中, 討論上課時該如何引導學生? 要和學生討論的重點是什麼? 上課進行的模式通常會由黃老師先上場, 給學生一個方向去思考, 然後再由我在引導學生做進一步程式方面的練習。
為了讓學生聚焦於本身的學習, 我們會要學生在白板上先寫下自己再學習時所遭遇的問題, 然後再於第三堂課時進行討論。
我們兩位老師一致覺得上課的效果不錯, 不過進度並不多就是了。如果學生本身沒有什麼學習興趣, 下課後本身沒有進一步摸索課程內容, 僅靠課堂上學到的技術, 仍然不足以應付未來銜接課程的需求。
去年第二次開課, 修課人數增加到 40 人, 課程除了 C++ Builder 程式學習之外, 我們增加了指定閱讀的部分, 每週規定同學閱讀教科書的內容, 然後由同學在 Homework Show @ DMC 提出問題, 希望藉由指定閱讀的方式增加同學在數位媒體領域的涉獵廣度。
由於 C++ Builder 程式設計在課堂上討論的份量, 比第一年開課時明顯減少, 同學在期末的檢討報告中, 有不少同學希望加重課堂上對於 C++ Builder 程式設計的討論。另外, 關於程式設計, 去年並沒有規定同學一定要購買 C++ Builder 的參考書, 因此同學在遭遇問題時, 手上並沒有相關書籍可查閱, 我相信這也是部分同學為什麼始終無法上手的原因之一。因此, 這學期我會規定同學手上一定要有一本 C++ Builder 的相關書籍, 上課時將會不定期檢查。我並不硬性規定使用哪一本 C++ Builder 的書當作教科書, 但就是一定要帶本 C++ Builder 的書來上課。C++ Builder 6 完全攻略: 金禾圖書網站, aNobii 網路書櫃
至於指定閱讀的部分, 這學期我不再用指定教科書的方式, 決定用指定雜誌的方式。畢竟資訊領域的變化太快, 持續閱讀相關雜誌將有助於培養同學對最新趨勢的敏感度。數位內容雜誌是一本我個人認為非常不錯的雜誌, 因此, 這學期我將指定同學閱讀這本雜誌, 每個月一次在 Homework Show @ DMC 寫下自己的看法。
去年, 我們開始使用 學習分享系統 讓同學繳交的作業讓大家分享, 不過, 佔成績的比重極低。從這學期起, 同學們的平時成績將全部由同學之間的互評成果決定, 因此, 請同學繳交作業時, 一定要認真做。
星期日, 1月 06, 2008
News: DVD 規格戰: 華納支持藍光 新力雪恥
原始新聞連結
美國華納兄弟公司四日宣布，未來針對家庭影視娛樂市場發行電影數位影音光碟（DVD）時，將只發行「藍光」（Blu-ray）格式光碟。此舉無異是在新一代數位影音光碟標準規格的爭霸戰中，向藍光陣營的對手「高解析」（HD）光碟揮出致命一擊，美國東西岸兩大報紐約時報與洛杉磯時報都說，這場爭奪戰「可謂勝負已定」。
這場戰爭有幾分像80年代錄影帶「Betamax」（小帶）與「VHS」（大帶）規格之爭的重演，只不過風水輪流轉，當年的輸家新力，如今雪恥復仇，成了贏家。
華納兄弟目前同時發行藍光和高解析兩種格式的電影光碟，不過五月結束後，就只發行新力等公司倡導的藍光格式。這意味好萊塢六大片廠中將只剩派拉蒙和環球兩大片廠，和夢工廠動畫公司一樣支持東芝（Toshiba）等業者主導的高解析光碟。
除了華納兄弟，廿世紀福斯、迪士尼、新力電影和米高梅也支持藍光格式；這些片廠在美國家庭影視娛樂市場的占有率合計達百分之七十。
藍光和高解析光碟爭奪數位影音光碟標準格式的戰爭，妨礙新一代光碟的市場成長。不過即使某一陣營獲勝，可能還得面臨能在市場存活多久的問題。隨著高速網路和隨選視訊系統（on-damand video）的普及，多數消費者改以數位下載方式取得電影，花在買或租光碟的錢愈來愈少。
新力和數大片廠達成只發行藍光電影光碟協議，加上新力熱賣的 PS3 電玩主機播放藍光格式的高解析度影片，讓藍光光碟從去年初開始，就以二比一的市占比率領先高解析光碟。
高解析光碟陣營去年八月和派拉蒙、夢工廠達成只發行高解析格式電影的協議，大大扳回一城。不過華納兄弟最新決定，讓藍光陣營再度占上風。
美國華納兄弟公司四日宣布，未來針對家庭影視娛樂市場發行電影數位影音光碟（DVD）時，將只發行「藍光」（Blu-ray）格式光碟。此舉無異是在新一代數位影音光碟標準規格的爭霸戰中，向藍光陣營的對手「高解析」（HD）光碟揮出致命一擊，美國東西岸兩大報紐約時報與洛杉磯時報都說，這場爭奪戰「可謂勝負已定」。
這場戰爭有幾分像80年代錄影帶「Betamax」（小帶）與「VHS」（大帶）規格之爭的重演，只不過風水輪流轉，當年的輸家新力，如今雪恥復仇，成了贏家。
華納兄弟目前同時發行藍光和高解析兩種格式的電影光碟，不過五月結束後，就只發行新力等公司倡導的藍光格式。這意味好萊塢六大片廠中將只剩派拉蒙和環球兩大片廠，和夢工廠動畫公司一樣支持東芝（Toshiba）等業者主導的高解析光碟。
除了華納兄弟，廿世紀福斯、迪士尼、新力電影和米高梅也支持藍光格式；這些片廠在美國家庭影視娛樂市場的占有率合計達百分之七十。
藍光和高解析光碟爭奪數位影音光碟標準格式的戰爭，妨礙新一代光碟的市場成長。不過即使某一陣營獲勝，可能還得面臨能在市場存活多久的問題。隨著高速網路和隨選視訊系統（on-damand video）的普及，多數消費者改以數位下載方式取得電影，花在買或租光碟的錢愈來愈少。
新力和數大片廠達成只發行藍光電影光碟協議，加上新力熱賣的 PS3 電玩主機播放藍光格式的高解析度影片，讓藍光光碟從去年初開始，就以二比一的市占比率領先高解析光碟。
高解析光碟陣營去年八月和派拉蒙、夢工廠達成只發行高解析格式電影的協議，大大扳回一城。不過華納兄弟最新決定，讓藍光陣營再度占上風。
星期四, 1月 03, 2008
Week 16: SOS 搶救BCB大作戰
1. 今天三小時的課程沒有新進度, 完全為了很少自己動手寫程式的同學量身訂做。我們從頭示範最基本的 C++ Builder 影像處理程式。希望在程式方面落後的同學, 有一點點趕上來的喜悅!
星期四, 12月 27, 2007
Week 15: Salt and Pepper
1. 影像處理與胡椒鹽
a. 什麼是胡椒鹽?
b. 怎麼在影像上灑上胡椒鹽?
c. 怎麼去除胡椒鹽?
2. 神秘的祝福
這張照片我用 JP Hide & Seek 嵌入了一份聖誕祝福給大家, ...
JP Hide & Seek (JPHS 0.5)
pass phrase: ibcc
延伸閱讀: What's steganography?
a. 什麼是胡椒鹽?
b. 怎麼在影像上灑上胡椒鹽?
c. 怎麼去除胡椒鹽?
2. 神秘的祝福
這張照片我用 JP Hide & Seek 嵌入了一份聖誕祝福給大家, ...
JP Hide & Seek (JPHS 0.5)
pass phrase: ibcc
延伸閱讀: What's steganography?
Week 14: 動態配置二維陣列
1. 請同學練習開啟一張影像,
a. 並將色彩值放到動態宣告的二維陣列中
b. 將影像以負片的效果呈現出來
c. 將影像以左右相反的效果呈現出來
2. 本週指定閱讀: Chapter 10 文字媒體製作
a. 並將色彩值放到動態宣告的二維陣列中
b. 將影像以負片的效果呈現出來
c. 將影像以左右相反的效果呈現出來
2. 本週指定閱讀: Chapter 10 文字媒體製作
星期五, 12月 14, 2007
News: 芬蘭前教部次長南大演講 強調閱讀教育
原始新聞連結
（中央社記者張榮祥台南市十四日電）
芬蘭連續四年摘下世界經濟論壇（WEF）全球競爭力冠軍，芬蘭前教育部首席常務次長 Markku Linna 今天在國立台南大學「國際閱讀教育論壇」中表示，芬蘭是小國，一定要團結合作，芬蘭不歌頌奮勇殺敵的英雄豪傑，有智慧的長者才被眾人景仰。
天下雜誌今天在南大舉辦「國際閱讀教育論壇」，邀請芬蘭、日本、韓國及香港知名人士分享閱讀成功的經驗。
Markku Linna 說，閱讀和寫作教育被芬蘭人視為一個人是否成功的指標，芬蘭政府大力推動閱讀教育，免費提供一視同仁的基礎教育，提供專業老師的訓練，鼓勵學生學習自己有興趣的事物，在「一個都不能少」的教育政策下，芬蘭學生能力表現在國際大放異彩。
台灣 PIRLS（Progress in International ReadingLiteracy Study）計畫主持人柯華葳表示，在全球四十五個國家地區中，台灣學生每天課外閱讀比率排名倒數第一，原因出在台灣學生視閱讀為功課，而不是興趣，缺少獨自閱讀的時間是關鍵。
（中央社記者張榮祥台南市十四日電）
芬蘭連續四年摘下世界經濟論壇（WEF）全球競爭力冠軍，芬蘭前教育部首席常務次長 Markku Linna 今天在國立台南大學「國際閱讀教育論壇」中表示，芬蘭是小國，一定要團結合作，芬蘭不歌頌奮勇殺敵的英雄豪傑，有智慧的長者才被眾人景仰。
天下雜誌今天在南大舉辦「國際閱讀教育論壇」，邀請芬蘭、日本、韓國及香港知名人士分享閱讀成功的經驗。
Markku Linna 說，閱讀和寫作教育被芬蘭人視為一個人是否成功的指標，芬蘭政府大力推動閱讀教育，免費提供一視同仁的基礎教育，提供專業老師的訓練，鼓勵學生學習自己有興趣的事物，在「一個都不能少」的教育政策下，芬蘭學生能力表現在國際大放異彩。
台灣 PIRLS（Progress in International ReadingLiteracy Study）計畫主持人柯華葳表示，在全球四十五個國家地區中，台灣學生每天課外閱讀比率排名倒數第一，原因出在台灣學生視閱讀為功課，而不是興趣，缺少獨自閱讀的時間是關鍵。
星期四, 12月 13, 2007
Week 13: C++ Builder Programming Test
1. C++ Builder 程式實測:
請上機直接撰寫程式, 將兩張影像重疊, 上層影像的透明度則是由影像邊緣向中心遞增。
姓名 完成時間
潘信全 1:26
黃劭龍 1:41
劉筱玲 1:48
劉鴻達 1:50
林崇基 2:05
姜函君 2:08
盧楷壬 2:14
吳俊德 2:23
陳宥誠 2:25
陳怡安 2:28
馮國棟 2:29
洪子軒 2:35
李建緯 2:38
李慧娟 2:43
柳捷舲 2:45
葉銘偉 2:50
李秉霖 2:54
邱偉盛 2:55
李茂平 3:22
周書睿 3:23
陳泓道 3:30
陳建利 3:30
許達易 3:32
陳冠行 3:33
潘文凡 3:33
徐靖宜 3.36
王心嵐 3:37
張家瑀 3:39
張竣奕 3:39
許凱傑 3:47
簡南豐
李士奇
李政浤
周士桓
康峻岳
2. 有影印數位時代雜誌 facebook 相關資料的同學:
李慧娟, 陳泓道, 周書睿
請上機直接撰寫程式, 將兩張影像重疊, 上層影像的透明度則是由影像邊緣向中心遞增。
姓名 完成時間
潘信全 1:26
黃劭龍 1:41
劉筱玲 1:48
劉鴻達 1:50
林崇基 2:05
姜函君 2:08
盧楷壬 2:14
吳俊德 2:23
陳宥誠 2:25
陳怡安 2:28
馮國棟 2:29
洪子軒 2:35
李建緯 2:38
李慧娟 2:43
柳捷舲 2:45
葉銘偉 2:50
李秉霖 2:54
邱偉盛 2:55
李茂平 3:22
周書睿 3:23
陳泓道 3:30
陳建利 3:30
許達易 3:32
陳冠行 3:33
潘文凡 3:33
徐靖宜 3.36
王心嵐 3:37
張家瑀 3:39
張竣奕 3:39
許凱傑 3:47
簡南豐
李士奇
李政浤
周士桓
康峻岳
2. 有影印數位時代雜誌 facebook 相關資料的同學:
李慧娟, 陳泓道, 周書睿
星期二, 12月 11, 2007
星期四, 11月 29, 2007
Week 11: 串流媒體
1. 填寫系上的期中教學問卷
2. Homework Show @ IPC 期中課程回顧
3. 2nd Diigtal Art Festival Taipei
4. 數位時代雜誌 N0. 162, 2007/11月, pp 186-187.
Joost 即將面臨重大挑戰
The Clock is Ticking for Joost, by Erick Schonfed
5. 同學提問與討論
6. 本週指定閱讀 : Chapter
2. Homework Show @ IPC 期中課程回顧
3. 2nd Diigtal Art Festival Taipei
4. 數位時代雜誌 N0. 162, 2007/11月, pp 186-187.
Joost 即將面臨重大挑戰
The Clock is Ticking for Joost, by Erick Schonfed
5. 同學提問與討論
6. 本週指定閱讀 : Chapter
星期一, 11月 26, 2007
Reading: Joost 即將面臨重大挑戰
數位時代雜誌, N0. 162, 2007/11月, pp 186-187.
Joost 即將面臨重大挑戰
注意: 請同學到圖書館影印這篇文章, 便於課堂上討論。
本次活動佔期末成績 5%, 有帶文章來, 參與討論發言一次, 就可拿到分數。
The Clock is Ticking for Joost, by Erick Schonfed
Joost 即將面臨重大挑戰
注意: 請同學到圖書館影印這篇文章, 便於課堂上討論。
本次活動佔期末成績 5%, 有帶文章來, 參與討論發言一次, 就可拿到分數。
The Clock is Ticking for Joost, by Erick Schonfed
星期四, 11月 15, 2007
Week 9: 8-puzzle Game!
1. 8-puzzle 程式撰寫討論
2. Honda 程式講解: 寶石方塊
3. 指定閱讀(一): Chapter 7 串流多媒體
4. 指定閱讀(二): 數位時代雜誌, N0. 162, 2007/11月, pp 186-187.
Joost 即將面臨重大挑戰
The Clock is Ticking for Joost, by Erick Schonfed
4. [ 注意 ] 請同學撰寫一份期中報告, 繳交至 Homework Show @ DMC, 內容為描述自己在本課程前半學期的學習情形, 回顧自己哪方面表現不錯? 哪方面需要加強? 老師應加強哪些課程內容? 最後, 給自己的學習打成績。第 11 週課程我們將進行課程期中回顧。
2. Honda 程式講解: 寶石方塊
3. 指定閱讀(一): Chapter 7 串流多媒體
4. 指定閱讀(二): 數位時代雜誌, N0. 162, 2007/11月, pp 186-187.
Joost 即將面臨重大挑戰
The Clock is Ticking for Joost, by Erick Schonfed
4. [ 注意 ] 請同學撰寫一份期中報告, 繳交至 Homework Show @ DMC, 內容為描述自己在本課程前半學期的學習情形, 回顧自己哪方面表現不錯? 哪方面需要加強? 老師應加強哪些課程內容? 最後, 給自己的學習打成績。第 11 週課程我們將進行課程期中回顧。
星期五, 11月 09, 2007
W08: Initialize a new 8-puzzle Game!
1. 指定閱讀提問探討:
動畫欣賞: Cubic Tragedy
2. 討論 8-Puzzle Game
a. 狀態表示方式 (state representation)
a. 搜尋演算法 (state space search)
b. 遊戲初始打亂演算法 (initialization)
請在 Homework Show @ DMC 中討論你的程式是如何表示目前遊戲進行狀態的, 當你用滑鼠移動一步時, 你的程式又是如何進行調整的。
3. 本週指定閱讀: Chapter 6 網頁多媒體
動畫欣賞: Cubic Tragedy
2. 討論 8-Puzzle Game
a. 狀態表示方式 (state representation)
a. 搜尋演算法 (state space search)
b. 遊戲初始打亂演算法 (initialization)
請在 Homework Show @ DMC 中討論你的程式是如何表示目前遊戲進行狀態的, 當你用滑鼠移動一步時, 你的程式又是如何進行調整的。
3. 本週指定閱讀: Chapter 6 網頁多媒體
星期四, 11月 08, 2007
Cubic Tragedy
People's Choice Award at SIGGRAPH 2005 Computer Animation Festival
http://www.dt.ntust.edu.tw/siggraph2005/
SIGGRAPH 是 Computer Graph 領域中最重要的國際研討會!
http://www.dt.ntust.edu.tw/siggraph2005/
SIGGRAPH 是 Computer Graph 領域中最重要的國際研討會!
星期一, 11月 05, 2007
培養能力 vs 灌輸知識
這是一封在網路上流傳的 email, 原始作者已經不知道是誰了。
今天早上由一位英國保誠人壽的業務員寄給我, 文章內容很契合我的想法, 因此貼過來給同學參考。
人家是在培養能力，而我們是在灌輸知識
今天早上由一位英國保誠人壽的業務員寄給我, 文章內容很契合我的想法, 因此貼過來給同學參考。
人家是在培養能力，而我們是在灌輸知識
我兒子正在讀高二，考了一道歷史題：
成吉思汗的繼承人窩闊臺，公元哪一年死？最遠打到哪?
" 第二問"兒子答不出來，我幫他查找資料，所以到現在我都記得，是打到現在的匈牙利附近。
在一次偶然的機會，我發現美國世界史這道題目不是這樣考的。它的題目是這樣的：
成吉思汗的繼承人窩闊臺，當初如果沒有死，歐洲會發生什麼變化？
試從經濟、政治、社會三方面分析。
有個學生是這樣回答的：
這位蒙古領導人如果當初沒有死，那麼可怕的黑死病就不會被帶到歐洲去，後來才知道那個東西是老鼠身上的跳蚤引起的鼠疫。
但是六百多年前，黑死病在歐洲猖獗的時候，誰曉得這個叫做鼠疫。
如果沒有黑死病，神父跟修女就不會死亡。
神父跟修女如果沒有死亡，就不會懷疑上帝的存在。
如果沒有懷疑上帝的存在，就不會有意大利弗羅倫斯的文藝復興。
如果沒有文藝復興，西班牙、南歐就不會強大，西班牙無敵艦隊就不可能建立。
如果西班牙、意大利不夠強大，盎格魯─ 撒克遜會提早 200年強大，日耳曼會控制中歐，奧匈帝國就不可能存在。
教師一看，說：「 棒，分析得好。 」
但他們沒有分數，只有等級， A ！ 其實這種題目老師是沒有標準答案的，可是大家都要思考。
不久前，我去了趟日本， 日本總是同我們在歷史問題上產生糾葛，所以我在日本很注意高中生的教科書。他們的教師給高中生布置了這樣一道題：
日本跟中國100 年打一次仗，19 世紀打了日清戰爭（我們叫甲午戰爭），20 世紀打了一場日中戰爭（我們叫做抗日戰爭），21 世紀如果日本跟中國開火，你認為大概是什麼時候？可能的遠因和近因在哪?如果日本贏了，是贏在什麼地方？輸了是輸在什麼條件上？分析之。
其中有個高中生是這樣分析的：
我們跟中國很可能在臺灣回到中國以後，有一場激戰。 臺灣如果回到中國，中國會把基隆與高雄封鎖，臺灣海峽就會變成中國的內海，我們的油輪就統統走右邊，走基隆和高雄的右邊。 這樣，會增加日本的運油成本。
我們的石油從波斯灣出來跨過印度洋， 穿過馬六甲 海峽，上中國南海，跨臺灣海峽進東海，到日本海，這是石油生命線，中國政府如果把臺灣海峽封鎖起來，我們的貨輪一定要從那邊通過，我們的主力艦和驅逐艦就會出動，中國海軍一看到日本出兵，馬上就會上場，那就打！
按照判斷，公元2015年至 2020 年之間，這場戰爭可能爆發。所以，我們現在就要做對華抗戰的準備。
我看其他學生的判斷，也都是中國跟日本的磨擦，會從東海開始，從臺灣海峽開始，時間判斷是 2015年至2020 年之間。
這種題目和答案都太可怕了。撇開政治因素來看這道題， 我們的歷史教育就很有問題。翻開我們的教科書，題目是這樣出的：甲午戰爭是哪一年爆發的？簽訂的叫什麼條約？割讓多少土地？賠償多少銀兩？每個學生都努力做答案。
結果我們一天到晚研究什麼時候割讓遼東半島， 什麼時候丟了臺灣、澎湖、賠償二萬銀兩1894年爆發甲午戰爭，1895 年簽訂馬關條約，背得滾瓜爛熟，都是一大堆枯燥無味的數字。那又怎麼樣，反正都賠了嘛！銀兩都給了嘛！最主要的是將來可能會怎樣！
人家是在培養能力，而我們是在灌輸知識。
天啊！不能完全責怪孩子，應該反省的是我們大人。
星期四, 11月 01, 2007
Week 7: Classmate Review!
1. 今天的課程主要是使用 學習分享系統 進行 第七週作業 評分。此次作業占總成績 10%，以Ａ的數量為得分基礎。
成績公佈
93360256 洪子軒 10 分
95360512 許凱傑 10 分
95360165 葉銘偉 10 分
95361195 黃劭龍 10 分
95360334 許達易 9 分
95360954 李慧娟 9 分
94360912 林崇基 9 分
95360963 邱偉盛 8 分
95361214 馮國棟 8 分
95360245 陳建利 8 分
93360974 盧楷壬 8 分
95360936 姜函君 6 分
95360626 李秉霖 5 分
94360903 陳怡安 5 分
95360183 吳俊德 4 分
93361074 柳捷舲 3 分
95361036 劉筱玲 3 分
94360795 徐靖宜 3 分
95360644 陳冠行 2 分
95360220 王心嵐 2 分
95360831 李承峰 2 分
95360113 潘文凡 1 分
95361170 方泓智 0 分
95361081 潘信全 0 分
95360503 李建緯 0 分
95360033 陳宥誠 0 分
95360441 傅一航 0 分
93040080 劉鴻達 0 分
93361154 李政浤 0 分
95361125 張竣奕 0 分
94360611 李茂平 0 分
95360290 蘇勤証 0 分
95360316 李士奇 0 分
95360475 簡南豐 0 分
95360405 陳昭融 0 分
95360370 周世桓 0 分
95363026 陳泓道 0 分
95361205 周書睿 0 分
2. 由於每週課堂時間有限, 同學於 Homework Show @ IPC 提出的問題很多, 不可能在課堂上將所有的問題討論完畢。因此, 從下週起, 同學若希望我們在課堂上針對你提出的問題進行討論, 請在提出的問題旁用紅色字加註 [希望課堂討論], 我們保證優先討論該問題。同時, 該篇文章請加標籤 "class discussion"。
3. 同學問題講解: JPEG Standard
a. Wikipedia: JPEG
b. Wikipedia: Y'CbCr
JPEG allows Y'CbCr where Y', Cb and Cr have the full 256 values:
JPEG-Y'CbCr (601) from "digital 8-bit R'G'B' "
===========================================
Y' = + 0.299 * R'd + 0.587 * G'd + 0.114 * B'd
Cb = 128 - 0.168736 * R'd - 0.331264 * G'd + 0.5 * B'd
Cr = 128 + 0.5 * R'd - 0.418688 * G'd - 0.081312 * B'd
===========================================
R'd, G'd, B'd in {0, 1, 2, ..., 255}
Y', Cb, Cr in {0, 1, 2, ..., 255}
4. 匿名投票意見大調查
對 C++ Builder 的第一印象為何 ?
驚豔 5 票 ( 20% )
好學 10 票 ( 40% )
不好學 5 票 ( 20% )
好用 9 票 ( 36% )
不好用 5 票 ( 20% )
好玩 13 票 ( 52% )
不好玩 4 票 ( 16% )
很方便 4 票 ( 16% )
不太習慣 9 票 ( 36% )
難以理解! 4 票 ( 16% )
這是什麼鬼東西! 4 票 ( 16% )
沒感覺! 0 票 ( 0% )
總投票數: 25
2007/10/14~25
成績公佈
93360256 洪子軒 10 分
95360512 許凱傑 10 分
95360165 葉銘偉 10 分
95361195 黃劭龍 10 分
95360334 許達易 9 分
95360954 李慧娟 9 分
94360912 林崇基 9 分
95360963 邱偉盛 8 分
95361214 馮國棟 8 分
95360245 陳建利 8 分
93360974 盧楷壬 8 分
95360936 姜函君 6 分
95360626 李秉霖 5 分
94360903 陳怡安 5 分
95360183 吳俊德 4 分
93361074 柳捷舲 3 分
95361036 劉筱玲 3 分
94360795 徐靖宜 3 分
95360644 陳冠行 2 分
95360220 王心嵐 2 分
95360831 李承峰 2 分
95360113 潘文凡 1 分
95361170 方泓智 0 分
95361081 潘信全 0 分
95360503 李建緯 0 分
95360033 陳宥誠 0 分
95360441 傅一航 0 分
93040080 劉鴻達 0 分
93361154 李政浤 0 分
95361125 張竣奕 0 分
94360611 李茂平 0 分
95360290 蘇勤証 0 分
95360316 李士奇 0 分
95360475 簡南豐 0 分
95360405 陳昭融 0 分
95360370 周世桓 0 分
95363026 陳泓道 0 分
95361205 周書睿 0 分
2. 由於每週課堂時間有限, 同學於 Homework Show @ IPC 提出的問題很多, 不可能在課堂上將所有的問題討論完畢。因此, 從下週起, 同學若希望我們在課堂上針對你提出的問題進行討論, 請在提出的問題旁用紅色字加註 [希望課堂討論], 我們保證優先討論該問題。同時, 該篇文章請加標籤 "class discussion"。
3. 同學問題講解: JPEG Standard
a. Wikipedia: JPEG
b. Wikipedia: Y'CbCr
JPEG allows Y'CbCr where Y', Cb and Cr have the full 256 values:
JPEG-Y'CbCr (601) from "digital 8-bit R'G'B' "
===========================================
Y' = + 0.299 * R'd + 0.587 * G'd + 0.114 * B'd
Cb = 128 - 0.168736 * R'd - 0.331264 * G'd + 0.5 * B'd
Cr = 128 + 0.5 * R'd - 0.418688 * G'd - 0.081312 * B'd
===========================================
R'd, G'd, B'd in {0, 1, 2, ..., 255}
Y', Cb, Cr in {0, 1, 2, ..., 255}
4. 匿名投票意見大調查
對 C++ Builder 的第一印象為何 ?
驚豔 5 票 ( 20% )
好學 10 票 ( 40% )
不好學 5 票 ( 20% )
好用 9 票 ( 36% )
不好用 5 票 ( 20% )
好玩 13 票 ( 52% )
不好玩 4 票 ( 16% )
很方便 4 票 ( 16% )
不太習慣 9 票 ( 36% )
難以理解! 4 票 ( 16% )
這是什麼鬼東西! 4 票 ( 16% )
沒感覺! 0 票 ( 0% )
總投票數: 25
2007/10/14~25
星期三, 10月 31, 2007
有效閱讀五步驟 SQ3R
by Francis P. Robinson
原文 PDF 下載
步驟一、瀏覽 (Survey)
◎翻閱目錄(table of content)，把章節大綱瀏覽過一遍。
◎快速的瀏覽的導言(introductory)與摘要(summary)。
◎瀏覽主要的圖表。
◎瀏覽主標題(heading)與副標(subheading)。
只花費五分鐘的時間，卻能幫助你清楚的了解這個章節所要闡釋的重要觀念和這些觀念之間的關聯。
步驟二、提問題 (Question)
◎把書闔起來，問自己『作者想傳達的重要觀念是什麼？』。你可以根據步驟一所瀏覽的印象來回答，讓自己有一個清楚的架構。
◎把書打開，把第一個章節的標題變成問句，並且寫在標題旁邊，以激發你的好奇心及增強理解力。例如：某一章節的標題是細胞核分裂的過程，你可以寫下的問題是細胞核是如何分裂的？
◎每一個標題都如此做。
步驟三、閱讀 (Read)
◎詳細閱讀每一個章節，並且試著回答你在標題旁所提的問題。
◎把關鍵字或句子用筆標出來幫忙自己復習時容易回想與了解。
◎在課本的空白處寫下重要觀念的摘要。
◎在最可能出題的地方做一個記號。
◎閱讀不再是被動承受，而可以是主動搜尋答案。
步驟四、閱讀後的演練(Recite)
◎閱讀完一個章節(section)之後，把書闔起來。練習回答你自己寫在標題旁的問題。
◎回答問題時儘量用你自己的語詞並且在適當或必要時舉出例子來。
◎在腦海裡記下一些關鍵字或語詞。
步驟五、復習 (Review)
◎讀完整章並且做下重要的記號後，把課本裡你所摘要的或標記出來的重要概念重新看過一次。試著了解這一章(chapter)所要強調的主題與重要觀念及它們之間的關聯。
◎試著回想或寫下主標題下的副標題來檢查一下自己是否記得這一章的主要內容。
◎把每個章節(section)用紙或書蓋住，試著回想這個章節的重點。
◎把紙或書拿掉，對照看看書上寫的和你回想的是否一致
原文 PDF 下載
步驟一、瀏覽 (Survey)
◎翻閱目錄(table of content)，把章節大綱瀏覽過一遍。
◎快速的瀏覽的導言(introductory)與摘要(summary)。
◎瀏覽主要的圖表。
◎瀏覽主標題(heading)與副標(subheading)。
只花費五分鐘的時間，卻能幫助你清楚的了解這個章節所要闡釋的重要觀念和這些觀念之間的關聯。
步驟二、提問題 (Question)
◎把書闔起來，問自己『作者想傳達的重要觀念是什麼？』。你可以根據步驟一所瀏覽的印象來回答，讓自己有一個清楚的架構。
◎把書打開，把第一個章節的標題變成問句，並且寫在標題旁邊，以激發你的好奇心及增強理解力。例如：某一章節的標題是細胞核分裂的過程，你可以寫下的問題是細胞核是如何分裂的？
◎每一個標題都如此做。
步驟三、閱讀 (Read)
◎詳細閱讀每一個章節，並且試著回答你在標題旁所提的問題。
◎把關鍵字或句子用筆標出來幫忙自己復習時容易回想與了解。
◎在課本的空白處寫下重要觀念的摘要。
◎在最可能出題的地方做一個記號。
◎閱讀不再是被動承受，而可以是主動搜尋答案。
步驟四、閱讀後的演練(Recite)
◎閱讀完一個章節(section)之後，把書闔起來。練習回答你自己寫在標題旁的問題。
◎回答問題時儘量用你自己的語詞並且在適當或必要時舉出例子來。
◎在腦海裡記下一些關鍵字或語詞。
步驟五、復習 (Review)
◎讀完整章並且做下重要的記號後，把課本裡你所摘要的或標記出來的重要概念重新看過一次。試著了解這一章(chapter)所要強調的主題與重要觀念及它們之間的關聯。
◎試著回想或寫下主標題下的副標題來檢查一下自己是否記得這一章的主要內容。
◎把每個章節(section)用紙或書蓋住，試著回想這個章節的重點。
◎把紙或書拿掉，對照看看書上寫的和你回想的是否一致
星期五, 10月 26, 2007
Week 6: 視訊媒體
1. 指定閱讀提問討論
2. C++ Builder 程式實作練習: 8-Puzzle 影像切割與複製
a. TRect type
b. CopyRect Method
Image1->Canvas->CopyRect(rtDest, OriginalImage->Canvas, rtOIRect);
程式作業要求: 請完成開啟一張影像檔, 並將其切割成 8-Puzzle 區塊。請於 Homework Show @ DMC 中展示程式執行結果, 並撰寫遭遇的困難與心得。
3. 本週指定閱讀: Chapter 5 動畫媒體, 請將閱讀問題寫到 Homework Show @ DMC 中。提問方式
4. Note: 下週會使用 學習分享系統 進行學生互評, 同學於 Homework Show @ DMC 繳交完作業後, 立刻到 學習分享系統 登錄作業網址。本次互評將列入成績計算, 佔總成績 10%。以排序計算成績, 第一名拿 10 分, 最後一名拿 0 分。缺課或遲到者一律 0 分。
2. C++ Builder 程式實作練習: 8-Puzzle 影像切割與複製
a. TRect type
b. CopyRect Method
Image1->Canvas->CopyRect(rtDest, OriginalImage->Canvas, rtOIRect);
程式作業要求: 請完成開啟一張影像檔, 並將其切割成 8-Puzzle 區塊。請於 Homework Show @ DMC 中展示程式執行結果, 並撰寫遭遇的困難與心得。
3. 本週指定閱讀: Chapter 5 動畫媒體, 請將閱讀問題寫到 Homework Show @ DMC 中。提問方式
4. Note: 下週會使用 學習分享系統 進行學生互評, 同學於 Homework Show @ DMC 繳交完作業後, 立刻到 學習分享系統 登錄作業網址。本次互評將列入成績計算, 佔總成績 10%。以排序計算成績, 第一名拿 10 分, 最後一名拿 0 分。缺課或遲到者一律 0 分。
星期四, 10月 18, 2007
Week 5: 影像媒體
1. 指定閱讀提問討論
2. C++ Builder 程式撰寫練習:
撰寫 C++ Builder 程式畫出課本 圖 3-6 (P.3-9) 與 圖 3-7 (P.3-10).
然後將結果貼到 Homework Show @ DMC, Week5 作業文章之中。
並寫下:
a. 描述撰寫過程曾經遭遇的困難
b. 心得
3. 請同學連線到 學習分享系統, 然後一下列指示設定:
a. 用學號(帳號)與真實姓名申請成為使用者,
b. 進行課程註冊, 請選 數位媒體概論 2007,
c. 繳交 Week 5 作業的網址
我們將於下週上課時, 進行分享與評閱。
4. 請同學務必參與投票, 以利課程進行即時調整。
5. 下週指定閱讀範圍: Chapter 4 視訊媒體
2. C++ Builder 程式撰寫練習:
撰寫 C++ Builder 程式畫出課本 圖 3-6 (P.3-9) 與 圖 3-7 (P.3-10).
然後將結果貼到 Homework Show @ DMC, Week5 作業文章之中。
並寫下:
a. 描述撰寫過程曾經遭遇的困難
b. 心得
3. 請同學連線到 學習分享系統, 然後一下列指示設定:
a. 用學號(帳號)與真實姓名申請成為使用者,
b. 進行課程註冊, 請選 數位媒體概論 2007,
c. 繳交 Week 5 作業的網址
我們將於下週上課時, 進行分享與評閱。
4. 請同學務必參與投票, 以利課程進行即時調整。
5. 下週指定閱讀範圍: Chapter 4 視訊媒體
星期五, 10月 12, 2007
星期四, 10月 11, 2007
Week 4: 音訊媒體
1. 指定閱讀之問題探索。
請同學利用課堂的時間, 到 Homework Show @ DMC 挑選同學的問題, 在回應中幫忙解答該問題。
2. C++ Builder 基本觀念講解與程式操作。
3. 如何在 C++ Builder 播放一段 .wav 音訊檔?
4. 匿名意見大調查, 結果公佈 (2007/10/04 ~ 11)
本週課程的主題-文字媒體, 經過課堂討論之後,
你覺得自己吸收成效為何?
完全吸收 2 ( 7 % )
吸收 75% 以上 5 ( 19 % )
吸收 50%~75% 的內容 14 ( 53 % )
吸收 50% 以下 5 ( 19 % )
完全沒吸收 0 ( 0 % )
總投票數: 26 票
5. 下週指定閱讀範圍: Chapter 3 影像媒體
請同學利用課堂的時間, 到 Homework Show @ DMC 挑選同學的問題, 在回應中幫忙解答該問題。
2. C++ Builder 基本觀念講解與程式操作。
3. 如何在 C++ Builder 播放一段 .wav 音訊檔?
4. 匿名意見大調查, 結果公佈 (2007/10/04 ~ 11)
本週課程的主題-文字媒體, 經過課堂討論之後,
你覺得自己吸收成效為何?
完全吸收 2 ( 7 % )
吸收 75% 以上 5 ( 19 % )
吸收 50%~75% 的內容 14 ( 53 % )
吸收 50% 以下 5 ( 19 % )
完全沒吸收 0 ( 0 % )
總投票數: 26 票
5. 下週指定閱讀範圍: Chapter 3 影像媒體
星期六, 10月 06, 2007
Music: Magnatune
www.magnatune.com
我個人覺得很好聽的專輯: I Was King
有朝一日, 我希望在 Mangatune 可以找到台灣獨立音樂創作的作品 ...
延伸閱讀: (( 創用 CC 電子報 No. 15 ))
線上音樂網站 Magnatune 創辦人 John Buckman 先生訪談紀要
其實, John Buckman 八月也來到了台灣。
沒錯, 就是來參加 2007 維基媒體國際會議 (Wikimania 2007),
當然, John Buckman 與台灣一些音樂創作人見了面...
我個人覺得很好聽的專輯: I Was King
有朝一日, 我希望在 Mangatune 可以找到台灣獨立音樂創作的作品 ...
延伸閱讀: (( 創用 CC 電子報 No. 15 ))
線上音樂網站 Magnatune 創辦人 John Buckman 先生訪談紀要
其實, John Buckman 八月也來到了台灣。
沒錯, 就是來參加 2007 維基媒體國際會議 (Wikimania 2007),
當然, John Buckman 與台灣一些音樂創作人見了面...
Note: 關於 C++ Builder 的存檔
部分同學對於 C++ Builder 要如何存檔, 下次從不同的電腦開啟舊專案寫程式, 仍然有困擾。我的建議是同學在存檔前, 最好先在硬碟開啟一個新的目錄, 每當你做了一個存檔到該目錄的動作後, 就去觀察一下該目錄產生了哪些新檔案, 然後想辦法 (註) 去弄清楚每一個檔案所扮演的角色, 然後把整個目錄打包回家, 這樣應該就不會再有這方面的困擾了。
註:
1. 問同學, 和同學討論
2. 問 Google大神, 問程式論壇前輩, 問系上學長姐
3. 問系上老師, 每一個都可以問, 當然包括我 ...
4. 自己查書,
圖書館, 書局很多免費書可以看,
嫌麻煩, 就買一本回家查...
5. 你自己的專屬訣竅...
註:
1. 問同學, 和同學討論
2. 問 Google大神, 問程式論壇前輩, 問系上學長姐
3. 問系上老師, 每一個都可以問, 當然包括我 ...
4. 自己查書,
圖書館, 書局很多免費書可以看,
嫌麻煩, 就買一本回家查...
5. 你自己的專屬訣竅...
星期三, 10月 03, 2007
Week 3: 文字媒體
1. 指定閱讀之問題討論
a. TrueType
b. 貝茲曲線 (Bezier Curve), 互動式 Java 建構二次貝茲曲線
2. C++ Builder 程式練習
a. 使用 OpenDialog 選擇一個 .txt 的文字檔,
b. 然後將其文字內容放到 Memo 元件中,
Memo1->Lines->LoadFromFile(OpenDialog1->FileName);
c. 經過修改後, 使用 SaveDialog 將其存到另外一個檔案中。
Memo1->Lines->SaveToFile(SaveDialog1->FileName);
3. 本週課後指定閱讀: Chapter 2 音訊媒體
4. 請同學在 Homework Show @ DMC 發表自己對 C++ Builder 的第一印象及寫出第一個程式的感受。
5. 本週匿名意見大調查: (2007/10/01~08)
本週指定閱讀的範圍, 你認為:
太多 0 (0%)
適中 7 (100%)
太少 0 (0%)
總投票數: 7 票
a. TrueType
b. 貝茲曲線 (Bezier Curve), 互動式 Java 建構二次貝茲曲線
2. C++ Builder 程式練習
a. 使用 OpenDialog 選擇一個 .txt 的文字檔,
b. 然後將其文字內容放到 Memo 元件中,
Memo1->Lines->LoadFromFile(OpenDialog1->FileName);
c. 經過修改後, 使用 SaveDialog 將其存到另外一個檔案中。
Memo1->Lines->SaveToFile(SaveDialog1->FileName);
3. 本週課後指定閱讀: Chapter 2 音訊媒體
4. 請同學在 Homework Show @ DMC 發表自己對 C++ Builder 的第一印象及寫出第一個程式的感受。
5. 本週匿名意見大調查: (2007/10/01~08)
本週指定閱讀的範圍, 你認為:
太多 0 (0%)
適中 7 (100%)
太少 0 (0%)
總投票數: 7 票
星期四, 9月 27, 2007
Week 2: 多媒體概論
Week 1: 說明課程進行方式與評分標準
1. 教科書: 多媒體理論與應用
2. 每週課後指定閱讀
同學必須於次週上課前完成指定閱讀範圍, 並繳交 A4 提問單．
3. Homework Show @ DMC
4. 評分方式: 每週指定閱讀提問 50%, 程式 50%。
2. 每週課後指定閱讀
同學必須於次週上課前完成指定閱讀範圍, 並繳交 A4 提問單．
3. Homework Show @ DMC
4. 評分方式: 每週指定閱讀提問 50%, 程式 50%。
星期二, 9月 11, 2007
Textbook: 多媒體理論與應用
多媒體網路與應用
作者: 詹森仁 等七人
出版社: 旗標
ISBN: 9574422909
選擇這本書當教科書, 並不是指我們上課時就是照著這本書的內容去教, 然後考試。
相反的, 這本書只是我們每週課後的指定閱讀, 每個星期我都會指定閱讀特定章節, 請同學在下週上課時提出問題討論, 或是由我提出問題開放給同學思考、討論。
課堂討論會反應到期末的平時成績, 占總成績的 50%。
另外 50% 的成績則是多媒體相關程式實作, 指定的開發環境與程式語言是 C++ Builder。
星期二, 1月 23, 2007
名校速寫 ─ 麻省理工學院 (MIT) by Edward
寒假了, 還是要鼓勵同學多讀, 多看, 多思考, 多動手做....
這邊要推薦給大家一篇文章: 名校速寫 ─ 麻省理工學院 (MIT), 請同學在假期間閱讀！
作者 Edward 是台大資工碩士班畢業後, 再到 MIT Media Lab. 去再讀一個碩士學位。Edward 是梁老師的學弟, 去年暑假, 我們實驗室趁著他放假回台灣, 邀請他到銘傳演講, 會後又到實驗室座談, 讓我們更了解國外的名校是怎麼做研究的！
The Tech Newspaper@MIT, 2006/04/07
http://www-tech.mit.edu/V126/PDF/N16.pdf
Edward 的個人網頁:
http://web.media.mit.edu/~edward/
這邊要推薦給大家一篇文章: 名校速寫 ─ 麻省理工學院 (MIT), 請同學在假期間閱讀！
作者 Edward 是台大資工碩士班畢業後, 再到 MIT Media Lab. 去再讀一個碩士學位。Edward 是梁老師的學弟, 去年暑假, 我們實驗室趁著他放假回台灣, 邀請他到銘傳演講, 會後又到實驗室座談, 讓我們更了解國外的名校是怎麼做研究的！
The Tech Newspaper@MIT, 2006/04/07
http://www-tech.mit.edu/V126/PDF/N16.pdf
Edward 的個人網頁:
http://web.media.mit.edu/~edward/
星期五, 1月 12, 2007
Week 17: 課程紀實 (2007/01/11): 課程總回顧
星期二, 1月 09, 2007
星期四, 12月 28, 2006
Week 15: 課程紀實 (2006/12/28): 期末目標分享
今天的課程主題是期末目標分享。作法是同學互相仔細閱讀彼此的期末目標(im-hwshow), 然後用我們最新開發的互評系統, 選出大家公認最好的期末目標, 也給大家認為最需要加油的同學建議。
93360311 劉哲宇 圖片轉換類型
93360336 蔡函書 碰碰球
93363650 許峰賢 生活照大頭貼
94360034 李宛諭 塗鴉板
92360054 葉家甫 跳跳球
94360095 蔡佳儒 射擊小遊戲
94360105 闕士凱 21 點
94360184 邱怡瑄 桌布製作器
94360326 劉彥鋒 十八豆仔
94360424 潘怡妌 打小人遊戲
94360531 楊龍廉 吃角子老虎機
94360592 黃岱涵 造型精靈
94360725 陳佳玉 倉庫番
94360770 程奕少 拍貼機
94360786 何博欽 看圖程式
93360833 徐煥傑 大頭貼
94360841 陳韋任 大家來找碴
94360875 溫俊翔 迷宮闖關
94360982 蔡康俊 拼圖遊戲
94361046 鍾穆華 閃躲遊戲
94361064 賴柏翰 BLACK JACK
94361082 林豪鋒 視訊照相浮水印
94361091 王世昭 拉霸
94361180 蕭卉妤 資訊隱藏
94363011 王柏盛 水彩畫與水墨畫
94363125 黃國唐 打磚塊遊戲
94363170 蔣允慎 拍貼機
93360311 劉哲宇 圖片轉換類型
93360336 蔡函書 碰碰球
93363650 許峰賢 生活照大頭貼
94360034 李宛諭 塗鴉板
92360054 葉家甫 跳跳球
94360095 蔡佳儒 射擊小遊戲
94360105 闕士凱 21 點
94360184 邱怡瑄 桌布製作器
94360326 劉彥鋒 十八豆仔
94360424 潘怡妌 打小人遊戲
94360531 楊龍廉 吃角子老虎機
94360592 黃岱涵 造型精靈
94360725 陳佳玉 倉庫番
94360770 程奕少 拍貼機
94360786 何博欽 看圖程式
93360833 徐煥傑 大頭貼
94360841 陳韋任 大家來找碴
94360875 溫俊翔 迷宮闖關
94360982 蔡康俊 拼圖遊戲
94361046 鍾穆華 閃躲遊戲
94361064 賴柏翰 BLACK JACK
94361082 林豪鋒 視訊照相浮水印
94361091 王世昭 拉霸
94361180 蕭卉妤 資訊隱藏
94363011 王柏盛 水彩畫與水墨畫
94363125 黃國唐 打磚塊遊戲
94363170 蔣允慎 拍貼機
星期四, 12月 21, 2006
Week 14: 課程紀實 (2006/12/21): 期末目標發想
星期日, 12月 17, 2006
Reading: 用熱情做好細節 實現不可能
If the wonder insight, you can do anything.
他設計的電子恐龍，被《時代》雜誌評選為今年最佳發明！15歲輟學，曾靠街頭賣藝討生活……他有什麼過人的能耐，為什麼會這麼紅？
本篇文章摘自：商業周刊第 995 期
作者：曠文琪、彭媁琳
「如果你有發自內心的渴望，你可以做任何事情！」這是一個藝術家母親對她兒子的叮嚀。
她的兒子雖然沒念大學，十五歲就輟學，做過街頭藝人。但抓住母親的這句話，四十九歲的鍾少男（Caleb Chung，有華人血統），九年前設計出電子玩具菲比（Furby），在全球大賣五千萬個、締造十二億美元（約合新台幣三百八十九億元）營收。
今年，他設計的電子恐龍Pleo，更被《時代》（Time）雜誌票選為年度最佳發明，預估明年一上市就能創造逾兩億美元（約合新台幣六十五億元）的商機。
《時代》雜誌形容，Pleo是「有生命形態（Life form）的寵物」。只要主人回到家，Pleo會對主人搖頭擺尾，順著它的毛摸，它會高興得搖尾巴，會打噴嚏、打哈欠，搔它的背，它還會一百八十度回過頭來，看是誰在跟它玩。因為內建八個處理器，讓這隻電子寵物有靈敏的觸覺、視覺與聽覺。
繼續閱讀, 原文網址: http://www.businessweekly.com.tw/webarticle.php?id=23884
他設計的電子恐龍，被《時代》雜誌評選為今年最佳發明！15歲輟學，曾靠街頭賣藝討生活……他有什麼過人的能耐，為什麼會這麼紅？
本篇文章摘自：商業周刊第 995 期
作者：曠文琪、彭媁琳
「如果你有發自內心的渴望，你可以做任何事情！」這是一個藝術家母親對她兒子的叮嚀。
她的兒子雖然沒念大學，十五歲就輟學，做過街頭藝人。但抓住母親的這句話，四十九歲的鍾少男（Caleb Chung，有華人血統），九年前設計出電子玩具菲比（Furby），在全球大賣五千萬個、締造十二億美元（約合新台幣三百八十九億元）營收。
今年，他設計的電子恐龍Pleo，更被《時代》（Time）雜誌票選為年度最佳發明，預估明年一上市就能創造逾兩億美元（約合新台幣六十五億元）的商機。
《時代》雜誌形容，Pleo是「有生命形態（Life form）的寵物」。只要主人回到家，Pleo會對主人搖頭擺尾，順著它的毛摸，它會高興得搖尾巴，會打噴嚏、打哈欠，搔它的背，它還會一百八十度回過頭來，看是誰在跟它玩。因為內建八個處理器，讓這隻電子寵物有靈敏的觸覺、視覺與聽覺。
繼續閱讀, 原文網址: http://www.businessweekly.com.tw/webarticle.php?id=23884
星期五, 12月 15, 2006
Week 13: 課程紀實 (2006/12/14): 專研展創意發想
本週資訊學院正舉辦專研展, 因此我和黃老師決定讓同學利用上課時間讓同學去參觀資訊展, 然後再回來寫下自己的『創意發想』放到 im-hwshow 中。
本週黃老師用 電子恐龍 Pleo 的故事 鼓勵大家: 「如果你有發自內心的渴望，你可以做任何事情！」, 希望同學思考自己內心的渴望是什麼? 本課程未來的一個月, 將是以同學設定想做的目標為主軸, 面對目標, 遭遇困難, 解決問題...
本週黃老師用 電子恐龍 Pleo 的故事 鼓勵大家: 「如果你有發自內心的渴望，你可以做任何事情！」, 希望同學思考自己內心的渴望是什麼? 本課程未來的一個月, 將是以同學設定想做的目標為主軸, 面對目標, 遭遇困難, 解決問題...
星期四, 12月 07, 2006
Week 12: 課程紀實 (2006/12/07): Image Size & Resolution
為了讓課程內容更貼近我們的生活, 我和黃老師討論後定下今天的課程主題為如何用數位相機製作證件照片。課程主題分成兩大主軸:
一、撰寫 BCB 程式去除背景, 並討論 Photoshop 中的 Magic Wand 的程式寫法。
1. 色彩差異該怎麼計算? ( Tolerance )
2. 相連像素該怎麼定義? (Contiguous )
二、用影像處理軟體 Photoshop 講解影像大小(Image Size) 的各個基本屬性, 如:
1. Pixel Dimensions: Width, Height
2. Document Size: Width, Height,
並示範如何製作證件照片。
另外, 我們還示範了 Photoshop 圖層(layer) 的觀念, 並用複製圖層的方法, 將一張長 45mm*35mm 的圖片, 複製成 8 個圖層, 擺成一張 4 * 6 吋的照片。
用自己拍攝的照片, 辦好身分證換新了喔!!
一、撰寫 BCB 程式去除背景, 並討論 Photoshop 中的 Magic Wand 的程式寫法。
1. 色彩差異該怎麼計算? ( Tolerance )
2. 相連像素該怎麼定義? (Contiguous )
二、用影像處理軟體 Photoshop 講解影像大小(Image Size) 的各個基本屬性, 如:
1. Pixel Dimensions: Width, Height
2. Document Size: Width, Height,
並示範如何製作證件照片。
另外, 我們還示範了 Photoshop 圖層(layer) 的觀念, 並用複製圖層的方法, 將一張長 45mm*35mm 的圖片, 複製成 8 個圖層, 擺成一張 4 * 6 吋的照片。
用自己拍攝的照片, 辦好身分證換新了喔!!
星期四, 11月 30, 2006
Week 11: 課程紀實 (2006/11/30): 3D Watermarks
本週程式撰寫主題是: 使用者可以使用滑鼠任意點選浮水印要放置的位置。由於今天同學們在黑板上所提出的問題剛好是 10 個, 所以課程不用測驗的方式進行, 改採用引導的方式。同學的問題中, 有提到 3D 的浮水印製作, 因此, 黃老師請同學先用 Powerpoint 中的文字藝術師先製作一張屬於自己的 3D姓名, 放到我們作業的專屬部落格 im-hwshow 中, 然後就可以將這張 3D 浮水印用程式加入到圖片中。
第二堂課我們根據同學填寫的教學反應問卷回應的內容, 與某些同學做個別訪談。小溫認為我們的課程應該更生活化一點。因此, 我介紹了這星期天我在新竹煙波飯店所接觸到的創意小舖。創意小舖主要是將現場拍攝的個人數位相片經過去除背景處理, 再與美麗的風景照片合成, 最後製作成各種商品。基本上, 我認為受過我們多媒體課程訓練過的學生, 要寫這樣的程式是沒有問題的, 同學應該可以清楚知道自己擁有哪些能力, 接下來, 同學應該努力在這些能力上發揮自己的創意, 將來才有可能靠此能力在社會上存活下來!
煙波小舖現場拍攝相片的背景為單純的綠色, 這樣的設計可以方便去除背景!!
當場製作出來的馬克杯, 一個要價NT. 250, 比起一般的馬克杯高出了數倍。
第三堂課, 我們一一解答同學寫在黑板上的各個問題, 除了再次講解 ScrollBar 這個元件之外, 也介紹了 ProgressBar 這個元件與其使用方式。比較值得一提的是 卉妤 提出了一個將浮水印在藏在影像色彩值的最低位元(LSB)之中的神奇問題, 我和黃老師都很好奇卉妤竟然知道這樣的作法, 真的很不簡單呢! 對於資訊隱藏有興趣的同學, 可以前往我的 研究興趣 網頁看看!!
本週同學除了必須完成程式作業外, 我們還讓同學領取了 數位內容月刊 9 月號, 同學必須選讀其中一篇文章, 並在自己的網誌中寫下心得與大家分享。
第二堂課我們根據同學填寫的教學反應問卷回應的內容, 與某些同學做個別訪談。小溫認為我們的課程應該更生活化一點。因此, 我介紹了這星期天我在新竹煙波飯店所接觸到的創意小舖。創意小舖主要是將現場拍攝的個人數位相片經過去除背景處理, 再與美麗的風景照片合成, 最後製作成各種商品。基本上, 我認為受過我們多媒體課程訓練過的學生, 要寫這樣的程式是沒有問題的, 同學應該可以清楚知道自己擁有哪些能力, 接下來, 同學應該努力在這些能力上發揮自己的創意, 將來才有可能靠此能力在社會上存活下來!
煙波小舖現場拍攝相片的背景為單純的綠色, 這樣的設計可以方便去除背景!!
當場製作出來的馬克杯, 一個要價NT. 250, 比起一般的馬克杯高出了數倍。
第三堂課, 我們一一解答同學寫在黑板上的各個問題, 除了再次講解 ScrollBar 這個元件之外, 也介紹了 ProgressBar 這個元件與其使用方式。比較值得一提的是 卉妤 提出了一個將浮水印在藏在影像色彩值的最低位元(LSB)之中的神奇問題, 我和黃老師都很好奇卉妤竟然知道這樣的作法, 真的很不簡單呢! 對於資訊隱藏有興趣的同學, 可以前往我的 研究興趣 網頁看看!!
本週同學除了必須完成程式作業外, 我們還讓同學領取了 數位內容月刊 9 月號, 同學必須選讀其中一篇文章, 並在自己的網誌中寫下心得與大家分享。
星期四, 11月 16, 2006
Week 9: 課程紀實 (2006/11/16): Programming Test
今天的課程一開始, 黃老師就請同學針對課程內容, 提出問題, 並寫到白板上。並和同學約定, 如果全班提不出 10 個問題, 那今天就會用上機實測的方式進行。由於同學只提出了六個問題, 我們便開始了今天緊張又刺激的上機實測。實測的題目是一組與可視浮水印 (visible watermarking) 相關, 由淺到深的連鎖題, 前面兩題同學的表現普遍都很不錯, 第二題第一位做完的同學是柏盛, 這個我們一點也不意外, 不過, 第二位做完第二題的同學是 怡妌, 這點就大大超乎我和黃老師的預期! 因此, 下課前我們給了怡妌一點小小的鼓勵, 希望班上其他同學能夠快快跟上進度!!
星期四, 11月 09, 2006
Week 8: 課程紀實 (2006/11/09): Color Histogram
今天的第一堂課, 黃老師首先介紹我們的下一個程式實作的目標: Visible Watermarking, 並用 實例 讓同學了解什麼是 Visible Watermarking。
接著, 黃老師請同學開始練習將一張彩色影像的 R, G, B 顏色分別萃取出來, 有不少同學, 如 彥鋒, 兩三下就把程式寫出來了, 表現很不錯。
第二堂課, 我開始講解什麼是 Color Histogram。為了讓同學了解 Color Histogram 對一張影像的意義為何, 我從影響數位相機的光圈, 快門, ISO, 曝光值 開始講解, 然後問同學一張曝光過度的相片, Histogram 可能的分布為何?
第三堂課, 我們談到了什麼是 Dynamic Range, 也介紹了一篇國科會簡訊網的相關文章: 高動態範圍影像(High Dynamic Rang Imaging): 數位攝影跟數位錄影的新生代。
下星期, 我們希望同學可以帶數位相機到課堂上來, 然後當場拍一些照片, 實際去分析影像的Histogram, 這樣同學會更有感受。另外, 今天課堂上講解到的數位相機基本概念, 請參考 "數位相片編修聖經" (施威銘主編, 旗標出版), 第五章: 曝光調整！同學們, 請在下星期上課前, 研讀一些有關數位相機的相關文章, 在課堂上分享心得。（列為學期成績重大參考依據, 請大家告訴大家！）
課程實作目標: Visible Watermarking
我在另一部落格 Lee's Stego Research Notes 的 Google AdSense 廣告, 無意間看到了這個專門做 Visible Watermarking 的軟體, 就想到其實這個軟體的基本原理非常簡單, 和之前在 影像處理課程 的 Homework 3 是一樣的, 因此就決定將這門課的色彩處理部分的程式實作目標設定成寫一個具有簡單的 Visible Watermarking 功能的程式。
要完成這樣的目標, 當然會有一些色彩處理的基本能力需要養成, 我們課程會在未來幾週將一些基本觀念讓同學了解, 希望同學可以盡早達到所設定的目標。
Software for adding visible watermarks to digital photos
星期五, 11月 03, 2006
Week 7: 課程紀實 (2006/11/02): 8-Puzzle Using Top & Left
本週的課程主題同樣是 8-puzzle 程式實作, 接續上週的討論, 繼續完成遊戲。由於同學們的進度快慢不一, 因此我們今天的策略是讓進度快的同學上台分享他對整個程式設計的構想與如何完成實作。
課程一開始是由 博欽 開始分享, 然後是 柏盛。 為了達到移動分割後小圖片的目的, 博欽用上星期所教的 TCanvas::CopyRect method; 柏盛則是用 TPicture::TBitMap::Assign method 的方式。
至於如何判斷空白的位置, 博欽使用了一個變數來儲存, 柏盛則是用來一個陣列 ImageFlag[3][3] 的方式來記錄。
最後, 黃老師比較了各種不同的方式, 點出差異點在哪, 而不是直接評論哪個方法較好... 希望同學都能夠用自己的方式思考、實作、找出問題、解決問題、然後分享。
在第三堂課, 我則是示範了我的方式, 直接將影像物件的位置移動, 而不去改變影像內容。換句話說, 就是直接改變 Top 與 Left 兩個屬性值。每一張小影像我分別用 im00, im01, im02, im20, ... im22 來表示。im22 設定為空的影像, 把其 Visible 屬性設定為 true, 然後將 im22->Top 與 im22->Left 分別用 iEmptyTop 與 iEmptyLeft 紀錄之。
當每一張小影像被滑鼠 Click 時, 則啟動 OnClick 事件處理程序: 判斷空格是否在旁邊, 如果在旁邊, 則該影像的位置與 iEmptyTop 與 iEmptyLeft 值交換。如果不在旁邊則不做任何處理。
假設我們用 iDeltaTop 與 iDeltaLeft 來記錄某個影像與空影像的差距。所以,
iDeltaTop = abs(im00->Top - iEmptyTop);
iDeltaLeft = abs(im00->Top - iEmptyLeft);
有了這個差值, 我們就很容易用下列式子來判斷 im00 這張影像是否在空格的旁邊,
if ((iDeltaTop==0)&&(iDeltaLeft==100) || (iDeltaTop==100)&&(iDeltaLeft==0))
每一張小影像的大小為 99*99, 加上白色分隔線, 所以相鄰小影像的距離為100, 相鄰的兩張小影像, 至少必須再同一排, 或是同一列, 所以必須有一個差值為 0。
至於兩個數值要互換, 只要用一個 iTemp 即可。同學應該是沒問題的！
課程一開始是由 博欽 開始分享, 然後是 柏盛。 為了達到移動分割後小圖片的目的, 博欽用上星期所教的 TCanvas::CopyRect method; 柏盛則是用 TPicture::TBitMap::Assign method 的方式。
至於如何判斷空白的位置, 博欽使用了一個變數來儲存, 柏盛則是用來一個陣列 ImageFlag[3][3] 的方式來記錄。
最後, 黃老師比較了各種不同的方式, 點出差異點在哪, 而不是直接評論哪個方法較好... 希望同學都能夠用自己的方式思考、實作、找出問題、解決問題、然後分享。
在第三堂課, 我則是示範了我的方式, 直接將影像物件的位置移動, 而不去改變影像內容。換句話說, 就是直接改變 Top 與 Left 兩個屬性值。每一張小影像我分別用 im00, im01, im02, im20, ... im22 來表示。im22 設定為空的影像, 把其 Visible 屬性設定為 true, 然後將 im22->Top 與 im22->Left 分別用 iEmptyTop 與 iEmptyLeft 紀錄之。
當每一張小影像被滑鼠 Click 時, 則啟動 OnClick 事件處理程序: 判斷空格是否在旁邊, 如果在旁邊, 則該影像的位置與 iEmptyTop 與 iEmptyLeft 值交換。如果不在旁邊則不做任何處理。
假設我們用 iDeltaTop 與 iDeltaLeft 來記錄某個影像與空影像的差距。所以,
iDeltaTop = abs(im00->Top - iEmptyTop);
iDeltaLeft = abs(im00->Top - iEmptyLeft);
有了這個差值, 我們就很容易用下列式子來判斷 im00 這張影像是否在空格的旁邊,
if ((iDeltaTop==0)&&(iDeltaLeft==100) || (iDeltaTop==100)&&(iDeltaLeft==0))
每一張小影像的大小為 99*99, 加上白色分隔線, 所以相鄰小影像的距離為100, 相鄰的兩張小影像, 至少必須再同一排, 或是同一列, 所以必須有一個差值為 0。
至於兩個數值要互換, 只要用一個 iTemp 即可。同學應該是沒問題的！
星期四, 10月 26, 2006
Week 6: 課程紀實 (2006/10/26): TCanvas::CopyRect
今天的課程是延續上週 8-puzzle 控制介面實作 的題目, 同學回家思考後, 在課堂上白板寫下的問題集中在程式開發的前半段。
因此, 今天的課程重點在於:
1. 如何將影像內容複製到另外其他影像之中。
2. 如何讓一個影像物件移動。
我在課堂上當場寫了以下這個示範程式, 左圖是一張 300*300 大小的 bmp 影像, 當我們用滑鼠在影像上啟動 MouseDown 的事件時, 我們利用 OnMouseDown 事件處理程序中的 ( X, Y ) 座標定義出一個 TRect 物件 - Rect(X, Y, X+100, Y+100), 然後在使用 TCanvas::CopyRect 這個 method 從大張影像中複製 Rect(X, Y, X+100, Y+100) 這個範圍到小張影像的 Canvas 中。
程式包含宣告的部份, 僅僅只有短短的四行, 如下:
TRect TileRect, OIRect; //宣告兩個 rectangle 物件
TileRect = Rect(0,0,100,100);
//必須貼滿小張影像, 所以範圍從 (0, 0) 到 (100, 100)
OIRect = Rect(X,Y,X+100,Y+100);
//大張影像滑鼠點擊在 (X, Y) 上
Image2->Canvas->CopyRect(TileRect, Image1->Canvas, OIRect);
// 利用 TCanvas::CopyRect method 來處理複製的動作
為了讓同學明白什麼是 method? 我們決定用另外一種直接對 TCanvas::Pixel property 直接做處理, 希望同學可以體會出其實 method 就是針對該物件常會用到的程式, 用 method 這個名詞包裝起來而以。
for (i=0;i<100;i++)
for (j=0;j<100;j++)
Image2->Canvas->Pixels[i][j]=Image1->Canvas->Pixels[i+X][j+Y];
上面這段程式, 是一樣可以做到同樣的複製效果的!!
至於如何讓影像物件移動, 其實只要去改變影像的 Top 與 Left 兩個屬性值即可。
Image2->Top = Image2->Top + 100;
//影像往下移動 100 點
Image2->Left = Image2->Left + 100;
//影像往右移動 100 點
本週程式的實作過程, 我們發現同學們對於影像的開啟後, 顯示於螢幕的大小與影像本身的大小之間的關係是模糊的, 因此, 本週我們希望同學回去研究影像元件的 AutoSize 與 Stretch 兩個屬性的關係。同學可以嘗試在 form 上放置四個大小為 200*200 的影像元件, 設定成不同組合的 AutoSize 與 Stretch。程式執行時, 開啟一張100*100 大小的影像, 比較看看有什麼不同的執行結果。另外, 再針對一張 300*300 的影像實驗, 分析兩次實驗結果有什麼不同 ?
因此, 今天的課程重點在於:
1. 如何將影像內容複製到另外其他影像之中。
2. 如何讓一個影像物件移動。
我在課堂上當場寫了以下這個示範程式, 左圖是一張 300*300 大小的 bmp 影像, 當我們用滑鼠在影像上啟動 MouseDown 的事件時, 我們利用 OnMouseDown 事件處理程序中的 ( X, Y ) 座標定義出一個 TRect 物件 - Rect(X, Y, X+100, Y+100), 然後在使用 TCanvas::CopyRect 這個 method 從大張影像中複製 Rect(X, Y, X+100, Y+100) 這個範圍到小張影像的 Canvas 中。
程式包含宣告的部份, 僅僅只有短短的四行, 如下:
TRect TileRect, OIRect; //宣告兩個 rectangle 物件
TileRect = Rect(0,0,100,100);
//必須貼滿小張影像, 所以範圍從 (0, 0) 到 (100, 100)
OIRect = Rect(X,Y,X+100,Y+100);
//大張影像滑鼠點擊在 (X, Y) 上
Image2->Canvas->CopyRect(TileRect, Image1->Canvas, OIRect);
// 利用 TCanvas::CopyRect method 來處理複製的動作
為了讓同學明白什麼是 method? 我們決定用另外一種直接對 TCanvas::Pixel property 直接做處理, 希望同學可以體會出其實 method 就是針對該物件常會用到的程式, 用 method 這個名詞包裝起來而以。
for (i=0;i<100;i++)
for (j=0;j<100;j++)
Image2->Canvas->Pixels[i][j]=Image1->Canvas->Pixels[i+X][j+Y];
上面這段程式, 是一樣可以做到同樣的複製效果的!!
至於如何讓影像物件移動, 其實只要去改變影像的 Top 與 Left 兩個屬性值即可。
Image2->Top = Image2->Top + 100;
//影像往下移動 100 點
Image2->Left = Image2->Left + 100;
//影像往右移動 100 點
本週程式的實作過程, 我們發現同學們對於影像的開啟後, 顯示於螢幕的大小與影像本身的大小之間的關係是模糊的, 因此, 本週我們希望同學回去研究影像元件的 AutoSize 與 Stretch 兩個屬性的關係。同學可以嘗試在 form 上放置四個大小為 200*200 的影像元件, 設定成不同組合的 AutoSize 與 Stretch。程式執行時, 開啟一張100*100 大小的影像, 比較看看有什麼不同的執行結果。另外, 再針對一張 300*300 的影像實驗, 分析兩次實驗結果有什麼不同 ?
星期四, 10月 19, 2006
Week 5: 課程紀實 (2006/10/19): Study Sharing
一早在往學校的車上, 和黃老師討論著今天課程的主題, 我們發現雖然大部分同學寫出了部分塗鴉板的功能, 不過程式細部的觀念仍然有待釐清, 我們考量到這門課是未來多媒體學程相關課程的基礎, 因此, 我們當下決定今天課程除了 思考 8-puzzle 的作法 之外, 程式練習的部份, 不要有新的進度, 讓同學停下腳步, 好好回顧一下自己寫的每一行程式, 是不是都能完全掌握, 也趁著這個機會, 讓同學彼此分享程式開發的甘苦與學習所得。
首先, 黃老師請同學先互相討論 8-puzzle 程式的演算法, 然後請 小溫 上台分享牠的想法 ( 左圖 )。接著, 在圖片分割的部份, 家甫 指出可以使用 TCanvas::CopyRect method 從一張圖片複製到另外一張圖片。
在塗鴉板的程式開發上, 哲宇的程式 寫的很不錯, 我們也請他上台分享程式開發的歷程與心得, 我們也藉由哲宇的程式來請同學思考哪些指令應該放在哪一個事件處理程序中才合理。接著, 由 博欽 分享如何讓塗鴉時, 螢幕不致發生閃爍的情況, 關鍵就在 TWinControl::DoubleBuffered 這個屬性必須設定為 true。
除此, 同學也比較了用 TCanvas::Pixels 這個屬性 (property) 來劃一個點的方法, 與用 Tcanvas::LineTo 這個 method 來劃一條線兩者之間在塗鴉板程式之間的差異性。這邊還有一個題目可以請同學去思考, 就是 BCB 的 method 到底是什麼? 用 method 來處理與直接對 property 處理有什麼差別 ?
今天的課程, 我和黃老師都感受到雖然表面上許多同學都可以寫出塗鴉功能來, 其實程式的細節還是有許多空間可以去仔細思考與討論的!!
首先, 黃老師請同學先互相討論 8-puzzle 程式的演算法, 然後請 小溫 上台分享牠的想法 ( 左圖 )。接著, 在圖片分割的部份, 家甫 指出可以使用 TCanvas::CopyRect method 從一張圖片複製到另外一張圖片。
在塗鴉板的程式開發上, 哲宇的程式 寫的很不錯, 我們也請他上台分享程式開發的歷程與心得, 我們也藉由哲宇的程式來請同學思考哪些指令應該放在哪一個事件處理程序中才合理。接著, 由 博欽 分享如何讓塗鴉時, 螢幕不致發生閃爍的情況, 關鍵就在 TWinControl::DoubleBuffered 這個屬性必須設定為 true。
除此, 同學也比較了用 TCanvas::Pixels 這個屬性 (property) 來劃一個點的方法, 與用 Tcanvas::LineTo 這個 method 來劃一條線兩者之間在塗鴉板程式之間的差異性。這邊還有一個題目可以請同學去思考, 就是 BCB 的 method 到底是什麼? 用 method 來處理與直接對 property 處理有什麼差別 ?
今天的課程, 我和黃老師都感受到雖然表面上許多同學都可以寫出塗鴉功能來, 其實程式的細節還是有許多空間可以去仔細思考與討論的!!
星期一, 10月 16, 2006
Week 5: 課程實作預告: 8-puzzle 的遊戲介面實作
數位媒體概論 Week 5 的程式課程實作題目為: 8-Puzzle 的遊戲介面實作。同學可以參考 iafrica.com 網站中的 slider puzzle game 當作範例。已經完成上週程式的同學, 可以預先思考本週的題目, 把遭遇的問題先準備好, 一進教室就可以先寫在白板上。8-Puzzle 是資訊相關科系的資料結構討論到 Search 主題, 或是在人工智慧課程討論到 Heuristic Search 主題, 必定會使用的範例。同學們在我們的課程中, 利用滑鼠觸發事件處理程式, 就可以把控制介面完成。將來, 有興趣還可以替你的程式加入 "人工智慧", 讓你的程式可以自己完成 puzzle ! 對一個資工大二的學生, 應該很酷, 也很了不起的 ! 同學, 衝吧! 加油!
星期四, 10月 12, 2006
Week 4: 課程紀實 (2006/10/12): TCanvas & TColor
今天的數位媒體課程一開始, 黃老師同樣延續上星期的題目, 出了一題程式給同學思考: 如何在影像上塗鴉。
第二堂課, 我開始講解要完成這個題目, 需要具備什麼基本概念, 引導同學去探究 TImage::Canvas 這個 property 有什麼好玩的地方。我們從音樂創作與繪圖創作本質的異同開始談起, 希望同學了解一張影像 ( image ) 或者一張畫布 ( canvas ) 的最基本組成元素就是一個像素或畫素 ( pixel )。在一張乾乾淨淨的畫布上, 塗上各式各樣的顏色, 就變成一張影像了。
接著, 我們說明如何透過 TCanvas::Pixels 這個 property 來讀取或寫入像素的色彩值。BCB 提供了 TColor type 這個列舉資料型態 ( enum ), 而所有常用的色彩值, BCB 也都事先定義了相對應的以cl 為開頭的常數 ( const ) 提供程式設計師方便使用, 例如: clBlack = 0x00000000; clRed = 0x000000FF; clGreen = 0x0000FF00; clBlue = 0x00FF0000。除此, BCB 還提供了一個方便的 RGB macro, 讓使用者可以將我們熟悉的 R, G, B 色彩值轉換成所對映的數字。
本週同學的回家作業是: 弄清楚什麼是 AnsiString...
星期六, 10月 07, 2006
News: 傳 Google 欲以 16 億美元併購 YouTube
(法新社舊金山六日電)
http://news.yam.com/afp/computer/200610/20061007414923.html
華爾街日報今天報導，有消息來源傳出，搜尋引擎巨擘 Google 計畫以十六億美元，併購全球知名線上影音網站 YouTube。但是，Google 與 YouTube 兩家公司皆不願對此傳言發表評論。
YouTube 於二零零五年由華裔陳士駿及賀利共同在矽谷創立，目前員工僅有二十多人。因為其上載影音內容的豐富性與知名度，已佔有百分之四十三以上的線上影音分享內容 市場，平均每天有超過一億個錄影內容被瀏覽、每個月約有兩千萬瀏覽人次。其中也包括許多使用者上載的中文影音內容。
於此同時，根據研究統計機構資料，類似 YouTube 影音內容分享的 Google 影音頻道，今年八月份約有一千三百萬瀏覽人次，而在同一月份，YouTube 則有超過三千四百萬瀏覽人次。
業界對 Google 併購 YouTube 的傳言議論紛紛。去年，新聞集團才以五億八千萬美元總額併購社交網絡網站 MySpace，造成業界轟動。不過， YouTube 執行長賀利先前曾在演講場合中表示，公司不以被併購為目標，並在未來有公開上市的可能性。然而，紐約郵報曾於上月報導，有資料來源顯示， YouTube 不會以少於十五億美元的價格被併購。
有分析人士認為，YouTube 在全球的知名度，並不亞於 Google，想要併購 YouTube 的買家，其實也不只 Google 一家公司，其他的大型網路搜尋引擎或消費科技公司都有可能購買意願。不過，不僅併購價錢是因素之一，有關 YouTube 的著作權爭論、如何增加廣告收入等，都將是考量因素。
由於使用者上載內容，YouTube 一直有著作權方面處理的問題。不久前，YouTube 才與 NBC 及華納音樂簽訂合約，同意合作授權，以協助降低在這方面的爭論，也帶來相當收入，並開拓更清晰的商業模式。
http://news.yam.com/afp/computer/200610/20061007414923.html
華爾街日報今天報導，有消息來源傳出，搜尋引擎巨擘 Google 計畫以十六億美元，併購全球知名線上影音網站 YouTube。但是，Google 與 YouTube 兩家公司皆不願對此傳言發表評論。
YouTube 於二零零五年由華裔陳士駿及賀利共同在矽谷創立，目前員工僅有二十多人。因為其上載影音內容的豐富性與知名度，已佔有百分之四十三以上的線上影音分享內容 市場，平均每天有超過一億個錄影內容被瀏覽、每個月約有兩千萬瀏覽人次。其中也包括許多使用者上載的中文影音內容。
於此同時，根據研究統計機構資料，類似 YouTube 影音內容分享的 Google 影音頻道，今年八月份約有一千三百萬瀏覽人次，而在同一月份，YouTube 則有超過三千四百萬瀏覽人次。
業界對 Google 併購 YouTube 的傳言議論紛紛。去年，新聞集團才以五億八千萬美元總額併購社交網絡網站 MySpace，造成業界轟動。不過， YouTube 執行長賀利先前曾在演講場合中表示，公司不以被併購為目標，並在未來有公開上市的可能性。然而，紐約郵報曾於上月報導，有資料來源顯示， YouTube 不會以少於十五億美元的價格被併購。
有分析人士認為，YouTube 在全球的知名度，並不亞於 Google，想要併購 YouTube 的買家，其實也不只 Google 一家公司，其他的大型網路搜尋引擎或消費科技公司都有可能購買意願。不過，不僅併購價錢是因素之一，有關 YouTube 的著作權爭論、如何增加廣告收入等，都將是考量因素。
由於使用者上載內容，YouTube 一直有著作權方面處理的問題。不久前，YouTube 才與 NBC 及華納音樂簽訂合約，同意合作授權，以協助降低在這方面的爭論，也帶來相當收入，並開拓更清晰的商業模式。
星期四, 10月 05, 2006
Week 3: 課程紀實 (2006/10/05)
今天的數位媒體概論的第一堂課, 黃老師請同學思考的問題是: 利用滑鼠指到影像中的特定像素, 並將此像素的位置與色彩值顯示出來? 同學們遭遇問題時, 同樣可以寫到白板上分享, 討論。今天同學寫的問題如下:
2. 顯示 x, y 軸的程式是要寫在 Form 裡, 還是 Image 裡? (因為滑鼠要點兩下) OK
3. 試著打了範例程式 6-4 那個顯示位置的函數, 不知道如何讓它成為 TForm1 的一員。 OK
4. 怎麼把 Label 跟 Edit 跟 Text 結合 ? OK
5. 程式一樣打上去卻無法執行! OK
6. 如何讓要放到 Image 裡的圖片符合影像框框的大小? OK
7. 要如何將 Labeled Edit 上方的 LabeledEdit1 去除? OK
8. 存檔時該存 Form 還是元件呢? 該如何重新開啟呢 ?
9. 程式碼是要另外寫, 不能塞進去嗎? 不能改函數名稱嗎? OK
第三堂課, 我們開始討論 podcasting , 博欽 與 卉妤 都上台與大家分享! 之後, 我們從早期用收音機的收聽廣播, 到後來也可以用網路收聽廣播, 到最近的podcasting 訂閱的方式收聽, 討論各個時期的限制與技術演進, 讓同學了解其實這些演進都是由於使用者的需求, 配合科技的進步所共同促成的。
本週我們請同學回去查的題目是: BCB 的專案儲存後, 會產生哪些不同的檔案, 分別扮演什麼功能!
訂閱：
文章 (Atom)