星期五, 5月 30, 2008

Lab Hash

1. Install SlavaSoft HashCalc
2. Open the file readme.txt of this software
3. Calculate the cash.
4. Open another copy of HashCalc
5. Open the file readme.txt and delete the first space fo the file.
6. Calculate the hash of the modified file.
7. Compare the hashes of two files.

Lab Checking dead links

W3C Link Check 可以檢查 dead links, 而且只要輸入首頁,
就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).

Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.
因此如果出現 deadlink, 就是在首頁.

如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,
在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後
在逐一爬行該頁內每個 link.


報表輸出很漂亮. 請參閱
http://validator.w3.org/checklink

請檢查三個你最常使用的網站, 看看連結的品質如何?
紀錄有錯誤連結 (HTTP Error 404) 的次數.


教學評鑑

今日上課助教將進行教學評鑑,請大家參與。

Quiz

1. Google Maps 使用了哪些網頁互動技術,請逐一說明。
2. 什麼是DOM?請撰寫一段小程式說明之。
3. XML 跟 JavaScript 有任何關聯嗎? 如果有關聯請舉例說明。如果沒有,請說明為什麼?
4. AJAX 強調哪些特性? 其優缺點有哪些?
5. 何謂 Social Software? 跟Web 2.0 關係為何?
6. 做完 blog 的內容分析之後,你可以得到什麼推論,為什麼?
7. 請比較微軟的Office 與Google 線上文件所使用技術與功能特點。
8. 舉例說明 XML 如何在網站中使用。
9. 部落格使用哪些技術,請簡要說明。
10. 無障礙網頁技術有哪些?
11. 如何增加網頁的互動性? 以一小段程式說明之。
12. 什麼是 CGI? 繪圖說明以CGI為架構的網站系統。

Lab XHTML Validation

1. Use the W3C Markup Validation Service to check the XHTML sample.
2. You may want to select the direct input option.
3. How many errors and warnings are there?
4. Fix the problem and recheck it until it is strictly XHTML 1.0 compliant.

ref: Introduction to XHTML

星期五, 5月 23, 2008

給畢業生的贈言

做太多的時候,何不停下來想想。想太多的時候,何不開始去做。

隨時去問,我在做什麼,我懂我在做什麼嗎? 或許你就會真正發現什麼

保持察覺週遭與同時也關照內心,練習專注,有時候原來看不清楚的東西,會豁然清晰。有時候做不到的事情,會頓時做到。

經過苦,才會嘗到甜。

專注在過程,盡情去做,做好每ㄧ個你該做好的,苦反而不苦,汗水讓你快樂。如果只專注在結果,原本可以是甜的歷程,卻反而讓你覺得其苦無比。

只有在歷經過程中才有可能令人享受,ㄧ但你覺得完成,其實已經結束了。

Find love in what you do and do what you love.

思維的盲點

人為什麼會出現思維的盲點? 在業界將近十年的經驗與大學教書生涯十來年的觀察,我發現思考事情時只考慮自己,沒有考慮團隊或他人,常常是一個思維盲點的起因。人天生自私,大部分的人 思考都是先從自己利益做起,這是無可厚非的。看到一些中原畢業生,有些人已經擔任重要公司的副總甚至負責人,他們的同學卻還在當一個自艾自怨的工程師,是 因為在校成績嗎?是因為工作表現嗎?都有可能,但是很明顯的,從他們的談吐可以發現明顯的不同,有些人總是想到自己,如何加薪如何讓自己不要太累,如何換 ㄧ家好ㄧ點公司? 有些人想得不一樣,如何讓新人更快進入狀況,我可以做出什麼貢獻? 如果能少從"我"出發,多一點"我們"的考量,我相信很多事後出現大問題的痛苦後悔可以減少。少一點為自己,不見得就是對自己不好,多一點為別人,生活也 許更精采。

使用印表機,白紙廢紙任意丟棄,用完白紙不去補充,反正我印完了,茶葉倒在水槽,飲料包放在公用實驗桌上,看似一些小事,其實 都是一個學生真實自私小我的表現,我相信如果未來這些人的老闆看到這個景象,這些學生是很難找到工作的,很多人相信自己可以透過較好的包裝予人不同的形 象,但是不要小看那些社會上有歷練的人,是誰有大智慧? 是誰耍小聰明?

經驗告訴我,能為別人著想的,思維出現盲點的機會較少,反之,只想到自己的研究的人,攤開研究計畫ㄧ看,簡直問題百出。上天有道,天公疼憨人,大概也適用於此吧!

時間的巨輪

同學說,時間好像一個巨輪,時間到了,就壓過現在你有的,把你推到下個階段。好比說,時間ㄧ到,就得去當兵,或是去準備考研究所,常常被壓得透不過氣來,時間ㄧ到,沒做好,有時不得不繳白卷,覺得無可奈何。

時間和生命終結的確是我們最無法控制的事,該來就來,無論你在何處,跟誰相處,或是正在做什麼。人生的確無常,覺得無力感也是難免的。
大自然的動物ㄧ樣面臨時間的巨輪與死神的鐮刀,但是可以看到很多動物選擇生命熱情與活在當下去因應,人想得比較多,不容易專著,因此熱情容易分散進而消失,在考慮未來不確定的時候,反而無法好好活在當下。

真正的富有來自內心的滿足,而不是銀行的存款。真正的知識來自對知識的熱情,而不是外在的學位。所以問問自己,你真正想要做什麼,把你的生命力量用在你願意熱情追求的事物上,把熱情從ㄧ時的心情變成一種恆久的態度,關鍵就在於把生命放在你想做,想完成的事情上。

為什麼要讀研究所

同學說大三快大四了,為了以後考上研究所,只好跟著大家開始去補習,可是其實心裡想的是為什麼父母ㄧ定要我讀研究所,否則出路不好,自己卻只希望大學輕鬆唸書,以後只想當個平凡的人,現在開開心心過日子就好了,及時享樂不是更好嗎?何必去擔憂未來?

這 個問題每年都有學生來問,是個普遍的問題,我在先前已經提過,首先必須去除凡事都以功利著眼的單向思維,關於讀書這回事,漢文化缺乏愛智的傳統,知識多以 實用為目的,知識是用來獲取別的東西達成某種目的的工具,因此很少人能夠享受知識本身的樂趣。知識與智慧本身就是目的,不需要只是ㄧ種獲取或達成某種俗世 目的的工具。去除知識的工具性,或許是進入知識領域,享受研究的大門。

補習是個惡 習,讀書是自己的事,同學去補習通常是認為自己有惰性,去補習比較可以感受同儕壓力而努力,這是我相當不贊同的想法。反過來想,難道如果別人不讀書,你就 不想讀書了嗎?讀書只是用來競爭,用來比較高下嗎? 更何況,唸研究所看的是研究潛能,難道補習兩三科考試科目,就可以提高未來研究能力嗎? 我們需要的是具有好奇心,勇於創新,不怕失敗的人格特質,難道補習ㄧ些專業科目可以改造一個人好奇心,創新能力嗎?

沒 有唸研究所,出路不好? 的確根據多方統計數據,發現學歷越高,未來收入的確呈現正相關,但是這是統計,不是絕對的,唸完研究所找不到工作時有所聞,大學畢業之後職場表現良好獲得 升遷也大有人在,在漫長的人生當中,讀書只是一個里程碑,尤其在職場上人格特質與工作態度遠比學歷重要,在人生中,生命基調與生活情調更影響幸福感受,不 少高學歷的人,顧著享受較為優渥的物質生活,一生過著與社會疏離的生活,知識是用來登上社會階級的工具,這樣單面向思維的人對別人有好處嗎? 對自己就有好處嗎?

唸研究所沒有什麼不好,但是你為什麼要念? 想過了嗎? 衷心祝福你們。

期末報告題目已公佈

進入

星期四, 5月 22, 2008

Lab Content Analysis


According to the scheme above, the content of comments was characterized by the three independent dimensions. The intention of the analysis was to reveal any emergent correlations among three attributes of comments collected in the dataset.

The affective dimension was generally quite straightforward and lent itself to comparatively easy classification. To probe the range between agreement and disagreement requires more careful judgment and usually involves more reading between the lines. The boundary between reflection and non-reflection was somewhat blurred for some occurrences of comments. Some comments showed no reflection as all; some comments demonstrated sufficient reflection while others appeared to possess marginal reflection.

Perform content analysis on the dataset of comments on the essay blogs.

星期日, 5月 18, 2008

企業界開始使用部落格作為用人程序

企業界開始使用部落格作為用人程序,我的研究生因為部落格寫得很好,受到企業肯定,最後也被晉用。值得ㄧ提的是,企業會主動搜尋部落格,無論你是否事先告知。因此,如果你的部落格馬虎草率,應付了事,最好修完課之後進行關閉,以免日後應徵工作遭到拒絕。相反的,如果你表現良好,這個部落格將成為你的努力的直接証明。

星期五, 5月 16, 2008

隨堂測驗 5/30/2008

Format: closed book, no computer, one double-sided A4
Scope: Common sense of AJAX, DOM, JavaScript, XML, & CGI, Textbook Sec. 2-1, Appendix A
time: 30 minutes

準備方向: 上課大綱整理歷年考題

Next Quiz: 6/13/2008

期末報告題目

Laszlo (Laszlo in 10 minutes),挑選一個範例進行個人研究,說明你為什麼挑選這個範例,這個範例讓你學到什麼概念,請你製作一個講義說明這個範例。請詳細解說程式與所產生畫面/介面。

投影片請以Google Docs Slideshare 呈現,使用 Powerpoint 容易傳遞病毒,沒有安裝 Powerpoint 的人(Linux Users)無法開啟。

Due: 6/22/2008 at 18:00

Lab 28: Drag-and-Drop by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "drag-and-drop" example.
3. Use this method to control movie playing as in the previous lab.
4. If you drag and drop the photo to the "play" area, the movie plays.
5. If you drap and drop the photo to the "pause" area, the movie pauses.

Lab 27: Movie Player by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.

AJAX

recommended reading

星期五, 5月 02, 2008

Homework 5-2-2008

[Lab]
1. Open NVu
2. Based on the code as in http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)

Hint: The javascript code should be enclosed by script tags.

[Reading] AJAX
A New Approach to Web Applications Jesse Garrett
AJAX 簡介 Brett McLaughlin

閱讀以上兩篇文章,整理成500字以上摘要。

No class on May 9

I am presenting 2 papers at IEEE ISWPC, Santorini, Greece. Therefore, there will be no class on May 9.

Conference dates: May 7~9, 2008

Lab 26 Create Img using DOM

1. Open Nvu
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Use window.onload to load the image.
4. Use a button to load the image. Try how onclick works.

Hint: The javascript code should be enclosed by script tags.
Reference: DOM (Document Object Model)
Reference:
Scripting For The 6.0 Browsers, By Scott Andrew LePera

Talk at WWW 2008, Beijing

Link

Lab New stuff with Microsoft

In the Harry Shum's keynote speech at WWW 2008 and one of the industrial tracks by Tao, Microsoft feature the following two search services, one called virtual earth and the other photosynth. They look like fun. Definitely, we should try them out.

  • http://maps.live.com (does not only provide satellite image which is low resolution but also aerial views taken by airplanes flight-by)