Mini Project 3 Presentation

1
Mini Project 3 Presentation

• - Chidambaram

2
Whats new

• The Yahoo news service I presented for mini
  project 2 is now....

3
Whats new

• The Yahoo news service I presented for mini
  project 2 is now....
• 100 Organic
• (DOM methods)

4
Purpose

• Anyone who wants to quickly search for headlines
• Compile headlines about few cities of their
  choice on to a single page

5
Requirements Vs Achievements
Used XHR to get XML news feed from Yahoo News Web
service
Use XHR to fetch files from a Web service
Parsed the XML output from news feed, to
customize display
Incorporate results in to a page display
Used callback function and event handlers to
initiate and process requests
Use event handlers to demonstrate actions
6
Demo
7
Proxy2_YahooNews.html
8
Proxy2_YahooNews.html
callServerProxy() Create XHR Point URL ?
mini2_proxy.php?cityxxx
1
onClick()
9
callServerProxy() Create XHR Point URL ?
mini2_proxy.php?cityxxx
Proxy2_YahooNews.html
onClick()
2
mini2_proxy.php
10
callServerProxy() Create XHR Point URL ?
mini2_proxy.php?cityxxx
Proxy2_YahooNews.html
onClick()
mini2_proxy.php
Calls Yahoo web service api with Registered key
3
11
callServerProxy() Create XHR Point URL ?
mini2_proxy.php?cityxxx
Proxy2_YahooNews.html
onClick()
mini2_proxy.php
4
Returns XML
Calls Yahoo web service api with Registered key
12
callServerProxy() Create XHR Point URL ?
mini2_proxy.php?cityxxx
Proxy2_YahooNews.html
onClick()
parseXml() ( Update page using DOM
5
Callback function
mini2_proxy.php
Returns XML
Calls Yahoo web service api with Registered key
13
callServerProxy() Create XHR Point URL ?
mini2_proxy.php?cityxxx
Proxy2_YahooNews.html
onClick()
parseXml() ( Update page using DOM
5
Callback function
mini2_proxy.php
Returns XML
Calls Yahoo web service api with Registered key
14
Questions ?

• Thanx !!