AJAX = Asynchronous JavaScript and XML

• AJAX
  
• AJAX 推薦閱讀清單
• Essential AJAX
  
• AJAX Examples and Counterexamples
• AJAX 與 web service 有何異同?

HTTP & RSS

HTTP, Hypertext Transfer Protocol

http is based on request-response model. If you don't send requests, there will be no responses from any servers at all.

Limitations

If you have a lot of blogs and news groups to read frequently, the request-response behaviors will cost you time to examine each content source respectively. Unfortunately, you may check into websites that have no updates since you checked in last time.

RSS 2.0

RSS 2.0 is a syndication standard using XML. With RSS 2.0, you can subscribe to the source feeds in RSS 2.0 format. Many RSS 2.0 readers can keep an unread list for you, so that you always see the latest updates from the information sources you subscribe to.

Further Reading

pp. 183-185 of Textbook.

Introduction to Internet

Inventor of the internet technology packet switching, Leonard Kleinrock

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

Tim Berners-Lee

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

W3C

Web Services

talk on web service

AJAX 與 web service 有何異同?

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.

AJAX

• resources
• AJAX examples and counterexamples

recommended reading

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:

• atom of Blog,

• Zip Code Web Service

• News Syndication
• http://140.135.8.178/bgbg/lihung.html
  Input 2008 4 7 8 55

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

參考資料
XSLT(專業ASP.NET XML程式設計 - 使用C#)

Static, Dynamic Webpages and Common Gateway Interface

CGI, Common Gateway Interface
(pages 41~46, 188~193 of Textbook)

static page
Ex:
http://www.google.com/

dynamic page
Ex:
http://www.cna.com.tw/

URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411

Talk Outline: HTML & Accessibility

HTML

• Tutorial
  

Accessibility

• What is web accessibility?
• Accessible search engine
• Use accesskeys

Dive into Greasemonkey by Mark Pilgrim (free download)

Talk outline: Browsers

Browsers (Textbook, pp. 57-58 )

• Business values
• architecture
  

Tools for Browsers

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

HTTP & RSS

HTTP, Hypertext Transfer Protocol

http is based on request-response model. If you don't send requests, there will be no responses from any servers at all.

Limitations

If you have a lot of blogs and news groups to read frequently, the request-response behaviors will cost you time to examine each content source respectively. Unfortunately, you may check into websites that have no updates since you checked in last time.

RSS 2.0

RSS 2.0 is a syndication standard using XML. With RSS 2.0, you can subscribe to the source feeds in RSS 2.0 format. Many RSS 2.0 readers can keep an unread list for you, so that you always see the latest updates from the information sources you subscribe to.

Further Reading

pp. 183-185 of Textbook.

Introduction to Internet

Inventor of the internet technology packet switching, Leonard Kleinrock

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

Tim Berners-Lee

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

W3C

AJAX

A New Approach to Web Applications Jesse Garrett
AJAX 簡介 Brett McLaughlin

AJAX examples and counterexamples

互動式網頁程式技巧

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

DOM (Document Object Model)

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)

references:

AJAX by Jeremy Keith

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:

• atom of Blog,

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

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

Static, Dynamic Webpages and Common Gateway Interface

CGI, Common Gateway Interface
(pages 41~46, 188~193 of Textbook)

static page
Ex:
http://www.google.com/

dynamic page
Ex:
http://www.cna.com.tw/

URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411

Talk Outline: Accessibility

Accessibility

• What is web accessibility?
• Accessible search engine
• Use accesskeys

Dive into Greasemonkey by Mark Pilgrim (free download)

預告: 11/19 期中考週不上課

Talk Outline: Tools for Browsers

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

11-5-2007 停課ㄧ次

11/5 老師出國參加 ACM/IEEE WI 2007, San Francisco, US，請公假，停課ㄧ次。

10-22-2007 特別演講

講題: 『實境導航，有障無礙』 無線行動化的社區智慧型空間- 認知障礙者路徑指引系統
講者: 朱衍印
時間: 7:00 p.m.

講題: 智慧型精障者走失偵測系統之行動運算
講者: 莊育嘉
時間: 8:00 p.m.

Lecture 10-8-2007 http and RSS

HTTP, Hypertext Transfer Protocol

http is based on request-response model. If you don't send requests, there will be no responses from any servers at all.

Limitations

If you have a lot of blogs and news groups to read frequently, the request-response behaviors will cost you time to examine each content source respectively. Unfortunately, you may check into websites that have no updates since you checked in last time.

RSS 2.0

RSS 2.0 is a syndication standard using XML. With RSS 2.0, you can subscribe to the source feeds in RSS 2.0 format. Many RSS 2.0 readers can keep an unread list for you, so that you always see the latest updates from the information sources you subscribe to.

Further Reading

pp. 183-185 of Textbook.