網際網路應用系統設計

首頁   Homework   Lab

2011年3月28日 星期一

Lab 19 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.






Lab 18 Greasemonkey

  1. Please read the information about Greasemonkey and cookie before you start the lab.
  2. Install Greasemonkey 0.9.1. Check the lower right corner of your Firefox and you should find a monkey at the right.
  3. Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com writes to you. Does our class blog use cookie or not? Does Google use cookie?
  4. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.



Lab 17 Using Google PageRank

在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

紐約時報 http://www.nytimes.com 9/10
CNN http://www.cnn.com/ 8/10

台灣雅虎 http://tw.yahoo.com 9/10
蕃薯藤 http://www.yam.com 7/10
PCHome 購物 http://shopping.pchome.com.tw/ 6/10Monday 
購物 http://www.monday.com.tw/ 5/10






接著,以PageRank量測你常用的三個網站。



Facebook http://www.facebook.com 9/10
手機王 http://www.sogi.com.tw/ 6/10
mobile01 http://www.mobile01.com/ 5/10


參考資料:
PageRank-Google 決定搜尋排名的關鍵技術
PageRank 的論文














2011年3月21日 星期一

Lab 15 共同編輯文件

閱讀莫拉克風災電腦教室再生計畫,假設這個計畫是由你發起,你要擬定一張志工排班表,以及修復場地值班人員。

  • 請製作一張值班人員表表,為了提升效率,你決定先擬好空白表格,再開放權限給你的夥伴填寫,請夥伴上網登記輪值時間。
  • 製作志工時間登記表,當志工們填寫資料後,管理者應可以收到一份excel清單。



Lab 16 製作線上投影片

參閱特教學校科技輔具應用工作坊議程表,將範例投影片轉為Google投影片,可以線上觀看。


Lab 14 Google Docs

1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.

Hint: This is a sample Word document.

News coverage:
Google “Docs & Spreadsheets” Launches ,Oct 2006


轉換連結:



Homework 4

SahanaTW 是一套災難管理網站應用系統,可協助解決災後大規模的人道問題,包括受災人口通報統計、物資捐贈、庫存、媒合管理及志工與專案管理等。

請使用域設帳號試用中央研究院SahanaTW測試平台
並且提供建議。

Due Date 3-21-2011 at 7:00 pm


從提供的網址與試用其帳號可以了解這平台的操縱模式還有他的使用介面,但是實際作業後也可以發現其實似乎並不能很快的上手,所以希望在提供測試平台的同時也可以附上些許的使用教學,相信這樣可以讓使用者更快得上傳最新資訊!

2011年3月15日 星期二

Lab 12: Using your iGoogle

Lab 13 Comparing browsers

Install Google Browser Google Chrome and Firefox 3.6, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.



首先就從大家不陌生的Youtube開始吧,如畫面所示火狐需要重新下載flash播放器而咕狗不用。
當你要下載播放器的時候在隔壁咕狗唱歌的廣伸隊長已經開始唱摟!
然後火狐的下載會跳出新視窗,雖然如果下載多個任務還是在同一個視窗,但是藉由IE的不良經驗,應該是對這沒什麼好感吧,而咕狗的下載器則顯示在視窗的下方並且也同樣會詢問是否下載,而為了加快下載速度咕狗會在你按下"是"之前就會預先下載,算是蠻人性化的設計,當然按否的話就會把之前下載好得部份清除。
而至於辜狗在搜尋上有著絕對的強勢,當你在網址列上打上關鍵字就會很自動的幫你尋找你要的資訊,這東西火狐當然是不會的摟。
如果要搜尋的話必須要打在右上的搜尋列,不過如果這兩個東西可以整合在一起的話,個人感覺搜尋列就雞肋了不是嗎?
而至於其他網頁如yahoo等一般網站如果要分的話可能就要使用較專業的軟體去評測了!


不負責任總結:以上幾點當然只是這兩個瀏覽器各項優缺點的九牛一毛,各有自己的死忠使用者,像筆者我就比較習慣咕狗的瀏覽方式還有他的各種小工具,都算是很方便的了。


場外加映:

美國微軟推IE9反擊戰:瀏覽器比Chrome快五倍!

外框會逐漸消失!



Lab 11 發表評論

針對前次作業,挑選至少五篇你覺得很用心的文章,針對寫作技巧與文章內涵給予建設性的評語。


9726221

驗證碼怎麼那麼長

s9826145

ray

liz

2011年3月8日 星期二

Homework 3

現有學校網頁:
http://www.cycu.edu.tw/


首先我們先從大家熟悉的學校網頁去分析,現有學校網頁面頁較精簡,不用上下拉動瀏覽器去調整要看的內容。然後三種使用者(在校生、教職員、校友)的登入選項擺在左方的空間,一進入網頁就映入眼簾,非常合適。登入選項的左邊一列分類明顯,方便查詢所需資訊,也適合校外人士快速了解學校的架構。右上的圖片跑馬燈顯示現行公告與活動對於宣導有實質的幫助,也可更添面頁色彩,在典雅的配色下加入活潑的氣氛。而右下角的各類面頁可以放置各項活動與公告,讓前來網頁的學生可以看到即時的資訊也加快了行政推行的速度。

綜合以上可以歸納成以下幾點:
1.      面頁精簡,方便瀏覽
2.      登入容易,方便使用
3.      分類明確,方便查詢
4.      圖示跑馬,更添色彩
5.      公告摘要,圖文並茂
 另版首頁設計:
http://www.eztrust.tw/cycu/

        在這面頁我可以看到全然不同的排版,可能是已經使用習慣了現今版本,對於新型配版的觀點會有些許個人好惡觀點,新型版面使用白藍互襯的希臘式風格設計,不同於現行的典雅有令人放鬆的觀感。而將就面頁的連結移置頂方並加入{未來學生}的選項,應該是設計給選填志願學生參考,而連結方面可能可以加入些較明顯的效果來方便使用,保留原本的圖示跑馬燈也讓人可以依小圖選擇想看的資訊,而不是舊有面頁的小小圖。在右側擺入站內搜尋與熱門連結並加入圖示方便使用。精簡原有面頁右下角區塊並在{校園活動此列}保留空間以利之後可以加入新項目。原本畫面中的麥當勞校門配合工程拿掉,並擺入二一鐘*2與懷恩樓(麥當勞換雙二一與懷恩!)

        綜合以上可以歸納成以下幾點:
1.      色彩使用白藍配色 活潑
2.      登入面頁較無上版明顯
3.      保留圖示跑馬燈並修改小圖 給個讚。
4.      站內搜尋拉出並加入熱門連結 –NEW!
5.      精簡原有右下面頁並保留空間可用於新增資訊。


總結:學校首頁在現今網路發達的時代也可以算是學校的門面之一,所以網頁的設計是有講究的必要性,但畢竟每位使用者的愛好都不同,故只要是可以在網頁上順利的找到所需的資訊就是好網頁!

2011年3月3日 星期四

Homework 2

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

首先我們必須先了解在網路大學排名中四個要素,網頁規模(Size)、能見度(Visibility)、教學檔案(Rich Files)、學術文件(Scholar)在評分的比重與本校相對於其他大學的分數落差做為參考,因為在台灣的百多間大學中都有不同的教學目的與時間地理關係,男女比例、大學生與研究生、博士生的比例,校園硬體規劃與學術網路出版的程度都息息相關,基於排名是建立於遊戲規則的了解與競爭手法的比拚。

所以學校如果想要使排名上升勢必要投入相對的人、物力資源,首先先參考Jchilles同學於作業中四校排名與比例圖表(參考網址:http://s9726366.blogspot.com/2011/02/lab-5-diy.html),關於網頁規模(Size)、教學檔案(Rich Files)、學術文件(Scholar)這三部分中原相對於其他兩校是沒什麼明顯的差異,拉開差距的是在於能見度(Visibility)這個項目,所以如果針對規則說明

能見度(Visibility),占50%:統計搜尋引擎如Yahoo記錄的各大學網頁被連結數(total number of unique external links received, i.e., inlinks)。

以此原則下去執行可以實行以下計畫:
l   開放以網域名cycu.edu.tw的部落格提供師生使用
l   並且在每個面頁中加入返回中原大學首頁 (http://itouch.cycu.edu.tw/)的連結以提升曝光率
l   加強校內使用宣導如課堂使用需要
l   結合時下臉書平台熱潮可節省物力資源…etc

基於校園網路仍有許多可以改善的地方,如果願意投入心力去執行必定會有所結果。

2. 你同意網路大學排名的四個指標嗎? 這樣的排名有意義嗎?

同意,在世界上的兩大搜尋引擎的發展成熟下此指標具有一定的公信力。

此排名主要徵求的是在網路上的大學排名,雖然在台灣知道這項評比的民眾不多,甚至在國外也不是每間頂尖大學都認同此評比,但是如果在此評比上有所成就必定會使校園資源更加完善,亦是好事一件。

「別追求成功;追求卓越
成功就會再不經意間追上你。」