Lab Drag-and-Drop by AJAX

1. Go to Laszlo
2. Study and play around the "drag-and-drop" example.
3. Use this method to control music playing of the song "Where to begin".
4. Add the song to the program.
5. Change the photo to the CD title.
6. If you drag and drop the photo to the "play" area, the music plays.
7. If you drap and drop the photo to the "pause" area, the music pauses.

play


pause

Lab Movie Player by AJAX

1. Go to Laszlo
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.

"三創競賽觀後感 (2)"

第一位阮文正同學的

第二位金彥呈同學的

第三位曾彥鈞同學的

三創競賽觀後感

三創專題競賽是個很有意義的一個活動,可以激發學生的創意 想像力,
從剛剛的展覽攤位,有一個攤位讓我印象必較深刻,
是我們系上兩位同學用遙控汽車改裝GPS定位,利用藍芽傳輸到電腦,
用鍵盤的方向鍵遙控車子,可以顯示出影像及所在的位置,
這個裝置也可以利用在軍事上,只要縮小體積在戰場上可以探勘敵情
其他的還有,穿脫鞋器可以幫助肢障者不需要彎腰這可以自行穿脫鞋子,
感溫馬克杯可以知道杯內液體的溫度,旅行牙刷的握柄內有牙膏只要輕輕一按,就會有牙膏出來省去麻煩,扇子裡裝有防蚊液在搧風的同時,也可以防止蚊蟲叮咬,筷子利用溝槽組裝後就變成湯匙,這些都是來自於我們中原大學同學們的創意,有些概念創意值得去發展利用,希望這個活動能一值持續下去,讓同學在唸書的同時,
也能成為生活智慧王

"Lab DOM and JavaScript"

1. Open NVu
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.

程式碼



9*9結果

Lab Create Img using DOM

1. Open Nvu
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Use window.onload to load the image.
4. Use a button to load the image. Try how onclick works.

Homework 5-18-2007

一. 根據FIND網路脈動 ，企業於Web2.0的使用上，仍緩步前進，這份報告已歸納哪些原因？你認為應該還有 哪些原因？
已歸納原因:
1.對於公司而言，網路平台代表著公司，對於所發佈的消息更要謹慎小心,並且應付網路上的各種問題

2.把公司的資訊放在一個更透明化的地方，是經營管理者所擔憂的重點

3.有七成的人表示缺乏部落格或其他社群媒介工具相關的指導守則或是政策，他們不知道該如何應付那些與公眾面對面的溝通模式。

其餘原因:
大部分的高階人員都有著自恃甚高的心態,所以很難放下身段和群眾溝通,況且維護一個部落格是需要時間管理的,這就是企業界還沒普遍使用的原因

2. 閱讀兩篇有關網站行銷效益評估的論文，撰寫500字到1000字心得。

上網人口中使用搜尋引擎比例非常普遍，搜尋引擎不僅是一般大眾常用的上網工具，近年來已經成為網路行銷與線上廣告的媒體。page rank可以作為網站知名度的可靠指標。
推行「電子化政府」軟硬體設施的建置，以及提供服務內容的創新，對內提供民眾更便利的生活環境，對外則推廣各項經濟與旅遊資源，以吸引外商投資及增加觀光收入。在網際網路時代，建構網站宣傳，創造以本土、文化、生態為特色之獨特的形象與知名度，提高觀光能見度是非常重要的。
大部分的民眾對於政府所架設的網站了解的並不多,對於電子化政府所能帶來的新服務，民眾並不熟悉,所以政府網站普遍對外推廣不夠尚待加強。
網站行銷的重要性隨著e化時代的來臨而逐漸攀升,要在這競爭激烈的環境下生存,就必須懂的善用身邊有利的工具,來面對生存的挑戰。所以網路行銷不論什麼行業，在這個時代是需要好好重視及利用。

Lab Form and Action, Part II

Lab Form and Action, Part II

原始碼

開啟檔案 search map


成功收尋出地圖

Lab Form and Action

Lab XSLT Part II

1. Given the RSS of Yam News, write an XSLT file
and use Xray to generate an HTML that contains the titles of items in the RSS.






2. View the formatted HTML file.

Lab XSLT

1. Register and Download Xray, an XML, XSLT editor and processor.

2. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.

3. View the formatted HTML file.

Homework 5-4-2007

1.
差別在於鼠標移動過去時,會顯示出title幫助了解


Lab: Webpage Accessibility, Part II



下載Freego



用freego檢測編輯的網頁
通過後出現的畫面



2.
PageRank是用來評鑑一個網站的價值及知名度,在之前的LAB中了解到這套軟體所提供的資訊是值得信賴的,
用來評鑑2004年地方機關觀光網站優勝或入圍者,發現這些網站的PageRank都有一定的水準,至少都有5分以上
,所以兩者是呈現正相關的

5-4-2007: Lab Webpage Accessibility

原來的網頁

修改過後的網頁

游標移至中原大學會顯示相關連結訊息

將游標移至圖片上,會出現圖片相關訊息

Homework 4-13-2007

論文裡說明ｂｌｏｇ實際應用在教學上的實例。部落格可以像網頁一般瀏覽非常方便，而且提供了一個可以將文字，聲音，圖片放上去的給很多人分享的平台，就算不會寫ｈｔｍｌ語法也能上手，這就是為什麼部落格會受大家喜愛的原因，現在有不少人利用部落格來抒發自己的心情，交友，或是撰寫故事 ，老師利用這個平台用在教學方面有很多優點，交作業時免去了以前要交紙本的問題，既麻煩又不容易整理歸類，每個人都可以擁有ㄧ個專屬於自己的空間可以互相交流互通有無，而且老師可以透過網路公佈作業或是上課進度，隨時都可以掌握這些資訊，擺脫舊式的教學，有現代E-LEARNING的感覺

Lab 14: Accessibility by GreaseMonkey

1.安裝Google Search Keys
未開啟前

開啟後


2.Google Access Keys




按shift+alt+x下一頁 or y上一頁

3.安裝AccessBar
開啟前

開啟後

4. 流感防治網

交通部


台北市政府

Lab 13: Clean Language

1.安裝完Clean Language後,修改BADWORD, 增加ipod這個單字

2.用GOOGLE 收尋ipod相關字網頁


3.用firefox開啟Clean Language的檔案,原本的ipod字眼全都變為****

Homework 3-30-2007

1. At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

安裝No.2新同文堂0.2.9.7


進入Visit Sina.cn
按下滑鼠右鍵,就可以選取"同文堂",在選擇其中的"網頁:轉繁體"


網頁中的中文全部變為繁體字


2.Briefly describe the following Google business models
Search Engine
Google的搜尋技術，使用關鍵字或交叉搜尋技術，還有PageRank網頁排行專利技術，可以將最重要的網頁排在查詢結果的最前面。此搜尋引擎還分類為是圖還是文，普通搜尋還是用在學術上的。基本搜尋、進階、偏好等選擇更助於使用者精確的找尋自己所需的資料,更快更方便。

Sponsorship(Paid listing)
贊助廠商，例如放廣告的廠商,以網站實際被點選次數計費


AdWords/–AdSense (business stream for news, blog)


AdWords 文字　依據內容 點選次數 自助式加盟

AdSense 圖像 依據版位 曝光次數 廣告代理商

3. Check into the government-sponsored web accessibility website.
At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. Why do you think web accessibility is useful?

網路為資訊流通創造了無遠弗屆的可能，而人為因素卻可能設下進入的屏障與阻礙,身心障礙者受限於視力、聽力、活動力或認知能力，上網恐怕要比一般人多了更多的不便與困難。因此，為了讓所有人不因其所處環境之軟體環境、硬體設備及本身能力之虧損都能夠成功進入網站並獲取完整資訊，享受網路帶來便利的新生活。無障礙網路空間正是以方便行善概念為設計基礎，降低網路應用的困難與挫折，增加生活資訊流通與應用的機會,使全民都能享有便利的網路來活化生活，讓每個人擁有全方位的生活環境，從「無障礙空間」到「無障礙網路空間」，共同打造一個全民溝通更便利的無障礙環境，促使生活品質提昇。

Lab 12: Greasemonkey