Monday, December 31, 2007

Lab Drag-and-Drop by AJAX



圖片移到play可以播放影片,移到pause影片會暫停

期末報告

我選的題目是Animation裡面的Drag and Drop,會選這個是因為這項Drag and Droop的概念可以在網際網路上有很好的應用,使得網頁何人的互動可以更加多元和視覺化還有方便,例如:購物,網路小遊戲,還有iGoogle的moving blocks.





實際效果:

Tuesday, December 18, 2007

Lab Movie Player by AJAX

Use this script to control movie playing.
If you push the "pause" button, the movie pauses.
If you push the "resume" button, the movie resumes.


Monday, December 17, 2007

Homework 12-10-2007

1. List three ways of creating interactive webpages.
(1)DOM and Javascript
(2)CGI
(3)GreaseMonkey

2. Lab DOM and Javascript.
DOM and Javascript

Monday, December 10, 2007

Lab DOM and JavaScript

1.程式碼,存成html格式


2.用firefox開啟,顯示99乘法表

Lab Create Img using DOM

1.程式碼,存檔為html格式


2.用firefox開啟檔案
3.如果有用window.onload則一開始就會有圖片


4.一(n)次按鈕就會多顯示一(n)張圖片

lab 19: XSLT Part II ,Homework 12-3-2007

1.所有步驟都與LAB18相似

2.The process of transformating listing 1 by listing 2.







3.The process of transformating listing 1 by listing 3.




Wednesday, December 05, 2007

lab 20: XSLT Part III

1. 先寫XSLT檔












2.在用與LAB18相同的方法即可得到HTML

lab 18: Lab XML & XSLT

1.首先下載Xray
2.分別貼上老師所給的兩個檔案,把"[]"改成"<>",然後存檔 (注意存檔格式)










3.打開transform及HTML view
4.開啟剛剛所存的XML,還有XSLT,即可看到結果


Monday, December 03, 2007

Homework 11-26-2007

1. Problem 1 & Problem 3 of Textbook on Page 55.

Problem 1 .試解釋Web技術演進是要解決什麼樣的問題?
Ans:在早期,因為網頁的互動沒有那麼多,所以一開始的Wab技術是靜態網頁,靜態網頁技術可以說是極不方便,因為如果某個網頁要改個小地方,那麼這個網頁要全部重寫。因為極不方便,所以進化到了動態網頁。動態網頁實際上並不是獨立存在於服務器上的網頁文件,只有當用戶請求時伺服器才送回一個完整的網頁,動態網頁也因為使用者可以跟伺服器互動而被稱為動態網頁。但當使用者變多時,系統所產生的程序也會增加,而過多的程序會耗費過多系統資源而導致速度變慢甚至當機。到後來為了應付龐大的流量,網站技術就從程序進化為執行緒,使用常駐的服務,使效率提升。

Problem 3.程序和執行緒對網站性能有什麼不同的影響?
Ans:在某些情況下,應用程式可能被要求執行一些類似的工作,傳統的做法是產生很多個新的程序去應付每個類似的工作,這對系統來說是個嚴重的負擔。所以後來進化成一個程序生成多個執行緒,其中每個執行緒共用程式碼區域、資料庫。因為資源共用可以讓多個執行緒在同一位置空間活動,也因此降低系統負擔,所以硬體成本也不需要那麼高

2. What does a CGI output contain in the HTTP header? Hint: Such as Content-type

Ans: 小從簡單的網頁計數器,留言版,大至處理眾多資料的搜尋引擎,可做線上實時交易的電子商務、網絡下單等...。

3. If you want to upload an mp3 file, should you use the GET or POST method? Why?

Ans:Post. GET有上傳資料量的限制,而POST可以傳送大量資料,所以傳送大量的資料或者上傳檔案會使用POST。另外,POST也比較安全,GET會讓數據顯示在網址內,而POST不會。

4. Reading Assignments:XML (Page 187-188 on the Textbook)

Monday, November 26, 2007

Lab 17: Form and Action, Part II

這是自己做的google map介面
同樣的,用NVU把action改成http://maps.google.com.tw/maps
method是get




改完後就可以有google map的功能了!

Lab 16: Form and Action

複製搜尋引擎畫面後,貼到NVU
1.把檢視改成HTML
2.改form的參數
名稱:f
action:http://google.com/search
method:get or post
3.另存成 html格式




用firefox開啟"get"



可以搜尋




用firefox開啟post


post不被支援



另外,必須要把編碼改成萬國碼才部會有亂碼

Homework 10-1-2007

1.為什麼不要開出新視窗?

被開啟的新視窗不會保有前一個視窗的瀏覽歷程,所以「上一頁」按鈕將會失去功效.即使是對非常熟悉網頁瀏覽的人來說,這都會造成嚴重的混淆, 更何況是對於殘障的朋友.


2.為什麼要使用貼切的網頁標頭? 而不是留白?

使用貼切的網頁標題可讓殘障朋友方便的瀏覽網路,而對於正常的我們來說,亦是如此.
*這對視障朋友有幫助.朗讀軟體能顯示(並唸出)目前所有開啟視窗的標題.如果開啟的是網頁就會唸出網頁標題.當使用 ALT-TAB 切換視窗時,它也會唸出視窗標題.
*我們可以清晰明瞭的在搜尋結果中看到每個網頁的標題,所以如果有貼切的網頁標頭,我們不用點入每個網頁即可知道網頁是否是我們需要的

3.定義快速鍵有什麼好處?

對於不能使用滑鼠的人來說,只用Alt+Tab會非常的麻煩與沒效率.快速鍵可以非常有效率地跳到常用的鏈結.例如:主畫面,搜尋,等...

參考資料:無障礙網頁設計原則

Monday, November 12, 2007

Lab 15 Webpage Accessibility

HTML標籤















圖片新增了替代的文字

Lab 14: Accessibility by GreaseMonkey

1.


2.








3.
台灣僑務委員會: C,L,R,U分別是中左右上的導盲磚 . S是全文檢索
行政院環保署: C,L分別是中和左的導盲磚

4.
行政院人事行政局
行政院農委會
內政部警政署

Homework 10-29-2007

1.繁體


2.What is web accessibility?

網路無障礙是藉由一些介面的改變來讓一些殘障人士能方便的上網,例如:圖形替代文字,熱鍵,網頁訂閱,停止跑馬燈等...

3. According to Section 2.1 of Textbook, some websites are powered by databases in the back end and some are not. What are the purposes of using databases?

科技發展快速,資訊爆炸,如果還是使用人工來來管理資訊,那將會非常浪費資源與沒有效率,所以藉由資料庫可以更有效的管理龐大的資料

Lab 13: Clean Language

我設定dirty word為"a_p_p_l_e",其搜尋結果如下

Monday, October 29, 2007

Lab 12

1.

第2. 4.題
(1)new york times
ANXD,RMID,TData,TID,WT_FPC,adxcs,s_pers,s_sess,up,ups,zFD,zFN
(2)yam
maintab1,maintab2,maintab3,maintab4
(3)iapblog
0 cookies
(4)google
8 cookies

3.

Lab Technorati

Scobleizer http://scobleizer.wordpress.com/
authority:796
links:4048

Techcrunch http://www.techcrunch.com/
authority:23206
links:133709

Engadget http://www.engadget.com/
authority:32033
links:800614

Reflection http://www.chieftain.idv.tw
authority:27
links:3979

Java http://javaatcycu.blogspot.com
authority:28
links:75

yandachen http://www.s9326324.blogspot.com/
authority:Tachnorati can't find my blog
links:2

Homework: 10-23-2007

1. Lab Google PageRank

紐約時報 http://www.nytimes.com (9分)
CNN http://www.cnn.com (9分)
台灣雅虎 http://tw.yahoo.com (7分)
蕃薯藤 http://www.yam.com (6分)
PCHome 購物 http://shopping.pchome.com.tw (6分)
Monday 購物 http://www.monday.com.tw (4分)

wikipedia http://zh.wikipedia.org/wiki/Wiki (6分)
discovery channel http://dsc.discovery.com/ (8分)
中原大學 http://www.cycu.edu.tw (8分)

2. Essay Writing on Google Docs
秋日遊記

Monday, October 22, 2007

評分格式: 智慧型精障者路徑導引與走失偵測系統之行動運算

你覺得這篇論文創新性如何? 好

你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 好

你覺得簡報內容呈現如何?是不是清晰簡明? 好

你覺得這篇論文對社會貢獻如何? 非常好

你覺得這篇論文對學術貢獻如何? 非常好

意見:我覺得此系統可以與精障者多一點互動,例如語音導航,讓精障者知道他現在的位置還有該往哪個方向前進

評分格式: 『實境導航,有障無礙

你覺得這篇論文創新性如何? 非常好

你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 好

你覺得簡報內容呈現如何?是不是清晰簡明? 好

你覺得這篇論文對社會貢獻如何? 非常好

你覺得這篇論文對學術貢獻如何? 好

意見:很棒,對於社會及認知障礙的朋友均有很大的貢獻.另外想請問,在做可行性測試的時候,是找一般人來測試還是找認知障礙的人?另外還想請問,在伺服器上有足夠QR CODE的情況下,無論偏離導航道路多遠都能倒回正確道路嗎?

Monday, October 15, 2007

Homework 10-8-2007

1.我給予了四位同學回應
吳俊杰,葉詩涵,油霖,瑞吉兒Ya

2.嘿嘿,我人緣不好XD,只得到2個人的3篇回應(其中2篇還是老師).
不過這些回應都能給予我幫助與鼓勵!

3.RSS是一種用於網上新聞頻道網誌weblogs)和其他Web內容的數據交換規範,起源於網景通訊公司(Netscape)的推送技術(push technology),將訂戶訂閱的內容傳送給他們的通訊協同格式(Protocol)。RSS讓網站能夠製造內容摘要,並讓用戶以不同的方式瀏覽這些摘要。
如果沒有RSS,用戶可能需要每天去登入某個網站(如雅虎、MSN)去瀏覽已更新的新聞,這可能是一件非常浪費時間的事情。目前已經有很多網站向用戶提供了免費的RSS饋送(RSS feed)。那麼,用戶就不必每天登入到該網站檢查更新的新聞,他們只需要一款RSS閱讀器(有客戶端軟體或者線上工具),將他感興趣的網站提供的新聞RSS饋送添加到這個閱讀器,在本地電腦上運行閱讀器或者登錄到網路(目前還有基於手機的移動版本)就可以查看到新聞的更新內容。

參考資料:Wikipedia

Monday, October 08, 2007

Lab 7:Show comments on your blog

最新回應測試

test

Lab 8: Personal Portal

Lab 6: RSS




1.http://iapblog.blogspot.com/feeds/posts/default

2.http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml

3.http://s9326324.blogspot.com/feeds/comments/default

Homework 10-1-2007

1.書寫部落格並加上標籤
我要

2. 一篇部落格是否只能使用一個標籤,如果不是,請舉出反例。
不是,查看"我要"即可知

3.分類是大致分出物質相同的類別,它具有獨特性;標籤則可以更精確的說明物種的特性,標籤則不具有獨特性.舉例說明:去大賣場買東西,"咖啡"是飲料,它只會被分類在飲料區,不會被分類再乾糧區;又咖啡可以貼上價錢的標籤還有保存期限的標籤,而不同類的乾糧也可以被貼上同樣的價錢標籤還有保存期限的標籤.
簡單來說,分類是某個東西的名字,名字只有一個,而標籤是東西的形容詞,可以是很多個的.

4.
Q7.
Ans.互動式廣告,還有老師課本裡p192的應用實例.

Q8.
Ans.網頁的資料因為某些指令而使資料一直不停的傳輸,而產生動態的結果呈現給網頁瀏覽者.

Q9.
Ans.不用.因為CGI都是利用標準的輸出和輸入來傳送資料.

參考資料:課本,http://cc.shu.edu.tw/~cc/NETDIY/homepage-cgi.html,標籤(tag,或稱label)的定義

我要

最近看了一部諷刺日本醫療的漫畫,讓我不禁思索,那些念醫學的人有多少人是為了懸壺濟世?還是因為當醫生可以賺大錢?還是因為家人壓力而不得不去念醫學院?還是因為它是第一志願?如果當醫生薪水普通,也沒有比別人高的社會地位,我倒想看看莘莘學子對於醫學院還會不會如此的趨之若鶩.當然醫生薪水高有它的理由這是無庸置疑的,我也並不是要批評什麼,也不是在憤世忌俗,我只是藉此來傾聽一下內心的聲音.

前一陣子,我情緒極度低落,低落到甚至不知道我活著是為了什麼,因為我不知道我要的是什麼.雖然對於未來有一個目標,那個目標就是通俗的唸好學校,讓未來的生活好過一點,但是我不明白那個目標除了讓我未來的生活"可能"可以富裕一點以外,它對我還有什麼意義.這段低落持續了好一段時間,我大概有一個多月不曾快樂吧,那段時間真的好黑暗好可怕,曾經一度以為我是不是爬不出這泥沼,甚至以為自己是不是有什麼憂鬱的頃向.不過幸好我還會思考,我的大腦並沒有僵化;我的視線並沒有被世俗的價值所完全矇蔽,我慶幸我還能像小王子一樣看得到莽蛇和大象,而不是一頂帽子.

充實自我是反思過後所得到的結論.做事情不是大家說對我就該那樣做,並不是說念好學校不重要,而是不應該把好學校當做目標.念好學校只是一個"結果",我該有的"目標"是充實自我,做我自己想要做與自己認為對的事.雖然"結果"對於在公司上班或是在學校考試很重要,但是當面對自己的時候"目標"卻重要許多,自己永遠騙不了自己,勇敢與誠實面對自己的內心才是重要的.我很高興我有勇氣問我自己:這真的是我要的嗎?還是這只是別人說好或是別人也要所以我要?

有句話我認為很有意思,"金錢不是萬能,但沒有錢卻萬萬不能"這句話是說明錢的重要,但如果錢後句對調那意思將會完全不同,"沒有錢萬萬不能,但金錢不是萬能",這句話感覺錢好像沒有那麼重要了!我是凡人,我愛名,我也愛利,名利雙收會讓我極度快樂,但他們充其量只是讓我更快樂而已,它們並不是造成我原本就會很快樂的因素.

從以前我就在想要出國唸書,但是問我為什麼要出國,幹麻不在台灣考一考研究所就好了,反正一樣可以出去工作賺錢啊!以前的我可能會答不出來,不過現在我知道我為什麼要出國了,因為打從決定要出國開始,我就是在與全世界的人競爭,等到出國後我又要與全世界的人共同學習與合作.如果我能克服這些種種挑戰 我想我獲得的不只是那份學校的文憑,而是擁有一種自信,確信在接下來人生能解決別人可能認為不可能事情,這跟有些人的自信是源自於他自己學校文憑的人不一樣,我自豪的不是文憑,而是我達成了我的目標,我見證了我真實的生命,我實現了自我.

我很開心我能傾聽自己的聲音,讓它成為聯繫快樂的語言;我也很開心我每天早上睜開雙眼,我能選擇我自己想要的生活方式;我也覺得很幸運我出國唸書的想法能得到家人的不管是精神上與金錢上的支持,在此我表達對他們無盡的感謝;另外我更感覺我很幸福我有一個完整且美好的家庭.

Monday, October 01, 2007

Lab 4: Adding Links on Your Blog

Lab 5: Adding Labels for Blogs

Lab 3: Using FireFox 2.0



1.ctrl+ 可使字體放大,ctrl- 可使字體變小
2.ctrl t 可新增分頁
3.在訂閱後,ctrl b 可檢視訂閱與RSS feed

Sunday, January 14, 2007

Monday, January 08, 2007