1. Download Stress Test
2. Take a look at the user manual.
3. Test a static page.
Try combinations of stress levels and stress multipliers to simulate 10 users and 100 users.
4. Test a dynamic page.
Try combinations of stress levels and stress multipliers to simulate 10 users and 100 users.
5. Compare the response time of both pages and explain why.
星期五, 12月 29, 2006
Lab Site Meter
想知道有多少人曾造訪你的 blog, 想瞭解進入你網站的流量相關資訊? 以下的 Lab 利用 Site Meter 提供的服務達到這個目的.
1. 進入 Site Meter
2. 依據說明執行所述5 個步驟.
3. 進入你的部落格, 然後從Site Meter圖示進入觀看你的流量.
4. 想一想, Site Meter 的原理是什麼?
1. 進入 Site Meter
2. 依據說明執行所述5 個步驟.
3. 進入你的部落格, 然後從Site Meter圖示進入觀看你的流量.
4. 想一想, Site Meter 的原理是什麼?
Lab Checking dead links
W3C Link Check 可以檢查 dead links, 而且只要輸入首頁,
就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).
Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.
因此如果出現 deadlink, 就是在首頁.
如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,
在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後
在逐一爬行該頁內每個 link.
報表輸出很漂亮. 請參閱
http://validator.w3.org/checklink
請檢查三個你最常使用的網站, 看看連結的品質如何?
紀錄有錯誤連結 (HTTP Error 404) 的次數.
就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).
Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.
因此如果出現 deadlink, 就是在首頁.
如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,
在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後
在逐一爬行該頁內每個 link.
報表輸出很漂亮. 請參閱
http://validator.w3.org/checklink
請檢查三個你最常使用的網站, 看看連結的品質如何?
紀錄有錯誤連結 (HTTP Error 404) 的次數.
Homework 12-29-2006: Lab AJAX: Draggables
1. Open NVu
2. Study Silly easy shopping
and Draggables
3. Place an image you pick in your webpage.
4. Take a look at the source code of Silly easy shopping.
Be sure to place the javascript includes in your webpage, too.
5. Use the syntax of Draggables. Make your image draggable, too.
2. Study Silly easy shopping
and Draggables
3. Place an image you pick in your webpage.
4. Take a look at the source code of Silly easy shopping.
Be sure to place the javascript includes in your webpage, too.
5. Use the syntax of Draggables. Make your image draggable, too.
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.
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.
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. 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.
Ajax
Why Ajax
- HTML is basically for hyperlinked documents and offers very limited interactions.
- AJAX brings desktop like interactions to the web and complements HTML in terms of graphic user interfaces.
Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:
- standards-based presentation using XHTML and CSS;
- dynamic display and interaction using the Document Object Model; The structure of the DOM exposes new powerful methods which allow you access and manipulate the elements of any document.
- data interchange and manipulation using XML and XSLT;
- asynchronous data retrieval using XMLHttpRequest;
- and JavaScript binding everything together. It has comprehensive control over every page element.
星期五, 12月 22, 2006
Lab Wikepedia
Use Wikipedia to give brief definitions of the following terms:
* mashup
* Document Object Model
* orz
Include the URL of the origins.
* mashup
* Document Object Model
* orz
Include the URL of the origins.
星期四, 12月 21, 2006
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.
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.
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.
Hint: The javascript code should be enclosed by script tags.
Reference: DOM (Document Object Model)
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.
Hint: The javascript code should be enclosed by script tags.
Reference: DOM (Document Object Model)
星期五, 12月 15, 2006
Web 2.0
Web 2.0
Web 1.0 is for the user.
Web 2.0 is for the user and by the user.
Web 3.0 is for the user, by the user, and of the user.
References:
What is Web 2.0? By Andy Budd of Clearleft Ltd
What Is Web 2.0 by Tim O'Reilly
examples:
維基百科，自由的百科全書
- WYSWYG (What you see is what you get.)
- Personalization
- Mashup
- Sharing
- Feedback
Web 1.0 is for the user.
Web 2.0 is for the user and by the user.
Web 3.0 is for the user, by the user, and of the user.
References:
What is Web 2.0? By Andy Budd of Clearleft Ltd
What Is Web 2.0 by Tim O'Reilly
examples:
維基百科，自由的百科全書
Lab WYSWYG
1. Enter an introduction to Panorama Explorer
and read it. It is a mashup based on Google Maps.
2. Test drive the WYSWYG interface of Panorama Explorer.
3. Post a photo on the right spot of the world map.
and read it. It is a mashup based on Google Maps.
2. Test drive the WYSWYG interface of Panorama Explorer.
3. Post a photo on the right spot of the world map.
Lab Personalization II
1. Enter
http://www.google.com/ig
2. Rearrange the templates. And perhaps remove blocks that you don't need.
3. Add new stuff.
http://www.google.com/ig
2. Rearrange the templates. And perhaps remove blocks that you don't need.
3. Add new stuff.
Lab Personalization
1. Go to Google News
2. Add a new category from standard subjects
3. Try to relocate the news category to a new place
4. Delete this news category.
5. Add a new category with your personal subject. You must enter a keyword centric to this news category.
6. Try to relocate the news category to a new place
2. Add a new category from standard subjects
3. Try to relocate the news category to a new place
4. Delete this news category.
5. Add a new category with your personal subject. You must enter a keyword centric to this news category.
6. Try to relocate the news category to a new place
星期五, 12月 08, 2006
DOM (Document Object Model)
操作以下這個網頁
web personalization 網頁個人化
你會不會覺得有點神奇, 它是如何做到的?
關鍵就在 DOM.
- Grab all the tags of the document, or grab the text without grabbing the tag text.
- Insert new text, and change or remove text from any element.
- Move whole parts of the document around, or remove parts as fragments and work with them.
- And the best part: all of these new methods should work in any DOM compliant browser. No more browser sniffing. No need to build different versions of the same page for different browsers.
Reference:
Scripting For The 6.0 Browsers, By Scott Andrew LePera
web personalization 網頁個人化
你會不會覺得有點神奇, 它是如何做到的?
關鍵就在 DOM.
With the DOM scripting methods you can:
- Create new elements on the fly.- Grab all the tags of the document, or grab the text without grabbing the tag text.
- Insert new text, and change or remove text from any element.
- Move whole parts of the document around, or remove parts as fragments and work with them.
- And the best part: all of these new methods should work in any DOM compliant browser. No more browser sniffing. No need to build different versions of the same page for different browsers.
Reference:
Scripting For The 6.0 Browsers, By Scott Andrew LePera
createElement() allows you to create a new tag.
myImg = document.createElement("IMG")
Give definition.In the above example, our newly born tag has no ID, no SRC and no home in the document yet. So let's give it some definition:
myImg.setAttribute("id","imageOne")
myImg.setAttribute("src","jabberwocky.gif")
Append it within the document "tree".
Now all we need to do is append it to the document body. And to do that, we use the DOM node method appendChild():
docBody = document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
Lab XSLT, Part III
1. Register and Download Xray, an XML, XSLT editor and processor.
2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results
use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings
compute the team standings in a table.
5. View the formatted HTML file.
2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results
use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings
compute the team standings in a table.
5. View the formatted HTML file.
星期一, 11月 27, 2006
星期五, 11月 24, 2006
CGI
CGI, Common Gateway Interface
(page 188~193 of Text)
URL that sends a request by CGI
http://maps.google.com/maps?q=24.9586,+121.2411
(page 188~193 of Text)
URL that sends a request by CGI
http://maps.google.com/maps?q=24.9586,+121.2411
Homework 11/24/2006
1. Take a look at the following site:
HousingMaps
Google Maps Transparencies
Google Maps Nighttime!
Track visitors to your website
Google Map links for Unesco World Heritage Sites
Frappr
List another 5 ideas that you think would be useful. Why?
2. Play around
Zip Code Web Service.
What are the XML files used in the request and response?
3. Reading Assignments
CGI
(page 188~193 of Text)
HousingMaps
Google Maps Transparencies
Google Maps Nighttime!
Track visitors to your website
Google Map links for Unesco World Heritage Sites
Frappr
List another 5 ideas that you think would be useful. Why?
2. Play around
Zip Code Web Service.
What are the XML files used in the request and response?
3. Reading Assignments
CGI
(page 188~193 of Text)
幸福的人
有人說幸福就是快樂, 無憂與無慮.
也有人說, 幸福就是能夠經常得到你所要的.
我認為, 幸福的人就是能夠在別人的需要上看到自己的責任.
近年來社會與社區參與, 讓我覺得一股隨身隨時的幸福感.
- 社會參與(志工服務):
- 消基會電信傳播委員(2003~)
- 2009年二月份廣播:拒絕二手電波
- 2007年九月份廣播:選購隨身碟
- 2007年五月份廣播:Windows Vista
- 2006年四月份廣播:對抗垃圾郵件
- 2006年十月份廣播:選購防毒軟体
- 2005年十一月廣播:3G是什麼
- 消費者報導: 拒絕二手電波
- 消費者報導: 防堵不當郵件
- 消費者報導: 慎選網路電話
- 記者會: 線上交易糾紛處理
- 記者會:購物網站資訊揭露
- 消基會3C委員會(委員 2005~2007, 2009~, 召集人 2007~2008)，獲得2008年消基會服務獎章
- 社區課程(志工服務):
- 社區參與(志工服務):
- 推動服務學習與志願服務之成效
- 網路無障礙空間公共計畫
Lab Form and Action, Part II
Hand code a HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
Lab Form and Action
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
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.
and use Xray to generate an HTML that contains the titles of items in the RSS.
2. View the formatted HTML file.
星期五, 11月 10, 2006
11/10/2006 Homework
Due 11/24/2006 at 13:00
1. Reading Assignments:
XML (Page 187-188 on the Textbook)
2. Read the blog paper. Explain how blogs are used in network-based education.
Are there any other ways blogs can benefit education?
1. Reading Assignments:
XML (Page 187-188 on the Textbook)
2. Read the blog paper. Explain how blogs are used in network-based education.
Are there any other ways blogs can benefit education?
Lab Writely
1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Write some words in a Word format.
3. Publish the Word document.
4. What's the URL of your document.
Hint: This is a sample Word document.
2. Write some words in a Word format.
3. Publish the Word document.
4. What's the URL of your document.
Hint: This is a sample Word document.
星期三, 11月 08, 2006
Introduction to XML
Take a look at islandwide temperatures of Taiwan.
What happens if you just want Taoyuan's temperature?
If you want to include Taoyuan's temperature in your Theme
Park homepage, is there any solution?
XML examples:
the need of XML
Separation of data from data processor
Seperation of data from presentation
Automation of data flow across various business systems
Operation of an XSLT Processor
What happens if you just want Taoyuan's temperature?
If you want to include Taoyuan's temperature in your Theme
Park homepage, is there any solution?
XML examples:
the need of XML
- HTML for machine-human interaction
- XML can be formatted to HTML according to formartting rules called XSLT. To see it, do Lab XSLT.
- XML for machine-machine interaction
- Without human involvement, automation of business systems can be accelerated.
- An XSLT style sheet is an XML document.
- The basic processing paradigm is pattern matching.
Operation of an XSLT Processor
Lab 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?
2. HTML alone cannot perform the functions of Google Mars. So find out which code in the HTML
source does the map things.
Hints: You may use Nvu to determine what HTML tags are for what.
for all or retrieved on demand?
2. HTML alone cannot perform the functions of Google Mars. So find out which code in the HTML
source does the map things.
Hints: You may use Nvu to determine what HTML tags are for what.
Lab RSS
Part I
1. Enter Google Reader
2. Try the following
(Hint: Examine Yam's RSS feed. )
Part II
1. Open Firefox
2. Enter Ctrl-B to activate Bookmark.
3. Go to http://news.yam.com
and look for the subscription button at the right of URL bar.
4. Subscribe.
5. Take a look at the Bookmark at your left. Open the Yam News and start browsing news pieces.
1. Enter Google Reader
2. Try the following
- news.yam.com
- 中時電子報
- New York Times
- Taiwan
(Hint: Examine Yam's RSS feed. )
Part II
1. Open Firefox
2. Enter Ctrl-B to activate Bookmark.
3. Go to http://news.yam.com
and look for the subscription button at the right of URL bar.
4. Subscribe.
5. Take a look at the Bookmark at your left. Open the Yam News and start browsing news pieces.
星期五, 10月 27, 2006
Lab Webpage Accessibility
Use Nvu to edit the following homepage
at http://maplepoem.blogspot.com/2005/03/blog-post_111070085865304732.html
1. You can copy and paste the content to your Nvu.
2. Take a look at the HTML 標籤, HTML 原始碼
3. Save your editings and preview your webpage using Firefox
4. Create a clickable link at the term 中原大學 so that
this link goes to http://www.cycu.edu.tw
5. Make the webpage accessible by
(1) adding ALT text to the images and
(2) adding a title to the URL link at Step 4.
6. Take a second look at the HTML 標籤, HTML 原始碼
Look for the differences you have made after doing Step 4 & Step 5.
7. Save your editings again and preview your webpage using Firefox
8. Download web accessibility validator Freego
9. Use Freego to examine whether your webpage is accessible.
須通過第一級機器檢測
at http://maplepoem.blogspot.com/2005/03/blog-post_111070085865304732.html
1. You can copy and paste the content to your Nvu.
2. Take a look at the HTML 標籤, HTML 原始碼
3. Save your editings and preview your webpage using Firefox
4. Create a clickable link at the term 中原大學 so that
this link goes to http://www.cycu.edu.tw
5. Make the webpage accessible by
(1) adding ALT text to the images and
(2) adding a title to the URL link at Step 4.
6. Take a second look at the HTML 標籤, HTML 原始碼
Look for the differences you have made after doing Step 4 & Step 5.
7. Save your editings again and preview your webpage using Firefox
8. Download web accessibility validator Freego
9. Use Freego to examine whether your webpage is accessible.
須通過第一級機器檢測
星期日, 10月 22, 2006
9/18~10/22 遲交不記分清單
update 10/27
處理原則
Lab Accessibility with GreaseMonkey
Homework 10/13/2006
Lab Technorati
Lab Google PageRank
Homework 2 9-29-2006
Lab Using Firefox
處理原則
- Lab 超過下課24小時未交, 不予記分. 未交 Lab, 不僅該 Lab 不記分, 且扣平時成績.
- Homework 超過繳交時間(上課前) , 不予記分
- 如有任何問題請在10/31以前在以下Comment 發表, 助教認同原因後方可註銷.
- Lab 與 Homework 的重要性參看課程大綱
Lab Accessibility with GreaseMonkey
Homework 10/13/2006
Lab Technorati
Lab Google PageRank
Homework 2 9-29-2006
- 電子二甲9426101柯宜欣
- 電子二甲 9426114 鄭安舜 HOMEWORK2
- 電子二乙9426212黃嘉弘 skype
- 電子2甲 9426111 賴靖雯
- 電子二甲 9426115 徐榮宏
- 電子三甲 張格榮 9326157
- 電子三丙9326354林廷宇
- 電子二乙 9426231 吳奕欣
- 9326151電子三甲孫偉閔
- 電子二丙9426316林俊毅
- 電子三丙9326305張嘉軒
- 電子三乙 9326223 李其霖
- 電子二乙 古孝澤 9426220
- 電子二乙9426212黃嘉弘
- 電子二乙 9426201 蘇聖航
- 電子三甲 9326157 張格榮
- 電子二甲 9426114 鄭安舜
- 電子二甲 9426115 徐榮宏
- 電子三丙9326354林廷宇
Lab Using Firefox
- 電子二丙9426317楊敦益 Lab2
- 電子三甲 李曜愷 9326134
- 電子二丙 9426316 林俊毅
- 電子三乙9326247柯佑霖
- 9426320 電子二丙 李尚謙
- 電子三丙9326305張嘉軒
- 電子二甲9426101柯宜欣
- 9426140 電子2甲 施劼岳
- 電子三丙9326354林廷宇
- 電子三甲 9326157 www.el9326157.blogspor.com
- 9326103蔡宏修
- 電子2甲 9426111 賴靖雯
- 電子三丙 9326354 林廷宇
星期五, 10月 20, 2006
Homework 10/20/2006
1. At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.
2. Check into the government-sponsored web accessibility website.
At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. Why do you think web accessibility is useful?
2. Check into the government-sponsored web accessibility website.
At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. Why do you think web accessibility is useful?
星期六, 10月 14, 2006
星期五, 10月 13, 2006
Lab Tongwen 同文堂
1. Go to Firefox Top 15 downloads
2. Install Tongwen
3. Visit Sina.cn
4. Convert Simplified Chinese into Traditional Chinese
2. Install Tongwen
3. Visit Sina.cn
4. Convert Simplified Chinese into Traditional Chinese
Lab 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.
2. Use Google to search webpages that contains some bad words.
3. Try whether the filtering take effects.
Lab Accessibility by GreaseMonkey
- Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
-
Google Access Keys Enables navigation through Google search results using ALT-"," and ALT-".". more
- AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw
- Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
Lab Greasemonkey
Install Greasemonkey 0.6.4. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the Greasemonkey on Firefox 1.5.
Learn how to use Greasemonkey. Install the following JavaScript and answer the questions one by one.
- Animated Firefox Download Counter: Display a counter of the number of firefox downloads in the upper right corner of pages.
- Cookie Monster - Show cookie contents ver 0.1: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies tw.yahoo.com and yam.com write to you. Does our class blog use cookie or not? Does Google use cookie?
- You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
10-20-2006 上課內容
Have more controlf of your browser by using Greasemonkey for Firefox.
Lab GreaseMonkey
Lab Accessibility by Greasemonkey
Reference: Dive into Greasemonkey by Mark Pilgrim (free download)
Lab GreaseMonkey
Lab Accessibility by Greasemonkey
Reference: Dive into Greasemonkey by Mark Pilgrim (free download)
Homework 10/13/2006
Due 10/20/2006 13:00 p.m.
1. Watch A Video Message from founders after Youtube acquired by Google.
Why do you think Google decides to acquire Youtube for a price of 1.6 billions USD?
2. Upload a Word document to Google “Docs & Spreadsheets”.
What kind of impact the service will bring to Microsoft Office?
3. Briefly describe the following Google business models.
Google 廣告獲利模式
1. Watch A Video Message from founders after Youtube acquired by Google.
Why do you think Google decides to acquire Youtube for a price of 1.6 billions USD?
2. Upload a Word document to Google “Docs & Spreadsheets”.
What kind of impact the service will bring to Microsoft Office?
3. Briefly describe the following Google business models.
- –Search Engine
- –Sponsorship (Paid listing)
- –AdWords
Google 廣告獲利模式
Lab Technorati
Use Technorati to measure the authority of blogs and show how many links the following blogs have.
Scobleizer http://scobleizer.wordpress.com/
Techcrunch http://www.techcrunch.com/
Reflection http://www.chieftain.idv.tw
Java http://javaatcycu.blogspot.com
yours
Scobleizer http://scobleizer.wordpress.com/
Techcrunch http://www.techcrunch.com/
Reflection http://www.chieftain.idv.tw
Java http://javaatcycu.blogspot.com
yours
Lab Google PageRank
在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)
紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
Monday 購物 http://www.monday.com.tw/
參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式
紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
Monday 購物 http://www.monday.com.tw/
參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式
星期三, 10月 11, 2006
星期五, 9月 29, 2006
Homework 2 Sep-29-2006
1. Read page 188~193 of Text and then answer the problems 7, 8, and 9 on Page 195.
2. Install Skype at your computer.
Use Skype to make a voice call with your friend(s). Note Skype can support up to 5 persons.
Describe with whom you conduct your test, the environment (bandwidth and computer configuration) you and your friend(s) make calls, and the voice quality such as smoothness,
delay, and jitter.
references
2. Install Skype at your computer.
Use Skype to make a voice call with your friend(s). Note Skype can support up to 5 persons.
Describe with whom you conduct your test, the environment (bandwidth and computer configuration) you and your friend(s) make calls, and the voice quality such as smoothness,
delay, and jitter.
references
星期五, 9月 22, 2006
Lab Google Maps
Use the latitude and longitude coordinates you find in Google Earth to locate
CYCU at http://maps.google.com
Format: +4° 57' 31.02", -121° 14' 28.12"
Help
CYCU at http://maps.google.com
Format: +4° 57' 31.02", -121° 14' 28.12"
Help
Lab Multimedia Plugin
Put the following movie embed code in your blog. You should
be able to see how multimedia plugin works.
be able to see how multimedia plugin works.
Introduction to Internet
hypertext, http, WWW
(page 181~187 of Text)
client applications:
browser,
plugin/embed (movie, nusic player),
standalone (Skype, Google Earth)
Lab Multimedia Plugin
Lab Google Maps
(page 181~187 of Text)
client applications:
browser,
plugin/embed (movie, nusic player),
standalone (Skype, Google Earth)
Lab Multimedia Plugin
Lab Google Maps
Homework 1 Sep-22-2006
"logic will get you from A to B - imagination will take you anywhere"
1. Personalize the links of your blog. Namely, Remove Edit-Me and place a real link.
2. Reading Assignment:
hypertext, http, WWW
(page 181~187 of Text)
3. Write an essay to comment on
Andy Lark's "The Web vs. Blogging"
that contrasts the world of blogs with the traditional websites. He compiled the following comparison list to show the deifferences.
Web= Organized Blog=Chaotic
Web=Predictable Blog=Unpredictable
Web=Find Blog=Browse
Web=Comprehensively Blog=Imcompletely Deep
shallow
Web=Broad Blog=Niche
Web=Slow Blog=Instant
Web=Cold Blog=Warm
Web=Transmission Blog=Conversation
Web=Place Blog=Community
Web=Annonymous Blog=Personal
Web=Company Blog=People
Web=Content Blog=Expression
Web=Cookie Cutter Blog=Individual
Web=Closed Blog=Participatory
Web=Unresponsive Blog=Give Thanks
1. Personalize the links of your blog. Namely, Remove Edit-Me and place a real link.
2. Reading Assignment:
hypertext, http, WWW
(page 181~187 of Text)
3. Write an essay to comment on
Andy Lark's "The Web vs. Blogging"
that contrasts the world of blogs with the traditional websites. He compiled the following comparison list to show the deifferences.
Web= Organized Blog=Chaotic
Web=Predictable Blog=Unpredictable
Web=Find Blog=Browse
Web=Comprehensively Blog=Imcompletely Deep
shallow
Web=Broad Blog=Niche
Web=Slow Blog=Instant
Web=Cold Blog=Warm
Web=Transmission Blog=Conversation
Web=Place Blog=Community
Web=Annonymous Blog=Personal
Web=Company Blog=People
Web=Content Blog=Expression
Web=Cookie Cutter Blog=Individual
Web=Closed Blog=Participatory
Web=Unresponsive Blog=Give Thanks
星期四, 9月 21, 2006
Lab 2: Using Firefox
Outlines of Lab
1. download Firefox 1.5
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.
1. download Firefox 1.5
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.
Advantages of Using Firefox
1. Easy control of font size
2. tabbed browsing
3. better meta control
4. RSS feed, and support of Blog
5. less vulnerable to computer virus
2. tabbed browsing
3. better meta control
4. RSS feed, and support of Blog
5. less vulnerable to computer virus
Lab 1: Create your own blog
1. 至 http://www.blogger.com 申請, 請以你的學號 (s開頭) 申請免費帳號。主旨欄請用以下格式 "網際網路作業一" "網際網路 Lab 1"
以加速助教登錄作業成績。
2. 請將你的作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將作業直接寫在 comment
3. 留言顯示驗證詞
4. 正確設定時區顯示時間
5. 測試他人可否留言(comment)
6. 設定每當有人在您的 Blog 上留下意見時，Blogger會寄電子郵件到您的這個email
以加速助教登錄作業成績。
2. 請將你的作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將作業直接寫在 comment
3. 留言顯示驗證詞
4. 正確設定時區顯示時間
5. 測試他人可否留言(comment)
6. 設定每當有人在您的 Blog 上留下意見時，Blogger會寄電子郵件到您的這個email
Thoughts on Internet
Internet outgrows desktop, finally
Microsoft was king but Google is the new one.
Web 2.0
platform provider instead of content provider. Build the right platform and the right time and the content will come and rest upon.
the platform is the portal, the one stop shop for things that are one of a kind. Content cannot afford to be placed elsewhere because this is the only place most people go to.
Marketing with not to
content provided by users, promoted by users. It spreads like virus.
Business Models
ads placed by the platform provider. ads most likely in text form, context matched with the user-provided content
Electronic Commerce (EC) and online services continue to expand
Mobile Commerce continues to find the way out
Microsoft was king but Google is the new one.
Web 2.0
platform provider instead of content provider. Build the right platform and the right time and the content will come and rest upon.
the platform is the portal, the one stop shop for things that are one of a kind. Content cannot afford to be placed elsewhere because this is the only place most people go to.
Marketing with not to
content provided by users, promoted by users. It spreads like virus.
Business Models
ads placed by the platform provider. ads most likely in text form, context matched with the user-provided content
Electronic Commerce (EC) and online services continue to expand
Mobile Commerce continues to find the way out
Syllabus of Internet Applications 2006
Time: Friday at 13:10~16:00
Place: 電子 416
Grading Policy: Participation (Presence, Challenging and Answers, Proactiveness) 50%, Homework 50%
Instructor: Associate Professor Yao-Jen Chang
Teaching Assistant:
Email:
Textbook
1. 張耀仁，劉永信, 電子商務系統, 高立書局, 2001年1月三版.
Course Outline
1. 網際網路的趨勢
Firefox, RSS, Blog, Google, Skype, VoIP, P2P, All IP Network (Comments)
2. 網際網路基本概念
Origin, Evolution, WWW, HTTP
(Chapter 2 of textbook)
3. Web 技術
State of the art, N-Tier architecture, HTML, CGI, Database, design for scalability
(Appendix of textbook)
4. Web Services
XML, SOAP, WSDL
5. 網路安全系統設計
Public Key Infrastructure, Digital Signature, SSL, Firewall, NAT, Watermark
(Chapter 3 of textbook)
6. 無障礙網路空間設計
Accessibility, principles, implementations, verification, certification
mark distrbibution of spring 2006
mark distribution of the previous semester of fall 2005
星期五, 6月 30, 2006
星期三, 6月 28, 2006
Lab Virtual Private Networking (VPN)
1. Download Hamachi from http://www.hamachi.cc/
2. Create your own network and enter a password for your members to join in the future.
3. Open the protocol analyzer Ethereal.
4. Exchange packets with your members.
5. Analyze these packets with Ethereal.
2. Create your own network and enter a password for your members to join in the future.
3. Open the protocol analyzer Ethereal.
4. Exchange packets with your members.
5. Analyze these packets with Ethereal.
星期二, 6月 27, 2006
星期四, 6月 22, 2006
星期五, 6月 16, 2006
Lab PGP, Part II
1. Sign a file. Send this file to Friend A & Friend B. Verify that both of them can read your signature.
2. Sign a file and encrypt this file and signature using A's public key. Email it to A and B. What will happen?
2. Sign a file and encrypt this file and signature using A's public key. Email it to A and B. What will happen?
Lab PGP
1. Download PGP Desktop 9.0
2. Install PGP using
In the process of installation assistant, generate your key pairs and allow your public key to go public at keyserver.pgp.com so that your friends can use it.
3 Check your email. Record your public key and the finger print at the Comment below this blog posting. What's the key length PGP generates?
4. Use your Friend A's public key to encrypt a file, using PGP zip. Email this encrypted file to your Friend A and Friend B. Verify that A can decrypt the file while B cannot.
You are invited to do Part II of Lab PGP.
FAQ: What's PGP?
2. Install PGP using
In the process of installation assistant, generate your key pairs and allow your public key to go public at keyserver.pgp.com so that your friends can use it.
3 Check your email. Record your public key and the finger print at the Comment below this blog posting. What's the key length PGP generates?
4. Use your Friend A's public key to encrypt a file, using PGP zip. Email this encrypted file to your Friend A and Friend B. Verify that A can decrypt the file while B cannot.
You are invited to do Part II of Lab PGP.
FAQ: What's PGP?
星期五, 6月 09, 2006
Lab Packet Sniffer
1. Install Protocol Analyzer Ethereal at http://www.ethereal.com
2. Capture the packets at your Ethernet interface card.
3. Enter a login required website that you often go to, such as web mail.
4. Try to catch the packet that contains the password.
2. Capture the packets at your Ethernet interface card.
3. Enter a login required website that you often go to, such as web mail.
4. Try to catch the packet that contains the password.
SSL
SSL (Secure Socket Layer)
* Using Digital Certificate, Digital Signature, Public Key Encryption, Hash (Message Digest)
* Instead of encrypting the sender's original text, only the session key generated by the sender is encrypted by the receiver's public key.
* The session key is valid throughout a session and not any longer.
* SSL is proposed by Netscape, Inc.
* https is actually http enhanced by SSL. https uses port 443 while http uses port 80.
* Using Digital Certificate, Digital Signature, Public Key Encryption, Hash (Message Digest)
* Instead of encrypting the sender's original text, only the session key generated by the sender is encrypted by the receiver's public key.
* The session key is valid throughout a session and not any longer.
* SSL is proposed by Netscape, Inc.
* https is actually http enhanced by SSL. https uses port 443 while http uses port 80.
Lab SSL
1. Try Yam membership enrollment
for using SSL encrypted Internet communications.
2. Note the lock at the lower right corner is secured when SSL is enabled.
3. Click the lock icon and a message window should pop up.
4. What kind of encryption is used in this SSL? How many bits are there in the encryption key?
5. Who issued the certificate you are seeing? (Who is the certificate authority, CA, for this website?)
6. Until when is the certificate valid?
7. What kind(s) of hash is/are used in the CA's digital signature?
8. How many bits are there in the hash(es)?
for using SSL encrypted Internet communications.
2. Note the lock at the lower right corner is secured when SSL is enabled.
3. Click the lock icon and a message window should pop up.
4. What kind of encryption is used in this SSL? How many bits are there in the encryption key?
5. Who issued the certificate you are seeing? (Who is the certificate authority, CA, for this website?)
6. Until when is the certificate valid?
7. What kind(s) of hash is/are used in the CA's digital signature?
8. How many bits are there in the hash(es)?
Lab Hash
| 1. Install SlavaSoft HashCalc | ||
Lecture on network secutiry and the theory of public key
Lecture on network secutiry and the theory of public key
(Chapter 3 of Textbook)
Secrect Key
*a key for encryption is also for decryption
*fast encryption and decryption
*problem with key distribution
*problem with keeping many keys
Public Key
*private key and public key
*public usually posted on an open directory
*private key must be kept in absolute private to oneself
*good for encryption and signature
Hash function
*fixed length of 128 or 256 bits
*fingerprint
Digital Signature
* privated key encrypted fingerprint of a plain text
*transmitted along with the plain text for verification
Man-in-the-middle attack
Digital Certificate
* Public Key signed with Certificate Authority
(Chapter 3 of Textbook)
Secrect Key
*a key for encryption is also for decryption
*fast encryption and decryption
*problem with key distribution
*problem with keeping many keys
Public Key
*private key and public key
*public usually posted on an open directory
*private key must be kept in absolute private to oneself
*good for encryption and signature
Hash function
*fixed length of 128 or 256 bits
*fingerprint
Digital Signature
* privated key encrypted fingerprint of a plain text
*transmitted along with the plain text for verification
Man-in-the-middle attack
Digital Certificate
* Public Key signed with Certificate Authority
星期二, 5月 30, 2006
Lab Testing User Interface
For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
星期五, 5月 26, 2006
Real time satellite tracking
Check it out
It is a mashup of Google Map and satellite teacking data.
More applications of Google Maps
It is a mashup of Google Map and satellite teacking data.
More applications of Google Maps
Lab Widget
1. Download Yahoo Widget Engine
2. Download AmazonBrowser
3. Compare the user experience between AmazonBrowser and the Amazon website
4. What are the advantages and disadvantages of widgets comparing to web browsers?
2. Download AmazonBrowser
3. Compare the user experience between AmazonBrowser and the Amazon website
4. What are the advantages and disadvantages of widgets comparing to web browsers?
星期五, 5月 19, 2006
Homework 05-19-2006 期末作業網站計畫書
期末作業網站計畫書包含閱讀對象選定, 主題設定, 內容與架構規劃, 常態性經營, 預計達成指標值與影響力預估,
所需資源,預期的挑戰.
題目可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,
試著以部落格創造凝聚力, 進而引起注意或發揮影響力.參閱如何宣傳你的部落格.
所需資源,預期的挑戰.
題目可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,
試著以部落格創造凝聚力, 進而引起注意或發揮影響力.參閱如何宣傳你的部落格.
Cookie
星期五, 5月 12, 2006
Lab Web Stress Test
1. Download Stress Test
2. Take a look at the user manual.
3. Test a static page such as http://db10g.cycu.edu.tw/cycu/cce/n01.htm(about 149 KB)
Try combinations of stress levels and stress multipliers to simulate 10 users and 100 users.
4. Test a dynamic page such as http://db10g.cycu.edu.tw/cycu/cce/n00-1.jsp?sn=652 (about 121 KB)
Try combinations of stress levels and stress multipliers to simulate 10 users and 100 users.
5. Compare the response time of both pages and explain why.
2. Take a look at the user manual.
3. Test a static page such as http://db10g.cycu.edu.tw/cycu/cce/n01.htm(about 149 KB)
Try combinations of stress levels and stress multipliers to simulate 10 users and 100 users.
4. Test a dynamic page such as http://db10g.cycu.edu.tw/cycu/cce/n00-1.jsp?sn=652 (about 121 KB)
Try combinations of stress levels and stress multipliers to simulate 10 users and 100 users.
5. Compare the response time of both pages and explain why.
Lab Site Meter
想知道有多少人曾造訪你的 blog, 想瞭解進入你網站的流量相關資訊? 以下的 Lab 利用 Site Meter 提供的服務達到這個目的.
1. 進入 Site Meter
2. 依據說明執行所述5 個步驟.
3. 進入你的部落格, 然後從Site Meter圖示進入觀看你的流量.
4. 想一想, Site Meter 的原理是什麼?
1. 進入 Site Meter
2. 依據說明執行所述5 個步驟.
3. 進入你的部落格, 然後從Site Meter圖示進入觀看你的流量.
4. 想一想, Site Meter 的原理是什麼?
Lab Promote Your Blog
1. Add a mail-to button on each article on your blog so that readers who like it can help distribute to other potential readers. You may need to go to the configuration page to activate the function.
2. Leave a comment on your friend's blog to input your feedback.
2. Leave a comment on your friend's blog to input your feedback.
Cookie
星期三, 5月 10, 2006
Homework 5-12-2006 Part2, Learning by Video
source: Cisco
The Impact of Infrastructure on Service Oriented Architectures
IT is experiencing the advent of a fundamental change in architecture for both applications and the underlying infrastructure. Hear directly from Cisco's own IT organization about their experience with the evolution towards virtualized infrastructure and service orientation.
Speakers:
Guido Jouret, VP of IT Strategy Consulting at Cisco Systems;
Brian Christensen, Director of Data Center Systems in the IT organization at Cisco Systems;
Hicham Tout, Application Integration Architect in the IT organization at Cisco Systems;
Bobby Guhasarkar, Data Center Marketing Manager
The Impact of Infrastructure on Service Oriented Architectures
IT is experiencing the advent of a fundamental change in architecture for both applications and the underlying infrastructure. Hear directly from Cisco's own IT organization about their experience with the evolution towards virtualized infrastructure and service orientation.
Speakers:
Guido Jouret, VP of IT Strategy Consulting at Cisco Systems;
Brian Christensen, Director of Data Center Systems in the IT organization at Cisco Systems;
Hicham Tout, Application Integration Architect in the IT organization at Cisco Systems;
Bobby Guhasarkar, Data Center Marketing Manager
- Download Video!
- Write down your experiences watching this informational video.
- What are the advantages and disadvantages of remote learning by video archives?
Homework 5-12-2006 Part I, Experiencing Webcast
Wireless Technology: Spelling 'Security' with Alphabet Soup
April 13, 2006, 2 p.m. EST, 11 a.m PDT
Speaker: Charlie Schluting, Columnist, EnterpriseNetworkingPlanet.com
April 13, 2006, 2 p.m. EST, 11 a.m PDT
Speaker: Charlie Schluting, Columnist, EnterpriseNetworkingPlanet.com
- Click http://www.enterprisenetworkingplanet.com/webcast/article.php/3584806
- Write down your experiences watching this informational webcast.
- What are the advantages and disadvantages of remote learning by webcast?
星期二, 5月 09, 2006
各國文化入口網站評比研究
目前國內並沒有文化入口網, 在國外有以下例子
法國 http://www.culture.fr/ 澳洲 Culture and Recreation Portal
波蘭 culture.pl
德國 Culture Portal
因為文化是一個綜合性的現象, 與文化相關的網站很有挑戰性,
幾乎很少有水準之上的作品, 很多此類網站一開始的定位就有問題了,
因此難以成功.
評比的參考標準
相關網站; 台灣 網路劇院
星期五, 5月 05, 2006
Homework 05-05-2006 AJAX Droppables
You have studied Lab Draggables. Download the demo Drag and Drop codes, install it.
Study and play with examples. You may do some changes using NVu.
To take a look at the Javascript code that does the trick, you can install UltraEdit which can
format the JavaScript code properly and nicely.
Study and play with examples. You may do some changes using NVu.
To take a look at the Javascript code that does the trick, you can install UltraEdit which can
format the JavaScript code properly and nicely.
Lab Checking dead links
W3C Link Check 可以檢查 dead links, 而且只要輸入首頁,
就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).
Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.
因此如果出現 deadlink, 就是在首頁.
如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,
在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後
在逐一爬行該頁內每個 link.
報表輸出很漂亮. 請參閱
http://validator.w3.org/checklink
請檢查三個你最常使用的網站, 看看連結的品質如何?
紀錄有錯誤連結 (HTTP Error 404) 的次數.
就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).
Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.
因此如果出現 deadlink, 就是在首頁.
如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,
在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後
在逐一爬行該頁內每個 link.
報表輸出很漂亮. 請參閱
http://validator.w3.org/checklink
請檢查三個你最常使用的網站, 看看連結的品質如何?
紀錄有錯誤連結 (HTTP Error 404) 的次數.
星期日, 4月 30, 2006
Lab Google Scholar
1. Check into http://scholar.google.com
2. Enter a keyword such as "zigbee"
3. How many articles are found in the search results?
4. Use advanced serach to narrow down the search to the years after 2005. How many articles are there now?
5. Choose a keyword that you are intersted in. Try Step 3 and Step 4.
2. Enter a keyword such as "zigbee"
3. How many articles are found in the search results?
4. Use advanced serach to narrow down the search to the years after 2005. How many articles are there now?
5. Choose a keyword that you are intersted in. Try Step 3 and Step 4.
Lab Playing with PageRank
Google PageRank 用來評估網頁的重要性。PageRank 並不計算直接鏈接的數量，而是將從網頁 A 指向網頁 B 的鏈接解釋為由網頁 A 對網頁 B 所投的一票。這樣，PageRank 會根據網頁 B 所收到的投票數量來評估該頁的重要性。重要網頁獲得的 PageRank（網頁排名）較高，從而顯示在搜索結果的頂部。PageRank分數由 0 到 10，10分為滿分。序分高的網站代表較常為其他網站引用。
1. Download Google Toolbar
2. Use the PageRank to conduct a comparative study regarding
portals and e-Commerce websites in Taiwan. PageRank is estimates of webpage references
with values 0 to 10.
3. Compare PageRank among the following portals
1. Download Google Toolbar
2. Use the PageRank to conduct a comparative study regarding
portals and e-Commerce websites in Taiwan. PageRank is estimates of webpage references
with values 0 to 10.
3. Compare PageRank among the following portals
- http://tw.yahoo.com
- http://yam.com
- http://msn.com.tw
- http://monday.com.tw
- http://shopping.pchome.com.tw
- http://hermall.yam.com
- http://hercafe.yam.com
- http://www.shesay.com.tw
- http://www.msn.com.tw/fashion/
- http://www.nytimes.com
- http://www.taipeitimes.com
- http://www.cnn.com/
星期六, 4月 29, 2006
期末報告題目
研讀 Web 2.0 的精神然後參閱以下部落格
星際小孩 http://astrokid.blogspot.com/
芳鄰成長園 http://chang212.blogspot.com/
Reflection http://www.chieftain.idv.tw/archives/category/education/
讓天使展翅 (講評: 細膩的筆觸 強烈個人風格)
高雄 Life Story (講評: 兒時記憶 娓娓敘來 引人入勝)
Artcat(講評: 社團活動紀錄 生動有趣)
科技業人氣王(講評: 勤做功課 見解獨到)
Study Group(用心看世界 別有見地)
古早味(用心整理 文章中穿插故事)
逐鹿中原一風想空間(特別推薦)
(1)
思考如何以部落格小眾媒體的特性, 提出一個具有小眾或大眾社會影響力的部落格經營提案,
這當中包含閱讀對象選定, 主題設定, 內容與架構規劃, 常態性經營, 預計達成指標值與影響力預估,
所需資源,預期的挑戰.
題目可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,
試著以部落格創造凝聚力, 進而引起注意或發揮影響力.參閱如何宣傳你的部落格.
(2)
實際建構此部落格, 並且提出或實際展現你的經營之道.
注意
1. 實作不限於 www.blogger.com 你可以自由挑選部落格, 但是請勿
使用廣告太多的部落格網站.
2. 請於此公佈你的成果網址.
3. 成果繳交日期: 6/16/2006
4. 國外實例
星際小孩 http://astrokid.blogspot.com/
芳鄰成長園 http://chang212.blogspot.com/
Reflection http://www.chieftain.idv.tw/archives/category/education/
讓天使展翅 (講評: 細膩的筆觸 強烈個人風格)
高雄 Life Story (講評: 兒時記憶 娓娓敘來 引人入勝)
Artcat(講評: 社團活動紀錄 生動有趣)
科技業人氣王(講評: 勤做功課 見解獨到)
Study Group(用心看世界 別有見地)
古早味(用心整理 文章中穿插故事)
逐鹿中原一風想空間(特別推薦)
(1)
思考如何以部落格小眾媒體的特性, 提出一個具有小眾或大眾社會影響力的部落格經營提案,
這當中包含閱讀對象選定, 主題設定, 內容與架構規劃, 常態性經營, 預計達成指標值與影響力預估,
所需資源,預期的挑戰.
題目可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,
試著以部落格創造凝聚力, 進而引起注意或發揮影響力.參閱如何宣傳你的部落格.
(2)
實際建構此部落格, 並且提出或實際展現你的經營之道.
注意
1. 實作不限於 www.blogger.com 你可以自由挑選部落格, 但是請勿
使用廣告太多的部落格網站.
2. 請於此公佈你的成果網址.
3. 成果繳交日期: 6/16/2006
4. 國外實例
星期三, 4月 26, 2006
Lab AJAX: Draggables
1. Open NVu
2. Study Silly easy shopping
and Draggables
3. Place an image you pick in your webpage.
4. Take a look at the source code of Silly easy shopping.
Be sure to place the javascript includes in your webpage, too.
5. Use the syntax of Draggables. Make your image draggable, too.
2. Study Silly easy shopping
and Draggables
3. Place an image you pick in your webpage.
4. Take a look at the source code of Silly easy shopping.
Be sure to place the javascript includes in your webpage, too.
5. Use the syntax of Draggables. Make your image draggable, too.
Lab DOM and JavaScript
Read DOM Tutorial
Lesson 1, 2, 3, & 4
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.
Lesson 1, 2, 3, & 4
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.
星期五, 4月 14, 2006
檢視網站
中央政府網站一覽表
介面是否合乎直覺
使用者習慣
介面是否友善
認清使用對象
版面設計
資訊時效性
資料正確性
介面是否合乎直覺
使用者習慣
介面是否友善
認清使用對象
版面設計
資訊時效性
資料正確性
- 連結至錯誤的網頁
- 連結至不存在的網頁
- 連結至不正確的文件
- 政府入口網(機關活動) 無法使用Firefox
星期六, 4月 01, 2006
Convert XML into webpages
1. Take a look at the RSS feed in XML format
2. Enter the URL http://www.wi-fiplanet.com/icom_includes/feeds/80211/xml_front-news-10.xml
at the Google Reader
2. Enter the URL http://www.wi-fiplanet.com/icom_includes/feeds/80211/xml_front-news-10.xml
at the Google Reader
星期五, 3月 31, 2006
Lab Create Img using DOM
1. Open Nvu
2. Hand code a javascript that loads an image from Internet based on
the DOM model. You may use window.onload to load the image.
3. You may also use a button to load the image. Try how onclick works.
Hint: The javascript code should be enclosed by script tags.
2. Hand code a javascript that loads an image from Internet based on
the DOM model. You may use window.onload to load the image.
3. You may also use a button to load the image. Try how onclick works.
Hint: The javascript code should be enclosed by script tags.
Lab RSS Reader
1. Enter Google Reader
2. Try the following
4. What kind of impacts to the portals such as yahoo and yam?
2. Try the following
- news.yam.com
- 中時電子報
- New York Times
- Taiwan
4. What kind of impacts to the portals such as yahoo and yam?
Homework 03/31/2006 sites that use google maps
Take a look at the following site:
HousingMaps
Google Maps Transparencies
Google Maps Nighttime!
Track visitors to your website
Google Map links for Unesco World Heritage Sites
Frappr
List another 5 ideas that you think would be useful. Why?
HousingMaps
Google Maps Transparencies
Google Maps Nighttime!
Track visitors to your website
Google Map links for Unesco World Heritage Sites
Frappr
List another 5 ideas that you think would be useful. Why?
星期二, 3月 28, 2006
星期一, 3月 27, 2006
星期六, 3月 25, 2006
DOM (Document Object Model)
- Manipulate the elements of any document
- The structure of the DOM exposes new powerful methods which allow you access and manipulate the elements of any document.
- JavaScript
- This goes beyond DHTML and its tags; it's comprehensive control over every page element via JavaScript.
introduction
Defining Ajax
Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:
- standards-based presentation using XHTML and CSS;
- dynamic display and interaction using the Document Object Model;
- data interchange and manipulation using XML and XSLT;
- asynchronous data retrieval using XMLHttpRequest;
- and JavaScript binding everything together.
Lab XSLT, Part 2
1. Register and Download Xray, an XML, XSLT editor and processor.
2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results
use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings
compute the team standings in a table.
5. View the formatted HTML file.
星期五, 3月 24, 2006
Lab CGI and Form, Part 2
Hand code a HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
Homework 03/24/2006
1. Read page 188~193 of Text and then answer the problems 7, 8, and 9 on Page 195.
2. Find 3 more AJAX examples and provide the links. You have to look for websites other than Laszlo.
2. Find 3 more AJAX examples and provide the links. You have to look for websites other than Laszlo.
星期日, 3月 19, 2006
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. 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.
Why AJAX
- HTML is basically for hyperlinked documents and offers very limited interactions.
- AJAX brings desktop like interactions to the web and complements HTML in terms of graphic user interfaces.
- AJAX examples
http://www.housingmaps.com/
Laszlo
星期五, 3月 17, 2006
Lab Form and Action
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
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.
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.
3-17-2006 Homework Lab XSLT
Using Xray to transform this course's atom XML
into bulleted list of blog titles in HTML format.
Please show your XSLT code and the webpage result.
into bulleted list of blog titles in HTML format.
Please show your XSLT code and the webpage result.
XML
Take a look at islandwide temperatures of Taiwan.
What happens if you just want Taoyuan's temperature?
If you want to include Taoyuan's temperature in your Theme
Park homepage, is there any solution?
XML examples:
the need of XML
Separation of data from data processor
Seperation of data from presentation
Automation of data flow across various business systems
Operation of an XSLT Processor
What happens if you just want Taoyuan's temperature?
If you want to include Taoyuan's temperature in your Theme
Park homepage, is there any solution?
XML examples:
the need of XML
- HTML for machine-human interaction
- XML can be formatted to HTML according to formartting rules called XSLT. To see it, do Lab XSLT.
- XML for machine-machine interaction
- Without human involvement, automation of business systems can be accelerated.
- An XSLT style sheet is an XML document.
- The basic processing paradigm is pattern matching.
Operation of an XSLT Processor
Lab 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?
2. HTML alone cannot perform the functions of Google Mars. So find out which code in the HTML
source does the map things.
Hints: You may use Nvu to determine what HTML tags are for what.
for all or retrieved on demand?
2. HTML alone cannot perform the functions of Google Mars. So find out which code in the HTML
source does the map things.
Hints: You may use Nvu to determine what HTML tags are for what.
星期五, 3月 03, 2006
Lab Subscription with RSS
RSS is Really Simple Syndication.
1. Open Firefox
2. Enter Ctrl-B to activate Bookmark.
3. Go to http://news.yam.com
and look for the subscription button at the right of URL bar.
4. Make the subscription step by step.
5. Take a look at the Bookmark at your left. Open the Yam News and start browsing news pieces.
1. Open Firefox
2. Enter Ctrl-B to activate Bookmark.
3. Go to http://news.yam.com
and look for the subscription button at the right of URL bar.
4. Make the subscription step by step.
5. Take a look at the Bookmark at your left. Open the Yam News and start browsing news pieces.
Lab Webpage Accessibility
Use Nvu to edit the following homepage
at http://maplepoem.blogspot.com/2005/03/blog-post_111070085865304732.html
1. You can copy and paste the content to your Nvu.
2. Take a look at the HTML 標籤, HTML 原始碼
3. Save your editings and preview your webpage using Firefox
4. Create a clickable link at the term 中原大學 so that
this link goes to http://www.cycu.edu.tw
5. Make the webpage accessible by
(1) adding ALT text to the images and
(2) adding a title to the URL link at Step 4.
6. Take a second look at the HTML 標籤, HTML 原始碼
Look for the differences you have made after doing Step 4 & Step 5.
7. Save your editings again and preview your webpage using Firefox
8. Download web accessibility validator Freego
9. Use Freego to examine whether your webpage is accessible.
須通過第一級機器檢測
at http://maplepoem.blogspot.com/2005/03/blog-post_111070085865304732.html
1. You can copy and paste the content to your Nvu.
2. Take a look at the HTML 標籤, HTML 原始碼
3. Save your editings and preview your webpage using Firefox
4. Create a clickable link at the term 中原大學 so that
this link goes to http://www.cycu.edu.tw
5. Make the webpage accessible by
(1) adding ALT text to the images and
(2) adding a title to the URL link at Step 4.
6. Take a second look at the HTML 標籤, HTML 原始碼
Look for the differences you have made after doing Step 4 & Step 5.
7. Save your editings again and preview your webpage using Firefox
8. Download web accessibility validator Freego
9. Use Freego to examine whether your webpage is accessible.
須通過第一級機器檢測
Homework 3-3-2006
"tell me and I'll forget; show me and I may remember; involve me and I'll understand"
1. What is NAT (Network Address Translation) ? How does Skype overcome NAT and get connected with each other?
2. Explain scalability. What is the scalability design inside Skype?
3. Do the following 2 labs.
Lab Clean Language
Lab Tongwen
4. Reading Assignments:
Pages 181~194 of the Textbook.
Bring the Textbook to the class on 3-10-2006.
(下次上課請攜帶課本)
1. What is NAT (Network Address Translation) ? How does Skype overcome NAT and get connected with each other?
2. Explain scalability. What is the scalability design inside Skype?
3. Do the following 2 labs.
Lab Clean Language
Lab Tongwen
4. Reading Assignments:
Pages 181~194 of the Textbook.
Bring the Textbook to the class on 3-10-2006.
(下次上課請攜帶課本)
Cookie
Lab Accessibility by GreaseMonkey
- Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
-
Google Access Keys Enables navigation through Google search results using ALT-"," and ALT-".". more
- AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw
- Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
星期五, 2月 24, 2006
Lab Tongwen 同文堂
1. Go to Firefox Top 15 downloads
2. Install Tongwen
3. Visit Sina.cn
4. Convert Simplified Chinese into Traditional Chinese
2. Install Tongwen
3. Visit Sina.cn
4. Convert Simplified Chinese into Traditional Chinese
Lab 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.
2. Use Google to search webpages that contains some bad words.
3. Try whether the filtering take effects.
3-3-2006 Have more controlf of your browser
Features of Skype
Have more controlf of your browser by using Greasemonkey for Firefox.
Lab GreaseMonkey
Lab Accessibility by Greasemonkey
Lab Clean Language
Lab Tongwen
Reference: Dive into Greasemonkey by Mark Pilgrim (free download)
Have more controlf of your browser by using Greasemonkey for Firefox.
Lab GreaseMonkey
Lab Accessibility by Greasemonkey
Lab Clean Language
Lab Tongwen
Reference: Dive into Greasemonkey by Mark Pilgrim (free download)
Homework 2-24-2006 Lab Skype
Install Skype at your computer.
Use Skype to make a voice call with your friend(s). Note Skype can support up to 5 persons.
Describe with whom you conduct your test, the environment (bandwidth and computer configuration) you and your friend(s) make calls, and the voice quality such as smoothness,
delay, and jitter.
references
Use Skype to make a voice call with your friend(s). Note Skype can support up to 5 persons.
Describe with whom you conduct your test, the environment (bandwidth and computer configuration) you and your friend(s) make calls, and the voice quality such as smoothness,
delay, and jitter.
references
Lab Google Maps
Use the latitude and longitude coordinates you find in Google Earth to locate
CYCU at http://maps.google.com
Format: +4° 57' 31.02", -121° 14' 28.12"
Help
CYCU at http://maps.google.com
Format: +4° 57' 31.02", -121° 14' 28.12"
Help
Lab Multimedia Plugin
1. Put the following movie embed code in your blog. You should
be able to see how multimedia plugin works.
2. Using the embed code, place the following movie as well as its title in your blog.
http://home.ee.ntu.edu.tw/~b1901024/4464531.wmv
外國人眼中的台灣-台灣的驕傲
be able to see how multimedia plugin works.
2. Using the embed code, place the following movie as well as its title in your blog.
http://home.ee.ntu.edu.tw/~b1901024/4464531.wmv
外國人眼中的台灣-台灣的驕傲
星期一, 2月 20, 2006
Lab Greasemonkey
Install Greasemonkey 0.6.4. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the Greasemonkey on Firefox 1.5.
Learn how to use Greasemonkey. Install the following JavaScript and answer the questions one by one.
- Animated Firefox Download Counter: Display a counter of the number of firefox downloads in the upper right corner of pages.
- Cookie Monster - Show cookie contents ver 0.1: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies tw.yahoo.com and yam.com write to you. Does our class blog use cookie or not? Does Google use cookie?
- You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
2-24-2006 Introduction to Internet
hypertext, http, WWW
(page 181~187 of Text)
client applications:
browser,
plugin/embed (movie, nusic player),
standalone (Skype, Google Earth)
Lab Multimedia Plugin
Lab Google Earth
Lab Google Maps
(page 181~187 of Text)
client applications:
browser,
plugin/embed (movie, nusic player),
standalone (Skype, Google Earth)
Lab Multimedia Plugin
Lab Google Earth
Lab Google Maps
features of Skype
1. peer to peer, no server required, therefore, no operation cost like cellular communications
2. overlay, not relying on existing Internet protocols beyond Layer 4, resilient to malfunctions of Internet services
3. scalable, using supernodes among every 500 nodes, adaptive to constant configuration changes
4. high quality codec for crystal voice
5. strong penetration to NAT and firewalls
6. free for now and maybe forever for on-net calls
7. implementation of packet voice
8. consumes reasonable bandwidth, consumes significant CPU
9 . teleconference, voice communications for 5 parties at most
10. millions people online all the times, number keep rising.
11. provide presence like messengers, great feature compared to old phones
Related link about Skype, Gizmo, and Google Talk
eBay acquired Skype
2. overlay, not relying on existing Internet protocols beyond Layer 4, resilient to malfunctions of Internet services
3. scalable, using supernodes among every 500 nodes, adaptive to constant configuration changes
4. high quality codec for crystal voice
5. strong penetration to NAT and firewalls
6. free for now and maybe forever for on-net calls
7. implementation of packet voice
8. consumes reasonable bandwidth, consumes significant CPU
9 . teleconference, voice communications for 5 parties at most
10. millions people online all the times, number keep rising.
11. provide presence like messengers, great feature compared to old phones
Related link about Skype, Gizmo, and Google Talk
eBay acquired Skype
Lab Google Earth
Enter earth.google.com
and use Earth Google to locate CYCU.
Write down the latitude and longitude coordinates.
and use Earth Google to locate CYCU.
Write down the latitude and longitude coordinates.
星期五, 2月 17, 2006
Homework 1
"logic will get you from A to B - imagination will take you anywhere"
1. Personalize the links of your blog. Namely, Remove Edit-Me and place a real link.
2. List 3 example of websites that can be classified as Web 2.0.
Briefly explain why you think they are Web 2.0.
3. Reading Assignment:
hypertext, http, WWW
(page 181~187 of Text)
softphones are not the same- skype, Gizmo, & Google Talk
1. Personalize the links of your blog. Namely, Remove Edit-Me and place a real link.
2. List 3 example of websites that can be classified as Web 2.0.
Briefly explain why you think they are Web 2.0.
3. Reading Assignment:
hypertext, http, WWW
(page 181~187 of Text)
softphones are not the same- skype, Gizmo, & Google Talk
Lab: Using Firefox
Outlines of Lab
1. download Firefox 1.5
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.
1. download Firefox 1.5
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.
Advantages of Using Firefox
1. Easy control of font size
2. tabbed browsing
3. better meta control
4. RSS feed, and support of Blog
5. less vulnerable to computer virus
2. tabbed browsing
3. better meta control
4. RSS feed, and support of Blog
5. less vulnerable to computer virus
星期二, 2月 14, 2006
星期六, 2月 11, 2006
Thoughts on Trends of Internet
Internet outgrows desktop, finally
Microsoft was king but Google is the new one.
Wireless and Web 2.0 will change the landscape
why bothers to use iPod, Kuro?
Wireless makes download clumsy.
Music blog such as MySpace makes pirating Kuro unnecessary.
Web 2.0
platform provider instead of content provider. Build the right platform and the right time and the content will come and rest upon.
the platform is the portal, the one stop shop for things that are one of a kind. Content cannot afford to be placed elsewhere because this is the only place most people go to.
Marketing with not to
content provided by users, promoted by users. It spreads like virus.
Business Models
ads placed by the platform provider. ads most likely in text form, context matched with the user-provided content
Electronic Commerce (EC) and online services continue to expand
Mobile Commerce contines to find the way out
Microsoft was king but Google is the new one.
Wireless and Web 2.0 will change the landscape
why bothers to use iPod, Kuro?
Wireless makes download clumsy.
Music blog such as MySpace makes pirating Kuro unnecessary.
Web 2.0
platform provider instead of content provider. Build the right platform and the right time and the content will come and rest upon.
the platform is the portal, the one stop shop for things that are one of a kind. Content cannot afford to be placed elsewhere because this is the only place most people go to.
Marketing with not to
content provided by users, promoted by users. It spreads like virus.
Business Models
ads placed by the platform provider. ads most likely in text form, context matched with the user-provided content
Electronic Commerce (EC) and online services continue to expand
Mobile Commerce contines to find the way out
Lab 1: Create your own blog
1. 至 http://www.blogger.com 申請, 請以你的學號 (s開頭) 申請免費帳號。主旨欄請用以下格式 "網際網路作業一" "網際網路 Lab 1"
以加速助教登錄作業成績。
2. 請將你的作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將作業直接寫在 comment
3. 留言顯示驗證詞
4. 正確設定時區顯示時間
5. 測試他人可否留言(comment)
6. 設定每當有人在您的 Blog 上留下意見時，Blogger會寄電子郵件到您的這個email
以加速助教登錄作業成績。
2. 請將你的作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將作業直接寫在 comment
3. 留言顯示驗證詞
4. 正確設定時區顯示時間
5. 測試他人可否留言(comment)
6. 設定每當有人在您的 Blog 上留下意見時，Blogger會寄電子郵件到您的這個email
星期三, 1月 18, 2006
訂閱：
文章 (Atom)