雛型(半成品)，網站建議書繳交日期 6/19/2009
請以Google Docs 填寫，將網址放在以下意見欄。
期末網站作品初稿網址，請一併填寫。
ps: 關於期末報告
2009年6月12日 星期五
Lab Drag and Drop
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.
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 Movie Player
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.
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.
Lab Speed Test
測試中原大學與中央大學對外頻寬速度。
Tool: Speedtest
cycu proxy: proxy.cycu.edu.tw:3128
ncu proxy.csie.ncu.edu.tw:3128
Tool: Speedtest
cycu proxy: proxy.cycu.edu.tw:3128
ncu proxy.csie.ncu.edu.tw:3128
圖1. 中原大學proxy
2009年6月5日 星期五
Lab Google Analytics
1. Enter Google Analytics
2. Put the code provided by Google Analytics in your own blog.
2. Check the results to see the daily traffic chart, the recent visitors by locations.
2. Put the code provided by Google Analytics in your own blog.
2. Check the results to see the daily traffic chart, the recent visitors by locations.
申請跑流程
將上面給的程式碼放入html編碼中
2009年5月15日 星期五
Lab DOM
[Lab]
1. Open NVu
2. Based on the code as inhttp://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.
1. Open NVu
2. Based on the code as inhttp://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.
Lab Create Image using DOM
1. Open Nvu
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
2009年5月14日 星期四
SOME DATA
7. 在CGI語法裡，解釋 GET, POST 差異在哪裡?
post 似乎是把表單送出去給預設好的網頁 (因為網址長度有限制)
get 送參數(取得資源)
| POST | Create | Create a resource without id. |
| GET | Read | Get a resource. |
9. Google Access Keys 有哪些功能? 能對視障者提供何種協助?
Access Key 搭配錨點(Anchor)使用：視障者少用滑鼠，而多用鍵盤。Access Key 讓視障者用快速鍵跳到特定的區塊，Anchor 上的id有助於視障者了解這個區塊的大意
圖片、影片、聲音檔的替代文字(Alt)：即使視障者無法看見真正的圖片影音，但仍然可以由Alt或是旁邊的文字說明來了解。
合理的Table：用來陳述資料，而非用來排版。善用和增加表格的可讀性。
1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
Hint: a sample work
1. 什麼是RSS?請舉出3個網站說明之。
RSS（簡易資訊聚合）是一種消息來源格式規範，用以發佈經常更新資料的網站，例如部落格文章、新聞、音訊或視訊的網摘。RSS文件（或稱做摘要、網路摘要、或頻更新，提供到能道）包含了全文或是節錄的文字，再加上發用者所訂閱之網摘佈資料和授權的元數據。網路摘要專業層面能夠者自和閱讀網摘的使動地發佈他們的資料，同時也使讀者能更夠定期更新他們喜歡的網站或是聚合不同網站的網摘
2009年5月8日 星期五
Lab Hand code a form
Hand code a HTML or use Nvu to edit an HTML so that the webpage can send a request to Google likehttp://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.Try a few different coordinates.
Use Form CGI that includes action, input, and submit.Try a few different coordinates.
Lab 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.)
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. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
Homework 5-1-2009
1. 嘗試闖關以下這個遊戲Place That State Game
2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%40group.calendar.google.com&ctz=Asia/Taipei>進入後按右下角+Google日曆即可訂閱
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%40group.calendar.google.com&ctz=Asia/Taipei>進入後按右下角+Google日曆即可訂閱
2009年5月1日 星期五
Lab Mash-up 3
Maps of the Swine Flu Outbreak - Part 1
Maps of the Swine Flu Outbreak - Part 2
Maps of the Swine Flu Outbreak - Part 3
這些應用的特點是什麼?
ps. More applications of Google Maps
Maps of the Swine Flu Outbreak - Part 2
Maps of the Swine Flu Outbreak - Part 3
這些應用的特點是什麼?
ps. More applications of Google Maps
都是結合了免費的電子地圖結合數據去標出各地區的某個特點
讓人可以馬上知道他所代表的涵義 也比起文字敘述更能明確的去了解
比如豬流感病例 也不必從新聞報導中得知 只要看這張電子地圖 就能馬上得知那個地區的疫情如何
Lab Mash-up 2
For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
example: TMM
這2個是先用電子地圖去尋找地區 在右方及地圖上皆有顯示資訊
而http://www.housingmaps.com 則顯得十分簡潔扼要 只列出最低基本告知 詳細敘述在點入後才知道 增加幾分期待
http://www.7house.com.tw 就很顯得很麻煩 需要一個一個選項慢慢弄 比起其他2個麻煩的多 而且也不像其他2個是有地圖知道附近環境的基本資訊 完全文字敘述 除非對附近有一定認知否則無法得知在交通上或是購物上是否十分麻煩或是簡便
http://www.7house.com.tw 就很顯得很麻煩 需要一個一個選項慢慢弄 比起其他2個麻煩的多 而且也不像其他2個是有地圖知道附近環境的基本資訊 完全文字敘述 除非對附近有一定認知否則無法得知在交通上或是購物上是否十分麻煩或是簡便
直覺性：7HOUSE>housing>KIJIJI
7HOUSE 和 housing感覺較為直覺 先列出客戶需求 再去選擇
美感：housing>>>>>7HOUSE>KIJIJI
HOUSING簡潔有力 7HOUSE像一般的入口網站 KIJIJI的廣告就像路邊貼那種小廣告一樣...
流暢：housing>KIJIJI>7HOUSE
搭配地圖使用 在參考條件 很容易就能訂出幾個明確目標
預期反應：housing>KIJIJI>7HOUSE
Lab Mash-up 1
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
Hint: a sample work
1.上傳到GOOGLE DOCS中
2.上傳完成後就可在你的GOOGLE DOCS中檢視他
3.選擇分享後可以得到HTML連結
訂閱：
文章 (Atom)