1-6-2006 SSL

SSL

Lab PGP

Lab PGP II

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

Lab PGP 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?

12-30-2005 Internet Security

Internet Security

Lab SSL

12-16-2005 Class

Web Services Applications

Network Security:
Hash functions
Lab Hash

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

12/16/2005 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.

期末報告題目

參閱以下部落格

星際小孩 http://astrokid.blogspot.com/
芳鄰成長園 http://chang212.blogspot.com/
Reflection http://www.chieftain.idv.tw/archives/category/education/

(1)
思考如何以部落格小眾媒體的特性, 提出一個具有小眾或大眾社會影響力的部落格經營提案,
這當中包含閱讀對象選定, 主題設定, 內容與架構規劃, 常態性經營, 預計達成指標值與影響力預估,
所需資源,預期的挑戰.

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

(2)
實際建構此部落格, 並且提出或實際展現你的經營之道.


注意
1. 實作不限於 www.blogger.com 你可以自由挑選部落格, 但是請勿
使用廣告太多的部落格網站.
2. 請於此公佈你的成果網址.
3. 成果繳交日期: 1/17/2006

Lab Web Service II

"we make a living by what we get, we make a life by what we give"

Test Drive a web service
1. Click Stock Quote and play with this operation
2. Enter IBM as symbol and see what you get in the result.

3. Copy the response XML from this web service, which is a SOAP message, into a text file called quote.xml and prepare for transformation as described in the next step.

4. Based on
the method of Lab XSLT,
write an XSLT and transform the result XML into an HTML.

11-18-2005 Homework

LAB XSLT
reference: XML

12-02-2005 XML

XML
LAB XSLT
Lab XSLT II

sample XML file

[weather type="Current conditions"]
[temp]76[/temp]
[wind]5[/wind]
[/weather]

sample XSLT file

[xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"]

[xsl:template match="weather"]
[H1][xsl:value-of select="@type"/][/H1]
[xsl:apply-templates/]
[HR/]
[/xsl:template]

[xsl:template match="temp"]
[LI]Temperature [xsl:apply-templates/]°F[/LI]
[/xsl:template]

[xsl:template match="wind"]
[LI]Wind [xsl:apply-templates/]mph[/LI]
[/xsl:template]

[xsl:template match="text()"]
[xsl:value-of select="."/]
[/xsl:template]

[/xsl:stylesheet]

11-18-2005 HTML and CGI Form

HTML and CGI Form
XML

Web Services

References: Web Service

Extensive list of web services

Examples
1. find the best rate of USD remission
2. Zip Code
key=eUhOTOJs9D2mcHU6SiL0CyMQvpJ3I3PqR2/fpRq4BOApWxzSzw7wD2FQ2mOmHEk+pq6iRBomQ4wuQl5EGOgfCitYgkQ3N4vl
3. Stock Quote

4. purchase a Hawaii tour with ait tkts, hotel, car rental and golf course

What is SOAP?

SOAP is the Simple Object Access Protocol. It is used for information exchange and RPC, usually (but not necessarily) over HTTP. More information can be found at:

Developmentor SOAP FAQ: http://www.soaprpc.com/faqs/SoapFAQ.html

W3C specifications: http://www.w3.org/TR/SOAP/

What is WSDL?

WSDL is the Web Service Description Language. It provides a formal description of a web service, much like CORBA's IDL. The WSDL file is all you need to know how to call the web service; toolkits can generate proxy code from a WSDL file directly. The official WSDL definition is at http://www.w3.org/TR/wsdl.

Lab Web Services: Test drive a web service with XML.

Lab Google Search Web Service

"nothing builds self-esteem and self-confidence like accomplishment"

Explore Google search web service.

Developers write software programs that connect remotely to the Google Web APIs service. Communication is performed via the Simple Object Access Protocol (SOAP), an XML-based mechanism for exchanging typed information.

If you have questions, you can check into FAQ.

1. Take a close look at Web Service Description Language (WSDL 1.1) description of interface for Google searching

2. Download the web service API of Google search at http://www.google.com/apis/download.html
The download package includes
com.google.soap.search.*;
Google's own Java wrapper for the API SOAP calls
JAF 1.0.1 (activation.jar)

3. You need to create an account at Google to use the web service. Be sure to have an email box to receive the license key.
If you don't, just use this one nQ4ETIdQFHKlGxLZjj+2c8klYflwDzoK

4. Open the DOS command window and prepare to run Java.
Usage:
java -cp googleapi.jar com.google.soap.search.GoogleAPIDemo [key] search Foo

Where [key] is your registration key and Foo is the item you wish to
search for.

5. Take a close look at the XML output, which is the result of your search.

Lab Web Services

"we make a living by what we get, we make a life by what we give"

Test Drive a web service
1. Take a look at the schema of Zip Code Web Service.
2. Use the lincense key eUhOTOJs9D2mcHU6SiL0CyMQvpJ3I3PqR2/fpRq4BOApWxzSzw7wD2FQ2mOmHEk+pq6iRBomQ4wuQl5EGOgfCitYgkQ3N4vl
to use this web service or subsbcribe to it at Zip codes lookup To apply for the license key by yourselves, be sure to have an email box to receive it.
2. Click GetPlacesInside and play with this operation
3. Enter 61801 as zip code and see what you get in the result.
4. Try again 92345 as zip code. Based on
the method of Lab XSLT,
write an XSLT and transform the result XML into an HTML.

Question: Why do you need a license key to use the service?

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. Add a Form to this search box.

6. 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?

HTML, CGI Form

"tell me and I'll forget; show me and I may remember; involve me and I'll understand"

CGI
(page 188~193 of Text)

Lab Form and Action: Using HTML Form

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.

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:

• atom of Blog,

• RSS of Yam News

• Zip Code Web Service

• News Syndication

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.

Lab XSLT: Apply an XML style sheet to generate an HTML file from XML.

11-04-2005 Homework

1. Find 10 websites which are web accessible using Freego or web tool at http://enable.nat.gov.tw
(references from http://enable.nat.gov.tw)

2. Reading Assignments

CGI
(page 188~193 of Text)

Understanding XML
(page 187~188 of Text)

3. Bring the Textbook on 11-18-2005.

Lab NVu Part II

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.
"通過"的欄位應該是 Yes 才算通過

Lab NVu

Use Nvu to edit a homepage
like the blog 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

Lab Subscription by Firefox RSS

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 lower right corner.
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.

11-04-2005 Accessible HTML

Accessible HTML

Lab NVu Part II

Evolutions of Web Applications Systems
(Chapter 2 of Textbook)

10-28-2005 Homework

1. What is content rating? List 3 methods.
2. Do Exercise Firefox RSS
3. Reading Assignment:
Introduction to Internet
hypertext, http, WWW
(page 181~187 of Text)
4. Reading Assignment:
Read Appendix A of Textbook.


Bring Textbook next class.

Lab Tongwen

Install Tongwen 同文堂

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

Lab Hello

Install Picasa

Install Hello

Use Picasa to select a picture

Use the Robot in Hello to upload the selected picture to your blog.

Go to your blog and check whether the upload is a success.

10-28 hypertext, http, WWW

Introduction to Internet
hypertext, http, WWW
(page 181~187 of Text)

Lab NVu: Create a homepage using Nvu (up to Step 4.)

Homework 10-21-2005

1
Lab Google search key

2. What is cookie? What's the benefit and risk?

3. Do Problem 1, 2 of Textbook on P.194.

Lab Google Search Key

1. Save the JavaScript file of Google Access Keys to your desktop.
2. Make changes to the code the script use "/" instead of using ","
3. To do this, use NVU to create a HTML that contains link to the modified JavaScript on your desk top. The link should read as file:///C:/myPath/myJS.js
4. Load the HTML file to Firefox.
5. Uninstall the previous script and install the new script now.
6. Try whether the new access keys take effects.

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, use NVU to create a HTML that contains link to the modified JavaScript on your desk top. Load the HTML file to Firefox. Install the script as Greasemonkey.

2. Use NVU to create a HTML that contains some bad words.

3. Use Firefox to view the HTML with bad words. Try whether the filtering take effects.

Lab Greasemonkey

1. Install Greasemonkey 0.3.3. Check the lower right corner of your Firefox and you should find a monkey over there.
   

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

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

8. Google Access Keys Enables navigation through Google search results using ALT-"," and ALT-".". more

9. You can turn off Greasemonkey by clicking on the monkey face at your lower right corner of Firefox. Click again to activate Greasemonkey.

10/21 Greasemonkey over Firefox

Greasemonkey over Firefox.

Homework 10/14: Get the most from Google-3

1. Use the keyword "禽流感" or "bird flu" "avian flu" to locate 3
authority bird flu websites. Write down the URLs of the 3 sites on your blog.

2.List 3 methods of bird flu control, including the URLs you cite.

3. Avian dispersal may be a viable method of making H5N1 virus carried by migratory birds hard to infect poultry farms. List and write down 3 methods of avian dispersal and explain why.

"logic will get you from A to B - imagination will take you anywhere"

Get the most from Google-2

1. Use the keyword "禽流感" or "bird flu" "avian flu" to locate 3
authority bird flu websites. Write down the URLs of the 3 sites on your blog.

2.List 3 methods of bird flu control, including the URLs you cite and explain why.

3. Avian dispersal may be a viable method of making H5N1 virus carried by migratory birds hard to infect poultry farms. List and write down 3 methods of avian dispersal.

"tell me and I'll forget; show me and I may remember; involve me and I'll understand"

Get the most from Google-1

1. Use the keyword "禽流感" or "bird flu" "avian flu" to locate 3
authority bird flu websites. Write down the URLs of the 3 sites and why on your blog.

2.List 3 methods of bird flu control, including the URLs you cite.

3. Avian dispersal may be a viable method of making H5N1 virus carried by migratory birds hard to infect poultry farms. List and write down 3 methods of avian dispersal.

"nothing builds self-esteem and self-confidence like accomplishment"

10/7 No Class

Because Professor is going to a conference, we don't have class on 10/7.
To be rescheduled at some other time.

Homework 9/30

"tell me and I'll forget; show me and I may remember; involve me and I'll understand"

1. Finish Lab Shopping comparison.

2. Why are Skype so successful as VoIP software?

Reading Assignments

1. Skype, Gizmo, and Google Talk

2. Read Appendix A of Textbook.

3. Please comment the following news coverage in your own blog.

聖誕老人麋鹿被軍機嚇死　丹麥軍方賠16萬

Lab Shopping e-Stores

Compare Amazon,
Yam Shopping, and PCHome Shopping.

Name 3 features of each.

"logic will get you from A to B - imagination will take you anywhere"

Lab Blogger

1. 留言顯示驗證詞
2. 正確設定時區顯示時間
3. 測試他人可否留言(comment)
4. 設定每當有人在您的 Blog 上留下意見時，Blogger會寄電子郵件到您的這個email

Lab Homepage Creation

Introduction to Internet
hypertext, http, WWW
(page 181~187 of Text)

features of Skype

http://iapblog.blogspot.com/2005_02_01_iapblog_archive.html

Related link about Skype, Gizmo, and Google Talk

Homework 9/23

1.
Get familiar with Firefox

Hands on Lab
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.

2. Why there are 8 bits in a byte? 7 bits should suffice to represent English well.

Features of Firefox

http://javaatcycu.blogspot.com/2005/02/firefox.html

Lab earth.google.com

Enter earth.google.com
and use Earth Google to locate CYCU.

Lab Firefox

What are the features of Firefox?
Compare it with Microsoft IE and list at least 5 features.

Syllabus

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

Email: yjchang@cycu.edu.tw

Teaching Assistant:

Email:

Textbook

1. 張耀仁，劉永信, 電子商務系統, 高立書局, 2001年1月三版.

Course Outline

1. 網際網路的趨勢

Firefox, RSS, Blog, Google, Skype, VoIP, P2P, All IP Network

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

Skype, Gizmo, and Google Talk

http://minstral.blogspot.com/2005/09/softphones-are-not-same-skype-gizmo.html

eBay acquires Skype

http://minstral.blogspot.com/2005/09/ebay-acquires-skype.html
search results of related coverage.

Homework 1 09/16/2005

Important notices. Please read it first.

1. Try to change the settings of your blog to let it look nicer, for example,
a better look and feel by a new template, able to show Chinese and local Taipei time, anti-vandalism, and so on.

2. Take a look at a very classic blog http://www.chieftain.idv.tw
What can you learn from this blog?

3. Install Skype and try it. What's your user experience?

Bonus Problem

4. In your opinions, why do eBay want to merge Skype?

Reading Assignments

5. eBay acquires Skype.

6. Skype, Gizmo, and Google Talk

7. Read Appendix A of Textbook.

Due 09/23/2005 at 13:00

Lab 1

Register your blog on the following comments.

Why blog?

1. Use google to search for number of users that already blog.
2. Tour total track of record at 4-year campus life. Good for all courses taken under one account.
3. Turn in exercises and homework
4. Leave essences of study materials for self recorder or open discussions
5. Teachers leave their comments and suggestions any time. Personally but openly.
6. Maintain regular discussion no matter where you are.

Things to learn about Blog

1. Use Gif verification to prevent vandalism.
2. Blog supports subscription
3. Locale & Time Zone
4. Hello for picture blogging
5. Create embedded link
6. Drafts or Publish
7. Multiple blogs under one account
8. Template selection

上半年台灣地區上網人口

中華電信HiNet的ADSL用戶數約為266萬戶，數位聯合電信用戶數約20餘萬戶，各民營業者的寬頻用戶約有60萬至80萬戶。台灣網路資訊中 心（TWNIC）的調查指出，上半年台灣地區上網人口約1,466萬人，上網率達64.78%，寬頻網路使用人數約1,053萬人，約占總人口 54.70%。

http://yam.udn.com/yamnews/daily/2881156.shtml

The future of mobile communications- Vision 2010

2 video clips
NTT DoCoMo Vision 2010 Episode I
NTT DoCoMo Vison 2010 Episode II

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

6/6 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.

Do Lab SSL

Do Lab PGP

Do Lab PGP Part II

6/13 Class

Vision 2010

Do Lab PGP

Do Lab PGP Part II

5/23 Homework

Use the following JavaScript
commands to write
a GreaseMonkey script
so that the webpage you assigned reloads itself
every 60 seconds.

setTimeout
document.location.reload()

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, use NVU to create a HTML that contains link to the modified JavaScript on your desk top. Load the HTML file to Firefox. Install the script as Greasemonkey.

2. Use NVU to create a HTML that contains some bad words.

3. Use Firefox to view the HTML with bad words. Try whether the filtering take effects.

Lab Google Access Keys

1. Save the JavaScript file of Google Access Keys to your desktop.
2. Make changes to the code the script use "/" instead of using ","
3. To do this, use NVU to create a HTML that contains link to the modified JavaScript on your desk top. The link should read as file:///C:/myPath/myJS.js
4. Load the HTML file to Firefox.
5. Uninstall the previous script and install the new script now.
6. Try whether the new access keys take effects.

6/6 Bonus Homework

1. Read the paper about the weak public key issue of PGP.
Is this really a problem to PGP 9.0? Why?

5/30 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

do Lab Hash

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 Greasemonkey

1. Install Greasemonkey 0.3.3. Check the lower right corner of your Firefox and you should find a monkey over there.
   

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

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

8. Google Access Keys Enables navigation through Google search results using "," and ".". more

9. You can turn off Greasemonkey by clicking on the monkey face at your lower right corner of Firefox. Click again to activate Greasemonkey.
   

5/23 User Side Scripts

User Side Scripts

Greasemonkey is a Firefox extension which lets you to add bits of DHTML ("user scripts") to any web page to change its behavior. The JavaScript changes the behavior of the downloaded webpage before the page is shown on the browser.

Lab Greasemonkey

Lab Google Access Keys

Lab Clean Language

5/16 Homework

1. Problem 3 on Page 58
2. Problem 4 on Page 58

Lab Hello

Install Picasa

Install Hello

Use Picasa to select a picture

Use the Robot in Hello to upload the selected picture to your blog.

Go to your blog and check whether the upload is a success.

5/16 WWW Programming

WWW Programming

Server side script
* Microsoft ASP
* Java JSP

(A script is an interpreted language.)

Server Side Component
* DCOM
* Javabeans

Client Side Script
* JavaScript
* Microsoft VBScript

(Often used as pre-processing and post-processing.)

Client Side Component
*ActiveX e.g. www.iflim.com
* Java Applet
* Flash e.g. news.yam.com

Client Side Applications
* Standalone Applications e.g. Hello

Repeat Lab Tongwen in class

Do Lab Hello

Recent development

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.

Recent development

Mass Parallel Computing
Grid Computing

Digital Divide
MotoCycle+WiFi=Motoman

Wireless Foresight
NTT DoCoMo Vison 2010

Related report

Electronic Commerce
Sec. 2.2, 3.3

Demo
1. Business Travel
2. e-Ticketing

5/9 Homework

Reading Assignments:
Read Chapter 3.1 & 3.2

Homework
1. Problem 3.1
2. Problem 3.2
3. Do lab Tongwen

Lab Tongwen

Install Tongwen 同文堂

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

Lab A9

1. Go to a9.com
2. Sign up and get a personal account.
3. Do some keyword search.
4. Retrieve your search history.
5. Install a9 toolbar. Sign in this toolbar.
6. Use this toolbar and take notes on your search results.
7. Use this toolbar to make portable bookmarks.

Lab Scupio

1. Go to search by context Scupio
2. Try enter the following excerpt

目前有部份智慧型手機支援雙網（ GSM + WiFi ），手機本身內建的 MSN Messenger，可透過 WiFi 上網

3. Do the same search at Google. And compare the search results.

4. Do this lab again using your own input excerpts. Compare Scupio with Google.

5/9 Personalization

Personalization

personalized content
* tone & manner
* drag-and-drop template
* personalized subject
* personalized subscription

do Lab Personalization

personalized search
* find by context
do Lab Scupio
* Personalize the search results
do Lab a9

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

5/2 Homework

Do Problems 1, 2, & 3 of Chapter 2, Textbook.

Reading Assignment:
Read Chapter 3 of Textbook.

Lab Stress Test

A
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 at lease 3 different combinations of stress levels and stress multipliers.
4. Test a dynamic page such as http://db10g.cycu.edu.tw/cycu/cce/n00-1.jsp?sn=652 (about 121 KB)
Try at lease 3 different combinations of stress levels and stress multipliers.
5. Compare the response time of both pages and explain why.

B
1. Test the homepage of Yam. Can it be tested? Why or why not?

5/2 Evolutions of Web Applications Systems

Evolutions of Web Applications Systems
(Chapter 2 of Textbook)

Do Lab Stress Test

Lab PGP

1. Download PGP Desktop 9.0 beta
2. Install PGP using

Licensee Name:	Beta Tester
License Organization:	PGP Corporation

the license key D43H6-BL0M0-BUQA5-9VKAZ-E2HDG-4YA
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?

4/25 Homework

1. If Google Maps is available as web service,
propose at least five applications that can make use of this service.

2. Due to the CYCU proxy, we didn't view the
final results of search returned in SOAP message as in Lab VIII.
Try this lab again in your place. Take a look at
the XML results of your search.

3. Reading Assignment: Read Chapter 3 of Textbook about network security.

Lab Google Maps

Use Google Maps to find
1. the satellite picture of the neighborhood near 10 market st, san francisco
2. a route on the satellite picture from 10 market st, san francisco
to 100 Jackson St, San Francisco, CA
3. Find baseball fields in Los Angeles using "baseball, Los Angeles" as search keywords.
Can you find "Dodger Stadium," the baseball field and the surrounding parking lots?

4/25 Class Agenda

Lab Satellite Imagery: Use Google Maps to find satellite pictures
in the North America.

Lab SOAP: Use SOAP Monitor to track SOAP messages.

Lab VIII: Use SOAP to invoke Google Search Web Service.

Lab SOAP

1. Install SOAP Monitor at http://awwebx04.alphaworks.ibm.com/ettk/demos/wstkdoc/services/demos/index.htm#tools
It may take a few minites to finish. The SOAP Service Monitor utility can be used to view the SOAP messages being used by Web services.

2. Check into Basic Demos at http://awwebx04.alphaworks.ibm.com/ettk/demos/wstkdoc/services/demos/index.htm#basic
These demos include Address Book, Attachments, Message, Stock Quote, and Hello World.

3. For each demo you run, use the SOAP Monitor to view the SOAP Request and
Soap Response. [Hint: Check the Reflow XML Text button to view the messages.]

3/28 Homework

"nothing builds self-esteem and self-confidence like accomplishment"

Reading Assignments
Study Lab VIII

Wish you a happy spring break!

Lab XSLT

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

2. Given the the XML file and XSLT file at http://architag.com/tag/Article.asp?v=15&i=7&p=1&s=1
use Xray to do the transformation of the XML into HTML.

3. View the formatted HTML file

Exercise: Subscribe to Yam News XML by Firefox

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 lower right corner.
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.

4/11 Web Service

"tell me and I'll forget; show me and I may remember; involve me and I'll understand"

Lab XSLT
Apply an XML style sheet to generate an HTML file from XML.

Web Service

Examples
1. find the best rate of USD remission
2. Zip Code
key=eUhOTOJs9D2mcHU6SiL0CyMQvpJ3I3PqR2/fpRq4BOApWxzSzw7wD2FQ2mOmHEk+pq6iRBomQ4wuQl5EGOgfCitYgkQ3N4vl
3. Stock Quote
SOAP Monitor is used to monitor the Web Service activities.
4. purchase a Hawaii tour with ait tkts, hotel, car rental and golf course

What is SOAP?

SOAP is the Simple Object Access Protocol. It is used for information exchange and RPC, usually (but not necessarily) over HTTP. More information can be found at:

Developmentor SOAP FAQ: http://www.soaprpc.com/faqs/SoapFAQ.html

W3C specifications: http://www.w3.org/TR/SOAP/

What is WSDL?

WSDL is the Web Service Description Language. It provides a formal description of a web service, much like CORBA's IDL. The WSDL file is all you need to know how to call the web service; toolkits can generate proxy code from a WSDL file directly. The official WSDL definition is at http://www.w3.org/TR/wsdl.

Lab Explore Google search web service.

"nothing builds self-esteem and self-confidence like accomplishment"

Explore Google search web service.

Developers write software programs that connect remotely to the Google Web APIs service. Communication is performed via the Simple Object Access Protocol (SOAP), an XML-based mechanism for exchanging typed information.

If you have questions, you can check into FAQ.

1. Take a close look at Web Service Description Language (WSDL 1.1) description of interface for Google searching

2. Download the web service API of Google search at http://www.google.com/apis/download.html
The download package includes
com.google.soap.search.*;
Google's own Java wrapper for the API SOAP calls
JAF 1.0.1 (activation.jar)

3. You need to create an account at Google to use the web service. Be sure to have an email box to receive the license key.
If you don't, just use this one nQ4ETIdQFHKlGxLZjj+2c8klYflwDzoK

4. Open the DOS command window and prepare to run Java.
Usage:
java -cp googleapi.jar com.google.soap.search.GoogleAPIDemo [key] search Foo

Where [key] is your registration key and Foo is the item you wish to
search for.

5. Take a close look at the XML output, which is the result of your search.

Lab How to use Form to invoke a remote service through CGI.

"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. Add a Form to this search box.

6. 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?

Hint to Lab VI

<form> should be placed before the text input area and </form> should be placed after the submit button.
You can do it by manually changing the HTML code and save your changes.
Now you can try again.

Lab Zip Code Web Service.

"we make a living by what we get, we make a life by what we give"

Test Drive a web service
1. Take a look at the schema of Zip Code Web Service.
2. Use the lincense key eUhOTOJs9D2mcHU6SiL0CyMQvpJ3I3PqR2/fpRq4BOApWxzSzw7wD2FQ2mOmHEk+pq6iRBomQ4wuQl5EGOgfCitYgkQ3N4vl
to use this web service or subsbcribe to it at Zip codes lookup To apply for the license key by yourselves, be sure to have an email box to receive it.
2. Click GetPlacesInside and play with this operation
3. Enter 61801 as zip code and see what you get in the result.
4. Try again 92345 as zip code

Question: Why do you need a license key to use the service?

3/28 XML and Web Services

"tell me and I'll forget; show me and I may remember; involve me and I'll understand"

CGI
(page 188~193 of Text)

Lab VI: Using HTML Form

Understanding XML
(page 187~188 of Text)

XML examples:

• atom of Blog,

• RSS of Yam News

• Zip Code Web Service

• News Syndication

Exercise:
Subscribe to Yam News XML by Firefox.

Lab VII: Test drive a web service with XML.

3/21 hypertext, http, WWW, HTML

Introduction to Internet
hypertext, http, WWW, HTML
(page 181~187 of Text)

Lab V: Create a homepage using Nvu

Lab Accessible Webpages

Use Nvu to edit a homepage
like the blog 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.
"通過"的欄位應該是 Yes 才算通過

3/14 Homework

1. Use Google to search. List some of the critiques about Skype.
Make comments on each of these critiques.

2. RSS and Atom are two methods that can be used to support site feed. Explain RSS and Atom with examples.
[Hint: Blog uses Atom as site feed. At Step 4 of Lab IV, you already learn how to locate the Atom file of the blog. Yam News uses RSS. View its source and try to find the URL following "rss+xml"]

特別注意:
利用 Post your comment 貼上你的blog 第三次作業時, 請註明 "作業三"
同時讓 "作業三" 這三個字可以直接點選進入到你的作業三,
只連到你的Blog 首頁是不精確的.

Reading Assignments
1. Read page 181~195, page 41~46

Lab Setting your blog

Setting your blog
1. set date language to Chinese (Taiwan), 進入 Settings-> Formatting
2. set Time Zone to Taipei, 進入 Settings-> Formatting
3. set Comment Timestamp format to 星期 一, 三月十四日, 2005, 07:48:00 下午,
進入 Settings->Comments
4. Take a look at the site feed, 進入 Settings-> Site Feed
5. At your own blog, create a clickable link back to http://iapblog.blogspot.com 進入 Posting-> Create
6. Create a new blog, and then delete it. 進入 Settings-> Basic

Web Basics

N-Tier
(page 193~194, Chap 2.1)

client-server, client access to database server
3-tier, business logic on the application server
N-tier, using on-the-shelf components

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?

the need of XML

1. Separation of data from data processor
   
2. Seperation of data from presentation
• HTML for machine-human interaction
• XML can be formatted to HTML according to formartting rules called XSLT


3. Automation of data flow across various business systems
• XML for machine-machine interaction
• Without human involvement, automation of business systems can be accelerated.

Lab Features of Skype

Features of Skype
Lab of Skype
0. Download Skype
1. register to get an account
2. Add a contact
3. Search for Skype users
4. Select language
5. Make a call to your friend
6. Change Status (Away, Not Available, Do not disturb)

3/14 Class Agenda

Lab of Skype

Introduction to Peer to Peer computing with Skype

Lab of Tunning Blog

3/7 Homework

1. Bring a headset to try on Skype.
2. Read W3C/WAI
a. How many guidelines are there in WAI?
b. For each guideline, name a website as its counterexample by providing its URL and
the guideline it violates.
3. Reading Assignment: (C) Appendix A

Due 3/14/2005 at 18:50

Lab Web Accessibility

Principles of Web Accessibility

Hands on Lab
1. Install On Mouse Over Show ALT Attributes
2. Check in http://www.edu.tw and http://www.cycu.edu.tw
and 3 other sites you often go to. How well do they support web accessibility?

Lab Get familiar with Firefox

Get familiar with Firefox

Hands on Lab
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.

3/7 Design for Web Accessibility

Do Lab I

Design for Web Accessibility

Do Lab II

請將作業寫在自己的 Blog

http://wirelessminstral.blogspot.com/2005/02/blog_26.html

哪裡可以買到課本

UML (Larman)

天瓏書局 台北市中正區重慶南路一段 107 號, 鄰近火車站 (576元)
博客來
(648 單本, 612 合購10人以上)

電子商務 (張耀仁)

中原大學敦煌書局
中壢市中壢圖書城(中壢車站前站附近, 燦坤對面) 270 元(會員), 300 元 (非會員)
中壢市雅虎書局(中壢車站前站附近, 靠近燦坤) 270 元

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

Features of Firefox

http://javaatcycu.blogspot.com/2005/02/firefox.html

Tips for achieving better performance

1. 繳交作業：

1.1 文字式作業原則上使用 Blog: 請至 http://www.blogger.com 申請, 請以你的學號 (s開頭) 申請免費帳號。主旨欄請用以下格式 "網際網路應用系統設計作業一 " 以加速助教登錄作業成績。

1.2 僅限老師特別指定時，以電子郵件 盡量使用@cycu.edu.tw 繳交作業，郵件主旨欄請用以下格式 "網際網路應用系統設計作業一 會計四甲 s9126333 張曉明" 以加速助教登錄作業成績。

2. 發表學習心得：以Blog (部落格) 發表學習心得，此部份將對Participation成績有益

3. 課前與課後閱讀：參考課程 Blog http://iapblog.blogspot.com/ 的Reading Assignments 以及定期公告。課前預習有助於提高上課效果，課後閱讀是學生必做的功課。

Syllabus: 網際網路應用系統設計

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

Email: yjchang@cycu.edu.tw

Teaching Assistant:

Email:

Textbook

1. 張耀仁，劉永信, 電子商務系統, 高立書局, 2001年1月三版.

Course Outline

1. 網際網路的趨勢

Firefox, RSS, Blog, Google, Skype, VoIP, All IP Network

2. 網際網路基本概念

Origin, Evolution, WWW, HTTP

3. Web 技術

State of the art, N-Tier architecture, HTML, CGI, Database, design for scalability

4. Web Services

XML, SOAP, WSDL

5. 電子商務系統設計

Industry Trend, Entry Barrier, Ecology, Business Opportunities, Best Practices

Competitive Strategies, Differentiation, Pricing, Niche. Implementation

6. 網路安全系統設計

Public Key Infrastructure, Digital Signature, SSL, Firewall, NAT, Watermark

7. 數位學習系統設計

User demands, Trends, Entry Barriers, Opportunities, Business Strategies

8. 無障礙網路空間設計

Accessibility, principles, implementations, verification, certification

2/21 Introductory talk

whale vs. 虱目魚,

CMMi,

Rational Rose Process

2/21 Homework

1. Create your own blog. 請至 http://www.blogger.com 申請, 請以你的學號 (s開頭) 申請免費帳號。
2. (C) Exercise 1.1
3. (C) Exercise Appendix A #7
4. Reading Assignment: (C) Appendix A

Due 3/7/2005 at 18:50

Please write your homework at your own blog. Then post your blog URL here using
Post a comment so that your submission can be timemarked and your classmates can take a look of your work.

符號說明

(C) 張耀仁，劉永信, 電子商務系統, 高立書局, 2001年1月三版.

(L) Craig Larman UML 與樣式徹底研究 (Applying UML and Patterns, 2/e) Prentice-Hall, 中文版, 趙光正翻譯, 2002.