- What is web accessibility?
- Accessible search engine
- Use accesskeys
預告: 11/19 期中考週不上課
星期二, 10月 30, 2007
Talk Outline: Accessibility
Accessibility
預告: 11/19 期中考週不上課
預告: 11/19 期中考週不上課
Talk Outline: Tools for Browsers
- JavaScript, client side language turning homepage documents into rich user experiences
- Cookie, what it is and how it works
- GreaseMonkey, post-processing the webpages for Firefox
星期一, 10月 29, 2007
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.
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?
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.
2. Use Google to search webpages that contains some bad words.
3. Try whether the filtering take effects.
Lab 12: Greasemonkey
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
- 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 writes to you. Does our class blog use cookie or not? Does Google use cookie?
- You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
- Install Web Developer Toolbar to examine cookies.
星期六, 10月 27, 2007
賀: 學生研究成果獲選美國ACM ASSEST 2007 無障礙科技競賽前四名
士楷到美國鳳凰城參加ACM無障礙科技研究大賽結果，題目: A Novel Wayfinding System with Deviation Recovery for Individuals with Cognitive Impairments
進入決賽中的四位之ㄧ，另外三位都是美國團隊 Northeast U, SUNY, Wright State U.，雖沒有獲首獎，我跟士楷講， 能夠在ACM任何比賽入圍已經是很大的肯定，也是ㄧ輩子都會記得的經驗。
進入決賽中的四位之ㄧ，另外三位都是美國團隊 Northeast U, SUNY, Wright State U.，雖沒有獲首獎，我跟士楷講， 能夠在ACM任何比賽入圍已經是很大的肯定，也是ㄧ輩子都會記得的經驗。
星期二, 10月 23, 2007
星期一, 10月 22, 2007
Lab Technorati
Use Technorati to measure the authority of blogs and show how many links the following blogs have.
Scobleizer http://scobleizer.wordpress.com/
Techcrunch http://www.techcrunch.com/
Engadget http://www.engadget.com/
Reflection http://www.chieftain.idv.tw
Java http://javaatcycu.blogspot.com
yours
Scobleizer http://scobleizer.wordpress.com/
Techcrunch http://www.techcrunch.com/
Engadget http://www.engadget.com/
Reflection http://www.chieftain.idv.tw
Java http://javaatcycu.blogspot.com
yours
Homework: 10-23-2007
1. Lab Google PageRank
在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)
紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
Monday 購物 http://www.monday.com.tw/
接著，以PageRank量測你常用的三個網站。
參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式
2. Essay Writing on Google Docs
參考鳳凰城動物園遊記，撰寫一篇你自己的秋日遊記。
這次我們要使用Google Docs來書寫，請參考Google Docs
在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)
紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
Monday 購物 http://www.monday.com.tw/
接著，以PageRank量測你常用的三個網站。
參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式
2. Essay Writing on Google Docs
參考鳳凰城動物園遊記，撰寫一篇你自己的秋日遊記。
這次我們要使用Google Docs來書寫，請參考Google Docs
Google Docs
1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.
Hint: This is a sample Word document.
News coverage:
Google “Docs & Spreadsheets” Launches ,Oct 2006
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.
Hint: This is a sample Word document.
News coverage:
Google “Docs & Spreadsheets” Launches ,Oct 2006
評分格式: 智慧型精障者走失偵測系統之行動運算
你覺得這篇論文創新性如何? 非常好 好 普通 不好 很差
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 非常好 好 普通 不好 很差
你覺得簡報內容呈現如何?是不是清晰簡明? 非常好 好 普通 不好 很差
你覺得這篇論文對社會貢獻如何? 非常好 好 普通 不好 很差
你覺得這篇論文對學術貢獻如何? 非常好 好 普通 不好 很差
請自由表達你對此篇論文的意見或建議。
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 非常好 好 普通 不好 很差
你覺得簡報內容呈現如何?是不是清晰簡明? 非常好 好 普通 不好 很差
你覺得這篇論文對社會貢獻如何? 非常好 好 普通 不好 很差
你覺得這篇論文對學術貢獻如何? 非常好 好 普通 不好 很差
請自由表達你對此篇論文的意見或建議。
評分格式: 『實境導航，有障無礙』 無線行動化的社區智慧型空間- 認知障礙者路徑指引系統
你覺得這篇論文創新性如何? 非常好 好 普通 不好 很差
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 非常好 好 普通 不好 很差
你覺得簡報內容呈現如何?是不是清晰簡明? 非常好 好 普通 不好 很差
你覺得這篇論文對社會貢獻如何? 非常好 好 普通 不好 很差
你覺得這篇論文對學術貢獻如何? 非常好 好 普通 不好 很差
請自由表達你對此篇論文的意見或建議。
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 非常好 好 普通 不好 很差
你覺得簡報內容呈現如何?是不是清晰簡明? 非常好 好 普通 不好 很差
你覺得這篇論文對社會貢獻如何? 非常好 好 普通 不好 很差
你覺得這篇論文對學術貢獻如何? 非常好 好 普通 不好 很差
請自由表達你對此篇論文的意見或建議。
星期日, 10月 21, 2007
10-22-2007 特別演講
講題: 『實境導航，有障無礙』 無線行動化的社區智慧型空間- 認知障礙者路徑指引系統
講者: 朱衍印
時間: 7:00 p.m.
講題: 智慧型精障者走失偵測系統之行動運算
講者: 莊育嘉
時間: 8:00 p.m.
講者: 朱衍印
時間: 7:00 p.m.
講題: 智慧型精障者走失偵測系統之行動運算
講者: 莊育嘉
時間: 8:00 p.m.
星期五, 10月 19, 2007
星期一, 10月 08, 2007
網址與連結示範
設計網頁，最好從使用者的角度來思考。如果我們列出ㄧ個 URL，也許這樣的來源資訊已經夠清楚，但是對使用者來說，點選才是真正想做的。以下是幾個不同的作法:
1. 錯誤示範，這是不能點選的網址:
http://對不起我不能被點選.com.tw
2. 有改進，可以點選了。
http://minstral.blogspot.com
3. 不列出網址，直接產生可以點選的標題。這是更好的作法。
這是電子商務的課程
1. 錯誤示範，這是不能點選的網址:
http://對不起我不能被點選.com.tw
2. 有改進，可以點選了。
http://minstral.blogspot.com
3. 不列出網址，直接產生可以點選的標題。這是更好的作法。
這是電子商務的課程
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.
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.
專業服務
- 學術服務
- TANET 2008, 2007, 2006 論文審查
- panel of TANET 2007, topic: 行動M化關懷社群論壇
- 2007年 全國電信研討會論文審查
- 電子商務學報論文審查
- 論文審查 JAE, 2008
- 專業服務
- 專業演講: 1997-2001,
- 專業演講: 2001-
- 「96年度中研院網站評獎」評獎委員
- 委託研究
- 我國網路安全伺服器數量調查委託研究案 2006, 2007
- 歷年計畫
- 我國網路安全伺服器數量調查委託研究案 2006
- 綠色採購網建置與維運 共同主持人 6/2005~12/2005 行政院環保署 已結案 720,000
- 衛生保健便民網站維運 主持人 1/2005~12/2005 行政院衛生署 已結案 5,940,000
- 無線寬頻示範應用計畫(台南縣) 主持人 11/2004~12/2004 經濟部工業局 已結案 2,750,000
- 無障礙服務入口網站委外建置案 主持人 6/2004~11/2005 僑委會 已結案 4,000,000
- 政府入口網"我的e政府"計畫 共同主持人 5/2004~12/2004 行政院研考會 已結案 2,933,000
- 電視妙管家網站計畫 主持人 12/2003~6/2004 行政院新聞局 已結案 1,260,000
- 衛生保健便民網站建置 主持人 11/2003~12/2004 行政院衛生署 已結案 9,900,000
- 無線寬頻示範應用計畫(台北縣) 主持人 9/2003~2/2004 經濟部工業局 已結案 10,780,000
- 多媒體資料中心建置計畫 共同主持人 7/2003~11/2003 國民健康局 已結案 4,118,000
- 兒童環保教育網站 主持人 3/2003~9/2003 行政院環保署 已結案 1,380,000
- 教育入口網 共同主持人 3/2003~7/2003 台北市教育局 已結案 9,190,000
- 整合型運動入口網計畫 共同主持人 10/2002~12/2005 行政院體委會 已結案 21,000,000
Lab 8: Personal Portal
1. Enter
http://www.google.com/ig
The Google account is the same as your Blogger account.
2. Rearrange the templates. And perhaps remove blocks that you don't need.
3. Add new stuff. For now add the Google Reader, Google Docs, Google Group, Google Calendar, and GMail. You should be able to see the subscriptions in the Google Reader block of your personal portal.
http://www.google.com/ig
The Google account is the same as your Blogger account.
2. Rearrange the templates. And perhaps remove blocks that you don't need.
3. Add new stuff. For now add the Google Reader, Google Docs, Google Group, Google Calendar, and GMail. You should be able to see the subscriptions in the Google Reader block of your personal portal.
Lab 6: RSS
1. Enter Google Reader
2. Try the following
- iapblog.blogspot.com
- New York Times
- http://yourblog.blogspot.com/feeds/comments/default
(Hint: Examine Yam's RSS feed. Use IE to view original XML.)
Lecture 10-8-2007 http and RSS
HTTP, Hypertext Transfer Protocol
http is based on request-response model. If you don't send requests, there will be no responses from any servers at all.
Limitations
If you have a lot of blogs and news groups to read frequently, the request-response behaviors will cost you time to examine each content source respectively. Unfortunately, you may check into websites that have no updates since you checked in last time.
RSS 2.0
RSS 2.0 is a syndication standard using XML. With RSS 2.0, you can subscribe to the source feeds in RSS 2.0 format. Many RSS 2.0 readers can keep an unread list for you, so that you always see the latest updates from the information sources you subscribe to.
Further Reading
pp. 183-185 of Textbook.
http is based on request-response model. If you don't send requests, there will be no responses from any servers at all.
Limitations
If you have a lot of blogs and news groups to read frequently, the request-response behaviors will cost you time to examine each content source respectively. Unfortunately, you may check into websites that have no updates since you checked in last time.
RSS 2.0
RSS 2.0 is a syndication standard using XML. With RSS 2.0, you can subscribe to the source feeds in RSS 2.0 format. Many RSS 2.0 readers can keep an unread list for you, so that you always see the latest updates from the information sources you subscribe to.
Further Reading
pp. 183-185 of Textbook.
星期一, 10月 01, 2007
Homework 10-1-2007
1. 參考單車上的靈感，開始用部落格書寫你的個人散文，並加上適當標籤。
2. 一篇部落格是否只能使用一個標籤，如果不是，請舉出反例。
3. 參考標籤(tag，或稱label)的定義，使用標籤有什麼好處? 標籤與分類有何不同?
Due 10/8/2007 at 13:00. Please write your homework on your own blog.
2. 一篇部落格是否只能使用一個標籤，如果不是，請舉出反例。
3. 參考標籤(tag，或稱label)的定義，使用標籤有什麼好處? 標籤與分類有何不同?
Due 10/8/2007 at 13:00. Please write your homework on your own blog.
Lab 4: Adding Links on Your Blog
1. Check into your blog homepage.
2. Enter "自訂"
3. Select "連結清單"
4. Write down "http://iapblog.blogspot.com/" and the title as "網際網路應用系統設計"
5. Add your own favorite links.
2. Enter "自訂"
3. Select "連結清單"
4. Write down "http://iapblog.blogspot.com/" and the title as "網際網路應用系統設計"
5. Add your own favorite links.
Lab 5: Adding Labels for Blogs
Labels are key elements of Web 2.0.
Professional blogs have labels. In this lab, you will learn how to put labels on your blogs to make them look professional.
1. Check into your blog homepage.
2. Enter "自訂"
3. Follow the steps to create Label Block by drag and drops.
4. Get back to your existing blog posts. Fill the blanks at the field Labels (文章的標籤).
5. Save the changes.
6. Back to the blog and check if the labels come up.
Professional blogs have labels. In this lab, you will learn how to put labels on your blogs to make them look professional.
1. Check into your blog homepage.
2. Enter "自訂"
3. Follow the steps to create Label Block by drag and drops.
4. Get back to your existing blog posts. Fill the blanks at the field Labels (文章的標籤).
5. Save the changes.
6. Back to the blog and check if the labels come up.
Introduction to Internet
Inventor of the internet technology packet switching, Leonard Kleinrock
" Dr. Leonard Kleinrock created the basic principles of packet switching, the technology underpinning the Internet, while a graduate student at MIT. This was a decade before the birth of the Internet which occurred when his host computer at UCLA became the first node of the Internet in September 1969."
Tim Berners-Lee
"In 1989 he invented the World Wide Web, an internet-based hypermedia initiative for global information sharing while at CERN, the European Particle Physics Laboratory. He wrote the first web client and server in 1990. His specifications of URIs, HTTP and HTML were refined as Web technology spread."
W3C
" Dr. Leonard Kleinrock created the basic principles of packet switching, the technology underpinning the Internet, while a graduate student at MIT. This was a decade before the birth of the Internet which occurred when his host computer at UCLA became the first node of the Internet in September 1969."
Tim Berners-Lee
"In 1989 he invented the World Wide Web, an internet-based hypermedia initiative for global information sharing while at CERN, the European Particle Physics Laboratory. He wrote the first web client and server in 1990. His specifications of URIs, HTTP and HTML were refined as Web technology spread."
W3C
訂閱：
文章 (Atom)