顯示具有 Homework 標籤的文章。 顯示所有文章
顯示具有 Homework 標籤的文章。 顯示所有文章

2008年1月6日 星期日

Lab Google Presentation

1. Upload a sample Powerpoint to Google docs.
2. Publish this slide presentation so that it is viewable by the general public.
3. Start your presentation.
4. Invite the person sitting next to you to join your presentation.
5. You are supposed to take the control of the presentation. When you change the slides, your audience should be able to see the slide changed at the same time.
--------------------------------------------------------------------
1.將sample Powerpoint下載於桌面,並將該檔案上傳至Google docs,上傳結束後,按右上角之Publish發佈之(如下圖所示)。

2.發佈完成後,點選右上角之Start presentation,即可開始簡報(如下圖所示)。

3.將上一步驟的網址,及發佈網址於另瀏覽器開啟之,此乃係利用不同瀏覽器間互不干擾的特性(如下圖所示)。

4.簡報的一方,即主講者,可於交談欄內與聽講者溝通(如圖所示)。

5.聽講者亦可與主講者溝通(如圖所示)。

2007年12月30日 星期日

期末報告題目

Laszlo (Laszlo in 10 minutes),挑選一個範例進行個人研究,說明你為什麼挑選這個範例,這個範例讓你學到什麼概念,請你製作一個講義說明這個範例。

[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="花蓮地區" /]
[textlistitem text="台東地區" /]
[textlistitem text="金門" /]
[textlistitem text="馬祖" /]
[textlistitem text="澎湖" /]
[/combobox]

[statictext fontstyle="bold" >
您想查詢的日期是?
[/statictext]
[radiogroup x="25" name="definition"] --------->點選的位置和名稱
[radiobutton value="1"] --------->第一個選項
2007/12/30
[/radiobutton]
[radiobutton value="2"] --------->第二個選項
2007/12/31
[/radiobutton]
[radiobutton value="3"] --------->第三個選項
2007/1/1
[/radiobutton]
[/radiogroup]


[button text="Submit" isdefault="true"
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]

圖示:
程式碼1.


程式碼2.


成功顯示出來


點選進入後


PS.程式碼的"["皆為"<",同理"]"皆為">"

這個程式碼很常在網路被使用,例如問卷調查\月薪選項等,剛開始會所以一直覺得很難,摸索了很久,也出現了許多次"error"的畫面,從以前救很佩服那些會撰寫程式的人,真沒想到我也有學會的一天,很有成就感。

2007年12月16日 星期日

Homework 12-10-2007

1. List three ways of creating interactive webpages.
(1.)Nvu

NVU 是一套同樣以 Mozilla 為核心的網頁編輯器 (就像市面上常見的 FrontPage 或Dreamweaver 等等網頁編輯程式),承襲了 Mozilla 的特色, NVU 是一套開放源碼(Open Source)、 跨平台(Cross Platform)、免費的程式。NVU
(2.)CGI
在觀賞網頁時,瀏覽器會和 Web 主機上的 Http server 建立一個連線,但是Http server 不是去抓檔案,而是去啟動一個 CGI 程式, 然後將 CGI 程式所產生的內容當成 HTML 傳回給使用者瀏覽器.CGI介紹
(3.)Greasemonkey
GreaseMonkey是網頁瀏覽器Mozilla Firefox的一個附加元件。它讓使用者安裝一些腳本使大部分HTML為主的網頁於使用者端直接改變得更方便易用。維基百科
2. Lab DOM and Javascript.
3. Reading Assignments:AJAX by Jeremy Keith

2007年11月30日 星期五

Homework 11-26-2007

1. Problem 1 & Problem 3 of Textbook on Page 55.
(1)試解釋WEB技術演進是要解決什麼樣的問題?
Web 1.0是靜態的網頁,主要以網站業者單向的提供內容為主,其目的是為了吸引更多人去瀏覽造訪該網站,但是光靠單方向獲取內容是無法滿足廣大群眾的需求,所以有了Web 2.0的出現。
Web 2.0相較於Web 1.0,其從靜態html到動態html,給使用者很大的方便,且現在幾乎都有了現成的程式,只要動手就可以擁有一個屬於自己的部落格。其主要的精神在於由網友一起建構出內容,同時落實彼此分享以達到群眾智慧的最大效益,也可以雙方面的互動。

綜上所述,Web2.0的時代是以「人際關係」作為一種商品,而Web1.0時代則以提供「資訊」的營運模式,由此可看出Web技術的演進是隨著上網人數不斷的增加;根據使用者的需求,及為了提高網站效率\迅速的提供更新的資訊\增快網路的速度,和網路安全等問題,使得Web的技術不斷的演進。

(2)程序(PROCESS)和執行緒(THREAD)對網站性能有什麼不同的影響?
程序(Process)技術的使用主要是用在Web系統演進的第二時期,當使用者增多時,由於耗費過多系統資源會導致網站速度明顯下降。
執行緒(Thread)技術的使用主要是用在Web系統演進的第三時期,取代了程序,而使用常駐的服務(Service\Daemon),此程式會一直留在系統內,除非關機,否則會一直做服務。當人多時Thread就會變多;人少時,Thread就會減少,故不會耗費系統資源而導致網站速度下降。
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 method是指定使用post的方式來做資料的傳送,而編碼方式大多是用在於上傳檔案時,檔案是必須要經過特別的處理過才能夠被網頁的伺服器所解讀。
Get method是希望把表單的內容變成一個可讀的網址。
然Post與Get本身有差異:
1.GET有上傳資料量的限制,一般傳送大量的資料或者上傳檔案都不會使用GET。
2.POST適合用來傳送大量的資料,直接由伺服器接收。
3.POST本身的傳送是基於最終的檔案本身再傳入相關的欄位變數,而由於指定了POST,所以網址列會把GET的部份省略。
答:用Post method.
參考資料:PHP教學
4. Reading Assignments:XML (Page 187-188 on the Textbook)

2007年11月25日 星期日

Homework 10-1-2007

根據無障礙網頁設計原則
1. 為什麼不要開出新視窗?
對於一般人而言:因為新視窗不會保有前一個視窗的瀏覽歷程,所以「上一頁」按鈕將會失去功效。
對於要連結到某個鏈結;瀏覽某個搜尋結果,然後回到上一頁的使用者而言,若開啟新視窗則不會存有上一頁之情形。

對於視障者而言:雖然 JAWS 會在連結開出新視窗時唸出「 New browser window 」,但仍然容易在它唸出鏈結文字和新頁面內容之間被漏掉。如果沒有了「上一頁」。當Jackie 沒有聽到「 new browser window 」的話時,就沒辦法瞥見工作列上開了兩個瀏覽器視窗了,勢必就得去讀整個已開啟視窗清單。

2. 為什麼要使用貼切的網頁標頭? 而不是留白?
使用貼切的網頁標頭,可以節省觀看者的搜尋時間,讓對方知道什麼文章是他所要的。
雖然慢慢的閱讀文章也是一種方法,但對於追求效率;以及不方便的朋友來說,使用貼切的網頁標頭可以幫他們很大的忙。
有些螢幕朗讀軟體會讀出網頁標頭,例如:JAWS就有個特別的鍵盤快速鍵 (INSERT + F10) 能顯示(並唸出)目前所有開啟視窗的標題。如果開啟的是網頁就會唸出網頁標題。當使用 ALT-TAB 切換視窗時,它也會唸出視窗標題。

對於視障者而言,使用貼切的網頁標頭等同於給了他們一雙眼睛,讓他們知道哪些資訊是他所想要;若是選擇留白,使得螢幕朗讀軟體讀不到,那些視障者勢必得一篇一篇文章聽。

使用貼切的網頁標頭,可以使得Google在搜尋的結果裡顯示網頁標題,而且位於網頁標題的關鍵字會有比較高的排名;但若留白則無法顯示其標題,故使用貼切的網頁標頭利多於弊。

3. 定義快速鍵有什麼好處?
HTML 有一個鮮為人知的功能,就是在鏈結及表單裡還可以使用accesskey屬性,讓網頁設計師定義常用鏈結或表單區域的快速鍵。在 Windows 上,可以按下 ALT + 某個便捷鍵;在 Macintosh 上則是按下 Control + 某個便捷鍵。如果便捷鍵是被定義在某個鏈結上的話,妳的瀏覽器就會跟著連結出去;如果是被定義在表單區域的話,妳的瀏覽器就會把焦點一到那個區域裡,及謂不需要滑鼠即可有效率的跳入下一個鏈結。

對於視障者而言:因為當 JAWS 讀到定義有accesskey的鏈結時,也會把這個便捷鍵唸出來。舉例來說, Home pageD 這個鏈結會被 JAWS 讀成「 link: Home page, ALT + 1 」。所以使用者可以按下 ALT+1 來把瀏覽器焦點移到那個鏈結,然後再按下 ENTER 就可以從那個鏈結連出去。

對於無法有效率地使用滑鼠者而言:使用者可以靠鍵盤導覽以及快速鍵的幫忙來在頁面中移動。便捷鍵可以幫他非常有效率地跳到常用的鏈結。只要能夠按下 ALT+1 ,接著 Mozilla 就會馬上連到定義有 accesskey="1" 的鏈結去。

2007年11月9日 星期五

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?
web accessibility指的是無障礙網頁,遵循無障礙網站設計之規範,提供網頁導盲磚、鍵盤快速鍵(Access Key)、網站導覽(Site Navigator)等無障礙網頁之設計,為使對滑鼠操作有障礙之人士\視障朋友\老年朋友等人亦可快速瀏覽網站之任何資訊。
製作無障礙網頁時,除了要使用Accesskey熱鍵,亦要注意色彩的選擇,以及不要再使用跑馬燈和閃爍的圖片,只要多方位的替身心障礙者著想,就可使身心障礙人士以及一般閱聽大眾都可與你我一樣"觀看"網站。

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?
資料庫是相關資料的集合,這些資料依適當的方式儲存起來,讓使用者可以依他們的需求取得所需的資訊。
使用資料庫跟人工尋找比起來使用資料庫便利許多,資料庫不但可以及時有效找出所需的資料,且又可以同一時間內讓多位使用者共用資料庫,例如圖書館的電腦資料庫系統。故資料庫是最有效率的一種儲存\整合系統。

2007年10月29日 星期一

Lab 13: Clean Language

1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.
2. Use Google to search webpages that contains some bad words.
3. Try whether the filtering take effects.
-----------------------------------------------------
1.打開IE安裝Clean Language
2.以記事本打開該檔案

3.在一連串Bad Words後面以,"XXX"的型式加入自己所不想看見的Bad Word,並儲存。
4.以Firefox打開檔案,並安裝之,再來打開Greasemonkey。

5.打開網頁測試之。

2007年10月27日 星期六

Homework: 10-23-2007


1. Lab Google PageRank

在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

紐約時報 http://www.nytimes.com --->9分

CNN http://www.cnn.com/ --->9分
台灣雅虎 http://tw.yahoo.com --->6分
蕃薯藤 http://www.yam.com --->6分
PCHome 購物 http://shopping.pchome.com.tw/ --->6分
Monday 購物 http://www.monday.com.tw/ --->4分

接著,以PageRank量測你常用的三個網站。

YouTube: http://www.youtube.com/ --->3分

無名小站:http://www.wretch.cc/ --->6分

六一歌詞庫:http://so61.com/ --->4分
參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式

2. Essay Writing on Google Docs

見上圖

日本七日遊
參考鳳凰城動物園遊記,撰寫一篇你自己的秋日遊記。
這次我們要使用Google Docs來書寫,請參考Google Docs

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是一種用於網上新聞頻道、網誌(weblogs)和其他Web內容的數據交換規範,起源於網景通訊公司(Netscape)的推送技術(push technology),將訂戶訂閱的內容傳送給他們的通訊協同格式(Protocol)。

RSS有訂閱的功能,讓我們可以不用花費許多時間來搜尋自己想要的文章,現今已有許多網站提供RSS服務(RSS feed),用戶只要訂閱自己想要的部落格或新聞,而網站即自動將新的新聞傳送至訂戶端,用戶可以不用一個一個去各個網頁搜尋,既省時又方便。
資料來源:維基 RSS

2007年10月4日 星期四

Homework 10-1-2007

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

2. 一篇部落格是否只能使用一個標籤,如果不是,請舉出反例。
否,第一題就是一個部落格,但使用不只一個標籤的例子。
可點第一題so what進入即可看到該篇文章有Homework與Note兩個標籤。

3. 參考標籤(tag,或稱label)的定義,使用標籤有什麼好處? 標籤與分類有何不同?
標籤可以把自己的文章分類的更精確,在不想另加一大堆目錄的情況下,使用標籤是很好的解決方案。
根據文章標籤的種類的分類展現方式,很容易就可以讓自己或是訪客瞭解網誌的文章走向,或是網誌風格。訪客可能在看到他所喜好的一篇文章的特殊標籤後,會進一步想看看這個標籤下,還有什麼其他的文章,可以節省搜尋文章的時間。
標籤:任何一篇文章,很可能同時屬於兩個以上的分類,及如第一題可同時屬於Homework與Note兩個以上的分類。
分類:任何一篇文章只能選擇一個分類。
參考資料:web 2.0 私標籤&公標籤

4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.
<7.> 試舉出一些實例說明靜態網頁是不夠的,必須要有 CGI 的機制?
現在網路不再像以往一樣只單方面的接收訊息,網路可以互相交流已經是現今趨勢,而使用者透過CGI執行則可以擁有雙向互動的功能。
例如網路上的留言版\計數器等,光靠靜態網頁是無法快速獲得新的訊息,且無法互相交流達到跟使用者互動的效果,所以就需要CGI機制來及時展示網站上最新的資料。

<8.> 為何經由 CGI 程式所產生的網頁稱為動態網頁?
CGI(Common Gateway Interface),中文名稱為『共通閘道介面』,為一種標準程式執行介面,主要在於能讓你的網頁跟網站伺服器(Web Server)溝通,達到跟使用者互動的效果。透過CGI程式,可以讓我們動態的產生網頁,即時展示網站伺服器(Web Server)上最新的資料。當我們連結到一個CGI物件時(非網頁,而是一個在網路伺服器端執行的程式),我們所取回的文件並非是一份靜態資料,而是一個藉由程式動態產生的HTML資料(取回的資料只是程式執行後的結果),故輸出到使用者瀏覽器上的文件因不是事先存在WWW伺服主機上的文件,故稱為動態網頁。
參考資料:CGI與ASP
<9.> 某 CGI 程式是使用 Net.Data 語言來開發設計,請問用戶端是否要使用 Net.Data 專屬的 browser?
不用,因為CGI不是一種語言;而是一種介面,它的功能是扮演瀏覽器和程式的橋樑,任何可以在伺服器主機上使用的語言,都可以用來寫作CGI程式,又因CGI輸出的資料要遵照HTTP的協定,所以不需使用專屬的瀏覽器來開。

so what

升上大四驚覺真的該好好的規劃自己的未來,周圍的人大多開始補習;不是準備考國考,就是準備考研究所.
但我常在想他們是真的知道自己要做什麼嗎?
是真的想讀研究所而去準備,還是因為不想這麼早進入職場而準備?

大四是個該替自己規劃未來的一年,很慶幸我們要讀五年,可以比其他人多一年的時間思考自己的未來.
很多人常問我,妳為什麼要讀法律系?
其實並不是我熱愛法律,而是法律是保護懂得法律的人!
老師說我們讀法律的路很廣,以後出來可以準備考國考\公務人員,或者去私人機關工作
但我覺得出來不外乎就是考試考試還是考試...

家人都叫我考研究所,他們說現在大學畢業出來的人到處都是
但是她們不知法律系的研究所很枯燥,不外乎一堆理論,我比較喜歡實際運用
研究所我想選擇不同領域,不想讓我的專長僅限於法律,所以我選擇了電子商務學程
雖然對法學院的我有點吃力,但能從中獲得知識的過程我覺得很快樂
大家都講求現在是個專精的世界,但我認為人生只有一次,而不是一昧的靠別人來幫忙,如果能在一生中學到許多不同的東西不是很好嗎?

不會寫程式多做幾次總有會的時候吧?
電腦壞了可以嘗試尋找到底是哪裡出了問題,正所謂三折肱成良醫.
只要抱著我要學到一些東西的心態去上這個學程,漸漸會發現其實我學到了很多不同的東西,也從中得到很大的成就感.
我已經得到了自己所想要的結果,就算未來都沒派上用場那又如何?!