2006年12月29日 星期五

Lab Web Stress Test

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.

專題說明會

Lab Site Meter

想知道有多少人曾造訪你的 blog, 想瞭解進入你網站的流量相關資訊? 以下的 Lab 利用 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) 的次數.

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.

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.

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.

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.
Reference

2006年12月22日 星期五

Lab Wikepedia

Use Wikipedia to give brief definitions of the following terms:

* mashup
* Document Object Model
* orz

Include the URL of the origins.

2006年12月21日 星期四

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.

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)

2006年12月15日 星期五

Web 2.0

Web 2.0
  • WYSWYG (What you see is what you get.)
  • Personalization
  • Mashup
  • Sharing
  • Feedback
If Web 1.0 is read only, then Web 2.0 is Read-Write.

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:

維基百科,自由的百科全書

Some mashup 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.

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.

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

2006年12月8日 星期五

Homework 12/08/2006

1. Do Lab XSLT, Part III

2. Read the introduction of DOM.

模範作業 12-8-2006

電子二乙 9426249 黃國祝
電子四甲 9226144 王郁智
電子二甲 9426124羅欣瑜
電子二乙 9426201 蘇聖航

DOM (Document Object Model)

操作以下這個網頁
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.

2006年11月24日 星期五

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

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)

幸福的人


有人說幸福就是快樂, 無憂與無慮.
也有人說, 幸福就是能夠經常得到你所要的.
我認為, 幸福的人就是能夠在別人的需要上看到自己的責任.

近年來社會與社區參與, 讓我覺得一股隨身隨時的幸福感.

  • 社會參與(志工服務):
  1. 消基會電信傳播委員(2003~)
  2. 消基會3C委員會(委員 2005~2007, 2009~, 召集人 2007~2008),獲得2008年消基會服務獎章

  • 社區課程(志工服務):
  1. 兒童天文學(星際小孩)
  2. 生活中的高科技
  3. Blog 親子營

  • 社區參與(志工服務):
  1. 芳鄰成長園 (社區營造)

  • 推動服務學習與志願服務之成效
  1. 96學年度(2006~2007)

  • 網路無障礙空間公共計畫
  1. 無障礙網路空間建置理念與實務
  2. 身心障礙者就業協助計畫

老師最近的論文

2006全國電信研討會
題目 :
Performance Evaluation of a Novel Distributed Algorithm for Car-to-Car
Communication Location Service over Street Environments


Network Education 2006
In-Classroom Blogs for Improving Teaching Quality at Hands-on Computer Laboratory Classes.

TANet 2006
電子化政府網站網路行銷與效益評估

模範作業

電子二甲9426101柯宜欣
一目瞭然, 說明清楚
合乎 3C (Correct, Clear, Concise) 原則

電子二甲 9426140 施劼岳

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.

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?

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.

2006年11月10日 星期五

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?

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.

11/17 期中考 停課一次

2006年11月8日 星期三

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
    • HTML for machine-human interaction
    • XML can be formatted to HTML according to formartting rules called XSLT. To see it, do Lab XSLT.

  • Automation of data flow across various business systems
    • XML for machine-machine interaction
    • Without human involvement, automation of business systems can be accelerated.
    What kind of language is XSLT?
    • 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.

    Lab RSS

    Part I
    1. Enter Google Reader

    2. Try the following
    • news.yam.com
    • 中時電子報
    • New York Times
    • Taiwan
    3. What is the RSS feed that Google Reader takes in? List the URL of these RSS feeds.
    (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.

    2006年10月27日 星期五

    遲交名單更新

    名單

    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.
    須通過第一級機器檢測

    2006年10月22日 星期日

    老師時間

    張老師開放以下時間提供同學當面發問, 地點電子大樓 512 老師研究室

    星期一 下午 2:00~4:00
    星期五 上午 11:00~12:00, 下午 4:10-5:00
    星期六 上午 10:00~12:00

    9/18~10/22 遲交不記分清單

    update 10/27

    處理原則

    1. Lab 超過下課24小時未交, 不予記分. 未交 Lab, 不僅該 Lab 不記分, 且扣平時成績.
    2. Homework 超過繳交時間(上課前) , 不予記分
    3. 如有任何問題請在10/31以前在以下Comment 發表, 助教認同原因後方可註銷.
    4. Lab 與 Homework 的重要性參看課程大綱


    Lab Accessibility with GreaseMonkey

    Homework 10/13/2006

    Lab Technorati

    Lab Google PageRank

    Homework 2 9-29-2006
    Lab Google Maps
    Lab Multimedia Plug-in

    Lab Using Firefox
    Lab 2: Using FirefoxLab Create Your Own Blog

    2006年10月20日 星期五

    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?

    10-27-2006 上課內容

    Lab Clean Language

    HTML (Textbook p.185~187)

    Lab Making webpage accessible


    2006年10月13日 星期五

    Lab Tongwen 同文堂

    1. Go to Firefox Top 15 downloads
    2. Install Tongwen
    3. Visit Sina.cn
    4. Convert Simplified Chinese into Traditional Chinese

    Lab Accessibility by GreaseMonkey

    http://www.utexas.edu
    1. 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
    2. Google Access Keys Enables navigation through Google search results using ALT-"," and ALT-".". more

    3. 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
    4. Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.

    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.

    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

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

    2. Learn how to use Greasemonkey. Install the following JavaScript and answer the questions one by one.

    3. Animated Firefox Download Counter: Display a counter of the number of firefox downloads in the upper right corner of pages.
    4. 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?
    5. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.

    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.
    • Search Engine
    • Sponsorship (Paid listing)
    • AdWords/AdSense (business stream for news, blog)
    References:
    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

    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 廣告獲利模式

    A Message From Chad and Steve

    A Video Message from founders after Youtube acquired by Google.

    media coverage

    2006年9月29日 星期五

    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

    2006年9月22日 星期五

    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

    Lab Multimedia Plugin

    Put the following movie embed code in your blog. You should
    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

    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

    2006年9月21日 星期四

    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

    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.

    About Blog

    Why do we need Blog?

    Things to learn about blog

    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

    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

    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. 張耀仁,劉永信, 電子商務系統, 高立書局, 20011月三版.


    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

    同學作品2006 Spring

    同學作品2005 Fall

    2006年6月30日 星期五

    inventions that transform the world
    • Google
    • Skype
    • FON
    inventions that transformed the world and were taken for granted
    • PC
    • Linux
    • WWW
    inventions that

    2006年6月28日 星期三

    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.

    2006年6月27日 星期二

    暑假中可以學些什麼

    對大二或大三的同學, 我會建議先學好數學與程式設計.

    技術一直在變, 但是數學歷久彌新, 掌握多變的未來最好的方法就是打好基礎, 數學與程式設計就是這個基礎.

    2006年6月22日 星期四

    部落格特別推薦

    新竹觀光好好玩 (講評: 導覽式的口吻 在地的玩法 切中部落格的媒體特性)
    My Spiritual World(講評: 感性的內容 豐富的創作)
    重型機車的大本營(人氣旺盛 展現部落格集眾效果)
    羽球天地(豐富比賽記事)

    2006年6月16日 星期五

    期末報告 成果繳交日期: 6/18/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?

    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?

    2006年6月9日 星期五

    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.

    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.

    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)?

    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

    Lab Hash


    1. Install SlavaSoft HashCalc
    2. Open the file readme.txt of this software
    3. Calculate the cash.
    4. Open another copy of HashCalc
    5. Open the file readme.txt and delete the first space fo the file.
    6. Calculate the hash of the modified file.
    7. Compare the hashes of two files.

    2006年5月30日 星期二

    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.

    2006年5月26日 星期五

    Real time satellite tracking

    Check it out

    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?

    2006年5月19日 星期五

    Homework 05-19-2006 期末作業網站計畫書

    期末作業網站計畫書包含閱讀對象選定, 主題設定, 內容與架構規劃, 常態性經營, 預計達成指標值與影響力預估,
    所需資源,預期的挑戰.

    題目可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,
    試著以部落格創造凝聚力, 進而引起注意或發揮影響力.參閱如何宣傳你的部落格.
    Cookie

    2006年5月12日 星期五

    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.

    Lab Site Meter

    想知道有多少人曾造訪你的 blog, 想瞭解進入你網站的流量相關資訊? 以下的 Lab 利用 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.
    Cookie

    Blog 的宣傳技巧

    摘錄自 Biz Stone 宣傳你的部落格
    <more>

    比較 BBS 討論區 留言版

    <比較>

    關於線上發布的版權, 可以參閱 creative commons, 創用CC

    2006年5月10日 星期三

    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

    1. Download Video!
    2. Write down your experiences watching this informational video.
    3. 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

    1. Click http://www.enterprisenetworkingplanet.com/webcast/article.php/3584806
    2. Write down your experiences watching this informational webcast.
    3. What are the advantages and disadvantages of remote learning by webcast?

    2006年5月9日 星期二

    各國文化入口網站評比研究

    目前國內並沒有文化入口網, 在國外有以下例子

    法國 http://www.culture.fr/
    澳洲 Culture and Recreation Portal
    波蘭 culture.pl
    德國 Culture Portal


    因為文化是一個綜合性的現象, 與文化相關的網站很有挑戰性,
    幾乎很少有水準之上的作品, 很多此類網站一開始的定位就有問題了,
    因此難以成功.

    評比的參考標準

    相關網站; 台灣 網路劇院

    2006年5月5日 星期五

    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.

    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) 的次數.

    2006年4月30日 星期日

    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.

    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
    • http://tw.yahoo.com
    • http://yam.com
    • http://msn.com.tw
    4. Compare PageRank among the following online selling sites:
    • http://monday.com.tw
    • http://shopping.pchome.com.tw
    • http://hermall.yam.com
    5. Compare the following woman theme sites:
    • http://hercafe.yam.com
    • http://www.shesay.com.tw
    • http://www.msn.com.tw/fashion/
    6. Compare the following media sites:
    • http://www.nytimes.com
    • http://www.taipeitimes.com
    • http://www.cnn.com/

    2006年4月29日 星期六

    期末報告題目

    研讀 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. 國外實例

    2006年4月26日 星期三

    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.

    What is Web 2.0

    What is Web 2.0? By Andy Budd of Clearleft Ltd

    What Is Web 2.0 by Tim O'Reilly

    examples:

    維基百科,自由的百科全書

    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.

    2006年4月1日 星期六

    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

    2006年3月31日 星期五

    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.

    Lab RSS Reader

    1. Enter Google Reader

    2. Try the following
    • news.yam.com
    • 中時電子報
    • New York Times
    • Taiwan
    3. What is the RSS feed that Google Reader takes in? List the URL of these RSS feeds.

    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?

    2006年3月25日 星期六

    3-17-2006 作業不完整, 重做

    s9226253
    s9226347
    s9226160
    s9226222

    DOM (Document Object Model)

    • Manipulate the elements of any document
    1. The structure of the DOM exposes new powerful methods which allow you access and manipulate the elements of any document.
    • JavaScript
    1. 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:

    Reference

    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.

    2006年3月24日 星期五

    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.

    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.

    2006年3月19日 星期日

    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.

    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

    2006年3月17日 星期五

    CGI Form

    CGI
    (page 188~193 of Text)

    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?

    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.

    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.

    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.
    Cookie

    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

    • HTML for machine-human interaction
    • XML can be formatted to HTML according to formartting rules called XSLT. To see it, do Lab XSLT.



  • Automation of data flow across various business systems

    • XML for machine-machine interaction
    • Without human involvement, automation of business systems can be accelerated.
    What kind of language is XSLT?
    • 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.

    2006年3月3日 星期五

    3-10-2006 Work with HTML

    Introduction to Hypertext, HTTP

    HTML

    Making webpage accessible

    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.

    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.
    須通過第一級機器檢測

    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.
    (下次上課請攜帶課本)

    Cookie

    Lab Accessibility by GreaseMonkey

    1. 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
    2. Google Access Keys Enables navigation through Google search results using ALT-"," and ALT-".". more

    3. 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
    4. Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.

    2006年2月24日 星期五

    Lab Tongwen 同文堂

    1. Go to Firefox Top 15 downloads
    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.

    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)

    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

    CYCU Location

    +24° 57' 31.02", +121° 14' 28.12"

    satellite image
    http://maps.google.com/maps?q=24.9586,+121.24114

    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

    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
    外國人眼中的台灣-台灣的驕傲

    2006年2月20日 星期一

    Lab Greasemonkey

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

    2. Learn how to use Greasemonkey. Install the following JavaScript and answer the questions one by one.

    3. Animated Firefox Download Counter: Display a counter of the number of firefox downloads in the upper right corner of pages.
    4. 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?
    5. 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

    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

    Lab Google Earth

    Enter earth.google.com
    and use Earth Google to locate CYCU.
    Write down the latitude and longitude coordinates.

    2006年2月17日 星期五

    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

    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.

    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

    2006年2月11日 星期六

    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

    Syllabus

    syllabus of spring 2006

    mark distribution of the previous semester

    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

    Blog

    Why do we need Blog?

    Things to learn about blog