2007年12月28日 星期五

期末報告題目

Laszlo in 10 minutes

Introduction

Form

[canvas]

[!-- An url that reads submitted form data --]

[!-- and echoes it back in a response --]

[dataset name="echoer" src="http:echoxml.jsp"/] //整個表單的來源

[window x="10" y="10" ] //視窗位置

[form id="ex1" bgcolor="0xAAB5C8"] //表單名字和顏色

[submit name="submitter" data="${echoer}"/] //按鈕名稱和按鈕後資料

[statictext fontstyle="bold" ] //粗體顯示

請問您的星座是?

[/statictext]

[combobox width="175" editable="false" //選單寬度並且不給修改

defaulttext="請選擇以下星座" ] //請選擇以下星座

[textlistitem text="牡羊座 " /]

[textlistitem text="雙子座"/]

[textlistitem text="金牛座" /]

[textlistitem text="巨蟹座" /]

[textlistitem text="獅子座" /]

[textlistitem text="處女座" /]

[textlistitem text="天秤座" /]

[textlistitem text="天蠍座" /]

[textlistitem text="射手座" /]

[textlistitem text="摩羯座" /]

[textlistitem text="水瓶座" /]

[textlistitem text="雙魚座" /]

[/combobox]

[statictext fontstyle="bold" ] //粗體顯示

您想查的運勢是?

[/statictext]

[radiogroup x="25" name="definition"] //點選的位置和名稱

[radiobutton value="1"] //點選的數值為1

本日運勢

[/radiobutton]

[radiobutton value="2"] //點選的數值為2

本周運勢

[/radiobutton]

[radiobutton value="3"] //點選的數值為3

本月運勢

[/radiobutton]

[/radiogroup]

[button text="Submit" isdefault="true" // IsDefault 屬性是設為 true 時,按鈕即為FORM的預設按鈕。

onclick="parent.submitter.submit()" /] //點擊後動作

[/form]

[view name="congrats" datapath="echoer:/response" //物件名稱及資料

路徑

bgcolor="0xAAB5C8" //底色

width="100%" height="100%" ]

[text text="別查了!" fontstyle="bold" //顯示粗體及置中

y="80" align="center" /]

[text text="命運掌握在自己手上" //顯示粗體及置中

y="103" align="center" /]

[/view]

[/window]

[/canvas]

這範例讓我學到了網頁上一些小選項,點選之後用的只是連結的網頁,按照這種原理,很多網頁上的小東西,其實都很容易寫出來,例如心理測驗之類的東西等等。

2007年12月15日 星期六

Homework 12-10-2007

1. List three ways of creating interactive webpages.
Nvu、CGI、Greasemonkey

2007年12月1日 星期六

Homework 11-26-2007

1. Problem 1 & Problem 3 of Textbook on Page 55.
1.試解釋WEB技術演進是要解決什麼樣的問題?

Web(在這裡,指代「Web 1.0」)最早的概念包括不常更新(甚至不更新)的靜態HTML頁面。而.COM時代的成功則是依靠一個更加動態的Web(指代「Web 1.5」),其中CMS(內容管理系統)可以從不斷變化的內容資料庫中即時生成動態HTML頁面。從這兩種意義上來說,所謂的眼球效應則被認為是固有的Web感受,也因此頁面點擊率和外觀成為了重要因素。

Web 2.0的支持者認為Web的使用正日漸以交互性和未來的社會性網路為導向,所提供的服務內容,通過或不通過創建一個可視的、交互的網頁來充分挖掘網路效應。某種觀點認為,和傳統網站相比,Web 2.0的網站更多表現為Point of presence或者是依賴用戶的門戶網站。

2.以網站開發的角度來說,SCRIPT語言有什麼優勢?
用 script 的方式才能容易達到跨平台的優勢,可以用多種瀏覽器觀賞

3.程序(PROCESS)害執行緒(THREAD)對網站性能有什麼不同的影響?
process 是作業系統下的多工,thread 是應用程式下的多工,也就是說 process 的排程是由作業系統來控制,而 thread 的排程是由應用程式控制

process 比較耗費系統資源, 因為作業系統必須位它配置應用程式資源,process 程式設計比較簡單, 因為設計師不用考慮存取互斥問題這部分由作業系統負責,
process 比較快速, 因為 process 有權力向作業系統要求優先權,process 排程演算法比較沒有彈性, 這部分已經寫死在作業系統裡

反過來看就是 thread 的特性了,thread 最麻煩的部份, 就是設計師自己必須要考慮存取互斥的問題,例如使用 java 寫程式的時候就會用 syncronized 來保護資料,以防某些資料被執行緒進行錯誤的存取動作,這部份是讓很多程式設計人員頭殼痛的問題

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

留言板、計數器等等

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

POST,因為POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server;而 GET 方法則是將資料直接加在 URI 之後。

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

2007年11月26日 星期一

Lab 17: Form and Action, Part II

程式碼


http-equiv="content-type">
map


name="search"> name="click">

Homework 11-12-2007

根據無障礙網頁設計原則
1. 為什麼不要開出新視窗?

因為開出新視窗,盲人會無法得知,會漏掉原來網頁資訊

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

因為這樣的話,聽網頁才能聽到,對於盲人才有幫助

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

對於不方便用滑鼠的人,切換網頁物件比較方便

Lab 16: Form and Action

"logic will get you from A to B - imagination will take you anywhere"

How to use Form to invoke a remote service through CGI.

1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.

5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Run your HTML by Firefox. What do you get?

8. Set method as "post"
9. Run your HTML by Firefox. What do you get?

2007年11月12日 星期一

Lab 15 Webpage Accessibility

Use Nvu to edit the following homepage
at http://www.epa.gov.tw

1. You can copy and paste the content to your Nvu.

2. Take a look at the HTML 標籤, HTML 原始碼

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images and

Lab 14: Accessibility by GreaseMonkey

  1. Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
  2. Google Access Keys Enables navigation through Google search results.
  3. AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw
  4. Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.

2007年11月10日 星期六

Homework 10-29-2007

1. At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

2. Check into the government-sponsored web accessibility website.

At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. 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?


資料庫存在多種模型。而應用於大型數據儲存的資料庫一般為網狀式資料庫(Network Database)、關聯式資料庫(Relational Database)以及物件導向式資料庫(Oracle 即擁有此特性)。此外也有應用在LDAP(輕量級數據訪問協議)的階層式資料庫(Hierarchical Database)。

表格資料庫一般在形式上是一個二維陣列。一般來講,數組中每列表示一個數據類型。數據在其中以不同行的形式存儲。表格資料庫模型是電子試算表(比如Excel)的基礎。

資料索引的觀念由來已久,像是一本書前面幾頁都有目錄,目錄也算是索引的一種,只是它的分類較廣,例如車牌、身份證字號、條碼等,都是一個索引的號 碼,當我們看到號碼時,可以從號碼中看出其中的端倪,若是要找的人、車或物品,也只要提供相關的號碼,即可迅速查到正確的人事物。

另外,索引跟欄位有著相應的關係,索引即是由欄位而來,其中欄位有所謂的關鍵欄位(Key Field),該欄位具有唯一性,即其值不可重複,且不可為"null"。例如:在合併資料時,索引便是扮演欲附加欄位資料之指向性用途的角色。故此索引為不可重複性且不可為空。


資料庫的優點:

  • 減少資料重複(Reduced Redundancy)
  • 整合資料(Integrated data)
  • 完整性(Integrity)
  • 資料的共通性
  • 可保護資料的安全及隱私
參考資料:維基百科

2007年10月29日 星期一

Lab 13: Clean Language

未清除
















清除掉了

Lab 12: Greasemonkey

1.Install Greasemonkey 0.7. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the

















2.Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com and yam.com write to you. Does our class blog use cookie or not? Does Google use cookie?




























































3.You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
4.Install Web Developer Toolbar to examine cookies.

Lab Technorati

Scobleizer

Techcrunch
Engadget
Reflection
Java


2007年10月23日 星期二

內灣

說到遊記,我就想到上次跟朋友一群人浩浩蕩蕩的前往內灣。
內灣的老街感覺很純樸,很有古早的民國風味,一堆有特色的食物被攤販擺了出來,令人垂涎三尺。於是在大家提議下,我們玩起了食字路口。野薑花粽、綜合牛奶冰、冰麻糬......等等,我們一邊品嘗著美食,一邊享受著朋友相聚的美好時光。在大家被食物疲勞轟炸完,大家開心的前往內灣的鐵軌,沿著軌道走,擺出許多不同的姿勢,凝聚出許多美好的回憶。

路上經過一座很大的橋,大家硬是要拍不是情人的情人照,或許是我們真的有點亮.......

該吃的都吃完了,像也都拍完了,是不是該回家了?
大學生哪有這麼容易滿足的。在天氣如此完美的情況了,我們前往海邊了。
所有的人到了海邊,看到了海,就變成一群瘋子。沒多久就有慘烈的犧牲者被丟入海裡餵魚。
他。
壯烈犧牲。

大家玩到了很晚才罷手。
畢竟已經很久沒有一群人浩浩蕩蕩的出去玩,感覺十分開心。

雖然很多人感冒了,但是希望大家以後還是要這樣經常出來玩喔。

Homework: 10-23-2007

1. Lab Google PageRank
紐約時報 http://www.nytimes.com (8顆星)
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顆星)

百度音樂 http://mp3.baidu.com/ (6顆星)
中原大學 http://www.cycu.edu.tw/(6顆星)
快眼看書 http://booksky.org/(2顆星)

2. Essay Writing on Google Docs
內灣遊記

2007年10月22日 星期一

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

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

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

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

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

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

請自由表達你對此篇論文的意見或建議。

這等於是某種監控方式,不只可以用於精障者,對於警察也可以用來做為犯人管理,節省人力物力,是很實用的系統。

評分格式 :『實境導航,有障無礙』 無線行動化的社區智慧型空間- 認知障礙者路徑指引系統

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

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

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

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

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

請自由表達你對此篇論文的意見或建議。

認 知障礙導航系統整個系統看起來有可行性,然而整個實際應用還是有問題。舉個假設,假如我的目的地突然想要改變、或是目的地路線彼此交錯,而圖片原本轉彎的 記號並不會變,到達目的地便會有所問題,可能就需要更多的CODE,然而一個轉角一堆CODE,那又如何知道要掃哪一張?而且每個人的目的地也有所不同, 實驗的結果是固定目的地,而非按個人需求選擇的目的地。如果掃出來的CODE碼代表當地位置,再轉語音系統,想通往哪個目的地按那個鍵,再告知該轉那邊的 彎,或許會比較實用。

2007年10月17日 星期三

Homework 10-8-2007

1.請閱讀數篇其他同學的部落格(10月一日作業第一題),選擇其中三位同學在她(他)的部落格上,針對其散文給予評語或建議。
我給了以下幾位同學回應,因為他們的散文都給了我ㄧ些感觸跟啟發,在這邊感謝他們
陳彥達
吳俊杰
盧佩鈴
2.關於你的散文作品,你得到多少篇回應? 這些回應對你有幫助嗎?
話說我是轉學生,上這堂課還沒認識半個人,哈,人緣不好>< 不過老師給我的意見很對,生活的滋味,需要正確的生活態度才能慢慢品嚐,我會努力的。
3.Use IE to view original XML of Yam's RSS feed. What are the fields of the RSS 2.0?You may read the lecture notes to give you some of the ideas.
RSS (Really Simple Syndication) 是一種用來分發和匯集網頁內容 (例如新聞標題) 的 XML 格式。透過 RSS 的使用,供應網頁內容的人可以很容易地產生並傳播新聞鏈結、標題和摘要等資料。其他包括 CNet News.com 和 Christian Science Monitor 等網站也在使用 RSS 對更廣泛的讀者派送網頁內容。
許多人透過另一種方式使用 RSS 新聞資訊,就是將內容整合進部落格 (weblogs, blogs) 中。部落格是由簡短且更新頻繁的短文及鍊結所構成的網頁,在許多用途上被當作出版工具,例如:傳統新聞、個人日誌、小組主題討論和以上各種的組合。

2007年10月2日 星期二

HOMEWORK 10-1-2007

1. 參考單車上的靈感,開始用部落格書寫你的個人散文,並加上適當標籤。
個人散文

2. 一篇部落格是否只能使用一個標籤,如果不是,請舉出反例。
否,例如我的散文,便同時有作業跟雜想兩個標記。

3. 參考標籤(tag,或稱label)的定義,使用標籤有什麼好處? 標籤與分類有何不同?
「標籤」是附屬於網頁的關鍵字或標記,能協助管理與分類已儲存的網頁,無需再記憶資料夾或是書籤的目錄結構,只要依直覺選擇當初設定的標籤,即可到達主題相關的儲存網頁。

一個網頁可以有多個標籤,設定標籤名稱的技巧就是盡可能的符合該網頁的主題內容性質。

當儲存網頁時,可以由系統建議的標籤中選擇,也可依需求自訂標籤名稱,此後只要點選該標籤,即可檢閱所有使用該標籤儲存的網頁,幫助您縮小搜尋範圍,只檢視與標籤相關的網頁資訊。

分類則是將網頁的內容劃分為各種形式,如演藝娛樂、校園社團等等,使其他人可以用此類大綱連結到他所需要的網站內容。

參考資料:
Yahoo!奇摩分享書籤服務說明

7. 試舉出一些實例說明靜態網頁是不夠的,必須要有 CGI 的機制?
譬如說討論區、留言板,這些需要大家互動的網頁,光靠靜態網頁提供的服務,無法增進訊息的流通與傳播,便需要CGI機制。

8. 為何經由 CGI 程式所產生的網頁稱為動態網頁?
CGI是Common Gateway Interface的縮寫,這是指定在網際網路當中,WWW伺服器與外部應用程式溝通 (傳送或是接收訊息) 的一個通訊協定,目前已經成為大部份的WWW伺服器遵循的標準。
利用CGI,網站伺服器可以接受使用者的請求 (通常是存取資料庫的資料),Web伺服器會為此CGI程式建立一個新的行程,並且根據CGI程式的需求來存取伺服器當中的資料,並以HTML的形式輸出到使用者端,所以使用CGI程式可以動態的回應使用者對於網頁 (網路伺服器的資料庫) 的某些查詢動作,而通常我們可以使用Visual Basic、PERL、C/C++、Java等各種程式語言來撰寫CGI程式,故稱CGI產生的網頁稱為動態網頁。
參考資料:
奇摩知識

9. 某 CGI 程式是使用 Net.Data 語言來開發設計,請問用戶端是否要使用 Net.Data 專屬的 browser?
當然不用,CGI是種通訊"協定",所以用別的瀏覽器也能觀看。

幸福的生活

以前總會想想,啥是幸福?

現在想來應該是生活有目標,無所掛礙,便是一種幸福了。

大四的生活很煩忙,雖然學分不夠要再多讀一年,但我還是很勇敢的接了社團的迎新宿營。

自己經歷過,總會希望以後能更好,看看大家,有種記憶在倒轉的感覺。

要讀的書很難,未來的目標很遙遠,關心我的人很多。悲觀主義的我,現在依然充斥著對未來的美好幻想.....

我要加油。