網頁

顯示具有 Homework 標籤的文章。 顯示所有文章
顯示具有 Homework 標籤的文章。 顯示所有文章

2010年5月10日 星期一

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在醫學上的應用。系統把膝關節的三維模型疊合在使用者看到的女人腿部畫面上,研究人員使用紅外線發光二極體來追蹤腿部的位置。女人彎曲膝部的時候,電腦就會繪出骨骼移動的方式。

2010年4月18日 星期日

Homework4

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

視障聽障:
網頁內各種圖形、圖表、影像,應加入替代性的說明文字,讓視障者或聽障者可以使用其他替代方式瞭解圖形所代表的意義。
對於網頁中非文字的聽覺與視覺內容,應提供相等內容的替代文字(如透過"alt"、"longdesc")。視覺的內容包含圖片、影像地圖區域、applets、objects、ASCll art等,而聽覺的內容包含聲音、音樂與各項音效等。

肢體障礙或認知障礙:
在網頁的重要資訊上應避免使用炫光、快速動態影像等多媒體效果,以免造成肢體障礙者或認知障礙者的不便。確保會移動、閃爍、捲動或自動更新的物件或網頁能暫停或停止。確保文件簡單、清楚,讓使用者更容易瞭解網頁內容。

身心障礙:
網站內各網頁的瀏覽機制應考量可及性操作的需求。身心障礙者因為其障礙的差異,在使用特殊上網裝置瀏覽網頁時,其瀏覽操作不如市面上一般瀏覽器那麼方便和靈活,因此網站瀏覽機制的設計應力求簡單清楚,讓網頁使用者可以依其需求來瀏覽網站。
例如:為你的網站提供網站地圖或整體性的簡介、避免在網頁上使用ACSII文字藝術、設計並確
保有意義的超連結說明,便於網頁內容的閱讀

跨障別設計是可行的,例如有視障無智障的人,更能理解清楚簡單的網頁設計。無障礙網站的設計不僅是針對身心障礙者的使用問題,透過這樣的設計亦可使一般人更方便地使用網站。例如,在網站上提供圖片替代文字說明,可幫助視障者藉由替代文字說明獲取圖片資訊;對於一般民眾而言,當網站上的圖片無法呈現時,也可經由圖片的替代文字說明獲得資訊。因此提高網路設計的可及性(Accessibility),對於各種障礙者及一般民眾瀏覽網頁都會有所幫助。


2. 依據 Tutorial,HTML 3.2 與 HTML 4.0 最大差別在哪裡?
在HTML 4.0中可以從 HTML文件去除所有格式,並儲存在一個單獨的樣式表。HTML 4.0的所有標籤增加了id以及事件擷取屬性(例如:onclick)。另一個差別就是CSS的使用,除了使用CSS才能達到的效果之外,一般HTML 4.0的網頁大多仍舊使用原本HTML 3.2就已經存在的格式化標籤(例如:、標籤等等)。
DIV 元素在HTML 3.2 中有定義,但HTML 3.2 中只有ALIGN 屬性能相容。HTML 4.0在屬性中加入CLASS、STYLE、和ID 屬性。DIV 可以包含段落、標題、表格甚至其他部分。這使DIV 便於建立不同集成的類,如章節、摘要或備註。



3. 依據永恆的數位分身的說法,試舉出一個實例或反例。
實例:
現在幾乎每個有在使用網路的人至少都會有一個屬於自己的ID,在MSN、噗浪、facebook等社交網站,只要有加你好友的人,一看見這組ID,便能知道這是你,這些帳號假如持續使用,它們是不會消失的,因此不怕失去聯繫。

反例:
一個人可以申請好幾個帳號,有些人會利用這些多重帳號張貼一些不實的廣告,甚至亂加你好友,藉以推銷產品。有些人的帳號甚至會被盜用散播病毒,或是入侵他人隱私,例如E-MAIL帳號。





2010年3月28日 星期日

Homework3

1. 為什麼Google搜尋不考慮網站的駐留時間,點閱次數,或使用者個數評量網頁重要性?
有些網站雖然瀏覽人數很多,但並不代表其內容對社會來說有重要性,像一些流行時尚或是遊 戲的網站,使用者個數很多,但其實這些對我們來說頂多就是新鮮有趣,但不一定重要。註留時間很長,也許有人網站就這麼開著而人不在電腦前;關於點閱次數,絕大多數人都是被標題吸引進去,一進到網站才發現內容其實不那麼有趣甚至是不重要的,因此以此評量網頁的重要性實在欠缺公信。

2. Google 搜尋的主要原理是什麼?請以平易的語言說明。
定期搜索,即每隔一段時間,搜尋引擎自動執行『蜘蛛』程式(因為搜尋機制像蜘蛛一般在網路 上爬來爬去,所以稱為蜘蛛程式),對一定IP位址範圍內的網站進行擷取,一旦發現新的網站(網頁),它會自動擷取網站的資訊和網址納入資料庫。

3. Google PageRank 每差距一分代表網頁的重要性有多大差別?
Google Page Rank每差1分,就代表著網站的重要性差一大截,分數的差距可能是顯示網站的瀏覽次數有差異,也可能是其被連結的次數,被重視程度有差異。越高的分數,就代表在 Google搜尋結果有更多的顯示機會(會擁有愈前面的搜尋排序結果,或者是在一大堆搜尋結果中處於愈前面的頁面),也就意味著光是透過搜尋引擎,就能夠帶來愈多的訪客和流量,這是除了平日固定訪客外,最重要的訪客來源之一。


4. 國內外逐漸觀察到以部落格作為求職履歷的趨勢,你認為這會演變成常態嗎? 請論述。

國內如中正大學已推出部落格履歷,藉由經營部落格的方式,提供同學完整紀錄在學校的學習 過程及上傳個人創意作品的空間,因此包括有社團經驗、求學經驗、歷年修課紀錄、發表文章等功能,製作 e-portfolio 不但可以為自己的大學生活留下記憶,也是同學及老師間互相交流的管道,我們可展現自己的創意及理想或證明自己的實力。藉由資料整理輸入,不但可藉此回顧過去,從中學習反思與累積經驗,也能設定目標,規劃未來,未來更可作為求職或升學時,行銷自己最重要之依據。國內外陸陸續續也有人推出,因此我認為之後部落格履歷將會成為一種常態。

2010年3月15日 星期一

Homework2

1. 以下這些軟體被稱做社會軟體,請問他們具有哪些特性。Social software
blog
facebook
twitter
Digg
Delicious

社會軟體是指支持社群交流的軟體, 藉聚會、連絡及合作, 形成線上社群。 社會軟體的範圍很廣, 包括早
年的郵件論壇(mailing lists)、新聞群組(Usenet), 及當代的部落格(blogs)、維基(wiki)。它的來往
性質, 包括一對一(電子郵件及即時傳訊)、一對多(網頁及部落格)、多對多(wiki)等。由下而上的社群是社
會軟體的特性, 成員都是自發性的, 社群的基礎是信任, 由成員自行管理及形成社群的目標。社會軟體非單
一軟體。它們彼此相互銜接,支持使用者在上面進行知識的建構,分享,創新。網路上的議題與論述又與真實
的社會延續互動,有利於創新及促進批判性討論和反思。各類型的對話,有助於鞏固學得的知識。

(1)blog
部落格好像個人的網路雜誌, 對部落格有不同的解讀。
可以幫助人們藉由電腦網路的媒介,發展社會網路關係的軟體
• 包括碰面/邂逅、互動、溝通、合作
• 由下而上(bottom-up)建構使用者線上社群
部落格的四種特性:
<1>彙整
<2>靜態鏈結
<3>時間戳印
<4>日期標頭
Blog可以是動詞,Blogger就是Blog的人,翻譯成「部落客」,Blogger通常都會閱讀、引用彼此的Blog,儼然成為小型的部落。Blogosphere是指所有Blog網站的統稱。Blog是一種把「在網路上書寫」回歸到日常生活基本使用的生活態度,這種生活態度著重於資料的搜集與整理,鼓勵人們記載、內省及分享。

(2)facebook
Facebook的特點是實名制式的人脈經營,應該稱作社交網站,內容包羅萬象〈有相簿、狀態更新、社
團、小遊戲…〉,在Facebook上開發程序更像是嵌入程序,而不同于通常的Web開發,Facebook是一個平
台,以擁有能讓開發者創建程序的技術集合為特色,開發者創建的程式可以融合Facebook的資料。這可以
包含應用程式,例如使Facebook 調用的Web服務和應用程式能在Facebook內部運行。隨著微軟的一些技術
如Visual Studio可以用來開發Facebook應用程式,Facebook能更好的容納用PHP(Hypertext
Preprocessor,超文本預處理程式)寫的語言。Facebook的開發應用程式的技術包括FBML
(Facebook Markup Language)和IFrame,HTML架構在頁面上了留了一個介面可以在頁面內顯示另一個
頁面。Net庫包含了Web服務並處理鑒定和其他元素。微軟的新多媒體展現技術Silverlight,使用FBML也
能在Facebook獲得支援。Facebook可以讓用戶控制資料,也在軟體方面給了用戶某些強制性的規定,這些
規定是處在變化的狀態。


(3)twitter
微博客典型應用的代表Twitter大受歡迎,原因在於其獨特便捷的溝通模式和惠及民生的諸多應用。
Twitter利用無線網路、有線網路、通信技術等進行即時通訊,允許用戶將自己的最新動態和想法以短資訊
的形式發送給手機和個性化網站群,而不僅僅是發送給個人。Twitter解決了溝通問題,它優化了資訊傳
播,讓即時資訊流通更加暢通,這讓它擁有了獨特的優勢。Twitter的溝通在於它是一個簡單便捷卻又精確
定位的廣播平臺。首先它是一對多的溝通方式,不同於即時通訊。它可以瞬間把個人消息或者組織的消息快
捷地廣播出去。同時由於資訊含量的限制(被限制在140個字符內),導致資訊容量更容易接受,也更容易傳
播。所以作為資訊傳播的平臺,它比電子郵件、即時通訊更加快速。而且包括手機和即時通訊的資訊流的入
口都加入進去,這讓它成為資訊的集散地,更加大它在即時資訊流中的地位。另外Twitter還向用戶提供了
便捷的網路電話應用。他們與Jajah公司合作網路電話。Twitter用戶只需輸入“@call @username”就可
以直接通話,其中“username”為接聽電話的Twitter用戶ID。


(4)Digg

Digg是一個文章投票評論站點,它結合了書簽、博客、RSS 以及無等級的評論控制,Digg自誕生之日起就以一種嶄新的“新聞篩檢程式”模式和獨立的新聞立場給互聯網世界帶來了強烈的影響。它是依靠網友的力量對資訊進行篩選、推薦、投票,進而生成用戶自己的內容。用戶可以隨意提交文章,然後由閱讀者來判斷該文章是否有用,收藏文章的用戶人數越多,說明該文章越有熱點。當dig數(投票數)達到一定程度,那麼該文章就會出現在首頁或者其他頁面上。文章的選取不再由網站編輯決定,網站的經營者對網站內容的控制力很小。然而,Dig不僅能給文章增分,也能給文章減分。


(5)Delicious
書籤共享(Social bookmarking)網站,藉由上傳自己的書籤, 觀看別人的書籤, 達到共享興趣的目的。del.icio.us 是一流的 Web 2.0 站點之一,它允許人們向這些鏈結發佈連結和標記。它為連結集合提供 Web 提要,包括為很多用戶已發佈的連結自動聚合標記,如特殊的 popular 標記等。它還提供簡單和開放的 API。del.icio.us 的主頁嘗試提取用戶標記的主要趨勢。它列出了近來被很多人加為書簽的 hot now 網頁。還列出了編輯認為特別有趣的一些標記。其中有站點所有者的託管博客,還有最新的條目,對於使開放資料支援一組貢獻者(工具、插件、mashup 以及更多內容的開發人員),del.icio.us 演示了如何擁有良好的架構特性,從而帶來更多用戶、吸引更多的貢獻者。


2. 全世界第一個瀏覽器是如何誕生的?


一九九一年,被稱為Web之父的物理學家提拇˙柏納斯李(Tim Berners-Lee)在日內瓦發明了劃世紀的「World Wide Web」(全球資訊網)。伴隨著第一個WWW-Browser(瀏覽器),他還發表了一個從電腦製作Web server的程式。其實柏納斯李之前,就研發出在www裡溝通的程式語言HTML。在這一年中,第一個Website以「http://www.cern.ch/」之名被掛進了網路。 www的原始概念就是電腦世界裡的圖像呈現,柏納斯李想像著所有的文件都可以用繪圖表像後,在網路世界裡彼此連結,當有人需要相關資料時,在輸入正確路徑符號後,就可以登入想要的網頁。這整個連結是一個跨國際的龐大資料庫,像蜘蛛網一般四處相連的網路,所以才叫World Wide Web。其實在www出現時,柏納斯李原先想用「知識庫」(The Information Mine)的縮寫,也恰好是他的前名「TIM」來命名。或是「知識庫」的另一種組合MOI("Mine of Information" - Informationsmine)也不錯,而MOI在法文中也有「我」的意思。但是他後來想想,都覺得這兩種命名方式太以自我為中心而放棄。在這一年開啟後,WWW開始以令人意想不到的速度向前衝。


3. Tim Berners-Lee 對網際網路發展的貢獻有哪些?

1980年柏納李在歐洲核子物理實驗室工作時建議建立一個以超文字系統為基礎的項目來使得科學家之間能夠分享和更新他們的研究結果。他與羅勃·卡力奧一起建立了一個叫做ENQUIRE的原型系統。

1984年柏納李重返歐洲核子物理實驗室,這次作為正式成員。他恢復了他過去的工作創造了全球資訊網。為此他寫了世界上第一個網頁瀏覽器(WorldWideWeb)和第一個網頁伺服器(httpd)。

1990年12月25日,在羅伯特·卡里奧與CERN的一名年輕學生的幫助下,他成功地透過Internet實作了HTTP代理與伺服器的第一次通訊。

蒂姆·柏納李建立的第一個網站(也是世界上第一個網站)是http://info.cern.ch/,它於1991年8月6日上網,它解釋了全球資訊網是什麼,如何使用網頁瀏覽器和如何建立一個網頁伺服器等等。蒂姆·柏納李後來在這個網站里列舉了其它網站,因此它也是世界上第一個全球資訊網目錄。

1994年柏納李在麻省理工學院創立了全球資訊網協會,它由不同的原意建立全球資訊網標準和提高全球資訊網質量的公司組成。構成全球資訊網的各個組成部分都很簡單,柏納李的功績是將它們有效地組合在一起使它們發揮出最大的效用。他最大的貢獻可能是無償地將他的主意提供出來而不收費。2003年全球資訊網協會決定所有由聯盟提出的技術都是無償的,所有人都可以簡單地使用。


2010年3月8日 星期一

Homework1

1.

在較大的地圖上查看中原
2.
YAHOO拒絕微軟的收購,造成股票下跌,他們現今遭遇的困難便是如何突破現況,開闢出另一個新市場。YAHOO從搜尋引擎轉型成網路媒體,提供了電子郵件、新聞、遊戲、聊天等服務,這對使用者來說是很方便的,因為只要登上YAHOO首頁,我們便能得知我們所想知道的訊息,然而網路世界就如同手機市場一樣競爭,GOOGLE的出現對YAHOO成了威脅。就拿搜尋引擎來說,我們知道GOOGLE所能找到的資料比較多,YAHOO搜尋到的資料有限,許多人因此較偏愛GOOGLE。電子郵件方面,近年來YAHOO的垃圾郵件劇增,也許他們有試著改善,然而效果並不顯著,帳密被盜的風險亦比GOOGLE及HOTMAIL高。GOOGLE的市場廣大,最近又將觸手伸向3G手機,Adroid手機是開放式的操作系統,它與黑莓風暴將帶來一股改革。YAHOO在首頁不斷地開發新介面,想來也是想有所突破,該如何在強大的競爭下生存,創造力是不可或缺的。