Just do it!!: 10月 2010

2010年10月25日星期一

協作平台

使用Google Sites 架設網站，主題可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,

評分標準

創新(20%)
資訊完整性 (30%)
美學 (25%)
網站邏輯架構 (15%)
線上服務功能 (10%)

雛型(半成品)，網站建議書(範本)繳交日期 10/25/2010
成品繳交日期 11/01/2010
-----------------------------------------------------------------------------

我的天空網站建議書草案
25.10.2010

定位
讓我周遭的朋友、同學能夠對我有更進一步的認識。
也能將我所學習的東西，運用在生活上，幫助大家。

目標
1.與朋友、同學分享我的生活點滴。
2.讓中原大學的同學能位自己權益發聲。

背景
科技日益發達，部落格已是大眾互動最重要的平台，但太多部落格不免讓人覺得煩雜，因此建立一個整合平台，將個人擁有的網路資源放在一個網站上，更利於他人認識自己，也能幫助同學免於學生權益受損。

功能
1.認識：讓大家認識我參與的社團、組織、生活。
2.連結：將分散於網路各地，跟我有關的網站，蒐集起來。
3.搜尋：可利用搜尋功能，搜尋站內站外的資訊。
4.幫助：藉由現在參與的組織，幫助同學捍衛自身的學生權益。
5.宣傳：讓我的家鄉、我的社團、我的組織能更廣為人知。

雛型：我的天空

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.

使用 Firefox Accessibility Extension 看 google首頁的結果

將google首頁存檔，使用kompozer-0.7.10-win32編輯

開啟存檔後的google網頁，再執行 Firefox Accessibility

Extension 可以看到

比較編輯前後，可以看到Fail消失了。

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.

先安裝 Firefox Accessibility Extension

自動控制社協作平台

雅虎奇摩

中原大學

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.
執行kompozer.exe

載入http://bloggercamp.blogspot.com/2007/01/2007.html

在source裡面的alt="加入文字"

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website
下載 Firefox Add-ons site for Firefox Accessibility Extension

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
使用Show Text Equivalent" function前

使用Show Text Equivalent" function後

發現圖不見了，只剩下文字。

Lab 20 More on HTML

Headings
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?

h1~h6代表的字體大小，本圖是由h1寫到h6，字體大小由大變化到小。

Lists
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?

目前看到有3種list，分別為HTML Unordered Lists、HTML Ordered Lists、

HTML Definition Lists。

Lab 19 HTML

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example atIntroduction 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
到網頁編輯自己的HTML。

5. Copy and paste the HTML example at Introduction to HTML
將內容複製到記事本內。

將檔案另文存為.html檔，並按右鍵點選內容，將其改成使用firefix開啟。

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.
先下載 Google Chrome 和 Firefox 3.0

網路爬文一下，找到了一篇這樣的文章：Google Chrome執行速度快?到底有多快?寫程式來比較看看囉~

我很好奇的開了一下工作管理員，發現

chrome 好像分很多個工作在運作，firefox只有一個在運作，
可是把使用記憶體加一加，發現firefox好肥>"<

使用心得：

chrome 速度比較快，在看youtube方面比firefox順暢多了，尤其是在學校，

每當使用firefix要進入youtube看影音的時候，就會跑出

"您好，您可能已關閉 JavaScript，或者 Adobe Flash Player 的版本過舊。"

真的是很@$$%@#$@#@#$

不過使用chrome後，就不會有這種問題了^^

上面說的是針對 Adobe Flash Player 而已啦！

若真的要比的話啦，我覺得chrome給我的感覺比較輕便，不帶壓力。

firefox給我的感覺就有點沉重，可能是因為工作列比chrome多的緣故吧！

2010年10月17日星期日

Homework 5

1. 依據 What is web accessibility，試針對三種不同障別舉出三種無障礙設計方式，並請探討跨障別設計是否可行?(也就是所謂的通用設計)

(1)視障：使用語音系統，使視障朋友能知道自己目前位於何處(現實或虛擬)。

(2)聽障：使用手語系統，透過程式將語音轉變為手語，讓聽障朋友了解語音內容。

(3)肢障：使用行為辨識系統辨識人的臉部，轉譯成電腦程式，讓機器之道該怎們做。

最近常在新聞上看到，透過腦波就能使義肢行動，好比切蘋果、舉重物。
如果研發出人類腦波行為辨識系統，那麼機器就能幫助人類做很多事了。

2. 網路可不可能增進身心障礙者的便利，請舉例說明?
可以；
對行動不方便的朋友們來說，只需要攜帶一台筆記型電腦就能遨遊世界，
網路除了基本的瀏覽時事功能外，還有即時通訊的功能在，大大提升了這些朋友的視野。

3. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
基本上瀏覽器應該是不太會洩漏使用者的隱私，我覺得會洩漏使用者隱私的是網站上面的程式，
好比說cookie，就會將使用者資料記錄下來，若此時又遭有心人士使用時，那就不妙了。

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.

Step.1.點選 AccessBar 安裝腳本。

Step.2.查看新增的腳本。

Step.3.查看 www.ocac.gov.tw 可以看到網頁下面多一行黑黑的功能表。

查看 www.epa.gov.tw

查看行政院

查看立法院

查看司法院

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.

Reference:
http://dia.z6i.org/ (中文)

Step.1.先進入Google Search Keys

Step.2.點選Install Search Keys 1.0.1，安裝完成後出現此圖示。

Step.3.進入 Google Access Keys ，點選install

Step.4.點選安裝。

Step.5.查看新增後的腳本。

Step.6.進入搜尋引擎搜尋，發現到每篇文章後面都會有數字。

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.

Step.1.先進入Clean Language