chris5860: 5月 2010

2010年5月24日星期一

Lab 29: DOM

2. Based on the code as in http://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 28: Create Image using DOM

1. Open KompoZer
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.
4. Use a button to load the image. Try how onclick works.

2010年5月10日星期一

Lab Hand code a form

Lab 25 Lab Form and Action

Homework5

一.
google docs 的表單、文件、報表

二.

網頁高度互動性設計是有可能將無障礙設計納入考量的。World Wide Web Consortium最近編制了兩份有關網頁無障礙的草稿文件，第一份 Shared Web Experiences: Barriers Common to Mobile Device Users and People with Disabilities ( http://www.w3.org/WAI/mobile/experiences ) 列出了為殘疾人士設計網站和為流動設備設計網站的一些共同需求。在推動無障礙網頁設計的角度而言，此文件可使網頁設計者了解製作無障礙網頁除了使弱勢社群能受益以外，亦對一般人士使用流動設備如手提電話、 PDA、MID等瀏覽網站帶來方便。另一份文件則講述了如何使新一代Web 2.0網站(RIA)加入無障礙元素 Accessible Rich Internet Applications (WAI-ARIA) Version 1.0)

WAI-ARIA即W3C Web Accessibility Initiative Accessible Rich Internet Applications，中文翻譯為「無障礙富互聯網應用程序」。同時W3C制定了WAI-ARIA角色標準。Google前不久宣佈將大力支持WAI-ARIA，而且其Google reader的屏幕閱讀功能即是通過WAI-ARIA實現的。目前，Firefox已經開始支持WAI-ARIA，IE8部分支持。Safari 4也開始支持WAI-ARIA角色。

隨著Rich Internet Applications,RIA和XMLHttpRequest的出現，更新網頁內容不需要等待重新刷新網頁的時間，而是網頁自動更新。還有，Web Accessibility Initiative 的Accessible Rich Internet Applications suite這一類新興的標準，讓螢幕閱讀器可以解讀豐富網際網路應用程式，並與之互動。這些新興的標準與HTML 5 一起可以更好地支援，視訊、音訊、動畫以及表格。

三.

1.
美國哥倫比亞大學的「電腦繪圖與使用者介面實驗室」製作了一套實驗式室外系統，用來協助觀光客遊覽大學校園。使用者背包上的筆記型電腦會輸出電腦影像，疊現在外型長得像墨鏡的光學式透視顯示器上，而頭頂上的GPS接收器則會隨時追蹤使用者的位置，隨時校正虛擬影像應呈現的位置與方向。

2.
美國哥倫比亞大學實驗室製作了一套關於布隆明達精神病院（哥倫比亞大學現有校地先前的使用者）的三維影像歷史紀錄片，影像顯示的位置就在它原來的地點上。使用者可以一面看紀錄片，一面透過手持式顯示器取得額外的資訊，這份資訊提供關於布隆明達精神病院歷史的互動式年表。可看到校園中人來人往，而後面則為精神病院的虛擬影像。

3.
美國中弗羅里達大學的研究人員示範AR在醫學上的應用。系統把膝關節的三維模型疊合在使用者看到的女人腿部畫面上，研究人員使用紅外線發光二極體來追蹤腿部的位置。女人彎曲膝部的時候，電腦就會繪出骨骼移動的方式。