2005年3月28日 星期一

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.

2005年3月27日 星期日

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?


2005年3月15日 星期二

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:

Exercise:
Subscribe to Yam News XML by Firefox.

Lab VII: Test drive a web service with XML.



2005年3月14日 星期一

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

2005年3月13日 星期日

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

  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)

2005年3月7日 星期一

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