網際網路應用系統設計草案
2010 10 28
定位
網站期中報告
目標
使用google sites 製作一個圍棋相關的網頁
背景
從小喜歡下棋,隨著網路平易化連同下棋也變得隨時隨地。
主題
1圍棋的歷史
2比賽規則
3個大賽事
4網站邏輯架構:條列式顯示,簡單明瞭
5線上服務功能:提供留言服務
My Google Site:
https://sites.google.com/site/as9726126/home
2010年10月28日 星期四
2010年10月25日 星期一
Lab 23 Making web pages accessible
1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.
修改前:
修改後:
2. Fix the failures you found.
修改前:
修改後:
Lab 22 Firefox Accessibility Extension
Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.
1.youtube
2.wiki百科
3.yahoo
Report the summary of all the errors and warnings for each site.
1.youtube
2.wiki百科
3.yahoo
2010年10月18日 星期一
Lab 21: Making images accessible
1. Study what an ALT tag is.
2. Use KompoZer to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html
You can copy and paste the content to your KompoZer.
3. Save your editings and preview your webpage using Firefox
4. Make the webpage accessible by
adding ALT text to the images.
5. Go to the Firefox Add-ons site for Firefox Accessibility Extension
6. Click the "Install now" button on the add-ons website
7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
2. Use KompoZer to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html
You can copy and paste the content to your KompoZer.
3. Save your editings and preview your webpage using Firefox
4. Make the webpage accessible by
adding ALT text to the images.
5. Go to the Firefox Add-ons site for Firefox Accessibility Extension
6. Click the "Install now" button on the add-ons website
7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
Lab 20 More on HTML
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?
紅色代表主題標籤的語法
綠色代表文字標籤的語法
藍色但表連結標籤的語法
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?
圓點標號的語法
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?
紅色代表主題標籤的語法
綠色代表文字標籤的語法
藍色但表連結標籤的語法
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?
圓點標號的語法
Lab 19 HTML
Preparation
1. Using Microsoft Notepad, Copy and paste the HTML example at Introduction to HTML
2. Save the file as myfile.html
3. Open the file using Firefox.
New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.
1. Using Microsoft Notepad, Copy and paste the HTML example at Introduction to HTML
2. Save the file as myfile.html
3. Open the file using Firefox.
New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.
Lab 18 Comparing browsers
Install Google Browser Google Chrome and Firefox 3.0, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.
我覺得關於 chrom比firfox來的親切好懂,像是當你要搜索網站時可以直接在chrom的網址上打你想收尋的內容,不用特別移到最右上角才能打。另外關於書籤的擺放位置也比較習慣。還有整體的配置也是清爽簡單,以圖像來包含選單而非列舉最上層的形式。
我覺得關於 chrom比firfox來的親切好懂,像是當你要搜索網站時可以直接在chrom的網址上打你想收尋的內容,不用特別移到最右上角才能打。另外關於書籤的擺放位置也比較習慣。還有整體的配置也是清爽簡單,以圖像來包含選單而非列舉最上層的形式。
Homework 5
1. 依據 What is web accessibility,試針對三種不同障別舉出三種無障礙設計方式,並請探討跨障別設計是否可行?(也就是所謂的通用設計)
其一:對於視盲著可利用聲控系統導引。並以鍵盤控制為主,避免因看不見滑鼠而耽誤效率。
其二:對於聲音缺陷著可利用腦波判讀,以重建說話能力。物理大師霍金就是最好例子。
其三:對於手足不便著則可利用聲控系統,好代替他們完成一些簡單事項。像電梯上下和開關。
2. 網路可不可能增進身心障礙者的便利,請舉例說明?
可能,而且對於已經習慣使用網路的身心障礙著來說,網路是非常便捷的工具。像是他們可以隨時隨地利用網路收尋醫療相關資訊,也可以不受時間及地點的限制進行遠距離交友或工作。尤其以工作而言,這無非造福許多行動不便的同胞,讓他們不再被一般人詬病為無法貢獻社會的一分子。
3. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
絕對有可能,像是被人植入惡意鍵盤紀錄或電腦竊聽等,都會造成電腦隱私的不安全。另外,電腦本身也有所謂的Cookies紀錄,若不定時清除也極有可能被不肖人士利用。
2010年10月11日 星期一
Lab 17: AccessBar
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
Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.
www.ocac.gov.tw www.epa.gov.tw
Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.
Lab 16: Accessibility in GreaseMonkey
- 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
- Google Access Keys Enables navigation through Google search results.
http://dia.z6i.org/ (中文)
Lab 15 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 14 Greasemonkey
Install Greasemonkey 0.8. 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.comwrites to you. Does our class blog use cookie or not? DoesGoogle use cookie?
- You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
2010年10月4日 星期一
Lab 13: Google Mars
1. Observe how Google Mars loads the map and does the zooming. Is the data downloaded once for all or retrieved on demand?
答:retrieved on demand2. 這個服務的特色有哪些?
根據不同的分類可以找到不同的標識,像Regions(地區)就可以看到關於Planitia, planitiae是Low plain等地區名的介紹。
答:retrieved on demand2. 這個服務的特色有哪些?
根據不同的分類可以找到不同的標識,像Regions(地區)就可以看到關於Planitia, planitiae是Low plain等地區名的介紹。
Lab 11: Using your iGoogle
在你的iGoogle 討論群組 Google Group,加入這個討論區http://groups.google.com/group/mobile-computing
在你的iGoogle 閱讀群組 Google Reader,加入這個部落格http://minstral.blogspot.com/
Lab 12: Using 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量測你常用的三個網站。
紐約時報 9/10
CNN 8/10
台灣雅虎 8/10
蕃薯藤 7/10
PCHome 6/10
Monday 4/10
youtube 7/10
巴哈姆特 6/10
wikipedia 9/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量測你常用的三個網站。
紐約時報 9/10
CNN 8/10
台灣雅虎 8/10
蕃薯藤 7/10
PCHome 6/10
Monday 4/10
youtube 7/10
巴哈姆特 6/10
wikipedia 9/10
Lab 10 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.
我的google docs
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.
我的google docs
Homework 3
1. 想了解老師的研究方向嗎? 請善用中原大學教師著作查詢系統
試問本校近年來論文發表的趨勢如何?
依照SCI資料庫收錄中所見,從1999年僅有理工與電資學院有所論文,而且當中電資學院還略高幾份,只是到後來04年止,電資發表的論文數就遠不及理學院和工學院。另外商學院和人文學院也重原先的零篇開始逐漸遞增,說明學校並沒有漠視其他學院的發表。
2. 了解本系任三位老師得近年著作,請列出這三個超聯結。
薛光華 教授
張耀仁 教授
鍾日龍 教授
3. Firefox 最新的市占率為何? 請註明你的資料來源。
Microsoft Internet Explorer 59.65%
Firefox 22.96%
Chrome 7.98%
http://marketshare.hitslink.com/report.aspx?qprid=0
4. 在Homework 2 中,你得到多少篇回應? 這些回應對你有幫助嗎?
兩篇,幫助不太大。但是當中提醒我應該要培養收尋資料的習慣,並且可以常常找老師討論。
試問本校近年來論文發表的趨勢如何?
依照SCI資料庫收錄中所見,從1999年僅有理工與電資學院有所論文,而且當中電資學院還略高幾份,只是到後來04年止,電資發表的論文數就遠不及理學院和工學院。另外商學院和人文學院也重原先的零篇開始逐漸遞增,說明學校並沒有漠視其他學院的發表。
2. 了解本系任三位老師得近年著作,請列出這三個超聯結。
薛光華 教授
張耀仁 教授
鍾日龍 教授
3. Firefox 最新的市占率為何? 請註明你的資料來源。
Microsoft Internet Explorer 59.65%
Firefox 22.96%
Chrome 7.98%
http://marketshare.hitslink.com/report.aspx?qprid=0
4. 在Homework 2 中,你得到多少篇回應? 這些回應對你有幫助嗎?
兩篇,幫助不太大。但是當中提醒我應該要培養收尋資料的習慣,並且可以常常找老師討論。
訂閱:
文章 (Atom)