Lab 32: DOM

Lab 31: Create Image using DOM

Lab 30 navigation bar

Lab 29 Hand code a form

Lab 28 Lab Form and Action

 

Lab 24: Mash-up 1 (Publish)

Lab 26: Mash-up 3 (Blogs)

部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。

Create a slide show of your album. Embed the album in your blog.

Hint: 挪威奧斯陸之行
album

Lab 27: Mash-Up 4 (Calendars)

建立你的行事曆，並與學校行事曆合併

Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>

進入後按右下角+Google日曆即可訂閱

Lab 25: Mash-up 2 (Maps)

真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊


For housing services, compare the following two websites
http://www.housingmaps.com

http://www.7house.com.tw

List the differences in the user interface design and usability. Make comments
by your use experiences.


比較: 美感，直覺性，流暢，預期反應

美感方面:
在首頁的部份，housingmaps一點開就有很直覺的地圖，相對7HOUSE是顯示許多房屋的內部裝潢，及用了很多色彩在不只在圖片上，所以我覺得housingmaps就顯的單調許多。

直覺性方面:

在尋找房子地過程中最主要的就是地點了，housingmaps提供了清楚的位置搜尋，所以直覺性方面我認為housingmaps是比較佳的。

流暢方面:

7HOUSE提供了在一開始搜尋更詳細的資訊提供給需要服務的人，不單單只是地點價位而已。而housingmaps是需要一一點開來查明屋子的訊息。故7HOUSE在這方面似乎比較符合我們的需求。

預期反應方面:

我覺得7HOUSE比較符合我的預期，在使用上我覺得7HOUSE比較便利，系統亦在每個房子註明許多房屋資訊，也提供了相關的資訊，這點讓我覺得很貼心。

期中報告

期中報告-網站建議書


定位：
建立一個有連結社會冷暖故事的網站，並有些協助瀏覽其他相關網頁的資訊。


目標：
不只有瀏覽並具有互動的功能網站，彼此分享心得，創造一個美好小天地。

背景：

現在的社會很需要大家的幫助，也發現很多人願意伸出他的援手。但有更多社會上沒發現的地方，等著我們去關懷。借由一個小小網站的力量，希望也能進一份心力，幫助這個社會，有更多的美好。

連結：關懷之家

Lab 23 Making web pages accessible

只修改完成一個..

Lab 22 Firefox Accessibility Extension

Lab 21: Making images accessible

Lab 18 Comparing browsers

Google Chrome

較快速；畫面簡單乾淨


Firefox
可外掛的程式相當多，可配合每個人的需求來使用瀏覽器

Lab 20 More on HTML

Headings

 

Lists

Lab 19 HTM

Homework 5

1. 網路可不可能增進身心障礙者的便利，請舉例說明?

ans: 重視身心障礙者的生活空間，現在除了關注硬體的建設，也擴大到網路虛擬平台。
　ex1:台北市政府社會局計畫設立無障礙監督與通報專線，隨時將全國無障礙空間的情況，通報到相關單位，予以改善，成為類似110、119等專線。身心障礙朋友們也可以透過網路影音公益平台，為自己的權益來發聲。讓身心障礙朋友出門也能夠像在家裡一樣的方便，一樣感覺受尊重
  ex2:由於網路普及、科技發達，消費者藉由網路商店購物，愈來愈多，。苗栗縣身心障礙發展中心幫助了身心障礙者打造一個電子商務網站的就業途徑，增加他們的就業機會。主辦單位希望身心障礙者了解網路開店實務，協助他們將製作的產品上網行銷，讓他們有更寬廣的人生道路。

2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?

ans:瀏覽器透過蒐及網路使用者網路瀏覽紀錄為使用者增加不少便利性。像是密碼功能，不但為使用者省去重複輸入資料的時間，也為使用者避免忘記密碼而無法登入的窘境。然而記錄備後所隱藏的個人隱私資料,卻也是我們必須正式並提出應對解決的問題。
當你瀏覽網站時，該網站可以在你的電腦上植入文字檔案，此檔案可以使該網站記住你的身分，下次當你登入同樣網站時，就不需重新輸入帳號密碼等資訊。但是網路第三者與廣告業者也可以不聲不響的儲存一個cookie在你的電腦中，比如：當你瀏覽一個含有運動器材廣告的網站，它就在你電腦儲存了一個cookie。當你再造訪另一個也包含此廣告的網站時，該網站便可透過讀取cookie得知你先後訪問了這兩個網頁，它可以根據你的個人偏好，提供你關心的廣告。

Lab 17: AccessBar

Lab 16: Accessibility in GreaseMonkey

Lab 15 Clean Language

Lab 14 Greasemonkey

Does our class blog use cookie or not?   Yes

Does Google use cookie?    Yes

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 demand

2. 這個服務的特色有哪些?

可以觀看火星的地貌，還可以標示出山丘、峽谷等各種特殊地形的位置。

Lab 12: Using Google PageRank

紐約時報          9/10
CNN                 8/10
台灣雅虎          8/10
蕃薯藤             7/10
PCHome 購物   6/10
Monday  購物   4/10

常用的三個網站：
FaceBook       10/10
中原大學         7/10
MSN台灣         7/10

Lab 11: Using your iGoogle

Lab 10 Google Docs

Doc檔

Pdf檔

Homework 3

1.本系三位老師得近年著作

        鍾文耀老師
        鄭湘原老師
        張耀仁老師

2. Firefox 最新的市占率為何? 請註明你的資料來源。

    約30%左右  <資料出處>

3. 在Homework 2 中，你得到多少篇回應? 這些回應對你有幫助嗎?

     沒有回應。

Lab 9 本校網頁簡體版功能

中原大學(簡體)

Lab 7 Using Firefox

Lab 8: Personal Portal

Homework2

網頁數：
學校可以建立除了i-learning以外的學習網頁，能夠建立良好的系統提供互動學習及討論的空間，像部落格一樣可以廣泛使用是建立網頁數的一個好方法。

連結度(能見度)：
學校可提供對社會有貢獻的研究網頁或者是會使大眾感興趣的又實用的網頁，來增加中原大學的連結度。

檔案數(Rich files)：
檔案數則以中原大學各種資料皆作為檔案，方便大家保存資料的完整性也可增加檔案數。


Google Scholar 論文索引：
可能要靠學校提供優良的環境設備及各教授們的努力督促及教導，相信可以讓學校的研究更上一層。

1. 你有何策略可以針對網路大學排名四個要素提出改善本校排名之道?

Lab 5 網路大學排名 DIY

網頁數：
中原:約有 65,800 項結果
台大:約有 1,150,000 項結果
中正:約有 137,000 項結果

連結度(能見度)：
中原:搜尋結果約107,000個
台大:搜尋結果約1,930,000個
中正:搜尋結果約381,000個

檔案數(Rich files)：
中原:約有 3,440 項結果
台大:約有 106,000 項結果
中正:約有 8,010 項結果

Google Scholar 論文索引：
中原:約有6,310項查詢結果
台大:約有190,000項查詢結果
中正:約有7,320項查詢結果

Lab 4 發表評論

1.9626203鄭曜鐘
節省紙張成本，也較環保，可靠一些收費服務或電子報，及廣告收入維持企業營運
 還有其他的好處比傳統書報更好。

2.9626302王峻右
現在行動電子產品越來越普及化，電子書、電子雜誌也越來越熱門，只要一台小小
 的機器，就可以閱讀無限多本的書籍。他們或許可以採取網路付費的方式，只樣上
 網download，小額付費的情況下，也是一項不錯的經營策略。
不僅方便而已，還有各種類別的書籍可供閱讀，這的確是一個不錯的選擇。

3.9626210蕭信興
因為現今的網路越來越發達，人們只要上網就可以看到新聞，不需要在特地花錢去買報紙，而且這樣還能減少紙張的消耗，跟上潮流達到節能減碳
電腦生活化，所以我們可以很方便的來使用它。

4.9626101沈建志

因為網路的關係大家都改用電腦來閱讀新聞

不會特別出門買報紙

而且看過的報紙堆積起來也浪費空間

這家企業未來可能也要改成用網路新聞的方式

然後用在新聞旁邊可以附家廣告的方式來賺錢

用網路來獲取資訊不但省時，並且可以快速搜尋。

5.9626102林佑政
因為網路的關係以及電子業(EX.筆記型電腦)的發展...導致大家不會出門買份報紙，多而從電腦上來得知新聞消息....加上報紙的印刷未來可能將不符成本也不好使用根據新聞表示紐約時報對網路化的衝擊已有所準備，早已開始開創線上服務，相信未來該報的線上服務如具備更佳的即時性與多元性，必能為它帶來相當的營收。
文章敘述詳細，感覺有用心去思考內容。

Homework 1

1. 列舉兩個因為網路傳播而迅速成為話題的事件，並解釋為什麼?


    a.犀利哥事件: 幾個月前變成家喻戶曉的犀利哥，就是靠著有網友拍下他的照片po在網路上而迅速竄紅。
    b.美食團購大流行: 近幾年網購食品蔚為風潮，如諾貝爾奶凍捲等，就是由網友口耳相傳成為新一代的地方名產。




2. 紐約時報董事長表示未來可能停止印刷發行，只留下網路發行。可能原因是甚麼? 這家企業未來要如何存活?
    
    可能的原因是現在網路的盛行，流通性比傳統的實體報紙更為廣泛，於各平台皆可使用。不只可以節省印刷等成本，也可提供更多樣化的付費服務。


3. 上網的工具除了電腦之外，還有哪些?


     手機、IPAD、PS2、PSP、Wii...等


  
4. 試列舉數個 Internet of Things 的應用。

    GPS、智慧型房屋、悠遊卡等
     

Lab 3: Put CYCU Map on Your Blog

中原大學地圖

檢視較大的地圖


中原大學校內地圖

在較大的地圖上查看中原大學校內地圖指引

Hello World

Hello World ^_^