2010年3月29日 星期一

Midterm 網站設計

請設計一個"中原大學二手電腦流通網 "
1. 可以競標
2. 可以品項分類
3. 可以搜尋

截止期限 4/12/2010

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

Browsers

Outline
  • JavaScript, client side language turning homepage documents into rich user experiences
  • Cookie, what it is and how it works
  • GreaseMonkey, post-processing the webpages for Firefox
使用經驗

Firefox 3.0
  • 適合做網頁編輯,處理HTML內碼程度最高,推薦用於部落格轉貼。
  • 速度方面,我給80分
  • 中文處理有點問題
  • GreaseMonkey (油猴子) 支援佳,很欣賞
  • JavaScript 執行速度快,DOM 支援程度高
Chrome 1.0
  • 速度方面我給90分
  • 中文輸入處理問題不少
  • 適合用來觀看網頁,會省下不少時間。如果牽涉中文寫作與輸入,務必先祈禱。
  • 沒有支援油猴子。
IE 7.0
  • 速度方面不及格,適合訓練耐心。
  • 中文輸入方面尚未出現任何問題。
  • 適合大量中文撰寫,例如e-mail, 論壇, 部落格
  • 沒有支援油猴子。

Lab 12 Greasemonkey

  1. Install Greasemonkey 0.8. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the

  2. 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?
  3. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
  4. Also install Web Developer Toolbar to examine cookies.

Lab 11 Collabrative Editing

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

2010年3月23日 星期二

Homework 3-22-2010

1. 為什麼Google搜尋不考慮網站的駐留時間,點閱次數,或使用者個數評量網頁重要性?
2. Google 搜尋的主要原理是什麼? 請以平易的語言說明。
3. Google PageRank 每差距一分代表網頁的重要性有多大差別?
4. 國內外逐漸觀察到以部落格作為求職履歷的趨勢,你認為這會演變成常態嗎? 請論述。

2010年3月22日 星期一

Lab 10 Personal Portal

1. Enter
http://www.google.com/ig

The Google account is the same as your Blogger account.

2. Rearrange the templates. And perhaps remove blocks that you don't need.

3. Add new stuff. For now add the Google Reader, Google Docs, Google Group, Google Calendar, and GMail. You should be able to see the subscriptions in the Google Reader block of your personal portal.

Lab 9 RSS Reader

1. Enter Google Reader

2. Try the following

3. What is the RSS feed that Google Reader takes in? List the URL of these RSS feeds.

Lab 8 Web Pageranking

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

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


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

參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式

2010年3月8日 星期一

Homework 3-8-2010

1. 以下這些軟體被稱做社會軟體,請問他們具有哪些特性。
Social software
2. 全世界第一個瀏覽器是如何誕生的?

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

Lab 7 Using Google Chrome

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

the rise of the Internet

Inventor of the internet technology packet switching, Leonard Kleinrock

" Dr. Leonard Kleinrock created the basic principles of packet switching, the technology underpinning the Internet, while a graduate student at MIT. This was a decade before the birth of the Internet which occurred when his host computer at UCLA became the first node of the Internet in September 1969."

Tim Berners-Lee

"In 1989 he invented the World Wide Web, an internet-based hypermedia initiative for global information sharing while at CERN, the European Particle Physics Laboratory. He wrote the first web client and server in 1990. His specifications of URIs, HTTP and HTML were refined as Web technology spread." He will serve as a keynote speaker at WWW2008.

W3C

Computer History

Lab 6 Using Firefox

各瀏覽器市場佔有率

Advantages of using Firefox.

Outlines of Lab

1. download Firefox 3.5.8

2. control font size

3. tabbed browsing

4. subscribe to the course blog

5. Using bookmarks to test RSS feed

Help



Hands on

1. Easy control of font size (try ctrl+ & ctrl- as many times as you like)
2. tabbed browsing (try ctrlT)
3. RSS feed, and support of Blog. Use the RSS feed from http://iapblog.blogspot.com/
to subscribe to it. Also subscribe to your own blog.

Note:
If your Firefox didn't work, you should check settings about proxy. It should be set as proxy.cycu.edu.tw at port 3128.

Note: Firefox is based on Mosaic.

Lab 5 Using Labels

Labels are key elements of Web 2.0.
Professional blogs have labels. In this lab, you will learn how to put labels on your blogs to make them look professional.

1. Check into your blog homepage.
2. Enter "自訂"
3. Follow the steps to create Label Block by drag and drops.
4. Get back to your existing blog posts. Fill the blanks at the field Labels (文章的標籤).
5. Save the changes.
6. Back to the blog and check if the labels come up.

Lab 4 發表評論

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

你的評論有一個 URL,請把 URL 列出。

2. Yahoo 目前遭遇了什麼問題? 為什麼? 請閱讀 The end of Yahoo as we knew it (netWorker, Dec. 2008) 然後加以回答。

2010年3月2日 星期二

Homework 3-1-2010

1. Compile a campus directory that tells the locations of major buildings at CYCU. Place the directory on your own blog by posting the code snippet Google Maps
generates.

2. Yahoo 目前遭遇了什麼問題? 為什麼? 請閱讀 The end of Yahoo as we knew it (netWorker, Dec. 2008) 然後加以回答。

Due 3/08/2010 at 19:00

2010年3月1日 星期一

Web Business Models

Before Web 2.0
  • B2C (Business to Customers)
  • Portal
  • Mail
  • Search Engine
  • Transactions
  • B2B
  • Marketplace

Web 2.0

數位分身 & 社會軟體

Avatar

Digital shadow
Internet footprint

Social software
List of Social Software

Lab 3: Put CYCU Map on Your Blog

1. The latitude and longitude coordinates of CYCU campus location is +24° 57' 31.02", +121° 14' 28.12" and you can take a look at the satellite image
http://maps.google.com/maps?q=24.9586,+121.24114


2. Enter the CYCU coordinates to produce a code snippet that you can put into your blog. The code is under Share/Export tab.

3. Copy and paste the code snippet into your blog just like you are writing your own blog post. Publish it.

Links:

1. 中原大學校內地圖指引
建立者:easy_go100

2.
眾裡尋她千百度 桃園最美的地方在哪裡